body 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color: #ffffff;
    background-image: url(../images/BodyBackground.gif);
    background-position: left top; background-repeat: repeat-x;
}

/* CSS RESET */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end CSS RESET */

.pageSectionContent
{
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 30px;
}

.headerTheoryTestBooking
{
    background-color: #ff9e00;
    /*background-image: url(../images/BookTheoryTestsLogoBgnd.gif);*/
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}

.headerTheoryTestBookingLarge
{
    background-color: #ff9e00;
    /*background-image: url(../images/BookTheoryTestsLogoBgnd.gif);*/
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    font-size: 20pt;
    font-weight: bold;
}

.InfoBoxTheoryBookingSmall
{
    color: #666666;
    border: none;
    text-decoration: underline;
    padding: 0px;
    font-size: 8pt;
    font-weight: normal;
}

.InfoBoxHome
{
    background-color: #ffffcf;
    color: #000000;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    border-top: solid 1px #d0d0d0;
    font-size: 10pt;
    font-weight: normal;
    padding: 10px;
    width: 750px;
    margin-top:2px
}

.InfoBoxHome h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #ff9e00;
    padding: 0 0 5px 0;
    margin: 0;
}
.InfoBox
{
    background-color: #f2f2f2;
    color: #000000;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    border-top: solid 1px #d0d0d0;
    font-size: 10pt;
    font-weight: normal;
    padding: 5px;
    width: 100%;
    height: 460px;
    margin-top:2px
}

.InfoBoxBlackLink
{
    color: #000000;
    border: none;
    text-decoration: underline;
    padding: 0px;
    font-weight: normal;
}

.LabelBold
{
    font-size: 8pt;
    font-weight: bold;
    color: Black;
}

.TextBox
{
    font-size: 12px;
    color: #000000;
    width: 200px;
    border-right: #c7ccdc 1px solid;
    border-top: #c7ccdc 1px solid;
    border-left: #c7ccdc 1px solid;
    border-bottom: #c7ccdc 1px solid;
}

