/* ========================================================= */
/* Global Defaults */
/* ========================================================= */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ul, li, form, input, label, legend, table,
tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; vertical-align: baseline;}

div{overflow: hidden;}

body
{
    font: 100% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    background: url("../images/background.gif");
    background-repeat: no-repeat;
    background-position: top center;
    color:#333333;
}

#printer_friendly
{
    font: 100% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    background: url("../images/background1.gif");
}

ul {list-style: none;}
.clear {clear: both;}

img { border: none; }

table {border-collapse: collapse; border-spacing: 0;}

#pageholder
{
    width: 950px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

.normal_paragraph
{
    margin-bottom:10px;
    margin-top:10px;
    text-align:justify;
    font: 100% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

.center_text
{
    text-align:center;
}

.centered_image
{
    text-align:center;
    display:block;
}

a:hover
{
    color: #e10076;
    font-family: "Trebuchet MS";
    text-decoration: underline;
}
a
{
    font-family: "Trebuchet MS";
    color: #000;
    cursor: pointer;
}

a.no_style
{
    text-decoration: none;
}

a.inventise:hover
{
    text-decoration: none;
    font-weight:normal;
}
a.inventise
{
    font-family: "Trebuchet MS";
    text-decoration: none;
    color: #000;
}

.li_tick
{
    /*border: 1px black solid;*/
    display: inline;
    float: left;
    width:100%;
    margin-left:10px;
    margin-top:4px;
}
.li_tick #image
{
    /*border: 1px red solid;*/
    display: inline;
    float: left;
    margin-right:5px;
    margin-top:3px;

}

.li_tick #text
{
    /*border: 1px green solid;*/
    width:200px;
    width:90%;
    display: inline;
    float: left;
}

/* ========================================================= */
/* Header */
/* ========================================================= */
#header
{
    /*border: 1px black solid;*/
}

#header #homelogin
{
    background-image:url(../images/background_top.gif);
    /*border: 1px red solid;*/
    display: inline;
    float: left;
    width: 950px;
    height: 37px;
    color: #9F9F9F;
    font-weight: bold;
    text-align: right;
}

#header #homelogin a
{
    color: #9F9F9F;
    font-size: 10pt;
    text-decoration: underline;
    text-decoration: none;
}

#header #homelogin #register
{
    float:left;
    margin-left:0;
    margin-right:20px;
    margin-top:10px;
    display: inline;
}

#header #homelogin #shopping_cart
{
    float:right;
    margin-left:0;
    margin-right:0px;
    margin-top:10px;
    display: inline;
}

#header #homelogin #boxes, #header #homelogin #button
{
    float:left;
    margin-top:10px;
    display: inline;
    margin-left: 5px;
}

#header #homelogin a:hover
{
    text-decoration: underline;
}

#header #homelogin input.text, #header #homelogin input.mock, #header #homelogin input.real
{
    border: 1px solid #CCCCCC;
    font-size: 10pt;
    width: 80px;
    color: #CCCCCC;
    background: #181818;
    padding:1px 1px 1px 1px;
}

#header #homelogin input[type="image"]
{
    font-size: 10pt;
    padding:0 0 0 0;
}

/* ========================================================= */
/* Top Nav */
/* ========================================================= */
#header #img_banner #top_nav
{
    /*border: 1px red solid;*/
    width: 920px;
    height:37px;
    margin-left:20px;
    margin-top:170px;
}

#header #img_banner #top_nav .top_nav_img_6px
{
    /*border: 1px red solid;*/
    margin-right: 5px;
}

#header #img_banner #top_nav .top_nav_img_5px
{
    /*border: 1px red solid;*/
    margin-right: 5px;
}

/* ========================================================= */
/* Left Nav */
/* ========================================================= */
#left_nav
{
    float: left;
    font: 9pt "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    /*border: 1px green solid;*/
    display: inline;
    width: 222px;
    margin-bottom: 5px;
    margin-top: 2px;
    padding-right: 11px;
    margin-left:20px;
}

#left_nav #left_nav_accordion
{
    margin-top:10px;
    height: 305px;
}

#left_nav #left_nav_accordion_root
{
    margin-top:10px;
    height: 450px;
}

#left_nav ul
{
    color : #000;
    list-style-image: url(../images/arrowbullet.png);
    padding-left:30px;
}

#left_nav #quote
{
    margin-top:20px;
    font: 10pt "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border: 1px #CCCCCC dotted;
    padding: 10px;
}

#left_nav #leftnav_register
{
    margin-top:20px;
    font: 10pt "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border: 1px #CCCCCC dotted;
    padding: 6px;
    height:85px;
    width:208px;
    background-color: #FBF8F3;
}

#left_nav #leftnav_register #text
{
    float: left;
    width: 200px;
    margin-left:10px;
}

#left_nav #leftnav_register #button
{
    float: right;
    margin-right:10px;
    margin-top:5px;
}

#left_nav #cc_symbols
{
    margin-top:20px;
}


/* ========================================================= */
/* Main Body */
/* ========================================================= */
#main_body
{
    margin-right:15px;
    margin-left:auto;
    float: right;
    width: 675px;
    font-family: "Trebuchet MS";
    font-size: 10pt;
    /*border: 1px orange solid;*/
}

#main_body #col1
{
    float:left;
    margin-top: 10px;
    margin-right: 10px;
    width:370px;
}

#main_body #col1_paid /* used in the MCQs */
{
    float:left;
    margin-top: 10px;
    margin-left: 40px;
    width:570px;
}

#main_body #col1 #paragraph1
{
    margin-top: 15px;
    margin-bottom: -20px;
    border-bottom: 1px #CCCCCC dotted;
}

#main_body #col1 #paragraph2
{
    margin-top: 5px;
    padding-top:15px;
    padding-bottom:5px;
    margin-bottom: 5px;
    border-bottom: 1px #CCCCCC dotted;
}

#main_body #col1 #paragraph1 #text
{
    float: right;
    width: 230px;
    padding-left:4px;
    padding-right:15px;
}

#main_body #col1 #paragraph1 #text_left
{
    float: left;
    width: 230px;
    padding-left:4px;
    padding-right:15px;
}

#main_body #col1 #paragraph1 #image
{
    float: left;
}

#main_body #col1 ul
{
    list-style-image: url(../images/bullet_tick.gif);
    padding-left:30px;
    margin-right:10px;
}

#main_body #col1 #voucher, #left_nav #register
{
    float: left;
    margin-top: 10px;
    display: inline;
    width:345px;
    padding: 15px 15px 15px 5px;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

#main_body #col1 #voucher #text
{
    float: left;
    width:250px;
    margin-left:15px;
    margin-top:6px;
}

#main_body #col1 #voucher #button
{
    float: right;
    margin-right:0;
    margin-top:6px;
}

#main_body #voucher #title
{
    float: left;
    width:100%;
    display: inline;
    margin-left:0px;
    margin-top:2px;
    color:#6BB103;
    font-size: 13pt;
    font-weight: bold;

}

#main_body #col2
{
    float:left;
    margin-top: 10px;
    width:280px;
}

#main_body #col2 #countdown
{
    background-image:url(../images/background_countdown_blue.gif);
    float: left;
    margin-top: 10px;
    display: inline;
    width:240px;
    height:89px;
    overflow:hidden;
    padding: 50px 15px 15px 20px;
}

#main_body #col2 #countdown span.days_hours
{
    color:#000;
    font-size:2.5em;
    font-weight:bold;
    line-height: 31px;
}

#main_body #col2 #countdown span.mins_secs
{
    color:#000;
    font-size:1.5em;
    font-weight:normal;
    line-height: 31px;
}

#service
{
    float: left;
    margin-top: 5px;
    width:270px;
    overflow:hidden;
    display: inline;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

#service #title
{
    float: left;
    width:100%;
    display: inline;
    margin-left:10px;
    margin-top:4px;
    color:#6BB103;
    font-size: 12pt;
    font-weight: bold;

}

#service #text
{
    float: left;
    width:260px;
    display: inline;
    margin-left:10px;
    margin-right:6px;
    margin-top:0px;
}

#service #text_padded
{
    float: left;
    width:250px;
    display: inline;
    margin-left:10px;
    margin-right:6px;
    margin-top:0px;
    padding:5px;
}

#service #buynow_button, #service #overview_button
{
    float: right;
    display: inline;
    margin-right:5px;
    margin-top:4px;
    margin-bottom:5px;
}

#main_body #col2 #poll
{
    float: left;
    margin-top: 5px;
    width:270px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

#main_body #col2 #poll #question
{
    float: left;
    width:100%;
    margin-left:6px;
    margin-right:6px;
    margin-top:3px;
    font-weight: bold;
}

#main_body #col2 #poll #view_results
{
    float: left;
    width:100%;
    margin-left:6px;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:5px;
}

#main_body #col2 #poll #radio_div .radio
{
    float: left;
    margin-left:15px;
    margin-right:6px;
}

#main_body #col2 #poll #radio_div #radio_text
{
    width:200px;
    float: left;
}

#main_body #col2 #poll #radio_div
{
    width:250px;
    float: left;
}

#main_body #col2 #poll #submit
{
    float: left;
    width:100%;
    margin-left:40px;
    margin-top:4px;
    margin-bottom:0px;
}

#main_body .justify_text
{
    text-align:justify;
}

span.pink
{
    color: #e10076;
}

span.pink_big
{
    color: #e10076;
    font-size: 1.1em;
    font-weight: bold;
}

#main_body span.red_big
{
    color: #F40019;
    font-size: 1.1em;
    font-weight: bold;
}

#main_body span.green_big
{
    color: #A2BE0A;
    font-size: 1.1em;
    font-weight: bold;
}

#main_body span.blue_big
{
    color: #019FC4;
    font-size: 1.1em;
    font-weight: bold;
}

#main_body h4, h4
{
    color: #e10076;
    font-weight: bold;
    font-size: 1.3em;
    text-align:center;
    margin-top:20px;
    margin-bottom:10px;
}

#main_body h4.red
{
    color: #F40019;
    font-weight: bold;
    font-size: 1.3em;
    text-align:center;
    margin-top:0px;
}

#main_body h4.green
{
    color: #A2BE0A;
    font-weight: bold;
    font-size: 1.3em;
    text-align:center;
    margin-top:0px;
}

#main_body h4.blue
{
    color: #019FC4;
    font-weight: bold;
    font-size: 1.3em;
    text-align:center;
    margin-top:0px;
}

#main_body #homepage_questions
{
    margin-left: 140px;
    margin-bottom:15px;
}

#main_body table.subject_list
{
    text-align:center;
    margin-bottom: 20px;
}

#main_body table.exam_list,
#main_body table.teacher_subject_list, #main_body table.student_subject_list,
#main_body table.promotional_payment
{
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

#main_body table.rate_list
{
    width:570px;
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

#main_body table.exam_list td, #main_body table.teacher_subject_list td, #main_body table.student_subject_list td, #main_body table.rate_list td
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:middle;
}

#main_body table.exam_list td.left,
#main_body table.teacher_subject_list td.left, #main_body table.student_subject_list td.left,
#main_body table.rate_list td.left
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:middle;
    text-align:left;
}

#main_body table.promotional_payment td.centre
{
    border-width: 1px 1px 1px 1px;
    padding: 1px 10px 1px 10px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:middle;
    text-align:center;
}

td.header_center
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    font-weight: bold;
}

#main_body #subject_list_table_div
{
    margin-left: 20px;
}

#main_body #exam_list_table_div, #main_body #teacher_subject_list_div
{
    margin-left: 20px;
}

#cart_contents_wrapper
{
    float:left;
    width: 490px;
    /*border: 1px red solid;*/
}

#cart_contents_header
{
    float:left;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
    width:468px;
    margin-left:10px;
    margin-right:10px;
    padding:4px;
    font-weight: bold;
}

#cart_contents_item
{
    float:left;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
    width:468px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:4px;
    font-weight:normal;
}

#cart_contents_col1
{
    float:left;
    width:20px;
}
#cart_contents_col2
{
    float:left;
    width:320px;
}
#cart_contents_col3
{
    float:left;
    width:70px;
}
#cart_contents_col4
{
    float:left;
    width:50px;
    text-align:center;
}

#cart_contents_discount
{
    float:left;
    background-color: #ed2776;
    width:470px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:4px;
    font-weight:bold;
    color:white;
}

#cart_contents_discount_col1
{
    float:left;
    width:140px;
    font-size: 1.1em;
}
#cart_contents_discount_col2
{
    float:left;
    width:320px;
}

#cart_contents_total
{
    float:left;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
    width:456px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    margin-bottom:10px;
    font-weight:bold;
    font-size: 1.1em;
    text-align:right;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
}

td.subject_column
{
    text-align:left;
}

#main_body ul.examyear
{
    padding-left:30px;
}

#main_body input.examyear_radio
{
    padding:0 7px 3px 0;
}

#main_body select.credit_card_expiry_month, #main_body select.voucher_percent
{
    width: 50px;
}

#main_body select.credit_card_expiry_year
{
    width: 75px;
}

#main_body input.voucher_discount
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 50px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#main_body select.higher_ordinary_select
{
    margin-left: 30px;
    width: 150px;
}

#main_body input.select_exam_type_next
{
    margin-left: 30px;
    width: 80px;
}

#main_body #receipt, #main_body #package_description, #main_body #correction_status_list
{
    margin-left: 30px;
    text-align: justify;
}

#main_body #package_description ul.list, #main_body #correction_status_list ul.list, #main_body #aurals ul.list, ul.arrows, #main_body #maths_view_list ul.list
{
    color : #000;
    list-style-image: url(../images/arrowbullet.png);
    padding-left:50px;
}

#main_body #receipt #address
{
    margin-left: 20px;
    margin-bottom: 20px;
}

/* ========================================================= */
/* Footer */
/* ========================================================= */
#footer
{
    float: left;
    width: 100%;
    height: 70px;
    margin-top:10px;
    /*border: 1px black solid;*/
    background-image: url(../images/footer_background.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size:10pt;
}

#footer #links a
{
    color: #ffffff;
}

#footer #links
{
    margin-right:10px;
    margin-top:12px;
    text-align:right;
}

#footer #inventise
{
    margin-top:16px;
    margin-right:10px;
    text-align:right;
    font-size:8pt;
}

/* ========================================================= */
/* General Forms */
/* ========================================================= */
#inputArea
{
    font-family: Arial, Sans-Serif;
    padding-top: 10px;
    padding-bottom: 35px;
}

#inputArea select
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 200px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea input.text
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 200px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea input.checkbox
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 5px;
}

#inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 300px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea input.ccv, #inputArea input.issue_number
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 1px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 50px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea input.dob
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 200px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea label
{
    float: left;
    width: 200px;
}

#inputArea input[type="submit"]
{
    float: left;
    margin-left: 200px;
}

#inputArea .formInputElementCancel input[type="submit"]
{
    float: left;
    margin-left: 10px;
}

#inputArea input.button
{
    float: left;
    width: 150px;
    padding: 2px 8px;
    margin-top: 5px;
    margin-left: 200px;
}

#buttons
{
    float: left;
    margin-left: 50px;;
}

#inputArea input.admin_button
{
    margin-left: 0;
    width: 150px;
    padding: 2px 8px;
    margin-top: 5px;
}

#inputArea #payment_buttons
{
    /*border: 1px green solid;*/
    float:left;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left:200px;
}

#inputArea #payment_buttons input.cc_submit, #inputArea input.cc_cancel
{
    float:left;
    width: 100px;
    padding: 2px 8px;
    margin-left:0;
    margin-right:5px;
}

#promotional_block
{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
}

#promotional_block input.promotional_input
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    margin-bottom: 1px;
    padding: 2px;
    border: solid 1px #85b1de;
    width: 100px;
    background-image: url( '../images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
}


#inputArea p.element_error {
    position: relative;
    margin-left: 30px;
    color: red;
    font-weight: bold;
}

#inputArea p.form_error {
    color: red;
    font-weight: bold;
}










#aurals #help
{
    text-align: justify;
    margin-bottom: 20px;
    font-weight: bold;
}

#aurals #examtext
{
    text-align: justify;
    margin-bottom: 10px;
    margin-left: 40px;
    font-weight: bold;
    font-style: italic;
}

#aurals #video
{
    margin-bottom: 20px;
}

#aurals #maincontent
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#aurals select.subject
{
    position: relative;
    width: 180px;
}

#aurals select.exam
{
    position: relative;
    width: 250px;
}

#aurals .sectionTitle
{
    font-weight: bold;
    color: #00A0C6;
}

#aurals #sectionText
{
    font-weight: bold;
    text-align: justify;
}

#aurals .sectionResults
{
    margin-left: 25px;
}

#aurals #resultsRightWrong, #questionsIndent
{
    text-align: justify;
    margin-left: 25px;
}

#aurals .questionTitle
{
    font-weight: bold;
    color: #00A0C6;
}

#aurals .sectionTitleResults
{
    font-weight: bold;
    font-size: 120%;
    color: #00A0C6;
}

#aurals .subjectTitle
{
    font-weight: bold;
    color: #00A0C6;
}

#aurals .questionBody
{
    margin-bottom: 5px;
}

#aurals .answerBody
{
    margin-bottom: 5px;
    margin-left: 25px;
}

#aurals #questionTextModule, #aurals #questionModule
{
    padding:5px;
    border-style:none;
    text-align: left;
    margin-bottom: 5px;
}

#aurals #getResultsButton
{
    float:left;
    margin-left: 245px;
    margin-bottom: 15px;
}

#aurals #proceedButton
{
    float:left;
    margin-left: 170px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#aurals #proceedNextQuestionButton
{
    float:left;
    margin-left: 215px;
    margin-bottom: 15px;
}

#aurals #questionErrorMessages, #subjectErrorMessages
{
    margin-top:0px;
    margin-left:50px;
    color: red;
}

#aurals .link
{
    text-decoration: underline;
    cursor: pointer;
}

#aurals img {border: none}

#aurals form
{
    font-family:Verdana;
    color:Black;
}

#aurals #main_body p.element_error {
    position: relative;
    left: 30px;
    color: red;
    font-weight: bold;
}

#aurals #main_body p.form_error {
    color: red;
    font-weight: bold;
}

#aurals button.button, #aurals input.button{
    position: relative;
    left: 140px;
    margin-top: 10px;
}

