/*

Ordered by

body
headings
copy
images
links
forms
footer
forms
sidebox links
tables

*/

body {
    color: #1e1e1e;
    font: 12px Arial, Helvetica, sans-serif;
}


/* Headings */

h1 {
    font-size: 16px;
    background: url(../images/.gif) transparent center left no-repeat;
    color: #000;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-family: Helvetica, Arial, sans-serif;
}

h2 {
    color: #000;
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 1.25em;
    font-family: Helvetica, Arial, sans-serif;
}

    div.greybox h2 {
        background: url(../images/bg_greybox_head.png) transparent top left no-repeat;
        color: #fff;
        text-transform: uppercase;
        line-height: 1em;
        font-size: 12px;
        margin: 0;
        padding: 18px 18px 14px 18px;
    }

    body#inner div.greybox h2 {
        background: url(../images/bg_greybox_head.png) transparent top left no-repeat;
        color: #fff;
        text-transform: uppercase;
        line-height: 1em;
        font-size: 12px;
        margin: 0 0 0 0;
        padding: 18px 18px 14px 18px;
    }

    body#inner div.greybox-grad h2 {
        background: url(../images/bg_greybox_head.png) transparent top left no-repeat;
        color: #fff;
        text-transform: uppercase;
        line-height: 1em;
        font-size: 12px;
        margin: 0 0 0 -15px;
        padding: 18px 18px 14px 18px;
    }

    div.sidebox h2,
    div.sidebox-resource h2 {
        color: #fff;
        text-transform: uppercase;
        line-height: 1em;
        font-size: 12px;
        margin: 0 0 6px 0;
        padding: 8px 5px 7px 28px;
        line-height: 1em;
    }

        div.sidebox h2.dashboard {
            background: url(../images/h2_dashboard.png) transparent top left no-repeat;
        }

        div.sidebox h2.order {
            background: url(../images/h2_my_order.png) transparent top left no-repeat;
        }

        div.sidebox h2.resource,
        div.sidebox-resource h2.resource {
            background: url(../images/h2_add_resource.png) transparent top left no-repeat;
        }
        
        body#popup h2,
        body#popup-sandbox h2 {
            zoom: 1;
            color: #042f87;
        }

        div.started-red h2,
        div.started-blue h2,
        div.started-green h2 {
            color: #fff;
        }



h3 {
    color: #183481;
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.25em;
    font-family: Helvetica, Arial, sans-serif;
}

    div.show-hide h3 {
        background-color: #cbd4f3;
        line-height: 30px;
        margin: 0 -15px 20px -15px;
    }
    
    h3.manager {
        background: url('../images/h3_manager.png') transparent top left no-repeat;
        line-height: 27px;
        padding: 0 0 0 20px;
        font-size: 13px;
        color: #fff;
    }

h4 {
    color: #000;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0 0 8px 0;
    line-height: 1.4em;
}
    h4.dashboard {
        background: url('../images/h3_dashboard.png') transparent top left no-repeat;
        line-height: 27px;
        color: #fff;
        padding: 0 0 0 13px;
    }
        body#resources div.data-box-grad h2,
        body#resources div.data-box h2 {
            background: url('../images/h2_resources_data.png') transparent top left no-repeat;
            margin: 0 -30px 15px -30px;
            padding: 5px 0 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#checkout  div.data-box-grad h2,
        body#checkout div.data-box h2 {
            background: url('../images/h2_checkout_data.png') transparent top left no-repeat;
            margin: 0 -30px 15px -30px;
            padding: 5px 0 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.data h2 {
            background: url('../images/h2_skills_data.png') transparent top left no-repeat;
            margin: 0 -30px 0 -35px;
            padding: 5px 30px 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.data h2 td{
            font-weight: bold;
        }

        body#resources div.data-box-grad div.data-left h2.off,
        body#resources div.data-box div.data-left h2.off {
            background: url('../images/h2_resource_left_off.png') transparent top left no-repeat;
            width: 319px;
            margin: 0 -30px 15px 0;
            padding: 0 0 0 0;
            float: left;
            line-height: 39px;
        }

        body#resources div.data-box-grad div.data-left h2.on,
        body#resources div.data-box div.data-left h2.on {
            background: url('../images/h2_resource_left_on.png') transparent top left no-repeat;
            width: 320px;
            margin: 0 0 15px -30px;
            padding: 0 0 0 0;
            float: left;
            line-height: 39px;
        }

        body#resources div.data-box-grad div.data-right h2.off,
        body#resources div.data-box div.data-right h2.off {
            background: url('../images/h2_resource_right_off.png') transparent top left no-repeat;
            width: 320px;
            margin: 0 0 15px -30px;
            padding: 0 0 0 0;
            float: left;
            line-height: 39px;
        }

        body#resources div.data-box-grad div.data-right h2.on,
        body#resources div.data-box div.data-right h2.on {
            background: url('../images/h2_resource_right_on.png') transparent top left no-repeat;
            width: 319px;
            margin: 0 -30px 15px 0;
            padding: 0 0 0 0;
            float: left;
            line-height: 39px;
        }

        body#checkout  div.data-box-float h2 {
            background: url('../images/h2_checkout_data_float.png') transparent top left no-repeat;
            margin: 0 -30px 15px -30px;
            padding: 5px 0 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.data h2 {
            background: url('../images/h2_skills_data.png') transparent top left no-repeat;
            margin: 0 -30px 0 -35px;
            padding: 5px 30px 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.data h2 {
            background: url('../images/h2_skills_data.png') transparent top left no-repeat;
            margin: 0 -30px 0 -35px;
            padding: 5px 30px 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer #col-right div.menu-box h2 {
            background: url('../images/h2_databox_column.png') transparent top left no-repeat;
            margin: 0 -30px 15px -30px;
            padding: 5px 20px 0 20px;
            line-height: 39px;
            font-size: 12px;
            color: #152961;
        }


        div.rb-intro h2 {
            font-size: 18px;
            color: #4a6ab9;
        }


	
    body#skills-tracer div.inner-data h2 {
        background: url('../images/h2_inner_data.png') transparent top left no-repeat;
        margin: 0 -30px 20px -30px;
    }


    h3.show-hide {
        background-color: #cbd4f3;
        border-bottom: 1px solid #fff;
        margin: 0 0 0 0;
        padding: 5px 15px 0 15px;
        line-height: 30px;
        color: #152961;
    }

        div.rb-intro h3 {
            color: #4a6ab9;
        }

        div.subject-list-open h3 {
            background: url('../images/h3_subject_on.png') transparent top left no-repeat;
            text-transform: uppercase;
            line-height: 27px;
            font-size: 12px;
            color: #fff;
        }

        div.subject-list-close h3 {
            background: url('../images/h3_subject_off.png') transparent top left no-repeat;
            text-transform: uppercase;
            line-height: 27px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.subject-list-open h3 {
            background: url('../images/h3_skills_on.png') transparent top left no-repeat;
            text-transform: uppercase;
            line-height: 27px;
            font-size: 12px;
            color: #fff;
        }

        body#skills-tracer div.subject-list-close h3 {
            background: url('../images/h3_skills_off.png') transparent top left no-repeat;
            text-transform: uppercase;
            line-height: 27px;
            font-size: 12px;
            color: #fff;
        }

        div.more-info h3 {
            color: #4a6ab9;
        }

        div.message-green h3,
        div.order-completed h3 {
            color: #068131;
        }

        div.message-red h3 {
            color: #f00;
        }

        body#inner div.message-red h3 {
            color: #f00;
        }

        body#inner h1 {
            font-size: 22px;
            color: #294498;
        }

        body#inner h2 {
            font-size: 18px;
            color: #eb7806;
        }

        body#inner h3 {
            color: #294498;
        }

        body#inner h4 {
            color: #0f0f0f;
        }






