/*

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;
    }

    div.data-box h3.manager {
        width: 560px;
    }

    td.title-bar h3.manager {
        width: auto;
    }


    div.heading-band,
    h3.heading-band {
        background: url('../images/h3_manager.png') transparent top left no-repeat;
        line-height: 27px;
        padding: 0 0 0 20px;
        font-size: 13px;
        color: #fff;
    }

    h3.contents {
        background-color: #edecec;
        margin: 0 0 16px 0;
        padding: 12px 0 6px 11px;
        font-size: 16px;
        color: #5f5c5c;
    }

    div.review-item h3 {
        margin: 16px 0 18px 0;
        padding: 0 0 13px 0;
        border-bottom: 1px #c9c9c9 solid;
        font-size: 18px;
    }

    #skills-tracer .skill-page h3 {
/*      margin: 40px 0 0 0; */
        margin: 0;
    }

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,
        body#dashboard 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,
        body#dashboard 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 #col-right div.menu-box h2,
        body#dashboard #col-right div.menu-box h2,
        body#skills-tracer #menu-admin 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;
        }

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


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


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

    div.student-resource-open h2 {
        background: url('../images/h2_skills_data.png') transparent top left no-repeat;
    }

    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;
        cursor: pointer;
    }

        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,
        body#dashboard 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,
        body#dashboard 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;
        }

        div#about-us-news-wrapper h2 {
            background: #CBD4F3;
            color: #000;
            font-size: 12px;
        }