#aurals .formElement {
    position: relative;
    top: 0;
    left: 40px;
    margin-top: 10px;
    color:Black;
}


#aurals a.button
{
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#aurals a.button span
{
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#aurals a.button:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#aurals a.button:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#aurals table
{
    border-width: 0;
    border-spacing: 0px;
    border-style: none none none none;
    border-collapse: collapse;
    background-color: white;
    width: 100%;
}

#aurals table td
{
    border-width: 0;
    padding: 2px 2px 2px 2px;
    padding-left: 5px;
    padding-right: 50px;
}

#admin table.subjectsTable, #admin table.questionsTable, #admin table.examsTable
{
    font-size: 11px;
    color: #404040;
    width: 90%;
    margin-left: 5px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

#admin th
{
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
}

#admin td
{
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa;
}

#admin th.subject, #admin th.question, #admin th.exam
{
    width: 200px;
    text-align:left;
}
#admin th.id
{
    width: 20px;
    text-align:center;
}
#admin td.id
{
    text-align:center;
}
#admin th.active, #admin th.correct
{
    width: 20px;
    text-align:center;
}
#admin td.active, td.correct
{
    text-align:center;
}

#main_body table.correction_status
{
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 0;
    border-collapse: collapse;
    background-color: white;
}

#main_body table.correction_status td
{
    border-width: 0;
    padding: 1px 10px 1px 5px;
}

#main_body table.correction_status td.subject_name
{
    width:180px;
    border-width: 0;
    padding: 1px 1px 1px 5px;
    text-align:left;
}

#main_body table.correction_status td.left
{
    border-width: 0;
    padding: 1px 1px 1px 5px;
    text-align:left;
}

#main_body table.correction_status tr.bottom_row
{
    border-width: 0 0 2px 0;
    border-collapse: collapse;
    border-width: 0 0 2px 0;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
}

#main_body table.correction_status td.bottom_col
{
    border-width: 0 0 2px 0;
    border-collapse: collapse;
    border-width: 0 0 2px 0;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
}

#main_body table.correction_status td.blank
{
    height:0px;
}


#main_body table.maths_home
{
    text-align:left;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 0;
    border-collapse: collapse;
    background-color: white;
}

#main_body table.maths_home td
{
    border-width: 0px;
    padding: 1px 10px 1px 5px;
    background-color: white;
}
#main_body table.maths_home td.left
{
    border-width: 3px;
    padding: 1px 1px 1px 5px;
    text-align:left;
}

#main_body table.maths_home td.blank
{
    height:0px;
}

table.exam_history
{
    text-align:center;
    width: 600px;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

table.upload_file_list
{
    text-align:center;
    width: 400px;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

table.report_card, table.oral_booking_summary
{
    text-align:center;
    width: 600px;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
    font-size: 12pt;
}

table.oral_results
{
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

table.teacher_report_card
{
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 1px 1px 1px 1px;
    border-spacing: 5px;
    border-width: 1px 1px 1px 1px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    border-collapse: collapse;
    background-color: white;
}

table.exam_history td, table.upload_file_list td, table.report_card td, table.teacher_report_card td, table.oral_booking_summary td, table.oral_results td
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:middle;
    text-align:center;
}

table.exam_history td.left, table.upload_file_list td.left, table.report_card td.left, table.teacher_report_card td.left, table.oral_results td.left
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:middle;
    text-align:left;
}

table.report_card td.left_upper, table.teacher_report_card td.left_upper
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:top;
    text-align:left;
}

table.report_card td.center_upper, table.teacher_report_card td.center_upper
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:top;
    text-align:center;
}

table.report_card td.question, table.teacher_report_card td.question
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
    vertical-align:top;
    text-align:center;
    width:180px;
}

#sumbit_exam_script
{
    width: 500px;
}

#sumbit_exam_script_button
{
    text-align: center;
}

#teacher_report_card
{
    width: 620px;
    overflow:hidden;
}

#teacher_report_card tr.bottom_row
{
    border-collapse: collapse;
    border-width: 0 0 4px 0;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
}

input.marks
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 1px 1px 1px 1px;
    width:30px;
}