/* Copy */

p {
    line-height: 1.4em;
    margin: 0 0 9px 0;
    font-size: 12px;
	color: #2b2626;
}

    #footer p {
        color: #939292;
        font-size: 11px;
    }

    p.right {
        padding: 5px 5px 0 0;
        float: right;
        text-align: right;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 245px;
    }

        html>body p.right { width: 245px; }

    p.right-large {
        float: right;
        padding: 5px 5px 0 0;
        text-align: right;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 345px;
    }

        html>body p.right-large { width: 345px; }

    p.left {
        width: 500px;
        float: left;
        margin: 15px 0 0 0;
    }

    p.padding {
        padding: 10px 14px 0 14px;
    }

    p.page-buttons {
        margin: 0 0 20px 0;
    }

    p.stripe {
        background-color: #cbd4f3;
        padding: 5px;
    }

    #col-left p.stripe,
    #col-right p.stripe {
        background-color: #eae9e9;
        margin: 0 -15px 10px -15px;
        padding: 5px 15px 5px 15px;
    }

    div.message-green p,
    div.order-completed p {
        color: #068131;
    }

    div.greybox-grad div.message-red {
        width: 240px;
        padding: 12px 0px 5px;
        margin: 0px;
    }

    div.message-red p {
        color: #ff0000;
    }

    div.sidebox ul li p.message-red,
    p.message-red {
        color: #ff0000;
        background: transparent;
    }

    div.results-footer p {
        margin: 0;
    }

    div.book-cover p {
        background-color: #eae9e9;
        padding: 5px 5px 5px 10px;
    }

    div.article p.article-link {
        text-align: right;
        margin: 0 0 0 0;
    }

    p.increase-line-height {
        line-height: 2.1em;
    }

    span.alert {
        font-weight: bold;
        color: #f00;
    }

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

hr {
    border: none;
    border-bottom: 1px #bcbcbc solid;
    margin: 0 0 15px 0;
}

#column-right ul {
    list-style-type: disc;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
}

