/* CSS Document */


/*------------ IE fixes starts ------------*/
/*.ie-img-fix img{
margin:0;
padding:0;
border:0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100.01%;
font-family: inherit;
vertical-align: baseline;

}

body {
line-height: 1.5;
}*/
.noscript{
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 20px;
}
/*------------ IE fixes Ends ------------*/





/*------------ Generic Code Starts ------------*/
*{margin:0; padding:0;}

ul,li{list-style-type:none;}

p{line-height:18px;}

img{border:0px;}

body{
    /*font:14px Verdana, Arial, "Times New Roman";*/
    font:12px Verdana, Arial, "Times New Roman";
    background:url(../media/images/site/bg_header.gif) repeat-x left top;
}

body.greybg{
    background:#eae8e9 url(../media/images/site/bg_header.gif) repeat-x left top;
}

h2{
    /*font:normal 16px Verdana, Arial, "Times New Roman";*/
    font:normal 14px Verdana, Arial, "Times New Roman";
}
h3{
    font:normal 14px Verdana, Arial, "Times New Roman";
    /*font:normal 16px Verdana, Arial, "Times New Roman";*/
    text-transform:capitalize;
}

/*------------ Float ------------*/
.left{float:left;}
.right{float:right;}
.clearright{clear:right;}
.clearleft{clear:left;}
.clear{clear:both;}

/*------------ Padding ------------*/
.pT1{padding-top:1px;}
.pT2{padding-top:2px;}
.pT3{padding-top:3px;}
.pT5{padding-top:5px;}
.pT7{padding-top:7px;}
.pT10{padding-top:10px;}
.pT12{padding-top:12px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}