/* 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.compact {
        margin: 0px;
        padding: 5px 0;
    }

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

    p.centre {
        text-align: center;
    }

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

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

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

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

    p.text-right {
        text-align: right;
    }

    #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;
    }

    p.vert-mid * {
        vertical-align: middle;
    }

        div.message-green	p.vert-mid {
            vertical-align: middle;
            margin: 0;
        }


    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;
    }

    div.review-item span.alert {
        font-weight: normal;
        color: #f00;
    }

    span.label {
        font-weight: bold;
        color: #31458f;
    }

    div.elearning table tr td p.text-center,
    .text-center {
        text-align: center;
    }
    div.elearning table tr td p.text-right,
    .text-right {
        text-align: right;
    }
    div.student-declaration p {
        color: #645129;
    }
    table.student-declaration td {
        padding: 12px 10px 12px 10px;
    }

    p.print-tasks {
        margin: 0;
    }
    p.print-tasks img {
        margin: 0 0 -4px 2px;
    }

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

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

hr.no-margin {
    margin: 0px;
}

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

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

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

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

        #column-right ol ol,
        #column-right ul ol,
        .data-box ol ol,
        .data-box 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,
    body#dashboard #column-left ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }

    body#skills-tracer #column-left li,
    body#dashboard #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,
    body#dashboard #column-left li a:link,
    body#dashboard #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,
    html>body#dashboard #column-left li a {
            width: 133px;
    }

    body#skills-tracer #column-left li.on a:link,
    body#skills-tracer #column-left li.on a:visited,
    body#dashboard #column-left li.on a:link,
    body#dashboard #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,
    body#dashboard #column-left li a:hover,
    body#dashboard #column-left li a:active,
    body#dashboard #column-left li a:focus,
    body#dashboard #column-left li.on a:hover,
    body#dashboard #column-left li.on a:active,
    body#dashboard #column-left li.on a:focus {
        background-position: -304px 0;
        color: #fff;
    }

    body#skills-tracer div.data-tabs ul,
    body#dashboard 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,
    body#dashboard 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,
    body#dashboard div.data-tabs li:hover,
    body#dashboard div.data-tabs li.on,
    body#dashboard div.data-tabs li.other:hover {
        background-position: right -26px;
    }

    body#skills-tracer div.data-tabs li.other,
    body#dashboard 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,
    body#dashboard div.data-tabs li a:link,
    body#dashboard 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,
    body#dashboard div.data-tabs li.on a:link,
    body#dashboard 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,
    body#dashboard div.data-tabs li.other a:link,
    body#dashboard div.data-tabs li.other a:visited {
        background-position: 0 -52px;
    }

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

    body#skills-tracer div.data-tabs li.other a:hover,
    body#dashboard 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;
    }

    #column-right div.easyrpl-box ul {
        background: url('../images/bg_skills_easyrpl_top.png') transparent left top no-repeat;
        margin: 0;
        padding: 8px 0 0 6px;
        list-style: none;
    }

    #column-right div.easyrpl-box li {
        background: url('../images/btn_skills_easyrpl.png') transparent left top no-repeat;
        height: 46px;
        margin: 0;
        padding: 0;
    }

    #column-right div.easyrpl-box li.last {
        background: url('../images/btn_skills_easyrpl_last.png') transparent left top no-repeat;
        height: 46px;
        margin: 0;
        padding: 0;
    }

    #column-right div.easyrpl-box li a {
        width: 320px;
        height: 46px;
        padding: 14px 0 0 24px;
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: #152961;

        voice-family: "\"}\"";
        voice-family: inherit;
        width: 296px;
        height: 32px;
    }

    #column-right div.easyrpl-box li a:hover {
        color: #2344a0;
    }

    html>body #column-right div.easyrpl-box li a { width: 296px; height: 32px; }

    #column-right ul.contents {
        margin: 0 0 20px 15px;
        padding: 0;
        list-style: none;
    }



    #column-right ul.contents li {
        margin: 0 0 3px 0;
        padding: 0;
        list-style: none;
    }

    #column-right ul.contents li a:link,
    #column-right ul.contents li a:visited {
        padding: 0 15px 0 20px;
        line-height: 30px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 380px;
    }

    #column-right ul.contents li a:hover,
    #column-right ul.contents li a:active,
    #column-right ul.contents li a:focus {
        padding: 0 15px 0 20px;
        line-height: 30px;
        text-decoration: underline;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 380px;
    }


    #column-right ul.contents li.no-activities a:link,
    #column-right ul.contents li.no-activities a:visited {
        padding: 0 15px 0 43px;
        line-height: 30px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 380px;
    }

    #column-right ul.contents li.no-activities a:hover,
    #column-right ul.contents li.no-activities a:active,
    #column-right ul.contents li.no-activities a:focus {
        padding: 0 15px 0 43px;
        line-height: 30px;
        text-decoration: underline;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 380px;
    }

    #column-right img.plus,
    #column-right img.minus {
        padding: 5px 0 0 0;
        cursor: pointer;
    }

    html>body#column-right ul.contents-plus li a { width: 380px; }




    #column-right ul.contents li ul {
        margin: 0 0 0 68px;
        padding: 0;
        display: block;
    }

    #column-right ul.contents li ul li {
        margin: 0;
        padding: 0;
        list-style-type: disc;
    }

    #column-right ul.contents li ul li a:link,
    #column-right ul.contents li ul li a:visited {
        background: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #column-right ul.contents li ul li a:hover,
    #column-right ul.contents li ul li a:active,
    #column-right ul.contents li ul li a:focus {
        text-decoration: none;
    }

    body#skills-tracer table.highlighted-page-nav td a:link,
    body#skills-tracer table.highlighted-page-nav td a:visited {
        padding: 3px 4px;
        text-decoration: none;
    }
    body#skills-tracer table.highlighted-page-nav td a:hover,
    body#skills-tracer table.highlighted-page-nav td a:active,
    body#skills-tracer table.highlighted-page-nav td a:focus {
        padding: 3px 4px ;
        text-decoration: underline;
    }
    body#skills-tracer table.highlighted-page-nav td a.highlighted-page:link,
    body#skills-tracer table.highlighted-page-nav td a.highlighted-page:visited,
    body#skills-tracer table.highlighted-page-nav td a.highlighted-page:hover,
    body#skills-tracer table.highlighted-page-nav td a.highlighted-page:active,
    body#skills-tracer table.highlighted-page-nav td a.highlighted-page:focus,
    body#skills-tracer table.highlighted-page-nav td span.highlighted-page {
        background: #aebbeb;
        margin: 0 1px;
        padding: 3px 6px;
        font-weight: bold;
    }

    body#skills-tracer div.search-bar a:link,
    body#skills-tracer div.search-bar a:visited {
        color: #0a48ad;
        text-decoration: none;
    }
    body#skills-tracer div.search-bar a:hover,
    body#skills-tracer div.search-bar a:active,
    body#skills-tracer div.search-bar a:focus {
        text-decoration: underline;
    }




/* images */

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

img.clear {
    background: url(../images/clear.gif) transparent top left no-repeat;
    clear: both;
    display: block;
}

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

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

    div.review-item img.left {
        float: left;
        margin: 0 24px 5px 0;
    }

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

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