#column-right ol {
    list-style-type: decimal;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
}

    #column-right li {
        margin: 0 0 .75em 0;
        line-height: 1.4em;
    }

        #column-right ul ul,
        #column-right ol ul {
            margin: .5em 0 .75em 3em;
        }

        #column-right ol ol,
        #column-right ul ol {
            list-style-type: lower-alpha;
            margin: .5em 0 .75em 3em;
        }


    #user-summary ul {
        border:0 solid #FF0000;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0 0 0 0;
        padding:15px 0 0 0;
    }

    #user-summary ul li {
        float: right;
        background-image: none;
        text-transform: uppercase;
        color: #fff;
        line-height: 1em;
        margin: 0;
        border: 0;
    }

    #user-summary ul li.name {
        padding: 8px 0 0 0;
    }
    
    #user-summary ul li.name span.lower {
        text-transform: lowercase;
        color: #c3cfef;
    }

    #user-summary ul li.dash {
        background: url(../images/bg_btn_dashbrd.png) transparent left top no-repeat;
        border-top: 1px solid #2fa5e5;
        border-right: 1px solid #104ba3;
        padding: 5px 10px 8px 35px;
        margin: 0 0 0 10px;
    }

    #user-summary ul li.order {
        background: url(../images/bg_btn_order.png) transparent left top no-repeat;
        border-top: 1px solid #2fa5e5;
        border-right: 1px solid #104ba3;
        padding: 5px 10px 8px 35px;
        margin: 0 0 0 5px;
    }

        #user-summary ul li.login {
            background: url(../images/bg_btn_login.png) transparent left top no-repeat;
            border-top: 1px solid #2fa5e5;
            border-right: 1px solid #104ba3;
            padding: 5px 10px 8px 35px;
            margin: 0 0 0 5px;
        }

        #user-summary ul li.join {
            background: url(../images/bg_btn_join.png) transparent left top no-repeat;
            border-top: 1px solid #2fa5e5;
            border-right: 1px solid #104ba3;
            padding: 5px 10px 8px 35px;
            margin: 0 0 0 5px;
        }

        #user-summary ul li a:link,
        #user-summary ul li a:visited {
            color:#fff;
            line-height:12px;
            padding: 0;
        }

        #user-summary ul li a:hover,
        #user-summary ul li a:focus,
        #user-summary ul li a:active {
            color:#fff;
            line-height:12px;
            padding: 0;
        }

        #user-summary ul li span a:link,
        #user-summary ul li span a:visited {
            color:#c3cfef;
            line-height:12px;
            padding: 0;
        }

        #user-summary ul li span a:hover,
        #user-summary ul li span a:focus,
        #user-summary ul li span a:active {
            color:#fff;
            line-height:12px;
            padding: 0;
        }

        #column-right div.subject-list-open ul {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            list-style-type: none;
        }

        #column-right div.subject-list-open li {
            list-style-type: none;
            vertical-align:bottom;
            line-height: 24px;
        }

        #column-right div.subject-list-close ul {
            display: none;
        }




        div.more-info ul,
        div.message-green ul,
        div.order-completed ul {
            list-style-type: square;
            padding: 0 0 0 0;
            margin: 0 0 1em 2em;
        }

        div.more-info ol,
        div.message-green ol,
        div.order-completed ol {
            list-style-type: decimal;
            padding: 0 0 0 0;
            margin: 0 0 1em 2em;
        }

        div.more-info li,
        div.message-green li,
        div.order-completed li {
            margin: 0 0 .75em 0;
            line-height: 1.4em;
        }

            div.more-info ul ul,
            div.more-info ol ul,
            div.message-green ul ul,
            div.message-green ol ul,
            div.order-completed ul ul,
            div.order-completed ol ul {
                margin: .5em 0 .75em 3em;
            }

            div.more-info ol ol,
            div.more-info ul ol,
            div.message-green ol ol,
            div.message-green ul ol,
            div.order-completed ol ol,
            div.order-completed ul ol {
                list-style-type: lower-alpha;
                margin: .5em 0 .75em 3em;
            }

    body#skills-tracer #column-left ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }

    body#skills-tracer #column-left li {
        background: url('../images/li_skills_menu.png') transparent top left no-repeat;
        width: 152px;
        height: 42px;
        margin: 0 0 3px 0;
        list-style: none;
    }

    body#skills-tracer #column-left li a:link,
    body#skills-tracer #column-left li a:visited {
        background: url('../images/li_skills_menu.png') transparent top left no-repeat;
        height: 42px;
        padding: 0 0 0 19px;
        display: block;
        line-height: 45px;
        text-decoration: none;
        color: #173a96;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 133px;
    }

    html>body#skills-tracer #column-left li a { width: 133px; }

    body#skills-tracer #column-left li.on a:link,
    body#skills-tracer #column-left li.on a:visited {
        background-position: -152px 0;
        color: #4f4f4f;
    }

    body#skills-tracer #column-left li a:hover,
    body#skills-tracer #column-left li a:active,
    body#skills-tracer #column-left li a:focus,
    body#skills-tracer #column-left li.on a:hover,
    body#skills-tracer #column-left li.on a:active,
    body#skills-tracer #column-left li.on a:focus {
        background-position: -304px 0;
        color: #fff;
    }

    body#skills-tracer div.data-tabs ul {
        background: url('../images/ul_skills_tabs.png') transparent top left no-repeat;
        margin: 0 0 0 0;
        padding: 0 0 0 85px;
        list-style: none;
        overflow: hidden;
    }

    body#skills-tracer div.data-tabs li {
        background: url('../images/li_skills_tabs.png') transparent top right no-repeat;
        height: 26px;
        margin: 0 5px 0 0;
        padding: 0 0 0 0;
        float: left;
        list-style: none;
        vertical-align: bottom;
    }

    body#skills-tracer div.data-tabs li:hover,
    body#skills-tracer div.data-tabs li.on,
    body#skills-tracer div.data-tabs li.other:hover {
        background-position: right -26px;
    }

    body#skills-tracer div.data-tabs li.other {
        background-position: right -52px;
    }

    body#skills-tracer div.data-tabs li a:link,
    body#skills-tracer div.data-tabs li a:visited {
        background: url('../images/li_skills_tabs_caps.png') transparent top left no-repeat;
        height: 26px;
        padding: 0 20px 0 20px;
        float: left;
        line-height: 26px;
        text-decoration: none;
        vertical-align: bottom;
        color: #173a96;
    }

    body#skills-tracer div.data-tabs li.on a:link,
    body#skills-tracer div.data-tabs li.on a:visited {
        background-position: 0 -26px;
        color: #4F4F4F;
    }

    body#skills-tracer div.data-tabs li.other a:link,
    body#skills-tracer div.data-tabs li.other a:visited {
        background-position: 0 -52px;
    }

    body#skills-tracer div.data-tabs li a:hover {
        background-position: 0 -26px;
    }

    body#skills-tracer div.data-tabs li.other a:hover {
        background-position: 0 -26px;
    }


    div.btn-my-order a:link,
    div.btn-my-order a:visited,
    div.btn-my-order a:hover {
        background: url('../images/bg_btn_order.png') transparent top left;
        line-height: 25px;
        padding: 5px 20px 5px 40px;
        color: #fff;
    }

    div.message-red li {
        color: #454545;
    }