#subject_topic_list
{
    width: 400px;
}

#main_body #teacher_calendar, #main_body #student_calendar
{
    margin-left: 80px;
}

#main_body table.points_calc
{
    width:400px;
    text-align:center;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    border-width: 0;
    border-spacing: 5px;
    border-style: none;
    border-collapse: collapse;
    background-color: white;
}

#main_body table.points_calc th
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    font-size: 1.1em;
    text-align:center;
}

#main_body table.points_calc td
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    text-align:center;
}

#main_body table.points_calc td.total
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    font-size: 1.1em;
    border-width: 4px 0 0 0;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
}

#main_body table.points_calc td.total_text
{
    border-width: 1px 1px 1px 1px;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    font-size: 1.1em;
    text-align:right;
    border-width: 4px 0 0 0;
    border-style: solid solid solid solid;
    border-color: gray gray gray gray;
}

table.points_table
{
    text-align:center;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 50px;
    border-width: 0;
    border-spacing: 0;
    border-style: none;
    border-collapse: collapse;
    background-color: #eeeeee;
}

table.points_table td
{
    padding: 1px 9px 1px 9px;
    text-align:center;
}

#pointscalcgrid
{
    width: 700px;
    margin-left: 20px;
    margin-right: 20px;
}

#marketing_results
{
    width:600px;
    float:left;
}
#poll .result
{
    /*border: 1px green solid;*/
    background:#FFF;
    float:left;
    padding:5px 5px 5px 5px;
}
#poll .result_block
{
    /*border: 1px red solid;*/
    width:600px;
    float:left;
    margin:0px;
    padding:10px 0px;
}
#poll .poll_result_answer {float:left;line-height:17px;width:155px;}
#poll .poll_result_outer_bar {border:1px solid #5C5589;float:left;margin-left:15px;padding:1px;}
#poll .poll_result_inner_bar {width:350px;}
#poll .poll_result_bar {background:#585A83 !important;height:20px;width:100%;}
#poll .poll_result_persentage {float:left;margin-left:10px;}