#elearning-breadcrumb img,
#elearning-breadcrumb input {
    margin: 0 5px 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,
    body#skills-tracer div.search-bar a.help,
    body#skills-tracer div.search-bar a.help:link,
    body#skills-tracer div.search-bar a.help:visited,
    body#skills-tracer div.search-bar a.help:active,
    body#skills-tracer div.search-bar 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;
    }

    div.tools a.deco-notes {
        background: url('../images/deco_notes.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;
    }

#column-right table.checkout textarea.blue-border-large,
table.checkout textarea.blue-border-large,
textarea.blue-border-large {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 100%;
	border: 1px solid #5a8aed;
}

table.checkout textarea.blue-border-80-percent,
textarea.blue-border-80-percent {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 80%;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-date,
input.blue-border-date {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 100px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-narrow,
input.blue-border-narrow {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 30px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-medium,
input.blue-border-medium {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 90px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-small,
input.blue-border-small {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 60px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-really-narrow,
input.blue-border-really-narrow {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 15px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border,
input.blue-border {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 148px;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-large,
input.blue-border-large {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 100%;
	border: 1px solid #5a8aed;
}

table.checkout input.blue-border-cost,
input.blue-border-cost {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 11px;
	width: 100px;
	border: 1px solid #5a8aed;
}

table.checkout input.red-border,
input.red-border {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 148px;
	border: 1px solid #f42020;
}

table.checkout input.red-border-large,
input.red-border-large {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 225px;
	border: 1px solid #f42020;
}

table.checkout input.red-border-small,
input.red-border-small {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 60px;
	border: 1px solid #f42020;
}

table.checkout select.blue-border,
select.blue-border {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 148px;
	border: 1px solid #5a8aed;
	overflow: auto;
}

table.checkout select.blue-border-narrow,
select.blue-border-narrow {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 60px;
	border: 1px solid #5a8aed;
}

table.checkout select.blue-border-large,
select.blue-border-large {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 100%;
	border: 1px solid #5a8aed;
}

table.checkout select.blue-border-extralarge,
select.blue-border-extralarge {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 225px;
	border: 1px solid #5a8aed;
}

table.checkout select.blue-border-organisation,
select.blue-border-organisation {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	width: 350px;
	border: 1px solid #5a8aed;
}

table.checkout textarea.blue-border,
textarea.blue-border {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	border: 1px solid #5a8aed;
}

table.checkout th.side-note {
    font-style: italic;
    color: #0042FF;
}

.rowColourOn {
    background: #eee;
}
.rowColourOff {}

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

select.small {
    width: 100px;
}


input.text {
    width: 250px;
}


input.text-small {
    width: 60px;
}

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;
    }

    div.greybox-grad ul li.heading {
        padding: 10px 0 0 0;
        margin: 0;
        font-weight: bold;
    }


/* 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-green-middle 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-green-middle table td,
    div.message-red table td,
    div.results table td,
    div.order-completed table td {
        padding: 5px 5px 10px 5px;
    }
    
    div.page-number table td {
        padding: 5px 2px 0px 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,
    table th.text-center{
        text-align: center;
    }
    
    table td.text-left,
	table th.text-left {
        text-align: left;
        padding-left: 0;
    }

    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;
}

body#popup table.cke_editor td,
body#popup-sandbox table.cke_editor td {
    padding: 0px;
}


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: 70%;
    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: 160px;
}

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

table.assign tr td input {
    width: 160px;
}

table.assign tr td.available-cell,
table.assign tr td.selected-cell {
    width: 160px;
}

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-margin {
    margin: 0px;
}

#column-right table.no-margin textarea,
table.no-margin textarea {
    margin: 0px;
}

table.no-margin td.total {
    padding: 12px 5px 12px 10px;
    border: none;
    background-color: #E7EEFD;
}

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

div.message-green table.no-padding td {
    padding: 0;
}

div.message-green table.no-padding td.text-right,
div.message-green table.no-padding th.text-right {
    text-align: right;
    padding-right: 0;
}

div.message-green table.no-padding td.text-right-padding,
div.message-green table.no-padding th.text-right-padding {
    text-align: right;
    padding: 12px 5px 12px 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-move {
       cursor: pointer;
       width: 25px;
       position: relative;
       z-index: 100;
       background-color: #C8C7C7;
       padding: 5px 5px 5px 10px;
    }

    div.rearrange-split-remove {
       cursor: pointer;
       left: 40px;
       width: 30px;
       margin-top: 1px;
       position: absolute;
       z-index: 100;
       background-color: #C8C7C7;
       top: 0;
       padding: 5px 5px 5px 10px;
    }

    div.rearrange-split-title {
       cursor: pointer;
       right: 0px;
       width: 490px;
       top: 0;
       margin-top: 1px;
       position: absolute;
       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(../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,
        body#dashboard 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,
    body#dashboard 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;
    cursor: pointer;
}

#popup-content ul,
#popup-elearning-content ul{
    list-style-type: disc;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
    font-size: 12px;
    color: #000;
}

#popup-content ol,
#popup-elearning-content ol {
    list-style-type: decimal;
    padding: 0 0 0 0;
    margin: 0 0 1em 2em;
    font-size: 12px;
    color: #000;
}

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

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

        #popup-content ol ol,
        #popup-content ul ol,
        #popup-elearning-content ol ol,
        #popup-elearning-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;
}

table.activity-header {
    margin: 0;
}

body#popup table.activity-header td,
body#popup-sandbox table.activity-header td,
table.activity-header td {
    padding: 0;
}

body#popup textarea.elearning-feedback,
body#popup-sandbox textarea.elearning-feedback,
textarea.elearning-feedback {
    margin: 0px;
}

body#popup table.no-padding,
body#popup-sandbox table.no-padding {
    margin: 0;
}

body#popup table.no-padding td,
body#popup-sandbox table.no-padding td{
    padding: 0px;
}

div.cover {
    background: url(../images/book_cover_outline.jpg) transparent center left no-repeat;
}


img.elearning-cover {
    padding: 0 10px 10px 10px;
}


div.review-item div.elearning-cover {
    float: left;
    margin: 0 24px 5px 0;
    background: url(../images/book_cover_outline_small.jpg) transparent center left no-repeat;
}


div.review-item div.elearning-cover img.elearning-cover {
    padding: 0 10px 20px 10px;
}

table.popup-data {
    width: 100%;
    margin: 0 0 20px 0;
    border: 2px #e4e3bf solid;
}

table.popup-data th {
    background-color: #e4e3bf;
    padding: 10px;
    color: #645129;
}

body#popup table.popup-data td {
    background-color: #fbfae0;
    padding: 10px;
    border-right: 1px #e4e3bf solid;
    border-bottom: 1px #e4e3bf solid;
    color: #645129;
}

table.contents {
    margin: 10px 0;
}

table.contents td {
    padding: 5px;
}

table.contents td.content-title {
    padding: 10px 30px 5px 5px;
}

table.my-resources th a.header,
table.checkout th a.header{
    text-decoration: none;
}

table.my-resources th a.header:link,
table.my-resources th a.header:visited,
table.my-resources th a.header:active,
table.my-resources th a.header:focus,
table.checkout th a.header:link,
table.checkout th a.header:visited,
table.checkout th a.header:active,
table.checkout th a.header:focus {
    color: #152961;
}

table.my-resources th.code {
    width: 130px;
}

table.my-resources th.title {
    width: 150px;
}

table.my-resources th {
    padding: 12px 5px 12px 5px;
}

label.radioLabel {
    display: inline;
    cursor: pointer;
}

input.radio {
    cursor: pointer;
}

input.radio-nowidth {
    cursor: pointer;
    width: auto;
}

tr.fake-heading td {
    font-weight: bold;
}

tr.fake-heading td a:link,
tr.fake-heading td a:visited,
tr.fake-heading td a:active,
tr.fake-heading td a:focus,
tr.fake-heading td a:hover {
    text-decoration: none;
    color: #152961;
}

tr.fake-heading td.code {
    width: 130px;
}

tr.fake-heading td.lecturer {
    width: 130px;
}

tr.fake-heading td.student {
    width: 130px;
}

td.easyrpl-available {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0px;
    text-align: right;
}

table.palette-heading {
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    width: 160px;
}
table.palette-heading tr {
    background-color: #CBD4F3;
}

table.palette-heading td {
    font-weight: bold;
    padding: 5px 0px 5px 10px;
}

table.palette-heading tr.search {
    background-color: white;
}

table.palette-heading tr.search td {
    padding: 4px 0px;
}

table.palette-heading tr.search td input {
    width: 160px;
}

table.palette-search {
    border: 0 none;
    padding: 4px 0 4px 10px;
    margin: 0;
}

table.palette-search th {
    background-color: white;
    padding: 0px;
}

table.palette-search td.controls {
    padding: 20px;
    width: 1%;
}

td.total p {
    color: #098936;
}

td.total {
    background-color: #e7eefd;
    border-bottom: 1px solid #c9c9c9;
}

td.total-right {
    background-color: #e7eefd;
    border-bottom: 1px solid #c9c9c9;
    text-align: right;
}

td.total-figure {
    background-color: #e7eefd;
    border-bottom: 1px solid #c9c9c9;
    padding-right: 5px;
}

td.total-padding {
    padding-right: 5px;
}

span.side-note {
    font-style: italic;
    color: #5a8aed;
}

table.checkout input.button {
    width: auto;
}

table.checkout textarea,
#column-right table.checkout textarea{
    margin: 0 0 5px 0;
    width: auto;
}

a.inactive:link {
    color: #999999;
    text-decoration: underline;
}

a.inactive:visited {
    color: #999999;
    text-decoration: underline;
}

a.inactive:hover {
    color: #999999;
    text-decoration: none;
}

span.inactive {
    color: #999999;
}

tr.inactive {
    color: #999999;
}

div.calendar select {
    width: auto;
}

div.calendar table,
div.calendarBody table{
    margin: 0;
}

div.calendar td,
div.calendarBody td,
div.calendar th,
div.calendarBody th {
    padding: 3px;
}

div.calendar td,
div.calendarBody td {
    text-align: center;
}

div.order-breadcrumb {
	background: url(../images/ordering/bg_steps.gif) transparent
		top left no-repeat;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 4px 0;
	margin: 10px 0;
}

div.minipublication-breadcrumb,
div.qualication-breadcrumb,
div.publication-breadcrumb {
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 4px 0;
    margin: 10px 0;
}


/* This affects the catalogue's MY ORDER page, use following class 'data-box nested-box' instead
div.data-box table {
    padding-right: 40px;
}
*/

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

div.data-box h2 a,
div.data-box h2 a:link,
div.data-box h2 a:visited,
div.data-box h2 a:active,
div.data-box h2 a:focus,
div.data-box h2 a:hover,
div.data-box h3 a,
div.data-box h3 a:link,
div.data-box h3 a:visited,
div.data-box h3 a:active,
div.data-box h3 a:focus,
div.data-box h3 a:hover {
    color: white;
}


div.credit-note-breadcrumb {
	background: url(../images/ordering/bg_steps_x2.gif) transparent
		top left no-repeat;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 4px 0;
	margin: 10px 0;
}


/*

    Tapestry Palette css

*/

table.tapestry-palette {
    margin: 10px 0 20px 0;
    width: 50%;
    border: 0;
}

table.tapestry-palette th,
table.tapestry-palette td {
    padding: 0 0 0 0;
}

table.tapestry-palette th {
    background-color: #cbd4f3;
    padding: 4px 0 4px 10px;
    width: 160px;
}

table.tapestry-palette td.controls {
    width: 1%;
    padding: 20px;
}

table.tapestry-palette tr td input {
    width: 160px;
}

table.tapestry-palette tr td.available-cell,
table.tapestry-palette tr td.selected-cell {
    width: 160px;
}

td.label {
    font-weight: bold;
}


.datBox {
    float: left;
    display: block;
    width: 172px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
}

.datPad {
    padding: 5px;
    height: 135px;
    text-align: left;
}

.datLabel {
    font-weight: bold;
    padding: 5px;
    font-size: 13px;
    height: 35px;
}

.datBox p {
    margin: 0;
    margin-bottom: 1px;
    padding: 0;
}



/*
    Manage Project
*/

.manage-project-table {
    border: 1px solid #ddd;
}

.manage-project-table td {
    border: 1px solid #ddd;
    padding: 5px;
}

.manage-project-table td.sub-heading {
    font-weight: bold;
}


td.required-field {
    font-weight: bold;
    text-align: right;
    padding: 5px 5px 5px 10px;
}


td.text-red {
    color: #ff3300;
}


/*
    Info Content
 */

body#skills-tracer div.info-content h2,
div.info-content h2 {
    color: #EB7806;
    font-size: 18px;
    background: none;
    line-height: 1.25em;
    margin: 0 0 8px 0;
    padding: 0;
}

div.info-content h3 {
    color: #EB7806;
    font-size: 12px;
}

div.info-content .blue-box {
    background: url('../images/h3_manager.png') transparent top left no-repeat;
    border: 1px solid #4E69B2;
    margin: 5px;
    padding: 0 5px 5px 5px;
}


div.info-content p.blue-header {
    line-height: 27px;
    padding: 0 0 0 20px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

div.info-content .title-bar {
    background: url('../images/h3_manager.png') transparent top left no-repeat;
    line-height: 27px;
    padding: 0 0 5px 20px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}


#book-covers {
    margin: 0px 0px 10px;
    padding: 10px;
}

div.copyright-render table {
    margin: 0;
    padding: 2px;
}
div.copyright-render table td {
    padding: 0 2px;
}

div.show-hide h3.sub-heading,
h3.sub-heading {
    background-color: transparent;
    color: #183481;
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.25em;
    font-family: Helvetica, Arial, sans-serif;

}

.search-checkbox-spacing {
	float: left;
	width: 95px;
	font-size: 11px;
}
.search-checkbox-spacing-large {
	float: left;
	width: 150px;
	font-size: 11px;
}

div.proceed {
    text-align: right;
    margin: 10px 0;
}




body#dashboard #menu 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;
}

html>body #menu div.menu-column {
    width: 340px;
    float: left;
}

body#skills-tracer div.data #menu 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;
}


#menu div.menu-box {
    background: url('../images/bg_databox_column.png') transparent bottom left no-repeat;
    margin: 0 0 15px 0;
    padding:  0 30px 30px 30px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 274px;
}

#menu-admin div.menu-box {
    background: url('../images/bg_databox_column.png') transparent bottom left no-repeat;
    margin: 0 3px 15px 0;
    padding:  0 30px 30px 30px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 274px;
}

#menu-admin table.menu {
    margin: 0px;
}
#menu-admin table.menu td {
    padding: 0px;
    vertical-align: top;
}