/* images */

#logo img {
    display: block;
    border: 0;
    margin: 0 0 0 45px;
}

img.clear {
    clear: both;
    display: block;
}

img.left {
    float: left;
    margin: 0 10px 5px 0;
}

img.right {
    float: right;
    margin: 0 0 5px 10px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#breadcrumb img,
#breadcrumb input {
    margin: 0 12px 30px 0;
}


div.book-cover img {
    border: 1px #979797 solid;
    margin: 0 0 2px 0;
}

div.article img.article {
    float: right;
    margin: 0 0 10px 10px;
}

img.button {
    margin: 0 0 15px 0;
}

/* links */

a:link,
a:visited {
    color: #f00;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #000;
    text-decoration: none;
}

#logo img a {
    outline: none;
}

    div.sidebox h2 a:link,
    div.sidebox h2 a:visited {
        color: #fff;
        text-decoration: underline;
    }

    div.sidebox h2 a:hover,
    div.sidebox h2 a:focus,
    div.sidebox h2 a:active {
        color: #fff;
        text-decoration: none;
    }

    #footer a:link,
    #footer a:visited {
        color: #939292;
        text-decoration: none;
    }

    #footer a:hover,
    #footer a:focus,
    #footer a:active {
        color: #787676;
        text-decoration: underline;
    }

    a:link,
    a:visited,
    a:active,
    a:focus {
        color: #0042ff;
    }

    a.help,
    a.help:link,
    a.help:visited,
    a.help:active,
    a.help:focus {
        background-color: #0b48ae;
        padding: 0 5px 0 5px;
        font-weight: normal;
        color: #fff;
    }

    h2 a.help,
    h2 a.help:link,
    h2 a.help:visited,
    h2 a.help:active,
    h2 a.help:focus {
        background-color: #fff;
        padding: 0 5px 0 5px;
        font-weight: normal;
        color: #3c6dbe;
    }


    a.help span {
        display: none;
        text-align: left;
    }

    a.help:hover span {
        display:block;
        background-color: #ebebeb;
        padding: 14px 10px;
        border: 1px #0b48ae solid;
        color: #615f5f;
        position: absolute;
        z-index: 500;
        font-weight: normal;
        text-align: left;

    }

    h2 a.help:hover span {
        line-height: 15px;
        margin: 0px;
        text-align: left;
    }

    h3 a.help:hover span {
        line-height: 15px;
        margin: 0px;
        font-size: 12px;
    }

    body#resources div.data-box-grad div.data-right h2.off a:link,
    body#resources div.data-box-grad div.data-right h2.off a:visited,
    body#resources div.data-box-grad div.data-right h2.off a:active,
    body#resources div.data-box div.data-right h2.off a:link,
    body#resources div.data-box div.data-right h2.off a:visited,
    body#resources div.data-box div.data-right h2.off a:active {
        background: url('../images/h2_resource_right_off.png') transparent top left no-repeat;
        padding: 5px 0 0 30px;
        line-height: 39px;
        display: block;
        text-decoration: none;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 290px;
    }

        html>body#resources div.data-box-grad div.data-right h2.off a,
        html>body#resources div.data-box div.data-right h2.off a { width: 290px; }

    body#resources div.data-box-grad div.data-right h2.off a:hover,
    body#resources div.data-box div.data-right h2.off a:hover {
        background: url('../images/h2_resource_right_hover.png') transparent top left no-repeat;
    }


    body#resources div.data-box-grad div.data-right h2.on a:link,
    body#resources div.data-box-grad div.data-right h2.on a:visited,
    body#resources div.data-box-grad div.data-right h2.on a:active,
    body#resources div.data-box div.data-right h2.on a:link,
    body#resources div.data-box div.data-right h2.on a:visited,
    body#resources div.data-box div.data-right h2.on a:active {
        background: url('../images/h2_resource_right_on.png') transparent top left no-repeat;
        padding: 5px 0 0 30px;
        line-height: 39px;
        display: block;
        text-decoration: none;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 289px;
    }

        html>body#resources div.data-box-grad div.data-right h2.on a,
        html>body#resources div.data-box div.data-right h2.on a { width: 289px; }

    body#resources div.data-box-grad div.data-left h2.on a:link,
    body#resources div.data-box-grad div.data-left h2.on a:visited,
    body#resources div.data-box-grad div.data-left h2.on a:active,
    body#resources div.data-box div.data-left h2.on a:link,
    body#resources div.data-box div.data-left h2.on a:visited,
    body#resources div.data-box div.data-left h2.on a:active {
        background: url('../images/h2_resource_left_on.png') transparent top left no-repeat;
        padding: 5px 0 0 30px;
        line-height: 39px;
        display: block;
        text-decoration: none;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 290px;
    }

        html>body#resources div.data-box-grad div.data-left h2.on a,
        html>body#resources div.data-box div.data-left h2.on a { width: 290px; }

    body#resources div.data-box-grad div.data-left h2.off a:link,
    body#resources div.data-box-grad div.data-left h2.off a:visited,
    body#resources div.data-box-grad div.data-left h2.off a:active,
    body#resources div.data-box div.data-left h2.off a:link,
    body#resources div.data-box div.data-left h2.off a:visited,
    body#resources div.data-box div.data-left h2.off a:active {
        background: url('../images/h2_resource_left_off.png') transparent top left no-repeat;
        padding: 5px 0 0 30px;
        line-height: 39px;
        display: block;
        text-decoration: none;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 289px;
    }

        html>body#resources div.data-box-grad div.data-left h2.off a,
        html>body#resources div.data-box div.data-left h2.off a { width: 289px; }

    body#resources div.data-box-grad div.data-left h2.off a:hover,
    body#resources div.data-box div.data-left h2.off a:hover {
        background: url('../images/h2_resource_left_hover.png') transparent top left no-repeat;
    }

    div.subject-list-open h3 a:link,
    div.subject-list-open h3 a:visited {
        background: url('../images/h3_subject_on.png') transparent top left no-repeat;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 27px;
        font-size: 12px;
        display: block;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 564px;
    }

        html>body div.subject-list-open h3 a { width: 564px; }

    div.subject-list-open h3 a:hover {
        background: url('../images/h3_subject_off.png') transparent top left no-repeat;
    }

    body#skills-tracer div.subject-list-open h3 a:link,
    body#skills-tracer div.subject-list-open h3 a:visited {
        background: url('../images/h3_skills_on.png') transparent top left no-repeat;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 27px;
        font-size: 12px;
        display: block;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 674px;
    }

    html>body#skills-tracer div.subject-list-open h3 a { width: 674px; }

    body#skills-tracer div.subject-list-open h3 a:hover {
        background: url('../images/h3_skills_off.png') transparent top left no-repeat;
    }

    div.subject-list-close h3 a:link,
    div.subject-list-close h3 a:visited {
        background: url('../images/h3_subject_off.png') transparent top left no-repeat;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 27px;
        font-size: 12px;
        display: block;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 564px;
    }

        html>body div.subject-list-close h3 a { width: 564px; }

    div.subject-list-close h3 a:hover {
        background: url('../images/h3_subject_on.png') transparent top left no-repeat;
    }

    body#skills-tracer div.subject-list-close h3 a:link,
    body#skills-tracer div.subject-list-close h3 a:visited {
        background: url('../images/h3_skills_off.png') transparent top left no-repeat;
        padding: 0 0 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 27px;
        font-size: 12px;
        display: block;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 674px;
    }

        html>body#skills-tracer div.subject-list-close h3 a { width: 674px; }

    body#skills-tracer div.subject-list-close h3 a:hover {
        background: url('../images/h3_skills_on.png') transparent top left no-repeat;
    }

    #column-right div.subject-list-open li a:link,
    #column-right div.subject-list-open li a:visited {
        background: url('../images/ul_subjects.png') transparent top left no-repeat;
        padding: 0 0 0 24px;
        line-height: 24px;
        display: block;
        text-decoration: none;
        vertical-align: bottom;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 550px;
    }

        html>body #column-right div.subject-list-open li a { width: 550px; }


    #column-right div.subject-list-open li a:hover {
        background: url('../images/ul_subjects_on.png') transparent top left no-repeat;
        color: #fff;
    }



    a.remove:link,
    a.remove:visited,
    a.active {
        color: #f00;
    }

    div.started-red a:link,
    div.started-red a:visited,
    div.started-blue a:link,
    div.started-blue a:visited,
    div.started-green a:link,
    div.started-green a:visited {
        text-decoration: none;
        display: block;
        color: #fff;
    }

    #close-window a:link,
    #close-window a:visited {
        background: url('../images/btn_close_window.png') transparent center right no-repeat;
        padding: 2px 25px 2px 0;
        line-height: 18px;
    }

    div.tools a.deco-basket {
        background: url('../images/deco_basket_check.png') transparent top left no-repeat;
        padding: 0 20px 3px 22px;
    }

    div.tools a.deco-letter {
        background: url('../images/deco_letter.png') transparent top left no-repeat;
        padding: 0 0 3px 22px;
    }

    div.tools a.deco-jigsaw {
        background: url('../images/deco_jigsaw.png') transparent top left no-repeat;
        padding: 0 20px 3px 22px;
    }

    div.tools a.deco-pdf {
        background: url('../images/deco_pdf.png') transparent top left no-repeat;
        padding: 0 0 3px 20px;
    }