.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB13{padding-bottom:13px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB32{padding-bottom:32px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}

.pL5{padding-left:5px;}
.pL8{padding-left:8px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL35{padding-left:35px;}
.pL40{padding-left:40px;}
.pL50{padding-left:50px;}
.pL60{padding-left:60px;}
.pL75{padding-left:75px;}
.pL80{padding-left:80px;}
.pL100{padding-left:100px;}

.pR5{padding-right:5px;}
.pR6{padding-right:6px;}
.pR7{padding-right:7px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}
.pR35{padding-right:35px;}
.pR40{padding-right:40px;}
.pR50{padding-right:50px;}
.pR60{padding-right:60px;}
.pR70{padding-right:70px;}
.pR80{padding-right:80px;}
.pR90{padding-right:90px;}
.pR100{padding-right:100px;}

.pdg5{padding:5px;}
.pdg10{padding:10px;}
.pdg15{padding:15px;}
.pdg20{padding:20px;}
/*------------ Padding Ends ------------*/


/*------------ Margin Starts ------------*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT80{margin-top:80px;}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}

.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL60{margin-left:60px;}
.mL90{margin-left:90px;}
.mL100{margin-left:100px;}

.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
/*------------ Margin Ends ------------*/

/*------------ Width Ends ------------*/
.widthpercent10{width:10%;}
.widthpercent20{width:20%;}
.widthpercent30{width:30%;}
.widthpercent35{width:35%;}
.widthpercent40{width:40%;}
.widthpercent48{width:48%;}
.widthpercent50{width:50%;}
.widthpercent55{width:55%;}
.widthpercent60{width:60%;}
.widthpercent65{width:65%;}
.widthpercent70{width:70%;}
.widthpercent80{width:80%;}
.widthpercent90{width:90%;}
.widthpercent100{width:100%;}

.width400{width:400px;}
.width350{width:350px;}
.width500{width:500px;}
.width550{width:550px;}
/*------------ Width Ends ------------*/


/*------------ Text Formatting Starts ------------*/
.txtbold{font-weight:bold;}
.txtitalic{font-style:italic;}
.txtuppercase{text-transform:uppercase;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}
.txtunderline{text-decoration:underline;}
.txtunderlinenone{text-decoration:none;}

.txtbrown{color:#844800;}
.txtblue{color:#2864be;}
.txtorange{color:#FF6600;
}
.success{color:#FF6600;
 background-color: whiteSmoke;
    border-radius: 14px 14px 14px 14px;
    color: #FF6600;
    font-size: 25px;
    padding: 0 0 5px 16px;
}.error-class{color:#FF0000;
 background-color: whiteSmoke;
    border-radius: 14px 14px 14px 14px;
    color: #FF6600;
    font-size: 25px;
    padding: 0 0 5px 16px;
}
.txtred{color:#FF0000;}

.bdrgreyR{border-right:1px dotted #d7d7d7;}
.bdrgreyB{border-bottom:1px dotted #d7d7d7;}
.bdrgreyT{border-top:1px dotted #d7d7d7;}

.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
/*------------ Text Formatting Ends ------------*/


table.datatable td{
padding:5px;
font-size: 12px;
border: 1px dotted #CCCCCC;
}
table.datatable th{
      border-bottom: thin solid;
    border-top: thin solid;
    color: #FF6600;
    font-size: 12px;
    vertical-align: top;
    padding: 10px 0;

}
table.datatable tr{background:#FFF;
border-left: 1px solid #cccccc;
border-bottom:1px dotted #d7d7d7;}

table.datatable tr.bgorange{background:#FFF0CF;}
table.datatable tr.bgwhitesmoke{background:whitesmoke;}
.hoverLinks a:hover {
    width: 30px;
    height: 30px;
    border: 1px solid #FF6600;
}


/*------------ Buttons Start ------------*/
.btn_triallesson a{
    display:block;
    background:url(../media/images/site/btn_triallesson.png) no-repeat left top;
    width:268px;
    height:120px;
}
.btn_triallesson a:hover{
    background:url(../media/images/site/btn_triallesson_hover.png) no-repeat left top;
}
.btn_triallesson a:active{
    background:url(../media/images/site/btn_triallesson_active.png) no-repeat left top;
}


.btn_emailcourse a{
    display:block;
    background:url(../media/images/site/btn_emailcourse.png) no-repeat left top;
    width:268px;
    height:120px;
}
.btn_emailcourse a:hover{
    background:url(../media/images/site/btn_emailcourse_hover.png) no-repeat left top;
}
.btn_emailcourse a:active{
    background:url(../media/images/site/btn_emailcourse_active.png) no-repeat left top;
}


.btn_submit a{
    display:block;
    background:url(../media/images/site/btn_submit.gif) no-repeat left top;
    width:77px;
    height:23px;
}
.btn_submit a:hover{
    background:url(../media/images/site/btn_submit_hover.gif) no-repeat left top;
}
.btn_submit a:active{
    background:url(../media/images/site/btn_submit_active.gif) no-repeat left top;
}


.btn_send a{
    display:block;
    background:url(../media/images/site/btn_send.gif) no-repeat left top;
    width:107px;
    height:32px;
}
.btn_send a:hover{
    background:url(../media/images/site/btn_send_hover.gif) no-repeat left top;
}
.btn_send a:active{
    background:url(../media/images/site/btn_send_active.gif) no-repeat left top;
}




.btn_play a{
    display:block;
    background:url(../media/images/site/btn_play_default.gif) no-repeat left top;
    width:114px;
    height:48px;
}
.btn_play a:hover{
    background:url(../media/images/site/btn_play_hover.gif) no-repeat left top;
}
.btn_play a:active{
    background:url(../media/images/site/btn_play_click.gif) no-repeat left top;
}


/*.btn_send a{
        display:block;
        background:url(../media/images/site/btn_send.gif) no-repeat left top;
        width:107px;
        height:32px;
}
.btn_send a:hover{
        background:url(../media/images/site/btn_send_hover.gif) no-repeat left top;
}
.btn_send a:active{
        background:url(../media/images/site/btn_send_active.gif) no-repeat left top;
}*/




.btn_clickhere{
    margin:0 auto;
    width:107px;
    height:32px;
    text-indent:-9999px;
}
.btn_clickhere a{
    display:block;
    width:107px;
    height:32px;
    background:url(../media/images/site/btn_clickhere.gif) no-repeat left top;
}
.btn_clickhere a:hover{
    background:url(../media/images/site/btn_clickhere_hover.gif) no-repeat left top;
    width:107px;
    height:32px;
}
.btn_clickhere a:active{
    background:url(../media/images/site/btn_clickhere_active.gif) no-repeat left top;
    width:107px;
    height:32px;
}
/*------------ Buttons End ------------*/



/*------------ Icons Start ------------*/
.icn_day{
    background:url(../media/images/site/icn_day.png) no-repeat left top;
    width:43px;
    height:44px;
}

.icn_english{
    background:url(../media/images/site/icn_flagenglish.gif) no-repeat left top;
    width:48px;
    height:24px;
    /*	padding-left:60px;*/
}
.icn_chinese{
    background:url(../media/images/site/icn_flagchina.png) no-repeat left top;
    width:48px;
    height:48px;
    /*padding-left:60px;*/
}

.icn_home{
    background:url(../media/images/site/mandomandarin_24.jpg) no-repeat left top;
    width:55px;
    height:52px;
    padding-top:60px;
}

.icn_school{
    background:url(../media/images/site/mandomandarin_26.jpg) no-repeat left top;
    width:55px;
    height:52px;
    padding-top:60px;
}

.icn_office{
    background:url(../media/images/site/mandomandarin_28.jpg) no-repeat left top;
    width:55px;
    height:52px;
    padding-top:60px;
}

/*------------ Icons End ------------*/





/*------------ Generic Code Ends ------------*/


/*------------ Wrapper starts ------------*/
#wrapper{
    width:950px;
    margin:0 auto;
}
/*------------ Wrapper ends ------------*/


/*------------ Header ------------*/
#header{
    width:950px;
    z-index:1000;
    position:relative;
}

.headerT{width:100%; height:133px;}

.headerB{width:100%; height:40px;}

.logo{
    margin-top:28px;
    padding-right:10px;
    background:url(../media/images/site/logo.jpg) no-repeat left top;
    min-width:354px; height:73px;
}

.logo h1{
    text-indent:-9999px;
}

.logo h1 a{
    min-width:354px; height:73px;
    display:block;
    text-decoration:none;
}



.requestacall{
    height:120px;
    position:relative;
    color:#844800;
    z-index:1000;
}

.requestacall input.inputbox{
    width:152px;
    height:16px;
    border:1px solid #dea303;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
.requestacall input.inputbox:focus{
    background-color:#fff0cf;
    color:#844800;
}


.requestacall div.active{
    background:url(../media/images/site/requestacallbox_activeT.gif) no-repeat left top;
    height: 34px;
    z-index:1000;
}
.requestacall div.inactive{
    background:url(../media/images/site/requestacallbox_inactive.gif) no-repeat left top;
    height:50px;
}


.requestacall div.active h2, .requestacall div.inactive h2{
    background:url(../media/images/site/btn_toggleup.png) no-repeat 275px 6px;
    min-width:27px;
    min-height:27px;
    padding:10px 0 10px 12px;
}
.requestacall div.inactive h2{
    background:url(../media/images/site/btn_toggledown.png) no-repeat 265px 10px;
    padding:15px 18px 0 15px;
}

#showdiv{
    display: none;
    position: relative;
    height: auto;
    background:url(../media/images/site/requestacallbox_activeB.png) no-repeat left bottom;
    padding: 0 12px;
}



.nav{
    background:url(../media/images/site/navC.gif);
    width:926px; height:40px;
}
.navL, .navR{
    background:url(../media/images/site/navL.gif) no-repeat left top;
    width:12px; height:40px;
}
.navR{
    background:url(../media/images/site/navR.gif) no-repeat right top;
}
/*
.nav ul{
        padding:10px 15px;
}

.nav ul li{
        display:inline;
        font:bold 12px Arial, Verdana, "Times New Roman";
        color:#fff;
        padding-right:10px;
}
.nav ul li a{
        color:#fff;
        text-decoration:none;
}
.nav ul li a:hover{
        text-decoration:underline;
}
.nav ul li ul li{
        font:12px Arial, Verdana, "Times New Roman";
        color:#fff;
}*/


/*------------ Header ends ------------*/


/*------------ Container starts ------------*/
#container{
    z-index:1;
    position:relative;
    /*padding-top:25px; padding-bottom:30px;*/
}

.innercontent, .innercontent1{
    min-height:340px;
    padding:20px 40px 10px 40px;
    /*background:url(../media/images/site/logo_watermark.png) no-repeat center 50%;*/
    background:url(../media/images/site/watermark_big.png) no-repeat center 50%;
    z-index:1;
    height:auto;
    overflow:hidden;
    text-align:justify;
}
.innercontentcaptha{
    min-height:340px;
    padding:20px 0px 10px 0px;
    background:url(../media/images/site/watermark_big.png) no-repeat center 50%;
    z-index:1;
    height:auto;
    overflow:hidden;
    text-align:justify;
}
.innercontent1{
    padding:20px 20px 10px 20px;
}

.innercontent ul, .innercontent1 ul{
    margin-left:20px;
    padding-top:5px;
}

.innercontent ul li, .innercontent1 ul li{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 8px;
    padding-left:12px;
}

.innercontent ul li a, .innercontent1 ul li a{
    color:#2864be;
    font:normal 12px;
    text-decoration:none;
}
.innercontent ul li a:hover, .innercontent1 ul li a:hover{
    text-decoration:underline;
}
.innercontent p, ul li, .innercontent1 p, ul li{
    line-height:20px;
}

.innercontent ul.nonarrow, .innercontent1 ul.nonarrow{
    margin-left:20px;
    padding-top:5px;
    font-size:12px;
}

.innercontent ul.nonarrow li, .innercontent1 ul.nonarrow li{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 8px;
    padding-left:12px;
}

.innercontent ul.nonarrow li a, .innercontent1 ul.nonarrow li a{
    color:#000000;
    font:normal 12px;
    text-decoration:none;
}
.innercontent ul.nonarrow li a:hover, .innercontent1 ul.nonarrow li a:hover{
    text-decoration:underline;
}

.innercontent p, ul.nonarrow li, .innercontent1 p, ul.nonarrow li{
    line-height:20px;
}
.innercontent ul.nonarrow li ul, .innercontent1 ul.nonarrow li ul{
    margin-bottom:10px;
}
.innercontent ul.nonarrow li ul li, .innercontent1 ul.nonarrow li ul li{
    background:none;
}
.banner{
    width:950px;
    height:auto;  /*height:366px;*/
    z-index:1;
}


/*------------ Grey Box Starts ------------*/
.greybox{
    z-index:1;
}

.greybox, .greyboxTL, .greyboxTR, .greyboxBL, .greyboxBR{
    background-color:#f1efef;
    width:100%;
    height:auto; /*366px;*/
    overflow:hidden;
}
.greyboxTL{
    background:url(../media/images/site/greyboxTL.gif) no-repeat left top;
}
.greyboxTR{
    background:url(../media/images/site/greyboxTR.gif) no-repeat right top;
}

.greyboxBL{
    background:url(../media/images/site/greyboxBL.gif) no-repeat left bottom;
}

.greyboxBR{
    background:url(../media/images/site/greyboxBR.gif) no-repeat right bottom;
}

.greyboxcontent{
    /*padding:22px 60px 22px 40px;*/
    padding-bottom:20px;
    z-index:1;
}
/*------------ Grey Box Ends ------------*/



/*------------ Dark Grey Box Starts ------------*/
.dgreybox, .dgreyboxTL, .dgreyboxTR, .dgreyboxBL, .dgreyboxBR{
    background-color:#8b8b8b;
    width:100%;
    overflow:hidden;
}
.dgreyboxTL{
    background:url(../media/images/site/dgreyboxTL.gif) no-repeat left top;
}
.dgreyboxTR{
    background:url(../media/images/site/dgreyboxTR.gif) no-repeat right top;
}

.dgreyboxBL{
    background:url(../media/images/site/dgreyboxBL.gif) no-repeat left bottom;
}

.dgreyboxBR{
    background:url(../media/images/site/dgreyboxBR.gif) no-repeat right bottom;
}

.dgreyboxcontent{
    /*padding:20px 10px 20px 10px;*/
}
/*------------ Dark Grey Box Ends ------------*/



/*------------ White Box Starts ------------*/
.whitebox{
    /*	margin-top:10px;*/
}
.whitebox, .whiteboxTL, .whiteboxTR, .whiteboxBL, .whiteboxBR, .whiteboxT, .whiteboxL, .whiteboxR, .whiteboxB {
    background-color:#fff;
    width:100%;
    overflow:hidden;
}
.whiteboxT{
    background:url(../media/images/site/whiteboxT.gif) repeat-x left top;
}
.whiteboxB{
    background:url(../media/images/site/whiteboxB.gif) repeat-x left bottom;
}
.whiteboxL{
    background:url(../media/images/site/whiteboxL.gif) repeat-y left top;
}
.whiteboxR{
    background:url(../media/images/site/whiteboxR.gif) repeat-y right top;
}
.whiteboxTL{
    background:url(../media/images/site/whiteboxTL.gif) no-repeat left top;
}
.whiteboxTR{
    background:url(../media/images/site/whiteboxTR.gif) no-repeat right top;
}

.whiteboxBL{
    background:url(../media/images/site/whiteboxBL.gif) no-repeat left bottom;
}

.whiteboxBR{
    background:url(../media/images/site/whiteboxBR.gif) no-repeat right bottom;
}

.whiteboxcontent{
    /*padding:22px 60px 22px 40px;*/
    padding-bottom:10px;
}

.whiteboxcontent ul li{

}
/*------------ White Box Ends ------------*/

.error{
    padding:3px 0 0 5px;
    font:10px Arial;
    color:red;
    padding-top:3px;
}

.lesson{
    min-height:300px;
}
h2.lessonheading{
    background:url(../media/images/site/icn_day.png) no-repeat left 6px;
    padding:20px 10px 20px 55px;
    margin-left:30px;
    color:#fff;
    font-weight:bold;
}

.watermark{
    background:url(../media/images/site/logo_watermark.gif) no-repeat left top;
    width:351px;
    height:349px;
    margin:7px 0 0 0;
}

.emailbox{
    background:url(../media/images/site/emailboxC.gif) repeat-x left top;
    /*width:922px;*/width:100%;
    /*min-height:120px;*/
    height:auto;
}
.emailboxL, .emailboxR{
    background:url(../media/images/site/emailboxL.gif) no-repeat left top;
    overflow:hidden;
    min-height:120px;
}
.emailboxR{
    background:url(../media/images/site/emailboxR.gif) no-repeat right top;
}
.emailboxshadowB{
    background:url(../media/images/site/emailshadow.gif) no-repeat left bottom;
    width:950px;
    height:12px;
}

.icn_email{
    padding:38px 40px 0 15px;
    width:140px;
}
.icn_email h2{
    background:url(../media/images/site/icn_email.gif) no-repeat left top;
    min-height:57px;
    color:#fff;
    font-weight:bold;
    padding:20px 0 0 70px;
}
.emailbox input.inputbox{
    width:184px;
    height:25px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
.emailbox input.inputbox:focus{
    background-color:#fff0cf;
    color:#844800;
}
.emailbox textarea.text{
    width:250px;
    height:115px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
.emailbox textarea.text:focus{
    background-color:#fff0cf;
    color:#844800;
}


textarea.text{
    width:250px;
    height:80px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
textarea.text:focus{
    background-color:#fff0cf;
    color:#844800;
}



input.inputbox{
    width:184px;
    height:25px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
input.inputbox:focus{
    background-color:#fff0cf;
    color:#844800;
}


input.inputbox-s{
    width:100px;
    height:25px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
input.inputbox-s:focus{
    background-color:#fff0cf;
    color:#844800;
}



select.selectbox{
    width:184px;
    height:25px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
select.selectbox:focus{
    background-color:#fff0cf;
    color:#844800;
}

select.selectbox-s{
    min-width:60px;
    height:25px;
    border:1px solid #ccc;
    font-size:11px;
    padding:2px 0 0 2px;
    color:#999;
}
select.selectbox-s:focus{
    background-color:#fff0cf;
    color:#844800;
}



.flipbox ul li{
    float: left;
}
.flipbox p{
    line-height:normal;
}
.flipboxcontent{
    padding:10px;
}

.flipbox .image{
    padding:20px 0 0 12px;
}
.flipbox .image ul li{
    background: url(../media/images/site/bullet_white.gif) no-repeat left top;
}

.flipbox .link{
    position:relative;
    z-index:100;
    width:209px; height:25px;
    background-color:#f8b500;
    margin:0 auto;
    margin-top:-30px;
    text-align:center;
    color:#fff;
    padding-top:5px;
    font-weight:bold;
}
.flipbox .link a, .flipbox .link a:hover{
    color:#fff;
    text-decoration:none;
}
.flipbox .link a:hover{
    text-decoration:underline;
}


.flipbox h3, .flipbox h4{
    font-size:13px; font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    padding:14px 0 0 15px;
}

.flipbox h4{ font-size:13px;}

/*.redbdrB{
        background:url(../media/images/site/flipboxredbdrB.gif) repeat-x left bottom;
}*/

.redbdrB{
    background:url(../media/images/site/line-red.gif) repeat-x left bottom;
}
ul.quickflipcontent li{
    background:url(../media/images/site/arrowL.gif) no-repeat left 6px;
    padding-left:10px; margin-left:10px;
    width:100%;
    float:left;
    line-height:16px;
}
/*------------ Quick Flip Starts ------------*/
/* it's a good idea to define a height and width for quickFlip */
.quickFlip{
    color:#fff;
}

.quickFlip, .quickFlip3 {
    width:233px;
    height:268px;
}

/**** panels ****/
.quickFlip .frontPanel{
    background:url(../media/images/site/flipbox.jpg) no-repeat 0 0;
    width:233px;
    height:268px;
    z-index:1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.quickFlip .frontPanel:hover {
    background:url(../media/images/site/flipbox-hover.jpg) no-repeat left top;
}
.quickFlip .backPanel {
    background:url(../media/images/site/flipbox-active.jpg) no-repeat left top;
    width:233px;
    height:268px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/*------------ Quick Flip ends ------------*/


/*------------ Container ends ------------*/


/*------------ Footer starts ------------*/
#footerbg{
    width:100%;
    background:url(../media/images/site/bg_footer.gif) repeat-x left 166px;
    *:background:url(../media/images/site/bg_footer.gif) repeat-x left 174px; /* IE7 */
    min-height:100px;
}

#footer{
    width:950px;
    margin:0 auto;
    font-size:12px;
    color:#844800;
    position:relative;
}

#footer ul li{
    display:inline;
    padding-right:15px;
    vertical-align:middle;
}

#footer a{color:#464646; text-decoration:none;}
#footer a:hover{color:#0387fd; text-decoration:underline;}

#footer table td{
    font-size:12px;
    color:#FFF;
}


/*------------ Footer ends ------------*/

/*FlipBox*/
#flipbox {
    /*FONT-SIZE: 2.5em;
    WIDTH: 500px;
    COLOR: #ffffff;
    LINE-HEIGHT: 200px;
    FONT-FAMILY: 'ChunkFive Regular', Tahoma, Helvetica;
    HEIGHT: 200px;
    BACKGROUND-COLOR: #ff9000;
    TEXT-ALIGN: center;*/
}
#flipPad {
    /*	MARGIN: 15px 0px;
            WIDTH: 500px;
            TEXT-ALIGN: center*/
}
#flipPad a {
    /*	BORDER-RIGHT: #1e90ff 2px solid;
            PADDING-RIGHT: 15px;
            BORDER-TOP: #1e90ff 2px solid;
            PADDING-LEFT: 15px;
            FONT-WEIGHT: bold;
            FONT-SIZE: 1em;
            BACKGROUND: #1e90ff;
            PADDING-BOTTOM: 5px;
            BORDER-LEFT: #1e90ff 2px solid;
            COLOR: #ffffff;
            LINE-HEIGHT: 30px;
            PADDING-TOP: 5px;
            BORDER-BOTTOM: #1e90ff 2px solid;
            FONT-FAMILY: Helvetica, Tahoma, Verdana, sans-serif;
            HEIGHT: 30px;
            TEXT-DECORATION: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -webkit-transition-duration: 1s
    */
}
#flipPad a:hover {
    /*	BORDER-RIGHT: #ff9000 2px solid;
            BORDER-TOP: #ff9000 2px solid;
            BORDER-LEFT: #ff9000 2px solid;
            BORDER-BOTTOM: #ff9000 2px solid;
            BACKGROUND-COLOR: #ff9000*/
}
#flipPad .revert {
    DISPLAY: none;
    /*BORDER-RIGHT: #ff9000 2px solid;
    BORDER-TOP: #ff9000 2px solid;

    BORDER-LEFT: #ff9000 2px solid;
    BORDER-BOTTOM: #ff9000 2px solid;
    BACKGROUND-COLOR: #ff9000*/
}



.faqparent{}

.faqparent a{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 5px;
    padding-left:12px;
    margin:0px 0 0px 15px;
    text-decoration:none;
    color:#2864be;
    line-height:25px;
    outline:none;
}
.faqparent a:hover{
    text-decoration:underline;
}

.faqparent h3{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 5px;
    padding-left:12px;
    margin:0px 0 0px 15px;
    text-decoration:none;
    color:#2864be;
    line-height:25px;
    outline:none;
    cursor:pointer;
    font-weight:normal;
}
.faqparent h3:hover{
    text-decoration:underline;
}
.faqparent p{
    padding-left:30px;
    display:block;
    font-size:12px;
}




.accordion{}

.accordion a{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 5px;
    padding-left:12px;
    margin:0px 0 0px 15px;
    text-decoration:none;
    color:#2864be;
    line-height:25px;
    outline:none;
}
.accordion a:hover{
    text-decoration:underline;
}

.accordion h3{
    background:url(../media/images/site/orangearrowL.gif) no-repeat left 5px;
    padding-left:12px;
    margin:0px 0 0px 15px;
    text-decoration:none;
    color:#2864be;
    line-height:25px;
    outline:none;
    cursor:pointer;
    font-weight:normal;
}
.accordion h3:hover{
    text-decoration:underline;
}
.accordion p{
    padding-left:30px;
    display:block;
    font-size:12px;
}




#ans{
    padding-bottom:10px;
}


/*Form for Free-Email Course*/
#af-form-1726298230 .af-body .af-textWrap{width:70%;display:block;float:right; font-family:Verdana, Arial, Helvetica, sans-serif;}
#af-form-1726298230 .af-body .privacyPolicy{color:inherit;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#af-form-1726298230 .af-body a{color:#ffffff;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1726298230 .af-body input.text, #af-form-1726298230 .af-body textarea{background-color:#FFFFFF;border:1px solid #DEA303;color:#999999;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px 0 0 2px;}
#af-form-1726298230 .af-body input.text:focus, #af-form-1726298230 .af-body textarea:focus{background-color:#FFF0CF;border:1px solid #DEA303; color:#844800;}
#af-form-1726298230 .af-body label.previewLabel{display:block;float:left;width:25%;text-align:left;color:#ffffff;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:Verdana, Arial, Helvetica, sans-serif;}
#af-form-1726298230 .af-body{padding-bottom:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:inherit;font-size:12px;font-family:, serif;}
#af-form-1726298230 .af-footer{background-color:#d8282a;background-repeat:no-repeat;background-position:top left;background-image:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:inherit;font-family:, serif;}
#af-form-1726298230 .af-header{padding-bottom:15px;padding-top:15px;padding-right:15px;padding-left:15px;background-color:#d8282a;background-repeat:no-repeat;background-position:inherit;background-image:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:inherit;font-family:, serif;}
#af-form-1726298230 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1726298230 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-1726298230 .af-standards .af-element{padding-right:25px;padding-left:25px;}
#af-form-1726298230 .bodyText p{margin:1em 0;}
#af-form-1726298230 .buttonContainer input.submit{color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:Verdana, Arial, Helvetica, sans-serif;}
#af-form-1726298230 .buttonContainer input.submit{width:auto;}
#af-form-1726298230 .buttonContainer{text-align:center;}
#af-form-1726298230 body,#af-form-1726298230 dl,#af-form-1726298230 dt,#af-form-1726298230 dd,#af-form-1726298230 h1,#af-form-1726298230 h2,#af-form-1726298230 h3,#af-form-1726298230 h4,#af-form-1726298230 h5,#af-form-1726298230 h6,#af-form-1726298230 pre,#af-form-1726298230 code,#af-form-1726298230 fieldset,#af-form-1726298230 legend,#af-form-1726298230 blockquote,#af-form-1726298230 th,#af-form-1726298230 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1726298230 button,#af-form-1726298230 input,#af-form-1726298230 submit,#af-form-1726298230 textarea,#af-form-1726298230 select,#af-form-1726298230 label,#af-form-1726298230 optgroup,#af-form-1726298230 option{float:none;position:static;margin:0;}
#af-form-1726298230 div{margin:0;}
#af-form-1726298230 fieldset{border:0;}
#af-form-1726298230 form,#af-form-1726298230 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1726298230 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1726298230 input,#af-form-1726298230 button,#af-form-1726298230 textarea,#af-form-1726298230 select{font-size:100%;}
#af-form-1726298230 p{color:inherit;}
#af-form-1726298230 select,#af-form-1726298230 label,#af-form-1726298230 optgroup,#af-form-1726298230 option{padding:0;}
#af-form-1726298230 table{border-collapse:collapse;border-spacing:0;}
#af-form-1726298230 ul,#af-form-1726298230 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1726298230,#af-form-1726298230 .quirksMode{width:450px;}
#af-form-1726298230.af-quirksMode{overflow-x:hidden;}
#af-form-1726298230{background-color:#d8282a;border:1px solid #c95d00; color:#ffffff;}
#af-form-1726298230{overflow:auto;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:250px;float:none;padding:2px!important; height:25px; border:1px solid #dea303;font-size:11px;	color:#999;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}


#nav-list-example {
    height: 233px;
    width: 100%;
    margin: 0px 0;
    color:#fff;
}
#nav-list-example ul{ margin:0 auto; }

#nav-list-example li {
    width: 233px;
    height: 268px;
    float: left;
    position: relative;
    padding-bottom:3px;
    /*background:none;*/
}

#nav-list-example li div {
    /*  width: 233px;
      height: 268px;
      overflow: hidden;
      background: white;*/
    position: absolute;
    top: 0;
    left: 0;
}

#nav-list-example li div.front {
    background:url(../media/images/site/flipbox.jpg) no-repeat 0% 0%;
    width:233px;
    height:268px;
}


#nav-list-example li div.front:hover {
    background:url(../media/images/site/flipbox-hover.jpg) no-repeat left top;
}