table.task-items {
    margin: 0 0 20px;
}

table.task-items th {
    background-color: #CBD4F3;
    color: #152961;
    padding: 12px 5px 12px 10px;
}

table.task-items td {
    padding: 12px 5px 12px 10px;
}

table.task-items td.items {
    border-bottom: 1px solid #9e9e9e;
}

table.task-items textarea,
#column-right table.task-items textarea {
    margin: 0 0 5px;
    width: 100%;
}

div.neat-box {
    border: 1px solid #CBD4F3;
    margin: 0 0 15px;
    padding: 0;
}

div.neat-box-header {
    background: none repeat scroll 0 0 #CBD4F3;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 1.25em;
    margin: 0;
}

div.neat-box-content {
    padding: 10px;
}

div.AddIncSearchChooser {
    position: absolute;
    overflow: auto;
    border: 1px solid #000;
    padding: 2px;
    cursor: pointer;
    z-index: 2;
    -moz-user-select: none;
    -moz-box-shadow: 3px 3px 5px #bbb;
    -webkit-user-select: none;
    -webkit-box-shadow: 3px 3px 5px #bbb;
    box-shadow: 3px 3px 5px #bbb;
}

div.nested-box {
    width: 580px;
}


.highlighted-bar {
	background-color: #E7EEFD;
}

