﻿/* BTT */
.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: 760px;
    margin-top:2px
}

.InfoBoxHome h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #ff9e00;
    padding: 0 0 5px 0;
    margin: 0;
}
.InfoBox
{
    background-color: #ffffff; /*#f2f2f2;*/
    color: #000000;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    font-size: 10pt;
    font-weight: normal;
    padding: 5px;
    /*width: 750px;
    height: 460px;*/
    margin-top:2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.InfoBoxSmall
{
    background-color: #ffffff; /*#f2f2f2;*/
    color: #777777;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    font-size: 10pt;
    font-weight: normal;
    padding: 5px 8px 5px 8px;
    width: 180px;
    /*height: 480px;*/
    margin-top:2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#f0f0f0;
}

.InfoBoxSmall p
{
    padding: 5px 0 0 0;
}

.InfoBoxSmall p.DSA
{
    margin: 10px 0 10px 0;
    padding: 5px 0 5px 0;
    font-size:10pt;
    font-weight:bold;
    color:#666666;
    text-align:center;
    background-color:#ffffff;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.InfoBoxSmall p.unlimited
{
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 5px;
    font-size:12pt;
    font-weight:bold;
    line-height:1.5em;
    color:#249412;
    text-align:center;
    background-color:#ffffff;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.InfoBoxSmall a
{
    color: #666666;
    text-decoration:underline;
}

.InfoBoxCheckout
{
    background-color: #ffffff; /*#f2f2f2;*/
    color: #777777;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    font-size: 10pt;
    font-weight: normal;
    padding: 5px 8px 5px 8px;
    width: 700px;
    height: 80px;
    margin-top:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#f0f0f0;
}

.InfoBoxCheckout p
{
    padding: 5px 0 0 0;
}

.InfoBoxCheckout p.unlimited
{
    margin: 10px 0 10px 0;
    padding: 5px 5px 5px 5px;
    font-size:12pt;
    font-weight:bold;
    line-height:1.5em;
    color:#249412;
    text-align:center;
    background-color:#ffffff;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.InfoBoxPromotion
{
    background-color: #ffffff; /*#f2f2f2;*/
    color: #777777;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    font-size: 10pt;
    font-weight: normal;
    padding: 5px 8px 5px 8px;
    /*width: 760px;*/
    /*height: 125px;*/
    margin: 3px 0 9px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#f0f0f0;
}

.InfoBoxPromotion p
{
    padding: 5px 0 0 0;
}

.InfoBoxPromotion .content
{
    margin: 10px 0 10px 0;
    padding: 5px 2px 5px 2px;
    font-size:12pt;
    font-weight:bold;
    line-height:1.5em;
    color:#249412;
    text-align:center;
    background-color:#ffffff;
    border-left: solid 1px #2975bc;
    border-right: solid 1px #2975bc;
    border-bottom: solid 1px #2975bc;
    border-top: solid 1px #2975bc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.InfoBoxPromotion .title
{
    font-size:18pt;
    font-weight:bold;
    margin-bottom:10px;
}

.InfoBoxPromotion .body
{
    color: #333333;
    font-weight: normal;
}

.InfoBoxPromotion .body a
{
    color: #333333;
    text-decoration:underline;
}

.InfoBoxPromotion .terms
{
    font-size:9pt;
}

.InfoBoxBlackLink
{
    color: #000000;
    border: none;
    text-decoration: underline;
    padding: 0px;
    font-weight: normal;
}

.LabelBold
{
    font-size: 11pt;
    font-weight: bold;
    color: #2975bc;
}

.TextBox
{
    font-size: 11pt;
    color: #000000;
    width: 200px;
    border-right: #2975bc 1px solid;
    border-top: #2975bc 1px solid;
    border-left: #2975bc 1px solid;
    border-bottom: #2975bc 1px solid;
    padding:5px;
}

.TextBoxWatermark
{
    font-size: 11pt;
    color: #888888;
    width: 200px;
    border-right: #2975bc 1px solid;
    border-top: #2975bc 1px solid;
    border-left: #2975bc 1px solid;
    border-bottom: #2975bc 1px solid;
    padding:5px;
}

.PackageSelector td
{
    font-size: 11pt;
    font-weight:bold;
    color: #333333;
    padding-left:8px;
    padding-right:8px;
    padding-top:10px;
}

/* 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;
}


#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;
}

.questionsAreaTestBookingHome
{
    background-color: #fff9ef;
    /*width: 760px;*/
    /*height: 490px; */
    margin-top:2px;
}

.questionsAreaTestBooking
{
    background-color: #fff9ef;
    /*width: 760px;*/
    /*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: 11pt;
    font-weight: normal;
    color: Black;
    text-align: left;
}

.questionsAreaTestBookingSagePayForms
{
    background-color: #ffffff;
    width: 760px;
    height:1280px;
    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:70px;
}

#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: 760px;
    margin-top:2px

}

.infoBoxPayment h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #ffffff;
    padding: 0 0 5px 0;
    margin: 0;
}
/* end PAYMENT */


/* HOME */
.homeBullets {padding-top:20px; padding-bottom:20px;}
.homeBullets h2 {font-size:18pt; font-weight:bold; color:#333333; text-align:left; padding-left:20px; padding-bottom:20px;}
.homeBullets ul {margin-left: 40px; padding: 0; list-style-image: url(../images/TopicInstructionBullet.png)}
.homeBullets ul li {font-size: 12pt; font-weight:bold; color: #333333; line-height: 1.5em; padding-left: 20px; padding-top:10px;}
.homeBullets ul li.normal {font-size: 12pt; font-weight:normal; color: #333333; line-height: 1.5em; padding-left: 20px; padding-top:10px;}
.homeBullets .terms {font-size:9pt; font-weight:normal; color:#333333}
.homeBullets .startBooking {text-align:right; padding-top:15px; padding-right:5px;}
/* end HOME */


/* MENU */
.menu {position: relative; width: 760px; background-color: #ff9e01; height:29px; border-top:solid 1px #ffffff;}
.menu ul {margin-left: 0px; margin-top: 1px; padding: 0; list-style: none; float: left; height:30px; width:760px}
.menu li {float: left; padding: 0; margin: 0; color: #ffffff; background-color:#ff9e00; font-size: 10pt; font-weight:bold; text-align:center;}
.menu li a, #menu li a:link {color: #ffffff; text-decoration: none; padding: .5em 1em; display: block; border-right: solid 1px #ffffff;}
.menu li a:hover, .menu li a:active {color: #ffffff; background-color:#cc0000;}

.menu li.selected {background-color:#249412;}
.menu li.selected a {color: #ffffff; background-color:#249412;}
.menu .unSelected{}
/* end MENU */

/* TESTIMONIALS */
.testimonial {padding: 20px 10px 0 10px; color:#333333; font-size:12pt; font-style:italic; font-weight:normal}
/* end TESTIMONIALS */

/* INFO */
.info {font-size:12pt; font-weight:bold; color:#333333}
.info p {padding-top:20px}
/* end INFO */

/* CONTACT US */
.formField {padding-bottom: 10px;}
#formContactDetails {position:relative; width:650px; font-size:10pt; margin: 0 auto;}
#formContactDetails .fixedWidth {width:200px; display:block; float:left; font-size:10pt; font-weight:normal; }
#formContactDetails .options {text-align:right;}
#formContactDetails .submit {text-align:right;}
#formContactDetails .last {padding-bottom:40px;}
#formContactDetails .captcha {font-size:10pt; font-weight:bold; color:#333333;}
#formContactDetails h1 {font-size: 12pt; font-weight:bold; color:#333333; padding-bottom:20px;}
#formContactDetails h3 {font-size: 10pt; font-weight:bold; color:#333333; padding-bottom:10px;}
#formContactDetails a {font-size: 10pt; color:#333333; text-decoration:underline;}

#formContactDetails #address {position:relative; top:0px; right:0px; text-align:right; font-size:10pt; font-weight:bold;}
#formContactDetails #contactUsInfo {padding-top:30px; margin: 0 auto;}
#formContactDetails #contactUsInfo p {padding-bottom:15px;}

#contactAck {position:relative; width:650px; margin: 0 auto; font-size:12pt;}
#contactAck p {padding-bottom:15px;}
#contactAck .submit {text-align:right;}
/* end CONTACT US */

/* PACKAGE SELECTION */
.feedbackList td {font-weight:bold; padding-right:10px;}
/* end PACKAGE SELECTION */

.selectionText p
{
    font-size: 11pt;
    font-weight: bold;
}

.selectionTextFooter p
{
    font-size: 11pt;
    font-weight: normal;
}

.hidden
{
    display: none;
}
.visible
{
    display: inline;
}
body
{
    background-image: url(../Images/BodyBackgroundHome.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.progressBar
{
}

.progressCell
{
    border: 1px solid #000000;
    font-weight:bold;
    text-align:center;
    padding:5px;
}

.progressCellComplete
{
    border: 1px solid #000000;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding:5px;
    background-color: #249412;
}

.progressPrompt
{
    padding: 0 15px 0 0;
    font-weight:bold;
    color:#2975bc;
}

.homePTBullets
{
    font-weight:bold;
    padding: 0 0 20px 0;
}

.OrderOkImportantText
{
    font-size: 14pt; 
    font-weight: bold;
    font-style: italic;
    margin:5px;
    color: #DE2939; /* #2975bc;  */
}

.OrderOkImportantText P
{
    margin:30px 10px 10px 10px;
}

.OrderOkSummary
{
    font-size: 10pt; 
    font-style: italic;
    margin:5px;
    margin-bottom: 20px;
    border: 1px solid black;
    border-radius: 5px;
}

.OrderOkSummary P
{
    margin:10px;
}

.OrderOkDetails
{
    font-size: 10pt; 
    margin:5px;
    padding-bottom: 10px;
}

.OrderOkDetails P
{
    margin:10px;
}

.browserNavigationWarning
{
    color:#cc0000;
    font-size:11pt;
    font-weight:bold;
    font-style:italic;
    margin:20px 0 20px 0;
}

/* end BTT */