#findus .result {background:#FFF ;float:left;padding:10px 10px 10px 9px;}
#findus .result_block {float:left;margin:0px;padding:10px 0px;}
#findus .poll_result_answer {float:left;line-height:17px;width:155px;}
#findus .poll_result_outer_bar {border:1px solid #5C5589;float:left;margin-left:15px;padding:1px;}
#findus .poll_result_inner_bar {width:350px;}
#findus .poll_result_bar {background:#585A83 !important;height:20px;width:100%;}
#findus .poll_result_persentage {float:left;margin-left:10px;}

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

#dates #date {
    width:100%;
    float:left;
    margin-top:3px;
    margin-bottom:3px;
}

#dates #date .label{
    float:left;
    width: 120px;
    font-weight:bold;
}

#marketingcomp #entry
{
    /*border: 1px black solid;*/
    float:left;
    width: 100%;
    margin-bottom: 20px;
}

#marketingcomp #entry #school
{
    /*border: 1px red solid;*/
    float:left;
    margin-left: 50px;
    margin-right: 20px;
    width: 200px;
}

#marketingcomp #entry #vote
{
    /*border: 1px green solid;*/
    float:left;
    width: 50px;
}

#marketingcomp #entry #read
{
    /*border: 1px yellow solid;*/
    float:left;
    width: 150px;
}