.simple-highlighted-bar {
	background-color: #E7EEFD;
	text-align: right;
	border: 0 solid #C9C9C9;
	border-width: 1px 0;
	padding: 5px;
}

.simple-highlighted-bar-left {
	background-color: #E7EEFD;
	text-align: left;
	border: 0 solid #C9C9C9;
	border-width: 1px 0;
	padding: 5px;
}


/* START password_strength_plugin SETTINGS */
.top_testresult{
    font-weight: bold;
    font-size:13px;
    font-family: arail,helvetica,san-serif;
    color:#666;
    padding:0;
    margin:0 0 2px 0;
}
.top_testresult span{
    padding:6px ;
    margin:0;
}
.top_shortPass{
    background:#edabab;
    border:1px solid #bc0000;
    display:block;
}
.top_shortPass span{

}
.top_badPass{
    background:#edabab;
    border:1px solid #bc0000;
    display:block;
}
.top_badPass span{

}
.top_goodPass{
    background:#ede3ab;
    border:1px solid #bc9f00;
    display:block;
}
.top_goodPass span{

}
.top_strongPass{
    background:#d3edab;
    border:1px solid #73bc00;
    display:block;
}
.top_strongPass span{
}

.testresult{
    font-weight: bold;
    font-size:12px;
    font-family: arial,helvetica,san-serif;
    color:#666;
    padding: 4px 0 12px 0;
    margin:0 10px 0 10px;
    *padding: 0 0 12px 0;           /* < ie8 hack */
}
.testresult span{
    padding: 4px 10px 20px 3px;
    margin: 0 0 0 23px;
    *padding: 0 10px 20px 3px;      /* < ie8 hack */
}