/*  forms  */

form {
    margin: 0;
    padding: 0;
}

label {
    display: block;
}

input {
    margin: 0;
    padding: 0;
}

    input.textbox {
        font-size: 11px;
        color: #666;
        margin: 0;
        padding: 0;
    }

select {
    font-size: 11px;
    width: 160px;
    color: #666;
    margin: 0;
    padding: 0;
}

select.small {
    width: 100px;
}


input.text {
    width: 250px;
}

table.checkout input {
    width: 40px;
}

body#popup textarea,
body#popup-sandbox textarea {
    width: 100%;
    margin: 10px 0 20px 0;
}

input.login {
    width: 90%;
}

textarea.disabled {
    background-color: #f6f2f2;
    height: 350px;
    color: #3d3d3d;
}

/* Grey contained sidebox links (one level) */


div.greybox ul {
    margin: 0;
    padding: 0 15px 15px 15px;
    border: 0px solid #f00;
}

    div.greybox-grad ul {
        margin: 0;
        padding: 0;
    }

    div.greybox ul li,
    div.greybox-grad ul li {
        margin: 5px 0;
        padding: 0 0 0 0;
        font-size: 12px;
        line-height: 12px;
        width: 245px;
        display: block;
        vertical-align: bottom;
    }


    div.greybox ul li a:link,
    div.greybox ul li a:visited,
    div.greybox-grad ul li a:link,
    div.greybox-grad ul li a:visited {
        background: url(../images/deco_sidebox_off.png) transparent left no-repeat;
        padding: 9px 0 6px 28px;
        margin: 0;
        display: block;
        text-decoration: none;
        vertical-align: bottom;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #9f9f9f;
        font-weight: bold;
        color: #2155ff;
    }

    div.greybox ul li a:hover,
    div.greybox-grad ul li a:hover {
        background: url(../images/deco_greybox_on.png) transparent left no-repeat;
        margin: 0;
        padding: 9px 0 6px 28px;
        text-decoration: none;
        vertical-align: bottom;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #021a6f;
        color: #fff;
    }

    div.greybox ul li.on,
    div.greybox-grad ul li.on {
        padding: 0;
        margin: 5px 0;
    }

    div.greybox ul li.on a:link,
    div.greybox ul li.on a:visited,
    div.greybox-grad ul li.on a:link,
    div.greybox-grad ul li.on a:visited {
        background: url(../images/deco_greybox_off.png) transparent left no-repeat;
        text-decoration: none;
        color: #565656;
    }

    div.greybox ul li.on a:hover,
    div.greybox-grad ul li.on a:hover {
        background: url(../images/deco_greybox_on.png) transparent left no-repeat;
        color: #fff;
    }