#nav-list-example li div.front h2{
    padding:15px 0 0 0;
    color:#fff;
    font-weight: bold;
    font-size:13px;
    text-align:center;
}

#nav-list-example li div.front img{
    padding:24px 0 0 12px;
}

#nav-list-example li div.back {
    left: -999em;
    background:url(../media/images/site/flipbox-active.jpg) no-repeat left top;
    padding:14px 15px;
    width:203px;
    height:240px;
}

#nav-list-example li div.back a{
    font:bold 12px Verdana, Arial, "Times New Roman";
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
}

#nav-list-example li div.back p{
    color:#fff;
}

#nav-list-example li div.back ul li{
    height:auto; width:auto;
}
#nav-list-example li div.front ul li{
    height:auto; width:auto;
}

#nav-list-example li div.back:hover{

}


ul.listbgnone li{
    list-style-type:none;
    background:none;
    margin-bottom:15px;
}

ul.listbgnone li a{
    background:none;
}

ul.listbgnone p{
    padding-top:5px;
}

a.icn-close{
    background:url(../media/images/site/icn-close-16x16.png) no-repeat right top;
    display:block;
    height:16px;
    width:16px;
    text-decoration:none;
}
/*courses page styling*/
#nav-list-example1 {
    height: 233px;
    width: 100%;
    margin: 0px 0;
    color:#fff;
}
#nav-list-example1 ul{ margin:0 auto; }