.shortPass{
    background:url(../images/password_strength_red.png) no-repeat 0 0;
}
.shortPass span{
    background:url(../images/password_strength_red.png) no-repeat top right;
}
.badPass,
.samePass{
    background:url(../images/password_strength_red.png) no-repeat 0 0;
}
.badPass span,
.samePass span{
    background:url(../images/password_strength_red.png) no-repeat top right;
}
.goodPass{
    background:url(../images/password_strength_yellow.png) no-repeat 0 0;
}
.goodPass span{
    background:url(../images/password_strength_yellow.png) no-repeat top right;
}
.strongPass{
    background:url(../images/password_strength_green.png) no-repeat 0 0;
}
.strongPass span{
    background:url(../images/password_strength_green.png) no-repeat top right;
}

/* END password_strength_plugin SETTINGS */



table.highlighted {
    background-color: #e7eefd;
    margin: 0 0 20px 0;
}

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

table.large-palette {
    border: 0 none;
    margin: 10px 0 20px 0;
}

table.large-palette th {
    background-color: #CBD4F3;
    padding: 4px 0 4px 10px;
    width: 280px;
}

table.large-palette td {
    padding: 0;
}

table.large-palette td.controls {
    padding: 20px;
    width: 1%;
}

table.large-palette tr td.available-cell,
table.large-palette tr td.selected-cell {
    width: 160px;
}