/* User sidebox links (one level) */



div.sidebox ul {
    margin: 0;
    padding: 0 0 0 0;
    border: 0px solid #f00;
}

    div.sidebox ul li {
        margin: 5px 0;
        padding: 0 0 0 0;
        font-size: 12px;
        line-height: 12px;
        width: 245px;
        display: block;
        vertical-align: bottom;
    }

    div.sidebox ul li a:link,
    div.sidebox ul li a:visited {
        text-decoration: none;
        padding: 9px 0 6px 28px;
        margin: 0;
        color: #0042ff;
        display: block;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #9f9f9f;
        vertical-align: bottom;
        background: url(../images/deco_sidebox_off.png) transparent left no-repeat;
    }

    div.sidebox ul li a:hover {
        padding: 9px 0 6px 28px;
        text-decoration: none;
        margin: 0;
        color: #fff;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #021a6f;
        vertical-align: bottom;
        background: url(../images/deco_greybox_on.png) transparent left no-repeat;
    }

    div.sidebox ul li.on {
        padding: 0;
        margin: 0;
    }

    div.sidebox ul li.on a:link,
    div.sidebox ul li.on a:visited,
    div.sidebox ul li.on a:hover {
        text-decoration: none;
        color: #fff;
        background: url(../images/deco_greybox_on.png) transparent left no-repeat;
    }



    div.sidebox-resource ul.resource {
        background: url('../images/bg_side_ul.png') transparent bottom left repeat-x;
        width: 243px;
        padding: 5px 0 5px 0;
        border-top: 1px #ededee solid;
        border-bottom: 1px #9e9e9e solid;
        border-left: 1px #dbdbdb solid;
        border-right: 1px #c4c4c4 solid;
        list-style: disc;
    }

    div.sidebox-resource ul.resource li {
        width: 218px;
        margin: 0 0 0 25px;
        line-height: 25px;
        list-style: disc;
        font-style: italic;
        color: #565555;
    }

    div.sidebox-resource ul.resource-button {

    }

    div.sidebox-resource ul.resource-button li {
        width: 245px;
        margin: 5px 0;
        padding: 0 0 0 0;
        vertical-align: bottom;
        display: block;
        line-height: 12px;
        font-size: 12px;
    }

    div.sidebox-resource ul.resource-button li a:link,
    div.sidebox-resource ul.resource-button li a:visited {
        background: url(../images/deco_sidebox_off.png) transparent left no-repeat;
        padding: 9px 0 6px 28px;
        margin: 0;
        color: #0042ff;
        display: block;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #9f9f9f;
        vertical-align: bottom;
        text-decoration: none;
    }

    div.sidebox-resource ul.resource-button li a:hover {
        background: url(../images/deco_greybox_on.png) transparent left no-repeat;
        color: #fff;
    }




/* tables */

table {
    margin: 0 0 20px 0;
}

table.review {
    background-color: #efeeee;
}


table.review th {
    background-color: #cbd4f3;
    padding: 5px 0px 5px 10px;
    color: #152961;
}


table.review td.heading {
    font-weight: bold;
    padding: 12px 5px 12px 10px;
    background-color: #efeeee;
}

table.review td {
    padding: 12px 5px 12px 10px;
}


    div.message-green table,
    div.message-red table,
    div.results table,
    div.page-number table,
    div.order-completed table {
        padding: 0;
        margin: 0;
    }

table td {
    padding: 12px 5px 12px 10px;
}

table.payment {
    margin: 0px;
}

table.payment td {
    padding: 8px 10px 10px 10px
}

    div.message-green table td,
    div.message-red table td,
    div.results table td,
    div.page-number table td,
    div.order-completed table td {
        padding: 5px 5px 10px 5px;
    }

    form table td {
        padding: 0 20px 15px 0;
    }

    form table th {
        background-color: #cbd4f3;
        padding: 5px 0 5px 10px;
    }
	
    div.greybox-grad form table {
        margin: 20px 0 0 0;
    }

    div.greybox-grad form table td {
        padding: 5px 20px 10px 15px;
    }