#nav-list-example1 li {
    width: 233px;
    height: 268px;
    float: left;
    position: relative;
    padding-bottom:3px;
    /*background:none;*/
}

#nav-list-example1 li div {
    /*  width: 233px;
      height: 268px;
      overflow: hidden;
      background: white;*/
    position: absolute;
    top: 0;
    left: 0;
}

#nav-list-example1 li div.front {
    background:url(../media/images/site/flipbox.jpg) no-repeat 0% 0%;
    width:233px;
    height:268px;
}


#nav-list-example1 li div.front:hover {
    background:url(../media/images/site/flipbox-hover.jpg) no-repeat left top;
}

#nav-list-example1 li div.front h2{
    padding:15px 0 0 0;
    color:#fff;
    font-weight: bold;
    font-size:13px;
    text-align:center;
}

#nav-list-example1 li div.front img{
    padding:24px 0 0 12px;
}

.validationmsg{
    font:10px Arial;
    color:red;
    padding-top:3px;
}

.signupbox{
    width:340px;
    background-color:#fff;
}
.course_signupbox{
    width:901px;
    background-color:#fff;
    border-radius:10px;
}
.gradient {
	/* Legacy browsers */
	background: #F1EFEF url("images/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #F1EFEF;
	background: #F1EFEF\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #F1EFEF url("images/gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#FFFFFF),
				to(#F1EFEF)
			);
			background-image: -webkit-linear-gradient(
				top,
				#FFFFFF,
				#F1EFEF
			);
			background-image: -moz-linear-gradient(
				top,
				#FFFFFF,
				#F1EFEF
			);
			background-image: -o-linear-gradient(
				top,
				#FFFFFF,
				#CCCCCC
			);
			background-image: linear-gradient(
				top,
				#FFFFFF,
				#F1EFEF
			);
		}
	}