table.large-palette td input {
    width: 280px;
}

table.large-palette td select {
    width: 280px;
}

div.elearningurl {
    width: 600px;
    padding-left: 45px;
    padding-bottom: 5px;
}

body#popup h4, body#popup-sandbox h4 {
    color: #042F87;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

div.elearning div.title-bar {
    background: url('../images/h3_title.png') transparent top left no-repeat;
    line-height: 27px;
    padding: 0 0 5px 20px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}


a.secondary:link,
a.secondary:visited,
a.secondary:active,
a.secondary:focus {
    color: #4F4F4F;
}

table.show-hide td {
    padding: 12px 5px 12px 10px;
}

div.no-margin {
    margin: 0px;
}

p.payment-note {
    font-style: italic;
    font-size: 11px;
    font-weight: normal;
}

/* Hide the element footer of CKEditor */
#cke_bottom_detail,
.cke_bottom {
    display:none
}

.no-background-colour,
a.no-background-colour,
a.no-background-colour:link,
a.no-background-colour:visited,
a.no-background-colour:active,
a.no-background-colour:focus,
body#skills-tracer div.search-bar a.no-background-colour,
body#skills-tracer div.search-bar a.no-background-colour:link,
body#skills-tracer div.search-bar a.no-background-colour:visited,
body#skills-tracer div.search-bar a.no-background-colour:active,
body#skills-tracer div.search-bar a.no-background-colour:focus {
    background-color: transparent;
}


#skills-tracer div.online-skills .search-bar p {
    padding: 0;
    margin: 0;
}

div.online-skills table.skill-titles {
    color: #183481;
    font-size: 18px;
    width: 677px;
    border-bottom: 2px solid #ccd4f3;
    margin: 0 0 20px 0;
}

div.online-skills table.skill-titles th {
    padding: 0 0 10px 0;
    background-color: transparent;
}

div.online-skills table.skill-titles th.skill-code {
    width: 100px;
    text-align: right;
}


img.skill-intro-img,
#skills-tracer div.online-skills img.skill-intro-img {
    float: right;
    margin: 0 0 0 10px;
}

#skills-tracer div.data table.skill-page {
    margin: 0 0 0 -10px;
}

#skills-tracer div.data table.skill-page h2 {
    background: none;
    color: #183481;
    font-size: 16px;
    line-height: 1.25em;
    margin: 20px 0 8px;
    padding: 0;
}

#skills-tracer div.online-skills h2.introduction {
    background: none;
    color: #183481;
    font-size: 16px;
    line-height: 1.25em;
    margin: 20px 0 8px;
    padding: 0;
}

#skills-tracer div.online-skills img.skill-intro-img + h2.introduction {
    margin-top: 40px;
}

body#skills-tracer div.data div#contents h2 {
    background: #ececec;
    background-image: none;
    color: #5F5C5C;
    padding: 3px 10px 0;
    font-size: 16px;
    margin: 0;
    height: 35px;
}

#contents table {
    margin: 0;
}

    #contents table tr th {
        padding: 15px 11px 10px;
    }

    #contents table tr td {
    vertical-align: top;
    /*  padding: 8px 0 0 10px; */
        padding: 10px 5px 5px 5px;
    }

    #contents table tr.bookmark td {
        background: url('../images/bg_bookmark_bar.png') no-repeat top center;
    }

#contents table tr td p,
#contents a:link,
#contents a:visited,
#contents a:active {
    color: #2c4a9a;
    font-weight: bold;
}

#contents a:hover,
#contents a:focus {
    text-decoration: none;
}