table.list td,
table.list th{
    padding: 12px 5px 12px 10px;
    border-bottom: 1px #c8c7c7 solid;
}

    table.checkout td {
        padding: 12px 5px 12px 10px;
        border: none;
    }

    table.rearrange th,
    table.checkout th,
    table.review th,
    table.payment th {
        background-color: #cbd4f3;
        padding: 12px 5px 12px 10px;
        color: #152961;
    }

    table.rearrange tr:hover {
        background-color: #edf1fc;
    }

    table td.text-center {
        text-align: center;
    }

    table td.text-right,
	table th.text-right {
        text-align: right;
        padding-right: 0;
    }

    table td.text-right-padding,
	table th.text-right-padding {
        text-align: right;
        padding: 12px 5px 12px 10px;
    }

    table tr.text-left,
    table td.text-left {
        text-align: left;
    }

body#popup td,
body#popup-sandbox td {
    padding: 5px 5px 5px 5px;
}

table th {
    font-weight: bold;
}

table tr.volume {
    background-color: #c8c7c7;
    color: #fff;
}

table tr.volume td {
    padding: 5px 5px 5px 10px;
    border-top: 3px #fff solid;
}

table tr.border-top td {
    border-top: 1px #c8c7c7 solid;
}

table tr.border-bottom td {
    border-bottom: 1px #c8c7c7 solid;
}

table td.border-right {
    border-right: 1px #c8c7c7 solid;
}

table td.border-left {
    border-left: 1px #c8c7c7 solid;
}

div.show-hide h3 table {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.show-hide h3 table td {
    padding: 5px;
}

tr.red {
    background-color: #fbf6f6;
}

tr.red td {
    border: 1px #f00 solid;
}

tr.red td td { border: none; padding: 6px 5px 6px 10px; }

tr.green {
    background-color: #e7f9f1;
}

tr.green td {
    border: 1px #21c85b solid;
}

    tr.green td td { border: none; padding: 6px 5px 6px 10px; }

tr.grey td {
    background-color: #e6e6e6;
}

tr.grey td {
    border: 1px #bcbcbc solid;
}

tr.grey td td {
    border: none;
    padding: 6px 5px 6px 10px;
}

body#skills-tracer div.subject-list-close table {
    display: none;
}

tr.stripe {
    background-color: #edf1fc;
}

table.assign {
    margin: 10px 0 20px 0;
    width: 80%;
    border: 0;
}

table.assign th,
table.assign td {
    padding: 0 0 0 0;
}

table.assign th {
    background-color: #cbd4f3;
    padding: 4px 0 4px 10px;
    width: 1%;
}

table.assign td.controls {
    width: 1%;
    padding: 20px;
}

h2 table {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h2 td,
h2 tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#home-left table {
    margin: 0 0 0 0;
}

#home-left td,th {
    padding: 0 0 5px 0;
}


#login-ul table {
    margin: 15px 0 0 0;
}

    #login-ul table td {
        margin: 0;
        padding: 0 0 15px 15px;
    }

    #login-ul table a:link,
    #login-ul table a:visited {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
        border: none;
    }

    #login-ul table a:hover {
        text-decoration: none;
        color: #0036ff;
    }


table.no-padding td {
    padding: 0 0 0 10px;
}

td.percent {
    background-color: #eae9e9;
    height: 9px;
    padding: 0 0 0 0;
}

table.evidence th {
    background-color: #cbd4f3;
    padding: 6px 10px 6px 10px;
}


table.bottom-margin {
    margin: -30px 0 30px 0;
}