a.bgnone{
    background:none; margin:0; padding:0;
}

#loading_global {
    background: none repeat scroll 0 0 #DD4B39;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    font-size: 18px;
    left: 419px;
    padding: 10px;
    position: relative;
    top: 0;
    min-width: 292px;
    z-index: 1000;
    display: none;
}
/***** account page *****/

.accountBody
{
    width:927px;
    border:0px solid #000;
    margin:0px auto;
}
.accountLeft
{
    float:left;
    width:297px;
    border:0px solid red;
}
.whiteBox {
    background-color: #fff;
    padding: 10px;
    position:relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
    z-index:9;
    border:1px solid #dcdcdc;
    margin:0px 0px 15px 0px;
}
.usernameBox{
    z-index:99;
    position:relative;
    color:#767575;
    text-align:left;
}

.submitBt
{
    background:url(../images/submitBT.jpg) no-repeat center top;
    color:#767575;
    font-size:14px;
    text-align:center;
    width:84px;
    font-weight:normal;
    cursor:pointer;
    border:none;
    padding:0px 0px 1px 0px;
    background-color:transparent;
    border:0px solid red;
    height:24px;
}
.submitBt_2
{
    background:url(../images/detailsBG_1.jpg) no-repeat center top;
    color:#767575;
    font-size:14px;
    text-align:center;
    width:64px;
    font-weight:normal;
    cursor:pointer;
    border:none;
    padding:0px 0px 1px 0px;
    background-color:transparent;
    border:0px solid red;
    height:24px;
}
.whiteBox h1
{
    font-size:24px;
    color:#000;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    border:0px solid red;
    text-align:left;
    float:left;
}
.whiteBox .bdBottom
{
    border-bottom:1px dashed #505050;
    height:1px;
    margin:5px 0px 15px 0px;
    float:left;
    width:100%;
    display:block;
}
.whiteBox p{
    padding:0;
    margin:0;
}
.GrayBox {
    background-color: #eeeeee;
    padding: 10px;
    position:relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
    color:#585757;
    z-index:9;
    border:1px solid #dcdcdc;
    margin:15px 0px 0px 0px;
}
.GrayBox h1
{
    font-size:24px;
    color:#000;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    border:0px solid red;
    text-align:right;
    float:none;
}
.GrayBox h1 span
{
    color:#ff0000;
    font-size:13px;
    font-weight:bold;
}
.GrayBox h2
{
    font-size:24px;
    color:#ff0207;
    font-weight:normal;
    padding:0px;
    margin:0px 0px 10px 0px;
    border:0px solid red;
    text-align:left;
    border-bottom:1px solid  #a1a1a1;
}
.GrayBox p{
    padding:0;
    margin:0;
}.GrayBox p span
{
    font-size:12px;
    font-weight:bold;
}
.getDealBT
{
    background:url(../images/getDealBG.jpg) no-repeat center top;
    color:#fff;
    font-size:12px;
    text-align:center;
    width:88px;
    font-weight:normal;
    cursor:pointer;
    border:none;
    padding:0px 0px 1px 0px;
    background-color:transparent;
    border:0px solid red;
    height:23px;
}
.whyBT
{
    background:url(../images/whyBTBG.jpg) no-repeat center top;
    color:#767575;
    font-size:14px;
    text-align:center;
    width:46px;
    font-weight:normal;
    cursor:pointer;
    border:none;
    padding:2px 0px 3px 0px;
    background-color:transparent;
    border:0px solid red;
    height:25px;
}
.accountMiddle
{
    float:left;
    width:307px;
    border:0px solid red;
    margin:0px 0px 0px 13px;
}
.GreenBox_3 {
    background-color: #dff3e1;
    padding: 10px;
    position:relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
    color:#585757;
    z-index:9;
    border:1px solid #dcdcdc;
    margin:15px 0px 0px 0px;
}
.GreenBox_3 h1
{
    font-size:24px;
    color:#000;
    font-weight:normal;
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    border:0px solid red;
    text-align:right;
    float:none;
}
.GreenBox_3 h2
{
    font-size:24px;
    color:#ff0000;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    border:0px solid red;
    text-align:left;
    float:none;
}
.GreenBox_3 h1 span
{
    color:#ff0000;
    font-size:13px;
    font-weight:bold;
}