#reportcard_wrapper
{
    float:left;
    width: 620px;;
}

#report_card_print
{
    float:left;
    width: 600px;;
}

#report_card_print #report_card_print_img
{
    float:left;
    width: 50px;
}

#report_card_print #report_card_print_txt
{
    float:left;
    width: 350px;
}

#print_report_card
{
    float: left;
    width: 610px;
}

#print_report_card #header
{
    float: left;
    width: 600px;
}

#print_report_card #header #title
{
    float: left;
    width: 400px;
}

#print_report_card #header #logo
{
    float: right;
    width: 200px;
}


/* ========================================================= */
/* Floating shopping cart */
/* ========================================================= */
#floating_shopping_cart_content
{
    font: 10pt "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    width:500px;
    height:auto;
    overflow-x:hidden;
}

/* ========================================================= */
/* Rates page */
/* ========================================================= */
#rates
{
    float:left;
    margin-left:0;
    width:660px;
    overflow:hidden;
    /*color:#333333;*/
    color:#675655;
}

#rates #header
{
    float:left;
    margin-left:0;
    margin-top:30px;
    width:100%;
    /*border: 1px green solid;*/
}

#rates #package_wrapper, #rates #product_wrapper
{
    float:left;
    width:100%;
    margin-bottom:15px;
}

p.pastexam_mesage
{
    float:left;
    width:660px;
    margin-bottom:0;
    border:red 1px solid;
}

#rates #product_wrapper #product_div
{
    float:left;
    width:95%;
    margin-top:10px;
    border: 1px #CCCCCC dotted;
    padding: 10px 10px 15px 15px;
    background-color: #FBF8F3;
}

#rates #product_wrapper #product_div #text
{
    float: left;
    margin-left:10px;
    font-size: 1.0em;
    font-weight:bold;
}

#rates #product_wrapper #product_div .name
{
    float: left;
    margin-right:10px;
    margin-top:5px;
    width:320px;
}

#rates #product_wrapper #product_div .price
{
    float: left;
    margin-right:10px;
    margin-top:5px;
    width:170px;
}

#rates #product_wrapper #product_div .button
{
    float: left;
    padding-top:3px;
    margin-right:0px;
}

#rates #package_wrapper #package_header, #rates #product_wrapper #product_header
{
    float:left;
    font-weight: bold;
    font-size: 1.3em;
    width:100%;
    margin-top:0;
    margin-bottom:10px;
    /*border: 1px blue solid;*/
}

#rates #package_wrapper #package_gold
{
    float:left;
    width:210px;
    overflow:hidden;
    height:259px;
    background-image: url( '../images/gold_back.gif' );
    background-repeat: repeat-x;
    /*border: 1px green solid;*/
}

#rates #package_wrapper #package_silver
{
    float:left;
    margin-right:15px;
    width:210px;
    overflow:hidden;
    height:259px;
    background-image: url( '../images/silver_back.gif' );
/*    border: 1px green solid;*/
}

#rates #package_wrapper #package_bronze
{
    float:left;
    margin-right:15px;
    width:210px;
    overflow:hidden;
    height:259px;
    background-image: url( '../images/bronze_back.gif' );
    /*border: 1px green solid;*/
}

#rates #package_wrapper #deal_header
{
    font-weight: bold;
    font-size: 1.3em;
    margin-left:35px;
    margin-top:10px;
}

#rates #package_wrapper #deal_reduction
{
    font-weight: bold;
    font-size: 1.1em;
    margin-left:35px;
    margin-top: 5px;
    color:red;
}

#rates #package_wrapper #deal_price
{
    font-weight: bold;
    font-size: 1.1em;
    margin-left:35px;
    margin-top:5px;
}

#rates #package_wrapper #deal_body
{
    font-weight: bold;
    height:120px;
    overflow:hidden;
    font-size: 0.9em;
    margin-left:35px;
    margin-top:2px;
}

#rates #package_wrapper #images
{
    margin-left:25px;
    margin-top:15px;
}

ul.rates
{
    margin-top:-5px;
    padding-left:15px;
}
li.rates
{
    padding-top:5px;
    margin-left:20px;
    list-style-type: disc;
}

#correction_service
{

}

#correction_service #col1
{
    float:left;
    margin-top: 10px;
    margin-right: 10px;
    width:380px;
}

#correction_service #col1 #english_subjects
{
    background-image: url( '../images/background_correction_services_english.gif' );
    background-repeat: repeat-x;
    height:240px;
}

#correction_service #col1 #english_subjects .title
{
    float: left;
    height:25px;
    width:380px;
    margin-top:10px;
    margin-left:10px;
    color:#373737;
    font-size:1.1em;
}

#correction_service #col1 .button
{
    float:left;
    margin-left:50px;
}

#correction_service .select_div
{
    float:left;
    margin-top:5px;
    height: 40px;
    margin-left:10px;
    /*border: 1px red solid;*/
}

#correction_service .select_div_name
{
    float:left;
    width:380px;
    font-weight:bold;
    /*border: 1px green solid;*/
}

#correction_service .select_div_box
{
    float:left;
}