table.bottom-margin td {
    padding: 10px 2px 0 0;
}

    /**
     * Following created by Carmen Grantham
     */



    div.data-box-search-small {
        background: url('../images/bg_checkout_data_float.png') transparent bottom left no-repeat;
        width: 440px;
        margin: 0 18px 30px 0;
        padding:  0 30px 30px 30px;
        float: left;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 250px;
    }

    div.data-box-search-small h2 {
        background: url('../images/h2_checkout_data_float.png') transparent top left no-repeat;
        margin: 0 -30px 15px -30px;
        padding: 5px 0 0 30px;
        line-height: 39px;
        font-size: 12px;
        color: #fff;
    }

    div.data-box-search-subjectarea {
        background: url('../images/bg_checkout_data_float.png') transparent bottom left no-repeat;
        width: 440px;
        margin: 0 18px 30px 0;
        padding:  0 30px 30px 30px;
        float: left;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 200px;
    }


   div.data-box-search-subjectarea h2 {
        background: url('../images/h2_checkout_data_float.png') transparent top left no-repeat;
        margin: 0 -30px 15px -30px;
        padding: 5px 0 0 30px;
        line-height: 39px;
        font-size: 12px;
        color: #fff;
    }

    table.summary {
        margin: 0px;
    }
    table.summary td {
        padding: 3px;
    }


    div.sidebox ul li p {
        background: url('../images/deco_sidebox_list.png') no-repeat;
        padding: 9px 0px 6px 9px;
        color: #0042FF;
    }

    div.rearrange {
        border: none;
        padding-bottom: 3px;
        margin-top: 9px;
        margin-bottom:2px;
        padding: 1px 0;
        position: relative;
        width: 100%;
    }

    div.rearrange-move-header {
        width: 25px;
        position: relative;
        background-color: #CBD4F3;
        padding: 12px 5px 12px 10px;
        left: 0;
        z-index: 100;
        height: 15px;
    }

    div.rearrange-remove-header {
        position: absolute;
        left: 40px;
        width: 30px;
        background-color: #CBD4F3;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-title-header {
        position: absolute;
        width: 310px;
        right: 180px;
        background-color: #CBD4F3;
        color: #152961;
        padding: 12px 5px 12px 10px;
        font-weight: bold;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-flavour-header {
        position: absolute;
        right: 0;
        width: 180px;
        background-color: #CBD4F3;
        color: #152961;
        padding: 12px 5px 12px 10px;
        font-weight: bold;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-row {
        position:relative;
        width: 100%;
        border: none;
        margin-bottom: 2px;
        padding: 1px 0;
    }

    div.rearrange-split-here {
       background: url('../images/deco_splitter_move.gif') transparent left no-repeat;
       cursor: pointer;
       width: 550px;
       margin: 2px;
       position: relative;
       z-index: 100;
       text-align: center;
       background-color: #C8C7C7;
       color: #FFFFFF;
       padding: 5px 5px 5px 10px;
    }

    div.rearrange-move {
        cursor: pointer;
        position: relative;
        width: 25px;
        z-index: 100;
        padding: 12px 5px 12px 10px;
    }

    div.rearrange-remove {
        left: 40px;
        position: absolute;
        width: 30px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }

    div.rearrange-title {
        right: 180px;
        position: absolute;
        width: 310px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }

    div.rearrange-flavour {
        right: 0px;
        position: absolute;
        width: 180px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }


    div.rearrange-qualification-move-header {
        width: 25px;
        position: relative;
        background-color: #CBD4F3;
        padding: 12px 5px 12px 10px;
        left: 0;
        z-index: 100;
        height: 15px;
    }

    div.rearrange-qualification-remove-header {
        position: absolute;
        left: 40px;
        width: 30px;
        background-color: #CBD4F3;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-qualification-title-header {
        position: absolute;
        width: 400px;
        right: 190px;
        background-color: #CBD4F3;
        color: #152961;
        padding: 12px 5px 12px 10px;
        font-weight: bold;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-qualification-notforrpl-header {
        position: absolute;
        right: 0;
        width: 180px;
        background-color: #CBD4F3;
        color: #152961;
        padding: 12px 5px 12px 10px;
        font-weight: bold;
        top: 0;
        margin-top: 1px;
        height: 15px;
    }

    div.rearrange-qualification-move {
        cursor: pointer;
        position: relative;
        width: 25px;
        z-index: 100;
        padding: 12px 5px 12px 10px;
    }

    div.rearrange-qualification-remove {
        left: 40px;
        position: absolute;
        width: 30px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }

    div.rearrange-qualification-title {
        right: 190px;
        position: absolute;
        width: 400px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }

    div.rearrange-qualification-notforrpl {
        right: 0px;
        position: absolute;
        width: 180px;
        padding: 12px 5px 12px 10px;
        top: 0;
        margin-top: 1px;
    }


    div.subject-list-close h3 p,
    div.subject-list-open h3 p {
        padding: 0 0 0 10px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 27px;
        font-size: 12px;
        display: block;
        color: #fff;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 564px;
    }

    form table.list th {
        background-color: #ffffff;
    }

    div.warning {
        background-color: #ffe4e4;
        border: 1px #f00 solid;
        padding: 4px 10px 0px 10px;
        margin: 0px 0px 5px 0px;
    }

    h3.warning {
        color: #e4383a;
        background: url(/jigsaw/static/images/ordering/icon_warning.gif) transparent center left no-repeat;
        padding: 0 0 0 18px;
        margin: 0 0 8px 0;
        font-weight: normal;
    }

    table.checkout input.add-to-order {
        width: 92px;
    }

    table.checkout input.re-order {
        width: 58px;
    }

        body#skills-tracer div.data-box h2 {
            background: url('../images/h2_resources_data.png') transparent top left no-repeat;
            margin: 0 -30px 15px -30px;
            padding: 5px 0 0 30px;
            line-height: 39px;
            font-size: 12px;
            color: #fff;
        }



    body#skills-tracer div.search-bar h2 {
        background: transparent;
        color: #152961;
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
    }

input.hint-login {
    color: gray;
}

div.started-red p,
div.started-green p,
div.started-blue p {
    color: #FFFFFF;
}


p.red-error {
    color: #f00;
    font-weight: bold;
    margin: 2px;
}


div.sidebox ul li p.red-error {
    color: #f00;
    font-weight: bold;
    background: transparent;
    margin: 2px;
}

table.staff {
    margin: 0px;
}

table.staff td {
    padding: 5px;
}

table.staff th {
    padding: 0px;
    font-weight: bold;
}

td.center {
    text-align: center;
}

span.fake-link {
    text-decoration: underline;
    color: #0042FF;
}

#popup-content ul {
    list-style-type: disc;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
}

#popup-content ol {
    list-style-type: decimal;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
}

    #popup-content li {
        margin: 0 0 .75em 0;
        line-height: 1.4em;
    }

        #popup-content ul ul,
        #popup-content ol ul {
            margin: .5em 0 .75em 3em;
        }

        #popup-content ol ol,
        #popup-content ul ol {
            list-style-type: lower-alpha;
            margin: .5em 0 .75em 3em;
        }

div.greybox-grad p {
    margin: 5px 12px 5px 0px;
}

#column-right ul.tick {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#column-right ul.tick li {
    background-image: url(../images/list_tick.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px;
}

a.cover-image {
    position:relative;
}

a.cover-image span {
    display: none;
    text-align: left;
}

a.cover-image:hover span {
    display:block;
    position: absolute;
    left: -40px;
    top: -50px;
    z-index: 500;
}


/* To fix IE7 problems where text is not shown */
body#popup p,
body#popup-sandbox p,
body#popup div.column-full,
body#popup-sandbox div.column-full {
    zoom: 1;
}