.grayBDBottom
{
    border-bottom:1px solid  #a1a1a1;
    margin:0px 0px 5px 0px;
    padding:0px 0px 5px 0px;
}
.yellowBox
{
    font-size: 15px;
    background: #FDFDC5;
    padding:10px;
    float:left;
    width:90%;
    border: 1px solid #FED22F;
    color: #363636;
}
.greenBT_1
{
    background:url(../images/greenBTBg.gif) no-repeat center top;
    color:#fff;
    font-size:12px;
    text-align:center;
    width:188px;
    font-weight:normal;
    cursor:pointer;
    border:none;
    padding:3px 0px 6px 0px;
    background-color:transparent;
    border:0px solid red;
    height:24px;
}
.GreenBox_3 p
{
    line-height:14px;
    padding:0;
    margin:0;
}.GreenBox_3 p span
{
    font-size:12px;
    font-weight:bold;
}
.accountRight
{
    float:left;
    width:297px;
    border:0px solid red;
    margin:0px 0px 0px 13px;
}
.userItems
{
}
.userItems tr td
{
    border-bottom:1px solid #d5d5d5;
    padding:4px;
}
.inputBOX_2
{
    width:260px;
    padding:3px;
    font-size:12px;
    border:1px solid #efefee;
}
.font11{
    font-size:11px;
    text-align:justify;
}
.dropdown_select{
    width: 188px;
}
.preview
{
    width:150px;
    border:solid 1px #dedede;
    padding:10px;
}
.userintro {
    border: 1px solid #CCCCCC;
    color: #999999;
    font-size: 11px;
    height: 50px !important;
    padding: 2px 0 0 2px;
    width: 184px !important;
}
.button.new-blue {
    font-size: 13px;
    margin-right: 5px;
    padding: 8px 12px;
}
.submit-buttons {
    margin: 15px 0;
    vertical-align: middle;
}
.submit-buttons input[type="submit"],.submit-buttons input[type="button"] {
    cursor: pointer;
    font-size: 17px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px 15px;
}
.button.new-blue, .blue-button, .blue-button:visited,
.button:visited.new-blue,
.blue-button:visited {
    font-family: 'Helvetica Neue', Helvetica, Tahoma, Arial, Verdana, sans-serif;
    background-color: #767575;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA8D3E), to(#FA4C07));
    background: -webkit-linear-gradient(#FA8D3E, #FA4C07);
    background: -moz-linear-gradient(#FA8D3E, #FA4C07);
    background: -ms-linear-gradient(#FA8D3E, #FA4C07);
    background: -o-linear-gradient(#FA8D3E, #FA4C07);
    background: linear-gradient(#FA8D3E, #FA4C07);
    /* standard, but currently unimplemented */
    /* TODO: IE gradient filter*/
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    border: 1px solid #FA6B05;
    -moz-box-shadow: 0 1px 1px #888;
    -webkit-box-shadow: 0 1px 1px #888;
    box-shadow: 0 1px 1px #888; }
.button.new-blue:hover, .blue-button:hover, .blue-button:hover:visited,
.button:visited.new-blue:hover,
.blue-button:visited:hover {
    background-color: #FA8D3E;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA8D3E), to(#ED632D));
    background: -webkit-linear-gradient(#FA8D3E, #ED632D);
    background: -moz-linear-gradient(#FA8D3E, #ED632D);
    background: -ms-linear-gradient(#FA8D3E, #ED632D);
    background: -o-linear-gradient(#FA8D3E, #ED632D);
    background: linear-gradient(#FA8D3E, #ED632D);
    /* standard, but currently unimplemented */
    /* TODO: IE gradient filter*/
    border: 1px solid #FA8D3E; }
.form_box {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 800px;
    display: block;
}
.form_box h4 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.standard_form{
    margin-bottom: 25px;
}
.general_form {
    margin-left: 15px;
}
.valid-field .input {
    background: url("images/check_confirm.png") no-repeat scroll 100% 50% transparent;
}
.error-field label {
    color: #8F2518;
}
.error-field .input {
    background: url("images/arrow_error.png") no-repeat scroll 100% 50% transparent;
}
.error-field input, .error-field textarea {
    border: 1px solid #DD9891;
}
.general_form .submit-buttons input[type="submit"], .register_form .submit-buttons input[type="submit"]{
    cursor: pointer;
    font-size: 21px;
    margin-left: 142px;
    margin-right: 63px;
    padding: 5px;
}
form label, form .label {
    border: medium none;
    color: #444444;
    display: block;
    font-size: 95%;
    font-weight: bold;
    line-height: 150%;
    margin: 0;
    padding: 0 0 3px;
}
form label.normal-weight {
    font-weight: normal;
}
form .form_line {
    clear: both;
    position: relative;
    width: 64%;
}
.general_form input[type="text"], .general_form input[type="password"],.register_form input[type="text"], .register_form input[type="password"]{
    border: 1px solid #C5C5C5;
    font-size: 13px;
    height: 18px;
    padding: 5px;
    width: 400px;

}
.general_form select{
    border: 1px solid #C5C5C5;
    font-size: 13px;
    height: 32px;
    padding: 5px;
    width: 413px;
}
/* course listings style*/
#primaryContent { /* Fixes the width issue, Makes for a one column layout */
    display: inline-block;
    padding-left:0;
    margin-left:0;
    width:679px;
}
div#preSearch {
    margin-top: 15px;
}
#middle {
    margin-bottom: 45px;
}
div#preSearch ul#results {
    border:thin solid #EDEDED;
    padding:38px 21px 20px;
    -moz-box-shadow: 0 0 41px #E3E3E3; /* 1st-x 2nd-y 3rd-spread */
    -webkit-box-shadow: 0 0 41px #E3E3E3;
    box-shadow: 0 0 41px #E3E3E3;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    margin-top:30px;
    background-color: #ffffff;
}

div#preSearchul #results h3 {
    color:#100f10;
    display:inline-block;
    font-size:16px;
    font-family:"Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom:2px;
}

div#preSearch ul#results h4 {
    color:#100f10;
    display:inline-block;
    font-size:16px;
    font-family:"Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    float:right;
    padding-bottom:2px;
    margin-right:122px;
    /*width:100px;*/
}

div#preSearchul#results h4.sDate {
    margin-right:30px;
}

div#preSearch ul#results span.sDate {
    margin-right:14px;
}

div#preSearch ul#results p.noResults {
    margin-top:20px;
}

div#preSearch ul#results hr {
    margin-bottom:0;
}

div#preSearch ul#results li {
    border-left: #dde0df solid thin;
    border-bottom: #dde0df solid thin;
    min-height:131px;
    margin:0;
    width:100%;
}
div#preSearch ul#results li:hover {
    background:#ebf8f2;
}