#correction_service #topic_display_text
{
    float:left;
    margin-left:10px;
    width:360px;
    min-height:15px;
    /*border: 1px green solid;*/
}


#correction_service #col2
{
    float:left;
    margin-top: 10px;
    width:270px;
    /*border: 1px green solid;*/
}

#correction_service #col2 .box
{
    float: left;
    margin-top: 1px;
    display: inline;
    width:245px;
    padding: 10px 10px 10px 10px;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

#correction_service #col2 .faq
{
    float:left;
    width:240px;
    color:#6ab000;
    margin-top:5px;
    font-size:1.0em;
}

#correction_service #col2 .text
{
    float:left;
    width:240px;
    color:#373737;
    margin-top:10px;
    font-size:1.0em;
}

#correction_service #col2 .report_card
{
    float:left;
    width:240px;
    color:#373737;
    margin-top:10px;
    font-size:1.0em;
}

#correction_service #col2 .read_more
{
    float:left;
    width:240px;
    color:#373737;
    margin-top:0;
    margin-left:150px;
}

.news_item .date
{
    float:left;
    width:100%;
    color:#323232;
    font-weight:bold;
    font-size:1.0em;
    margin-top:10px;
    padding-top:10px;
    border-top: 2px #CECECE dotted;
}

.news_item .title
{
    float:left;
    width:100%;
    color:#79BC13;
    font-weight:bold;
    font-size:1.1em;
}

.news_item .body
{
    float:left;
    width:100%;
    color:#696969;
    font-size:0.9em;
}

/* ========================================== */
/* mcqs_area */
/* ========================================== */
#mcq_instructions
{
    background: url("../images/mcq_background.gif");
    background-repeat:repeat-x;
    border:1px #D4D3D1 dotted;
    margin-top:10px;
}

#mcq_instructions_text
{
    float:left;
    padding:5px 0 0 10px;
}

#mcq_instructions_text .title
{
    float:left;
    width:330px;;
    padding:5px 0 5px 0;
    font-size:1.3em;
    font-weight:bold;
    color:#EC2674;
}

#mcq_instructions_text .text
{
    float:left;
    width:350px;;
    padding:0 0 15px 0;
    font-size:1.0em;
    font-weight:bold;
    color:#333333;
}

#mcq_instructions_text .unordered_list
{
    float:left;
    width:350px;;
    padding:0 0 10px 0;
    font-size:1.3em;
    font-weight:bold;
    color:#333333;
}

#mcq_instructions_text .unordered_list img
{
    float:left;
    padding:3px 10px 10px 10px;
}

#mcq_select
{
    float:left;
    width:340px;
    padding:0;
}

#mcq_select .select
{
    float:left;
    width:330px;
    padding:10px 0 0 0;
}

#mcq_select .select .title
{
    float:left;
    width:300px;
    padding:0 0 2px 10px;
    font-size:1.1em;
    font-weight:bold;
    color:#333333;
}
#mcq_select .proceed
{
    float:left;
    width:300px;
    padding:15px 0 10px 120px;
}

#mcq_select .select select
{
    float:left;
    font-size:0.9em;
    margin-left:30px;
    color:#333333;
}

/* more MCQ menu */
#floating_mcq_menu
{
    font: 10pt "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    width:500px;
    height:auto;
    overflow-x:hidden;
}

#mcqs
{
    float:left;
    margin-top:12px;
    width:660px;
    overflow:hidden;
}

#mcqs #more_questions_text
{
    float:left;
    width:660px;
    margin-left:20px;
    font-size:0.8em;
    color:#3A3939;
}

#mcqs #header
{
    float:left;
    width:660px;
    overflow:hidden;
}

#mcqs #status
{
    float:left;
    width:660px;
    overflow:hidden;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    padding:5px 5px 8px 10px;
    background-color: #ED2776;
    border-left:1px #D4D3D1 dotted;
    border-right:1px #D4D3D1 dotted;
}

#mcqs #status #out_of
{
    float:left;
}

#mcqs #status #marks
{
    float:right;
    padding-right:35px;
}

#mcqs_area
{
    float:left;
    margin-top:0px;
    width:660px;
    overflow:hidden;
    border-left:1px #D4D3D1 dotted;
    border-right:1px #D4D3D1 dotted;
    border-bottom:1px #D4D3D1 dotted;
}

#mcqs_area #questions_list
{
    float:left;
    width:40px;
    color: #3A3939;
    padding-top:3px;
    border-right:1px #D4D3D1 dotted;
}

.question_selected
{
    background-color: #ED2776;
    padding-left:8px;
    padding-bottom:2px;
}

.question_deselected
{
    background-color: #F9F8F3;
    padding-left:8px;
    padding-bottom:2px;
}

.question_answered
{
    background-color: #D9D9D9;
    padding-left:8px;
    margin-bottom:2px;
}

#mcqs_area #questionTitleWrapper
{
    float:left;
    width:610px;
    /*border:1px yellow solid;*/
}

#mcqs_area .questionTitle
{
    float:left;
    font-size:1.1em;
    font-weight:bold;
    padding:1px 10px 10px 0;
    width:400px;
    /*border:1px red solid;*/
}

#mcqs_area .next_previous
{
    float:right;
    width:160px;
    margin:0 10px 0 0;
    text-align:right;
    /*border:1px green solid;*/
}

#mcqs_area .questionImage
{
    float:left;
    width:600px;
}

#mcqs_area .questionImage img
{
    max-width: 500px;
    /* Following line is a hack for IE6 */
    width: expression(this.width > 500 ? 500: true);
}

#mcqs_area .answer
{
    float:left;
    width:600px;
    font-size:1.0em;
    padding:0 10px 5px 10px;
}

#mcqs_area .answerCorrect
{
    float:left;
    width:600px;
    font-size:1.0em;
    padding:0 10px 5px 10px;
    background-color: #81D15D;
}

#mcqs_area .answerIncorrect
{
    float:left;
    width:600px;
    font-size:1.0em;
    padding:0 10px 5px 10px;
    background-color: #F15151;
}

#mcqs_area #selected_question
{
    float:left;
    background-color: #F9F8F3;
    width:604px;
    padding-top:10px;
    padding-left:15px;
    padding-bottom:20px;
    /*border:1px yellow dotted;*/
}

#mcqs_area #questions_list a, #mcqs_area #questions_list a:hover, #mcqs_area #questions_list a:visited
{
    text-decoration: none;
}

#mcq_buynow
{
    float: left;
    margin-top: 5px;
    width:268px;
    overflow:hidden;
    display: inline;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

img.mcq_buy_now
{
    margin-top:9px;
}

#mcq_buynow
{
    padding: 5px 0 0 10px;
}

#mcq_buynow #title
{
    padding:5px 0 5px 0;
    font-size:1.3em;
    font-weight:bold;
    color:#EC2674;
}

#mcq_buynow #text
{
    float: left;
    width:250px;
    display: inline;
    margin-left:10px;
    margin-right:6px;
    margin-top:0px;
}

#mcq_buynow #buynow_button
{
    float: right;
    display: inline;
    margin: 5px 10px 10px 0;
}

#landing_page #col1
{
    float:left;
    display: inline;
    margin-top: 10px;
    margin-left:20px;
    margin-right: 0;
    width:214px;
}

#landing_page #col2
{
    float:left;
    display: inline;
    margin-top: 10px;
    margin-right: 10px;
    width:670px;
}

#landing_page #col2 .header
{
    display: inline;
    float:left;
}

#landing_page #col2 .title_header
{
    font-size:1.6em;
    font-weight:normal;
    margin-left:20px;
    color:#E9008A;
    width:580px;

}

#landing_page #col2 p.summary
{
    float:left;
    display: inline;
    margin-bottom:7px;
    margin-top:7px;
    margin-left:20px;
    font-size:10pt;
    color:#333333;
    width:600px;
}

#landing_page #col2 #register_image
{
    float: left;
    display: inline;
    width:280px;
    margin-bottom:15px;
    margin-left:20px;
}

#landing_page #col2 span.pink
{
    font-size:10pt;
    font-weight:bold;
    color:#E9008A;
}

#landing_page #col2 img.register_now
{
    float:left;
    display: inline;
    margin-top:10px;
}

#landing_page #col2 #step
{
    float: left;
    display: inline;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    width:200px;
    height:70px;
    overflow:hidden;
    display: inline;
    border: 1px #CCCCCC dotted;
    background-color: #F9F8F3;
}

#landing_page #col2 #step #title
{
    float: left;
    display: inline;
    width:60px;
    height:60px;
    padding-top:20px;
    padding-left:5px;
    display: inline;
    color:#E9008A;
    font-size: 13pt;
    font-weight: bold;
}

#landing_page #col2 #step #text
{
    float: left;
    display: inline;
    width:135px;
    height:65px;
    padding-top:6px;
    display: inline;
    color:#333333;
}

#landing_page #col2 #step #text span.large
{
    font-size: 12pt;
    font-weight:bold;
}

#landing_page #col2 #step #text p.normal
{
    font-size: 9pt;
    font-weight:normal;
    margin-top:5px;
    line-height:100%;
}

/* ========================================================= */
/* Exam Breakdown page */
/* ========================================================= */
#breakdown
{
    float:left;
    margin-left:0;
    height:inherit;
    width:660px;
    overflow:hidden;
    /*color:#333333;*/
    color:#675655;
}

#breakdown #header
{
    float:left;
    margin-left:0;
    margin-top:30px;
    width:100%;
    /*border: 1px green solid;*/
}

#rates #product_wrapper
{
    float:left;
    width:100%;
    margin-bottom:15px;
    /*border: 1px green solid;*/
}

#breakdown #product_wrapper #product_div
{
    margin-top:10px;
    border: 1px #CCCCCC dotted;
    padding: 10px 10px 15px 15px;
    background-color: #FBF8F3;
}

#breakdown #product_wrapper #product_div #text
{
    float: left;
    margin-left:10px;
    font-size: 1.0em;
    font-weight:bold;
}

#breakdown #product_wrapper #product_div .subject
{
    float: left;
    margin-right:10px;
    margin-top:5px;
    width:80px;
}

#breakdown #product_wrapper #product_div .exam
{
    float: left;
    margin-right:10px;
    margin-top:5px;
    width:440px;
}

#breakdown #product_wrapper #product_div .button
{
    float: right;
    padding-top:3px;
    margin-right:0px;
}

#breakdown #package_wrapper #package_header, #rates #product_wrapper #product_header
{
    float:left;
    font-weight: bold;
    font-size: 1.3em;
    width:100%;
    margin-top:0;
    margin-bottom:10px;
    /*border: 1px blue solid;*/
}

#breakdown #package_wrapper #images
{
    margin-left:25px;
    margin-top:15px;
}

ul.breakdown
{
    margin-top:-5px;
    padding-left:15px;
}
li.breakdown
{
    padding-top:5px;
    margin-left:20px;
    list-style-type: disc;
}

.faq_section
{
    width:350px;
}

.faq_section .faq_header
{
    color:#d80056;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

.faq_section a.a_faq_header
{
    color:#d80056;
    font-size:16px;
    font-weight:bold;
    text-decoration: underline;
}

.faq_section a.a_faq_header:hover, .faq_question a.a_faq_question:hover
{
    text-decoration: none;
}

.faq_section .faq_question_and_answers .faq_question
{
    color:#675655;
    font-size:14px;
    font-weight:bold;
    margin-left:20px;
}

.faq_section .faq_question_and_answers a.a_faq_question
{
    color:#675655;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    text-decoration: underline;
    margin-bottom:5px;
}

.faq_section .faq_question_and_answers .faq_answer
{
    color:#675655;
    font-size:12px;
    margin-left:40px;
    margin-bottom:5px;
}
/* ========================================== */
/* Time & marks breakdown */
/* ========================================== */
#timeandmarks
{
    float:left;
    margin-left:0;
    width:660px;
    overflow:hidden;
    color:#675655;
}
#timeandmarks_content
{
    float:left;
    margin-left:0;
    width:680px;
    height:400px;
    overflow-x:hidden;
    overflow-y:auto;
    color:#675655;
    font-size:11px;
}
#timeandmarks_content #title
{
    float:left;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:17px;
    width:660px;
}
#timeandmarks_content #timeandmarks_table
{
    float:left;
    width:660px;
}
#timeandmarks_content #timeandmarks_back
{
    float:left;
    width:660px;
    text-align:center;
    margin:5px 0 5px 0;
}
#timeandmarkslogin
{
    float:left;
    margin-left:0;
    width:400px;
    overflow:hidden;
    /*color:#333333;*/
    color:#675655;
}
#timeandmarkslogin #header
{
    float:left;
    margin-left:0;
    margin-top:10px;
    /*border: 1px green solid;*/
}
#timeandmarks #header
{
    float:left;
    margin-left:0;
    margin-top:10px;
    /*border: 1px green solid;*/
}
#timeandmarks #title
{
    float:left;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:17px;
    /*border: 1px green solid;*/
}
#timeandmarks #width
{
    width:700px;
    height: 600px;
    overflow: auto;
}
#timeandmarks #package_wrapper #LCHL
{
    float:left;
    width:160px;
    margin-right:5px;
    overflow:hidden;
    height:70px;
    background-image: url( '../images/Mocks_NAV_MasterLCHL.gif' );
    background-repeat: repeat-x;
}
#timeandmarks #package_wrapper #LCLL
{
    float:left;
    width:160px;
    overflow:hidden;
    height:70px;
    background-image: url( '../images/Mocks_NAV_MasterLCLL.gif' );
    background-repeat: repeat-x;
}
#timeandmarks #package_wrapper #JCHLExamBreakdown
{
    float:left;
    width:660px;
    overflow:hidden;
    height:55px;
    background-image: url( '../images/JCHL_Header.gif');
    background-repeat: repeat-x;
}
#timeandmarks #package_wrapper #JCLLExamBreakdown
{
    float:left;
    width:680px;
    overflow:hidden;
    height:55px;
    background-image: url( '../images/JCLL_Header.gif');
    background-repeat: repeat-x;
}
#timeandmarks #package_wrapper #LCHLExamBreakdown
{
    float:left;
    width:680px;
    overflow:hidden;
    height:55px;
    background-image: url( '../images/leavingcerthigherlevel.gif');
    background-repeat: repeat-x;
}
#timeandmarks #package_wrapper #LCLLExamBreakdown
{
    float:left;
    width:680px;
    overflow:hidden;
    height:55px;
    background-image: url( '../images/LCLL_Header.gif');
    background-repeat: repeat-x;
}

#timeandmarks #package_wrapper #JCLL
{
    float:left;
    margin-right:5px;
    width:160px;
    overflow:hidden;
    height:70px;
    background-image: url( '../images/Mocks_NAV_MasterJCLL.gif' );
    background-repeat: repeat-x;
}

#timeandmarks #package_wrapper #JCHL
{
    float:left;
    margin-right:5px;
    width:160px;
    overflow:hidden;
    height:70px;
    background-image: url( '../images/Mocks_NAV_MasterJCHL.gif' );
    background-repeat: repeat-x;
    /*border: 1px green solid;*/
}
#timeandmarks #package_wrapper #Clearborder1
{
    float:left;
    width:151px;
    overflow:hidden;
    margin-left:0px;
    margin-top:5px;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarks #package_wrapper #Clearborder2
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarks #package_wrapper #Clearborder3
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarks #package_wrapper #Clearborder4
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarks #package_wrapper #JCHLborder
{
    float:left;
    width:152px;
    margin-left:0px;
    margin-top:5px;
    border: 1px #CCCCCC dotted;
    padding: 3px 0 3px 3px;
    background-color: #FBF8F3;
}

#timeandmarks #package_wrapper #JCLLborder
{
    float:left;
    margin-left:5px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}

#timeandmarks #package_wrapper #LCHLborder
{
    float:left;
    margin-left:5px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}
#timeandmarks #package_wrapper #LCLLborder
{
    float:left;
    margin-left:6px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}
#timeandmarks #header #package_wrapper #JCHLborder #pointscalcgrid
{
    width: 8000px;
    margin-left: 20px;
    margin-right: 20px;
}

#timeandmarks #popup #JCHLHeader
{
    float:left;
    margin-left:0px;
    width:800px;
    height:70px;
    background-image: url( '../images/JCHLHeader.gif' );
    background-repeat: repeat-x;
}
#timeandmarks #popup #title1
{
    float:left;
    color:#FF0066;
    width:300px;
    margin-left:0px;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:15px;
}
#timeandmarks #popup #title2
{
    float:left;
    width:300px;
    margin-left:20px;
    color:#FF0066;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:15px;
}

#timeandmarks #popup #content
{
    float:left;
    color:#000000;
    width:350px;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:11px;
}
#timeandmarks #popup #Content1
{
    float:left;
    width:310px;
    overflow:hidden;
    margin-left:0px;
    margin-top:5px;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    text-align:left;
    font-family:"Trebuchet MS";
    font-size:11px;
}
#timeandmarks #popup #Content2
{
    font: 100% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    float:left;
    width:310px;
    overflow:hidden;
    margin-left:5px;
    margin-top:5px;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    text-align:left;
    font-size:11px;
}

#timeandmarkslogin #package_wrapper #JCHLborder
{
    float:left;
    width:152px;
    margin-left:0px;
    margin-top:5px;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}

#timeandmarkslogin #package_wrapper #JCLLborder
{
    float:left;
    margin-left:5px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}

#timeandmarkslogin #package_wrapper #LCHLborder
{
    float:left;
    margin-left:5px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}
#timeandmarkslogin #package_wrapper #LCLLborder
{
    float:left;
    margin-left:6px;
    width:152px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #CCCCCC dotted;
    padding: 3px 3px 3px 3px;
    background-color: #FBF8F3;
}
#timeandmarkslogin #package_wrapper #Clearborder1
{
    float:left;
    width:151px;
    overflow:hidden;
    margin-left:0px;
    margin-top:5px;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarkslogin #package_wrapper #Clearborder2
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarkslogin #package_wrapper #Clearborder3
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
#timeandmarkslogin #package_wrapper #Clearborder4
{
    float:left;
    margin-left:5px;
    width:151px;
    margin-top:5px;
    overflow:hidden;
    border: 1px #FFFFFF dotted;
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
}
table, td, th
{
border:1px solid black;
}
td
{
padding:1px;
}