#contents table tr td ul {
    color: #2c4a9a;
/*  list-style: none; */
}

#contents table tr.bookmark td.open-close {
    background: url('../images/bg_bookmark_bar.png') no-repeat top left;
    padding: 5px;
}

#contents table tr td.open-close {
    padding: 5px;
}

#contents table tr.bookmark td.code,
#contents table tr td.code{
    padding: 10px 5px 5px 0px;
}

#contents table tr.bookmark td.status {
    background: url('../images/bg_bookmark_bar.png') no-repeat top right;
    padding: 10px 30px 5px 5px;
}

    #contents table tr td.status p,
    #contents table tr td.status p a:link,
    #contents table tr td.status p a:visited,
    #contents table tr td.status p a:active {
        color: #4e4f53;
        font-weight: normal;
	}

#contents ul.content-activity-list {
    margin: 0 0 1em 1em;
}

    ul.content-activity-list .done {
        background: url('../images/deco-tick-circle.png') no-repeat top left;
        padding: 0 0 0 23px;
    }
    ul.content-activity-list .to-send {
        background: url('../images/deco-send-doc.png') no-repeat top left;
        padding: 0 0 0 23px;
    }
    ul.content-activity-list .to-do {
        background: url('../images/deco-edit.png') no-repeat top left;
        padding: 0 0 0 23px;
    }

img.clear-left {
    clear: left;
    display: block;
}


div.online-skills #bookmark {
    float: right;
    width: 38px;
    margin-right: -9px;
}

div.elearning-cover {
    background: url('../images/book_cover_outline.png') no-repeat scroll left center transparent;
    margin: 20px 0 0;
    float: left;
}

    div.cover img {
    /*  border: 1px solid #e2e2e2; */
        margin: 3px 10px 10px;
    }

#contents {
    width: 460px;
    float: right;
    padding: 20px 0 20px;
    margin: 2px;
}

#view-response-btns {
    padding: 15px 0;
}

#view-response-btns p {
    text-align: right;
    padding: 0 0 5px 0;
    color: #183481;
}
#view-response-btns a img {
    vertical-align: middle;
    margin: 0 0 0 5px;
}

#timeout-reminder a:link,
#timeout-reminder a:visited,
#timeout-reminder a:active {
	background: url('../images/btn_close_reminder.jpg') no-repeat top right;
	width: 30px;
	height: 20px;
	display: block;
	float: right;
}

#timeout-reminder a:hover,
#timeout-reminder a:focus {
	background: url('../images/btn_close_reminder_hover.jpg') no-repeat top right;
}


#left-data-col {
    float: left;
    width: 458px;
    border-right: 2px solid #959595;
}

.data #left-data-col {
    width: 430px;
}

.data-box-grad #left-data-col,
.inner-data #left-data-col,
#column-right #left-data-col,
.data-box-float #left-data-col {
    width: 430px;
    border-right: 0px;
}

#left-data-col table {
    padding: 0;
    font-weight: bold;
}

.data #left-data-col table {
    padding: 0 10px 0 0;
}

#left-data-col td {
    font-weight: bold;
}

.data-box-float #left-data-col td {
    padding: 0 10px 15px 0;
}

/*
#left-data-col table td,
#left-data-col table th {
    padding: 0;
}
*/

#left-data-col table th {
    background-color: inherit;
    padding: 0;
}

#left-data-col input,
#right-data-col input,
#left-data-col select {
    width: 185px;
    margin: 5px 0 2px;
}

.data-box-float #left-data-col input,
.data-box-float #right-data-col input,
.data-box-float #left-data-col select {
    width: 170px;
}



.data #right-data-col input {
    width: 210px;
}

#left-data-col input.one-col,
#left-data-col select.one-col {
    width: 77px;
}

#sign-up {
    padding: 0;
}

#sign-up input#includeMailList,
#sign-up input#hideSavingWork {
    width: auto;
    margin: 2px 10px 0 0;
    float: left;
}
#sign-up span {
    float: left;
    width: 378px;
    font-weight: normal;
}

.data-box-float #sign-up span {
    width: 328px;
}

#right-data-col {
    float: right;
    width: 355px;
}

.data #right-data-col {
    width: 240px;
}
.data-box-grad #right-data-col {
    float: none;
}

#right-data-col table {
    background: #f4f4f4;
    padding: 0;
}

#right-data-col table td {
    padding: 20px 20px 10px;
}
#right-data-col table td.left {
    padding: 20px 0 10px 20px;
}
#right-data-col input {
    margin-bottom: 15px;
    width: 305px;
}