/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 62.5%;
    font-family: Arial;
    background: #3975b1 url(../media/content_bg.jpg) repeat;
}

/* @group Main Text Styles */

p {
    font-size: 1.1em;
    color: black;
    font-weight: bold;
}

table p {
    margin-left: 0.5em;
}

h1 {
    font-size: 2em;
    color: #0d4a93;
    font-weight: bold;
    line-height: 1em;
}


h2 {
    font-size: 1.5em;
    color: #0D4A93;
    font-weight: normal;
    padding: 0;
    margin: 0;
    border-bottom: 0.1em #83BBF4 solid;
}

a:link, a:visited {
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

input.print {
    background: #EAE8E8 none repeat scroll 0% 50%;
    border: 0.1em solid #CCCCCC;
    color: #000;
    float: right;
    font-family: Arial;
    font-size: 1.1em;
    font-weight: bold;
    height: 1.6em;
    width: 4em;
}

input.profile {
    background: #EAE8E8 none repeat scroll 0% 50%;
    border: 0.1em solid #CCCCCC;
    color: #000;
    float: right;
    font-family: Arial;
    font-size: 1.3em;
    font-weight: bold;
    height: 2em;
    width: 10em;
}

/* @end */



/* @group Status Bar */

#statusBar {
    width: 100%;
    background: #07529F;
}

#statusBarContent {
    float: right;
    width: 90em;
    margin-right: 2em;
    text-align: right;
    padding: 3px 0 4px 0;
    height: 1em;
}

#statusBar a:link, #statusBar a:visited {
    font-size: 1.1em;
    color: #ccc;
    text-decoration: underline;
    font-weight: bold;
}

#statusBar a:hover {
    color: #fff;
}

#statusBar h1 {
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}

/* @end */


/* @group Header */

#header_container {
    width: 100%;
    float: left;
    background: url(../media/topMenu_bg.jpg) bottom left repeat-x #fff;
    height: 13em;
}

#header {
    width: 97em;
    margin: 0 auto;
}

#logoBox {
    float: left;
    margin-top: 0.5em;
    margin-left: 0em;
    width: 15.7em;
    display: inline;
}

#topMenu {
    width: 63em;
    float: right;
    margin-top: 6.75em;
    display: inline;
}

    #topMenu .buttonLink {
        float: left;
        margin-right: 0.2em;
        display: inline;
    }

    #topMenu .buttonLink_left {
        height: 2.9em;
        width: 1.5em;
        float: left;
        background: url(../media/buttons/button_topmenu_blue_01.jpg) no-repeat top left;
    }

    #topMenu .buttonLink_centre {
        height: 2.9em;
        float: left;
        background: url(../media/buttons/button_topmenu_blue_02.jpg) repeat-x top left;
        text-align: center;
        padding-top: 1em;
        padding-left: .2em;
    }

    #topMenu .buttonLink_right {
        height: 2.9em;
        width: 1.4em;
        float: left;
        background: url(../media/buttons/button_topmenu_blue_03.jpg) no-repeat top left;
    }

    #topMenu .buttonLink a:link, #topMenu .buttonLink a:visited {
        font-size: 1.3em;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

    #topMenu .buttonLink a:hover {
        text-decoration: underline;
    }

/* @end */

/* @group NDA Logo */

#nda_margin {
    width: 20em;
    float: left;
}

/* @end */

/* @group Content */

#container {
    width: 100%;
    float: left;
}

#content {
    width: 97em;
    margin: 0 auto;
    padding: .5em 0;
}

#left_col {
    float: left;
    width: 200px;
    display: inline;
    margin-right: .8em;
}

    #left_col a:link, #left_col a:visited {
        font-size: 1em;
        color: #000;
    }

#left_colt a:hover {
    color: blue;
    text-decoration: underline;
}

a.courses:hover {
    color: #5087C1;
}

.l_main_top {
    width: 200px;
    height: 2.2em;
    float: left;
    background: url(../media/content-box-1_01-trans.png) top left no-repeat;
    padding: 0 0 0 .7em;
}

    .l_main_top h2 {
        font-size: 1.2em;
        color: white;
        line-height: 1.8em;
    }

.l_main {
    width: 205px;
    float: left;
    background: url(../media/content-box-1_02-trans.png) top left repeat-y;
    min-height: 198px;
}

    .l_main .cnt {
        float: left;
        margin: .4em;
        display: inline;
        width: 190px;
    }

.l_main_bottom {
    width: 205px;
    height: 2.1em;
    float: left;
    background: url(../media/content-box-1_03-trans.png) top left no-repeat;
    display: inline;
}

.l_main_first {
    margin-top: 0.9em;
}