div#preSearch ul#results a.button {
    background:url(images/details_06.png) no-repeat -5px 0;
    border:none;
    color:#333333;
    float:none;
    height:28px;
    margin-top:0;
    padding:2px 0 0;
    text-decoration:none;
    width:146px;
}

div#preSearch ul#results a.button:hover {
    color:#03814a;
}

div#preSearch ul#results a.button:active {
    background:url(images/details_03.png) no-repeat;
}

div#preSearch ul#results .imageWrapper img {
    padding:10px;
}
a img, *:link img, *:visited img, *:hover img, *:active img, *:focus img {
    border: medium none;
    outline: medium none;
}
div#preSearch ul#results .contentPropertyWrapper strong a {
    font-family:"Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
}

div#preSearch ul#results li:hover .contentPropertyWrapper strong a  {
    color:#00a75e;
}
#secondaryContent {
    float: right;
    margin-top: 96px;
    margin: 1px 0 0;
}
#primaryContent hr {
    border: 2px solid #FA8D3E;
}
.selectBox-dropdown-menu a:hover {
    text-decoration: none;
}

a.selectBox {
    text-decoration:none !important;
}

a.selectBox:hover {
    text-decoration: none;
}

a.selectBox-dropdown:hover, a.selectBox-dropdown:focus, a.selectBox-dropdown:active {
    border: 1px solid #BBBBBB;
}

.selectBox-dropdown-menu {
    width: 250px;
}