/* PPP Page*/
.matrixPPPHeader
{
    color: #ffffff;
    background-color: #FF9E01;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px black;
    border-right: solid 1px black;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixHeaderPPPTopLeft
{
    color: #ffffff;
    background-color: #FF9E01;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    height: 25px;
    width:75px;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixFeaturePPPTitle
{
    font-size: 10pt;
    line-height:1.5em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: dotted 1px #333333;
    padding-left: 5px;
    padding-right: 5px;
    width:75px;
}

.matrixFeatureTitlePPPBottomRow
{
    font-size: 10pt;
    line-height:1.5em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    padding-left: 5px;
    width:75px;
}

.matrixFeaturePPPDetail
{
    font-size: 10pt;
    line-height:1.5em;
    text-align: left;
    vertical-align: top;
    border-right: solid 1px black;
    border-bottom: dotted 1px #333333;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixFeatureDetailPPPBottomRow
{
    font-size: 10pt;
    line-height:1.5em;
    text-align: left;
    vertical-align: top;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    padding-left: 5px;
    padding-right: 5px;
}

.PPPNotes
{
    font-size: 9pt;
    line-height:1.5em;
}
/* end PPP Page*/

.matrixHeader
{
    color: #ffffff;
    background-color: #FF9E01;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px black;
    border-right: solid 1px black;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixHeaderTopLeft
{
    color: #ffffff;
    background-color: #FF9E01;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;
    height: 25px;
    width:211px;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixFeatureTitle
{
    font-size: 10pt;
    line-height:1.5em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: dotted 1px #333333;
    padding-left: 5px;
    padding-right: 5px;
    width:211px;
}

.matrixFeatureTitleBottomRow
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    padding-left: 5px;
    width:211px;
}

.matrixFeatureDetail
{
    font-size: 10pt;
    line-height:1.5em;
    text-align: left;
    vertical-align: top;
    border-right: solid 1px black;
    border-bottom: dotted 1px #333333;
    padding-left: 5px;
    padding-right: 5px;
}

.matrixFeatureDetailBottomRow
{
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    padding-left: 5px;
    padding-right: 5px;
}

#wrapper
{
    position:relative;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#wzBookTheoryTest h1 { background-color: #ff9e00; color: #ffffff; font-size: 12pt; font-weight: bold; padding:0; margin:0;}

.Button
{
    color: White;
    background-color: #FF9E01;
    background-image: url(../images/ButtonBg.gif);
    background-repeat: repeat-x; /*border-right: #606060 1px solid;     border-top: #606060 1px solid;     border-left: #606060 1px solid;     border-bottom: #606060 1px solid;*/
    border: none;
    font-size: 8pt;
    font-family: Tahoma, Verdana, 'Times New Roman';
    font-weight: normal;
    cursor: pointer;
    padding: 2px;
}

.ButtonLarge
{
    color: Black;
    background-color: #FF9E01;
    border-right: #606060 1px solid;
    border-top: #606060 1px solid;
    border-left: #606060 1px solid;
    border-bottom: #606060 1px solid;
    font-size: 10pt;
    font-family: Tahoma, Verdana, 'Times New Roman';
    cursor: pointer;
}

.ButtonTheoryBooking
{
    color: #000000;
    background-color: #ffffff;
    border-right: #FF9E01 2px solid;
    border-top: #FF9E01 2px solid;
    border-left: #FF9E01 2px solid;
    border-bottom: #FF9E01 2px solid;
    font-size: 10pt;
    font-weight: bold;
    font-family: Tahoma, Verdana, 'Times New Roman';
    cursor: pointer;
}

.questionsAreaTestBooking
{
    background-color: #ffffff;
    width: 750px;
    height: 490px; 
    margin-top:2px;
}

.questionsAreaTestBooking h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #ff9e00;
    padding: 0 0 5px 0;
    margin: 0;
}

.questionsAreaTestBooking h3
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding: 0 0 10px 0;
    margin: 0;
    display:inline;
}

.Label
{
    font-size: 8pt;
    font-weight: normal;
    color: Black;
    text-align: left;
}

.questionsAreaTestBookingSagePayForms
{
    background-color: #ffffff;
    width: 750px;
    height:1190px;
    margin-top:2px;
}

.LabelWhite
{
    font-size: 8pt;
    font-weight: normal;
    color: White;
    text-align: left;
}

#CODA-Box1
{
    background-color:#ffffff;
    width:183px;
    height:129px;
    position:absolute;
    right:95px;
    top:110px;
    cursor:pointer;
}

#CODA-Box2
{
    background-color:#ffffff;
    width:183px;
    height:129px;
    position:absolute;
    right:95px;
    top:245px;
    cursor:pointer;
}

#CODA-Box3
{
    background-color:#ffffff;
    width:183px;
    height:129px;
    position:absolute;
    right:95px;
    top:380px;
    cursor:pointer;
}

#CODA-Box4
{
    background-color:#ffffff;
    width:183px;
    height:129px;
    position:absolute;
    right:283px;
    top:380px;
    cursor:pointer; 
}

#CODA-Box5
{
    background-color:#ffffff;
    width:183px;
    height:129px;
    position:absolute;
    left:96px;
    top:380px;
    cursor:pointer;
}

#DoItHere
{
    position:absolute;
    left:104px;
    top:516px;
    font-size: 17pt;
    font-weight:bold;
}

#btnBookingForm
{
    position:absolute;
    left:465px;
    top:520px;
}

#textArea
{
    position:absolute;
    left: 96px;
    top:555px;
    height: 184px;
    width: 559px;
    background-image: url(../Images/TextAreaBackground.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 10pt;
    padding:10px;
}

#textArea .title
{
    color:#ff9e00;
    font-size:12pt;
    font-weight:bold;
}

#textArea .title a
{
    color:#ff9e00;
    font-size:12pt;
    font-weight:bold;
    text-decoration:underline;
}


#textArea p
{
    padding-top:10px;
}

#textArea p.footer
{
    padding-top:20px;
    color: #666666;
}

#textArea a
{
    color: #666666;
    text-decoration:underline;
}

.divInfoPanelContainer
{
    position:absolute;
    width:409px;
    height:544px;
    left:163px;
    top:5px;
    background-color: #000000;
    border: 2px solid #ffffff;
    padding:10px;
    display:none;
    z-index: 1000;
}

.divInfoPanelInfo
{
    background-color:#000000;
    color:#ffffff;
    font-size:10pt;
    padding:20px 5px 5px 5px;
    height:230px;
}

.divInfoPanelInfo p
{
    padding-bottom: 10px;
}

.divInfoPanelInfo a
{
    color:#ffffff;
    text-decoration:underline;
}

.divInfoPanelFAQ
{
    position:relative;
    background-color:#ffffff;
    color:#000000;
    font-size:10pt;
    padding:5px;
    height:278px;
    /*line-height:1em;*/
}

.divInfoPanelFAQ p
{
    padding-bottom: 10px;
}

.divInfoDoItNow
{
    position:absolute;
    left:2px;
    bottom: 5px;
}

.infoPanelClose
{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

.divHomeInfoPanelContainer
{
    position:absolute;
    width:700px;
    height:550px;
    left:140px;
    top:62px;
    background-color: #000000;
    border: 2px solid #ff9e00;
    padding:10px;
    display:none;
    z-index: 1000;
    display:none;
}

.divHomeInfoPanelContainer .infoRow
{
    border-bottom: dotted 1px #ffffff;
}

.divHomeInfoPanelContainer .siteColumn
{
    vertical-align:top;
    padding-right:20px;
}

.divHomeInfoPanelContainer .serviceColumn
{
    vertical-align:top;
    width:470px;
}

.divHomeInfoPanelContainer .feeColumn
{
    vertical-align:top;
}

#topPanel
{
    position:relative;
    height:280px;
    width:750px;
}

#topPanel #btnBook
{
    position:absolute;
    height:64px;
    width:215px;
    top:187px;
    left:515px;
}

/* PAYMENT */
.infoBoxPayment
{
    background-color:#2873b9;
    color:#ffffff;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    border-top: solid 1px #d0d0d0;
    font-size: 10pt;
    font-weight: normal;
    padding: 10px;
    width: 750px;
    margin-top:2px

}

.infoBoxPayment h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #ffffff;
    padding: 0 0 5px 0;
    margin: 0;
}
/* end PAYMENT */