.work {
    font-weight: bold;
    color: #FFFFFF;
    height: 1.3em;
    margin-top: 0.2em;
    float: left;
}

.l_main_second {
    margin-top: .1em;
}

#right_col {
    float: left;
    width: 76em;
}

#login_centre {
    position: relative;
    left: 12em;
    width: 76em;
}


#subMenu {
    width: 70em;
    float: left;
    margin-left: 1em;
    display: inline;
}

    #subMenu .buttonLink {
        height: 3.1em;
        float: left;
        margin-right: 0.3em;
        display: inline;
    }

    #subMenu .buttonLink_left {
        height: 3.1em;
        width: 1.3em;
        float: left;
        background: url(../media/buttons/button_submenu_blue_01.jpg) no-repeat top left;
    }

    #subMenu .buttonLink_centre {
        height: 2.1em;
        float: left;
        background: url(../media/buttons/button_submenu_blue_02.jpg) repeat-x left;
        text-align: center;
        padding-top: 1em;
    }

    #subMenu .buttonLink_right {
        height: 3.1em;
        width: 1.4em;
        float: left;
        background: url(../media/buttons/button_submenu_blue_03.jpg) no-repeat top left;
    }

    #subMenu .button2 {
        height: 3.1em;
        float: left;
        margin-right: 0.3em;
        display: inline;
    }

    #subMenu .button2_left {
        height: 3.1em;
        width: 1.3em;
        float: left;
        background: url(../media/buttons/button_submenu_white_01.jpg) no-repeat top left;
    }

    #subMenu .button2_centre {
        height: 2.1em;
        float: left;
        background: url(../media/buttons/button_submenu_white_02.jpg) repeat-x top left;
        text-align: center;
        padding-top: 1em;
    }

    #subMenu .button2_right {
        height: 3.1em;
        width: 1.4em;
        float: left;
        background: url(../media/buttons/button_submenu_white_03.jpg) no-repeat top left;
    }


    #subMenu .button2 a:link, #subMenu .button2 a:visited {
        font-size: 1.1em;
        color: #07529F;
        text-decoration: none;
        font-weight: bold;
    }

    #subMenu .button2 a:hover {
        text-decoration: underline;
    }

#main_top {
    width: 850px;
    height: 10px;
    float: left;
    background: url(../media/content_01-trans.png) top left no-repeat;
    margin: 0;
    display: inline;
}

#main_top, #main_bottom {
    font-size: .1em;
}

#main_title {
    width: 70em;
    float: left;
    display: inline;
    margin: 1em 0 1em 1.2em;
}

#print_box {
    width: 70em;
    height: 1.5em;
    float: left;
    text-align: left;
    margin: .3em 1.3em;
}

#main {
    width: 800px;
    float: left;
    background: url(../media/content_02-trans.png) repeat-y left center;
    min-height: 320px;
    display: inline;
}

.cnt {
    float: left;
    margin: 0.5em 0.6em 0.5em;
    width: 76.6em;
    display: inline;
}

#main_bottom {
    width: 850px;
    height: 21px;
    float: left;
    background: url(../media/content_03-trans.png) top left no-repeat;
    margin-bottom: 2em;
    display: inline;
}

#progress_bar {
    float: right;
    width: 130px;
}

.mailbutton {
    /*background:#EAE8E8 none repeat scroll 0% 50%;
	border:0.1em solid #CCCCCC;*/
    color: #000;
    float: right;
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    height: 20px;
    margin-left: 1em;
    padding: 0 0.5em;
    cursor: pointer;
}

#spelling_button {
    float: left;
    padding-top: 2px;
    margin-right: 2px;
}

#marking_button {
    float: left;
    margin: 1px;
}



.PagerNormal {
    font-size: 11px;
    font-family: Arial, Helvetica;
    color: #3AD8F2;
    border: solid 1px #3A5296;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    padding: 0 4px;
    margin: 0 -2px;
    text-decoration: none;
}

.datapag_2 {
    float: left;
    margin: 10px 0;
}

a.PagerNormal, a.PagerPrevButton, a.PagerNextButton {
    font-size: 11px;
    font-family: Arial, Helvetica;
    color: #3AD8F2;
}

.PagerCurrent {
    font-size: 11px;
    font-family: Arial, Helvetica;
    color: #3A5296;
    border: solid 1px #3A5296;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    padding: 0 4px;
    margin: 0 -2px;
}

.PagerPrevButton {
    border-right: solid 1px #3A5296;
}


.PagerNextButton {
    color: #3D4B8A;
    border: 0;
}

.ajax__tab_xp .ajax__tab_header {
    clear: left;
}

/* @end */