.selectBox-dropdown .selectBox-label {
    display: inline-block;
    overflow: hidden;
    padding: 6px 0.3em 0.2em 8px;
}
#middle #secondaryContent a.button {
    background: none repeat scroll 0 0 #3471B6;
    border: 1px solid #2C598B;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
    margin-top: 78px;
    text-align: center;
    text-transform: uppercase;
    width: 60%;
}
#middle #secondaryContent a.button:hover {
    background-position: 0 -22px;
}
#primaryContent h1 {
    border-bottom: thin solid #FA8D3E;
    color: #000000;
    font-family: "Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 27px;
    font-style: italic;
    font-weight: normal;
}
#primaryContent h2 {
    border-bottom: thick solid #EDEDED;
    color: #009554;
    font-family: "Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
}
#primaryContent p {
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 10px;
    padding-right: 18px;
}
#primaryContent ul li {
    color: #1E1D1D;
    font-size: 12px;
}
#primaryContent ul.inline li {
    color: #0B7D4C;
    font-size: 15px;
    list-style: disc outside none;
    margin-left: 33px;
    padding-right: 18px;
}
#primaryContentul.inline li a {
    font-size: 11px;
    line-height: 22px;
}
#primaryContent ul.inline li {
    list-style: disc outside none;
}
#primaryContent ul#fees li {
    border: medium none;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding-bottom: 5px;
    width: 120px;
}
#fees {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 3px;
}
#fees li span {
    display: inline-block;
    float: right;
    font-size: 10px;
    margin-left: 0;
    width: 57px;
}
#fees .price strong {
    float: right;
    font-size: 10px;
}
#fees li span.priceLabel {
    float: none;
    font-size: 11px;
}
.listingFees .button {
    margin-left: 67px;
    margin-top: 0;
}
#info {
    padding-left: 7px;
    padding-top: 7px;
}
#info h2 {
    font-size: 12px;
    padding-bottom: 4px;
    text-decoration: underline;
}
.contentPropertyWrapper {
    float: left;
    margin: 15px 0 0;
    overflow: hidden;
    width: 260px;
}
.contentPropertyWrapper strong {
    color: #5189BF;
    font-size: 13px;
    font-weight: bold;
}
.contentPropertyWrapper strong a {
    font-size: 13px;
}
.contentPropertyWrapper p {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 2px;
    padding-bottom: 0;
}
.contentPropertyWrapper em {
    color: #8F8E8E;
    font-size: 11px;
}
.contentPropertyWrapper2 {
    float: right;
}
.contentPropertyWrapper2 span {
    color: #484848;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    width: 111px;
}
.contentPropertyWrapper2 img {
    margin-left: 11px;
    margin-top: 63px;
}
.imageWrapper {
    border: thin solid #DDE0DF;
    float: left;
    height: 116px;
    margin-top: 6px;
    width: 120px;
}
.imageWrapper img {
    padding: 10px
}
#rightSideBar {
    float: right;
    width: 301px;
}
/*calendar*/
.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }
#event_row { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#event_row_last { padding-bottom: 5px; }
#calendar, #main { background-color: #fff; border: 1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-right: 2px; }

#calendar_wrap {margin-left: 10px; margin-bottom: 6px; overflow: hidden; text-align: left; }
#calendar_wrap .title_bar { font-weight: bold; color: #1C1C1C; text-align: center;  border:1px solid #fff; margin-bottom:15px; margin-top:10px; }
#calendar_wrap .title_bar .previous { float: left; display: block; width: 25px; height: 20px; background: url(images/previous_month.gif) left top no-repeat; margin-top:10px; margin-left:10px;  }
#calendar_wrap .title_bar .next { float: right; display: block; width: 25px; height: 20px; background: url(images/next_month.gif) right top no-repeat; margin-top:10px; margin-right:10px;  }
#calendar_wrap .title_bar .month {   margin:10px auto; padding-bottom:0 !important; padding-bottom:10px; }
#calendar_wrap .title_bar h2 { font-size: 16px;     }

.cal_day { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -24px 0; width: 128px; height: 95px; background: url(images/day.png) top no-repeat; }
.cal_day .day_heading { position: relative; float: left; width: 40px; height: 16px; padding: 6px; text-transform: uppercase; font: 14px Arial; color: #FFF; }
.cal_day .day_count { position: relative; float: right; width: 64px; text-align: right; height: 16px; padding: 6px; font: 11px Arial, sans-serif; color: #FFF; }
.cal_day .day_number { width: 100%; font: 25px Arial; font-weight: bold; color: #2b2b2b; height:95px; text-align: center; z-index:999; clear:left; }
.cal_day .day_number.today { color: #08c; }

.last_month, .next_month {
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

span.event {color: #000; width:55px; margin-top: 50px; padding:6px 6px !important; padding:1px 0 1px; display:inline-block; text-align:center; background-color: gold; -moz-border-radius: 8px; -webkit-border-radius:8px; }
/*header links*/

#header #header-links {
    background: none repeat scroll 0 0 #FA8D3E;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: white;
    line-height: 21px;
    padding: 2px 15px 4px;
    position: absolute;
    right: 0;
    top: 10px;
}
#header #header-links a {
    color: white;
}
#header #header-links a {
    display: inline-block;
    padding-left: 0px;

    position: relative;
    text-decoration: none;
}
/*
#header #header-links a img {
    left: 0;
    position: absolute;
    top: 0;
}*/
#header #header-links a img {
    left: 0;
    top: 0;
}
#feedback-tab {
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
}
#feedback-tab a {
     background: none repeat scroll 0 0 gold;
    border: 0 none;
    border-radius: 5px 5px 0 0;
    color: black;
    display: block;
    font-size: 16px;
    margin-top: 0;
    padding: 7px;
    text-decoration: none;
    cursor: pointer;
}
#feedback-tab a:hover {
    background-color: #FEC52D;
    height: 35px;
}
#feedback-tab:active {
    bottom: -1px;
}

/* Item forms cart */
.jcart { margin:0 20px 20px 0; padding-top:20px; border: 2px dotted #CCCCCC; float:left; background:#fff; text-align:center; }
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong { color:#000066; }
/*.jcart .button { margin:20px; padding:5px; }*/
.jcart .button { margin:0px; width:100px; cursor:pointer; }

/* tabs style*/
.contents
    {
        width: 100%; /*height: 150px;*/
        margin: 0;
    }
    .contents > p
    {
        padding: 8px;
    }
    #divs
    {
        margin: 0;
        font: verdana;
        font-size: 14px;
        background-color: White;
    }
    #divs > div
    {
        width: 98%;
        padding: 8px;
        min-height:100px
    }
    #divs > div p
    {
        width: 95%;
        padding: 8px;
    }
    ul.tab
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    ul.tab li
    {
        display: inline;
        padding: 10px;
        cursor: pointer;
        border-radius: 10px 10px 0 0;
    }

