@charset "utf-8";
/* CSS Document

OLD UNUSED - kept for potential other cm inbound requests
*/
* {padding: 0;margin: 0;}
body{
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:baseline;
	padding: 0;
	margin: 42px auto 0 auto;
	font-size: 81.25%;
	line-height: 1.3em;
	background: #fff url(../img/topbar.gif) top left repeat-x; /* https://s3.amazonaws.com/img.classmarker.com/a/topbar.gif */
}
/* START alternative banners */
body.nobar{background: #fff url(../img/topbarnone.gif) top left repeat-x;}
body.twobar{background: #fff url(../img/topbartwo.gif) top left repeat-x;}
body.threebar{background: #fff url(../img/topbarthree.gif) top left repeat-x;}
.nobar .sf-menu, .twobar .sf-menu, .threebar .sf-menu{height: 30px; padding: 0; margin: 0;}
.threebar h2{background: url(../img/h2arrow.gif) 65px 36px no-repeat; padding:3px 0 0 ; height: 70px;}
/* END alternative banners styles */
body#certificate{
	margin: 42px auto 42px auto;
	font-size: 81.25%;
	line-height: 1.3em;
	background: none;
	}
html {height: 100%;}
img {border: 0 none;}
/*-----------------    page structure style    -----------------*/

#cmcontent{
	width: 940px;
	padding: 0 20px 0 20px;
	margin:0 auto;
	min-height:600px;
  	height:auto !important;
  	height:600px;
}

/* #footer and #content are separate due to the bottom grad in footer which is 100%wide */

/* #footer holdes the footer grad color and gives the liquid horisontal padding identical to content */
#footer {
	margin: 42px auto 0 auto;
	color: #fff;
	height: 61px;
	min-width: 980px;
	background: url(../img/footergrad.gif) top left repeat-x;
}

/* footercontent gives the correct width and cm logo  */
#footercontent {
	width: 940px;
	padding: 17px 20px 0 20px;
	margin: 0 auto;
	background: url(../img/classmarker_footer.gif) top right no-repeat;
}



/* 508 styles */
.ans_select {float:left;margin-top:2px;}
.ans_content_letter {float:left;margin: 1px 0 0 10px;}
.ans_content_prefixed {margin-left: 49px;width: 578px;padding-bottom: 12px;font-size: 15px;}
.ans_content {margin-left: 25px;width: 578px;padding-bottom: 12px;font-size: 1.125em;}
.qpad{margin-bottom: 1em;}
.qfieldset{border:none;}
.ans_content img {vertical-align:text-top;}







div.sarow {
  clear: both;
  padding-bottom: 17px;
  margin-left: 10px;
  font-size: 1.125em;
  }
div.satick {
  float: left;
  width: 20px;
  }
div.saabc {
  font-weight:bold;
  float: left;
  width: 20px;
  }
div.saans {
  margin-left: 40px;
  text-align: left;
  }

div.tsarow {
  clear: both;
  padding-bottom: 12px;
  margin-left: 10px;
  font-size: 1.125em;
  }
div.tsatick {
  float: left;
  width: 20px;
  }
div.tsaans {
  margin-left: 20px;
  text-align: left;
}
div.tsaansheader {
	margin-left: 20px;
	text-align: left;
	font-size: .8em;
	font-style: italic;
	color: #4d4d4d;
}
div.tsaansCount {
	margin-left: 20px;
	margin-top: 13px;
	text-align: left;
	font-size: .8em;
	font-style: italic;
	color: #4d4d4d;
}

/* END 508 styles */


/*column styles */
.col900 { width: 900px; float: left; margin-right: 20px;}
.col640 { width: 640px; float: left; margin-right: 20px;}
/*test question pages special style*/
.col600 { width: 600px; float: none; margin-bottom:20px;}
.col420 { width: 420px; float: left; margin-right: 20px;}
.col340 { width: 340px; float: left; margin-right: 20px;}
.col300 { width: 300px; float: left; margin-right: 20px;}
.col280 { width: 280px; float: left; margin-right: 20px;}
.col200 { width: 200px; float: left; margin-right: 20px; color:#4d4d4d;}
.col180 { width: 180px; float: left; margin-right: 20px;}
.col160 { width: 160px; float: left; margin-right: 20px;}
.col100 { width: 160px; float: left; margin-right: 20px;}

.marg40 {margin-right: 40px;}
.nomarg {margin: 0!important;}
.clear {clear: both;}
.clearheight {clear: both; height: 15px; width: auto;}
.clearheight5 {clear: both; height: 5px; width: auto;}
.clearheight10 {clear: both; height: 10px; width: auto;}
.clearheight30 {clear: both; height: 30px; width: auto;}
.clearheight35 {clear: both; height: 36px; width: auto;}
.cleargrad {height: 2.5em; background: url(../img/contgraygrad.gif) top left repeat-x; clear: both; margin-left: -20px; padding-left: 20px;}
.resultstable .cleargrad {height: 20px;}
.right {float: right;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0;border:none;}
hr.dark {background:#5d5d5b;color:#5d5d5b;clear:both;float:none;width:100%;height:3px;margin:0 0 20px 0;border:none;}
hr.gray {background:#bdbcc1;color:#bdbcc1;clear:both;float:none;width:100%;height:3px;margin:0 0 15px 0;border:none;}
.dotted {color:#fff;clear:both;float:none;width:100%;height:1px;margin:5px 0 10px 0; padding: 0; border-bottom:1px dotted #d2d2d2;}
.solid {clear:both;float:none;width:100%;height:1px;margin:5px 0 5px 0; padding: 0; border-bottom:1px solid #ddd;}
hr.grad {background: url(../img/contgraygrad.gif) top left repeat-x;color:#fff;clear:both;float:none;width:100%;height:1.2em;margin:0 0 0 -20px; padding: 20px 0 0 20px;border:none;}

/*form style */
form #login{ float: right;}

/*------------------font styles-------------------- */
/* ~~~~~~~~~~blockquote styles~~~~~~~~~~~~~*/
.quote{
	width: 420px;
	height: 172px;
	background: url(../img/homeimg.jpg) top left no-repeat;
	margin: -39px 0 0 -20px;
	padding: 30px 220px 12px 20px; }

.price{
	height: 161px;
	background: url(../img/pricingimg.jpg) top left no-repeat!important; }
.plan{
	height: 188px;
	background: url(../img/planimg.jpg) top left no-repeat!important;
 }

.quote h3 {
	background: none;
	letter-spacing: -0.05em;
	line-height: 1.15em;
	font-size:2em;
	font-weight: bold;
	color: #555;
	padding: 0;
	margin: 0; }

.quote p {
	font-size: 1.125em;
	line-height: 1.2em;
	background: none;
	color: #4d4d4d;
	margin: 15px 0 0 0;
	width: 325px;
	}


.howto {
	height: 120px;
	width: 640px;
	padding: 130px 0px 12px 20px;
	background: url(../img/make_online_test.jpg) top left no-repeat;
	}

.howtosurround {margin-left:10px;}

.howto div.howtoheader{
	text-align: center;
	font-size:1.2em;
	font-weight: bold;
	color: #545454;;}

.colhowto p {font-size: .7em;
	line-height: 1.3em;
	background: none;
	color: #4d4d4d;
	margin: 10px 0 0 0;
	padding:10px;
	width: 180px;}

.colhowto { width: 185px; float: left; margin-right: 17px;;}

.plan p {
	width: 450px;
	}
/* Tour page */
div.tour_nav{
	width:600px;
}
div.tour_nav_left{
	float:left;
}
div.tour_nav_right{
	float:right;
}
div.tourdiv {
	height: 220px;
	width: 640px;
	padding: 36px 0px 12px 20px;
	background: url(../img/tourbg.jpg) top left no-repeat;
	margin: -39px 0 0 -20px;
	}
div.tourdiv h3 {
	font-size:1.7em;
	}

div.tour-left{
	width: 375px;
	float:left;
	color: #4d4d4d;
	padding:10px 0;
}
div.tour-right{
	width: 150px;
	float:left;
	text-align:right;
	padding:10px 0px 0 30px;

}
/*
div.tour-tick-right{
	width: 180px;
	float:right;
	text-align:right;
	margin:0 60px 0 0;
	}*/
.tour-tick-right {
	width: 180px;
	float:right;
	margin:-10px 50px 0 0px;
	}
div.tour-solution{
	width: 340px;
	float:left;
	padding:10px;
}
div.tour-benefits-left{
	width: 280px;
	float:left;
	padding:10px;
}
div.tour-benefits-right{
	width: 315px;
	float:left;
	padding:10px;
}
div.tourdiv p {
	font-size: 1.15em;
	line-height: 1.3em;
	}
/* END Tour page */
h1 {
	/*background: url(../img/classmarker.gif) top right no-repeat;*/
	width:182px;
	height:27px;
	display: block;
	margin: 0 0 17px 0;
	padding: 0;
	}

h1 img{
	border: none;
	}

h1 a span {display: none;}

h2, h3, h6, .sf-menu, .largelabel, .nextprev {
	font-family: Helvetica, sans-serif, Arial;
 	}

/*h2{
	display: block;
	font-size: 2.2em;
	font-weight: 500;
	margin: 0;
	padding: 20px 0 65px 0;
	color: #fff;
	background: url(../img/h2arrow.gif) 66px 55px no-repeat;
	clear: both;
}*/

h2{
	display: block;
	font-size: 2.2em;
	font-weight: 500;
	margin: 0;
	padding: 20px 0 0 0;
	height:75px;
	color: #fff;
	background: url(../img/h2arrow.gif) 65px 54px no-repeat;
	clear: both;
}

h3{
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 0 -20px ;
	padding: 0 0 41px 20px;
	background: url(../img/contgraygrad.gif) 0 27px repeat-x;
	}

h3 span {
	font-size: 0.7em;
	color: #4d4d4d;}

h3.nograd{
	margin: 0 ;
	padding: 0 0 16px 0;
	background: none;
	}


h3.settings{
	margin: 50px 0 0 0;
	width: 570px;
	padding: 16px 0 16px 0;
}


.i1{background: url(../img/settingsbtns/btn1.gif) top right no-repeat!important;}
.i2{background: url(../img/settingsbtns/btn2.gif) top right no-repeat!important;}
.i3{background: url(../img/settingsbtns/btn3.gif) top right no-repeat!important;}
.i4{background: url(../img/settingsbtns/btn4.gif) top right no-repeat!important;}
.i5{background: url(../img/settingsbtns/btn5.gif) top right no-repeat!important;}
.i6{background: url(../img/settingsbtns/btn6.gif) top right no-repeat!important;}
.i7{background: url(../img/settingsbtns/btn7.gif) top right no-repeat!important;}
.i8{background: url(../img/settingsbtns/btn8.gif) top right no-repeat!important;}
.i9{background: url(../img/settingsbtns/btn9.gif) top right no-repeat!important;}
.i10{background: url(../img/settingsbtns/btn10.gif) top right no-repeat!important;}
.i11{background: url(../img/settingsbtns/btn11.gif) top right no-repeat!important;}
.i12{background: url(../img/settingsbtns/btn12.gif) top right no-repeat!important;}
.i13{background: url(../img/settingsbtns/btn13.gif) top right no-repeat!important;}
.i14{background: url(../img/settingsbtns/btn14.gif) top right no-repeat!important;}
.i15{background: url(../img/settingsbtns/btn15.gif) top right no-repeat!important;}
.i16{background: url(../img/settingsbtns/btn16.gif) top right no-repeat!important;}
.i17{background: url(../img/settingsbtns/btn17.gif) top right no-repeat!important;}
.i18{background: url(../img/settingsbtns/btn18.gif) top right no-repeat!important;}
.i19{background: url(../img/settingsbtns/btn19.gif) top right no-repeat!important;}
.i20{background: url(../img/settingsbtns/btn20.gif) top right no-repeat!important;}


h4{
	font-size: 1.25em;
	margin: 0 ;
	padding: 0 0 12px 0;
	font-weight: bold;
	}


h4 span{
	color: #4d4d4d;
	font-weight: normal;
	}


.col200 h4{
	color: #000;
	}

h5{
	font-size: 1em;
	margin: 0 ;
	padding: 0;
	clear: both;
	font-weight: bold;
	}

.col200 h5{
	font-size: 1.1em;
	margin: 0 0 10px 0 ;
	padding: 0;
	color: #000;
	}

.searchres h5{
	font-size: 1.125em;
	margin: 0 0 8px 0 ;
	font-weight: normal;
	}

h6{
	font-size: 1.325em;
	margin: 0 0 10px 0 ;
	padding: 0 0 5px 0;
	clear: both;
	font-weight: bold;
	border-bottom: 2px solid #bcbdc1;
	}


p, ul, a, label{ margin: 0 0 1.2em 0; list-style: none;}
.ind{margin-left: 27px;}
.headline{ font-size: 1.5em; margin-bottom: 23px;}
.headlinetop{ font-size: 1.125em; margin-bottom: 8px; line-height: 1.5em;}
.largelabel { font-size:1.125em; color:#4d4d4d;}
.chosen {color: #8c8c8c; margin: 12px 0 12px 0;line-height:1.3em;font-size: 13px;}

a{
color: #de3e00;
text-decoration: none;}

a:hover{
text-decoration: underline;}

.gray, .active {color:#4d4d4d;}
.lightgray {color: #959595;}
.green {color:#006000;}
.orange {color:#de3e00;}
.red {color:#7d0000;}
.black {color:#000;}
.sml {font-size: 0.85em;}

/*some elements in the content lists are normal sized

.contentlistlinks a, span.size13{
font-size: 0.8em;}*/



/*link styles*/
.blocklink, .submit, .ajaxSubmitBtn, .ajaxCancelBtn, .cancelbtn{
font-size:1.1em;
font-weight: bold;
width: auto;
display: inline-block;
text-align: left;
border: none;
clear: both;
padding: 6px 25px 6px 8px;
margin: 0 0 20px 0!important;
color: #fff;
height: auto;
background:#de3e00 url(../img/blockarrow.gif) right 10px no-repeat;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.blocklinknew {background:#5DBB5D url(../img/blockarrow.gif) right 10px no-repeat;}

.blocklinkNoPad {margin: 0 0 0 0 !important;line-height:1.1em;}


.ajaxCancelBtn, .cancelbtn{background:#4d4d4d url(../img/blockarrow.gif) right 10px no-repeat;}


.blocklink:hover, .submit:hover, .ajaxCancelBtn:hover, .cancelbtn:hover, .ajaxSubmitBtn:hover {
background:#6d6d6d url(../img/blockarrow.gif) right 10px no-repeat;
text-decoration:none;
}


.login{
margin-left:80px!important;
margin-right: 15px!important;
}




/*step by step listed links in the main column*/

ul.stepslist {
line-height: 1.1em;
list-style: none;
margin: 0 0 8px 0;
padding: 0;
width: 640px;
clear: both;
float: left;
color:#505050;
background:#f5f3f4;
}

/*step by step listed links on the contact pages*/
.contactsteps {
width: 320px!important;
}

ul.stepslist a {
color: #fff;
}

.stepslist li {
height: 39px;
width: 160px;
float: left;
margin: 0;
padding: 0;
background: url(../img/step_gray.gif) top right no-repeat;
}

.stepslist li span {
height: 35px;
width: 130px;
display: block;
margin: 0;
padding: 4px 0 0 10px;
}

/*START correct white background for STEP4 only */
.stepslist li.selected {
background: url(../img/step_org.gif) top right no-repeat;
}
.stepslist .step4 {
background: url(../img/step_graylast.gif) top right no-repeat;
background-color: #fff!important;
}
.stepslist .step4 span {
background-color: #f5f3f4;
}
/*END correct white background for STEP4 only */

/*START The different steps background colors */
.stepslist li.selected span {
background: #de3e00;
color: #fff;
}
.stepslist li.finished1 span, .stepslist li.finished2 span, .stepslist li.finished3 span {
background: #e57347;
color: #fff;
}
.stepslist li.finished1 {
background: #e57347 url(../img/step_pink.gif) top right no-repeat;
}
.stepslist li.finished2 {
background: #de3e00 url(../img/step_pink.gif) top right no-repeat;
}
/*END The different steps background colors */


/* crumbtrail list */

ul#crumbtrail{
float: left;
width: 640px;
list-style: none;
margin: 0;
padding: 0;
clear: both;
}

ul#crumbtrail li {
line-height: 1.8em;
float: left;
padding: 0 7px 0 0;}


/* star symbol help items list */

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

ul.star li {
padding: 0 12px 12px 18px;
background: url(../img/star.gif) top left no-repeat;}

/* orange bullet terms and conds list */

ul.plain{
color: #4d4d4d;
clear: both;
margin: 0 0 12px 18px;
padding: 0;
list-style-type:disc;
}

ul.plain li {
margin: 0;
padding: 0 0 18px 0;
}



/* ordered list help pages */

ol{
clear: both;
margin: 12px 0 12px 20px;
}

ol li {
padding: 0 12px 18px 12px;
}

ol.midcol {
clear: both;
margin: 5px 0 5px 20px;
}

ol.midcol li {
padding: 0 5px 5px 0;
}

/* un ordered list help pages */
ul.help{
color:#000;
clear: both;
margin: 12px 0 12px 20px;
list-style-type:disc;
}



ul.help li {
padding: 0 12px 18px 12px;
}

ul.homelist {
font-size: 1.125em;
color: #4d4d4d;}

ul.homelist li{
list-style: none;
padding: 0 12px 12px 26px;
margin-bottom: 12px;
background: url(../img/cm_tick.gif) top left no-repeat;
border-bottom: 1px solid #ddd;
}

ul.homelist li.last{
background: url(../img/cm_tick.gif) top left no-repeat!important;
}




/*listed links last item don;t get a bottom border, top nav last items no background img on the right*/

/*li.sfHover li.noline a, .noline{*/
li.sfHover li.last a, .last{
border-right: none!important;
border-bottom: none!important;
background: none!important;
}

/* new code form TW jan 2011*/

li.sfHover li{
	padding-right: 0px;
	padding-left: 0px;
	background: url(../img/navvertline.gif) top right no-repeat;;
}
li.sfHover li a{
	background: url(../img/navvertline.gif) top right no-repeat;
}

/*END new code form Trent jan 2011*/

.topline{
border-top: 1px solid #d3d3d3;
}

li.boldline{
border-bottom: 2px solid #545454;
padding-bottom: 15px;
}

/* ~~~~~~~~~~Right column unique styles~~~~~~~~~~~~~*/

.rightcol h4 {
	font-size: 1.4em;
	margin: 0 0 10px 0 ;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #bcbdc1;
}

.rightcol h5{
	font-size: 1.1em;
	margin: 0 0 12px 0;
	padding: 0;
	clear: both;
	font-weight: bold;
	}


.rightcol p, .rightcol label, .rightcol li {
color:#4d4d4d;}


.rightcol .userbox{
border-top: none;
border-bottom: 1px solid #ddd;
}

.rightcol .userlinks{
border-top: none;
border-bottom: 1px solid #ddd;
margin: 0 0 4px 0;  padding: 0 0 4px 0;
}

.rightcol ul {
	padding: 0 0 0 22px;
	list-style-type:decimal;
}
.rightcol ul li {
padding: 0;
}


/* ~~~~~~~~~~ Price plan Table styles~~~~~~~~~~~~~*/
.tablepricing{
	background: url(../img/contgraygrad.gif) top left repeat-x;
	padding: 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 100%;
	border-collapse: collapse;
}

.tablepricing td, .tablepricing th {
text-align: left;
padding: 14px 14px 5px 14px;
border-bottom: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
}
.tablepricing th .pricehead {
	padding-bottom: 2px;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px;
	color: #000000;
	font-size: 18px;
	padding-bottom: 0;
}
.shade {
background: url(../img/pricing_shade.png) top left repeat-y;}

.pricinggray {
background: #f9f9f9;
}
.tablepricing a.blocklink{
font-size: 1em;
font-weight: normal;
margin: 10px 0 10px 0!important;
width: 60px;
padding-top: 1px;
padding-bottom: 2px;
background-position: right 5px;}

/* ~~~~~~~~~~ Main column Table styles~~~~~~~~~~~~~*/
.resultstable {
	margin: 0 0 25px 0;
	width: 640px;
	border-collapse:collapse;
}

.resultstable th {
	text-align: left;
	vertical-align:top;
	padding: 12px 0 7px 0;
	line-height: 1em;
	font-weight: bold;
}

.resultstable td{
	text-align: left;
	vertical-align:top;
	padding: 20px 0 14px 0;
	line-height: 1em;
	border-bottom: 1px dotted #d2d2d2;
	color:#4d4d4d;
  }

.resultstable th.thheader {
  font-size: 1.7em;
}


.resultstable td.tdgrad{border-bottom: none; padding: 0; }
.resultstable td.tdname{
  line-height: 1.3em;
   color:#000;}


.resultstable .nb{
  width: 20px;
  border: none;
}
.resultstable .nbw{
  border: none;
}
.resultstable .center {text-align: center!important;}
.resultstable .dividerrow {height:1px;margin:0;padding:0;}
.resultstable .advert .noprint {  margin: 6px 0 0 0;}
.resultstable .st_prev_scores {  padding: 6px 0 6px 0; border: none;}
.prev_scores_table th {padding: 10px 15px 0 0;}
.prev_scores_table td {padding: 10px 15px 10px 0;}
.prev_scores_table tr:last-child td { border: none;}
.h4t { font-size:1.2em; color: #000;}

.st_per{position: absolute;margin-left: 0;}
.st_poi{position: absolute;margin-left: 82px;}
.st_dur{position: absolute;margin-left: 130px;}
.st_dat{position: absolute;margin-left: 195px;}
/* ~~~~~~~~~~footer styles~~~~~~~~~~~~~*/


#footercontent ul{
list-style: none;
padding: 0;
margin: 0;

}

#footercontent ul li{
padding: 0 8px 0 0;
margin: 0 8px 0 0 ;
border-right: 1px solid #fff;
float: left;
}

#footercontent li a{
color: #fff;
}

#footercontent p{clear: both; color: #dadada; padding-top: 5px; font-size: 0.85em;}

/* ~~~~~~~~~~  form styles  ~~~~~~~~~~~~~*/
/*
.textinput, .msginput{
margin: 2px 0 10px 0;
padding-left: 2px;
height: 29px;
width: 278px;
border: 1px solid #d0d2d2;
}
*/
.textinput, .msginput{
margin: 2px 0 10px 0;
width: 278px;
border: 1px solid #d0d2d2;
padding:6px 0 6px 2px;
}
.regtextinput{
margin: 2px 0 10px 0;
width: 240px;
border: 1px solid #d0d2d2;
padding:2px 0 2px 2px;
}
input.homelogin{
width: 196px;
float: left;
}

.homelabel{
width: 80px;
float: left;
vertical-align:middle;
font-size:1.125em;
color:#4d4d4d;
margin-top:7px;
}

input.width420{
width: 418px;
}

input.width280{
width: 278px;
}


input.width30{
width: 28px;
}

textarea {
margin: 2px 0 10px 0;
border: 1px solid #AAAAAA;
border-radius: 3px 3px 3px 3px;
margin-bottom: 2px;
margin-left: 0;
padding: 4px;
}

.msginput {
width: 420px;
height: 4em;
margin-top: 10px;
}

select{
border: 1px solid #d0d2d2;
font-size: 1.125em;
font-weight:bold;
color: #4d4d4d;
}


select.select420 {
width: 420px;
margin: 2px 0 12px 0;
padding: 5px;
}

select.select280 {
width: 280px;
margin: 2px 0 12px 0;
padding: 5px;
}

select.select60 {
width: 60px;
margin: 2px 0 12px 0;
padding: 5px;
}



/* ~~~~~~~~~~  content form styles  ~~~~~~~~~~~~~*/

.userbox {margin: 0 0 12px 0;  padding: 0 0 12px 0; border-bottom: 1px dotted #ddd;}
.col200 .userbox, .col280 .userbox, .col160 .userbox {margin: 0 0 4px 0;  padding: 0 0 4px 0; border-bottom: 1px dotted #ddd;}
.boldline {padding-top: 18px; border-top: 2px solid #545454;}
.homegrayline {padding: 8px 0 12px 0; border-top: 3px solid #bcbdbf;}
.grayline {padding-top: 20px; background:url(../img/dblgray.gif) bottom left repeat-x; clear:both;}
.top {padding: 0 0 12px 0; border-top: none;}
.titlename{font-size: 1.1em; line-height: 1.3em;}
.userbox .contenttxt {color: #4d4d4d; display: block; margin: 12px 0 0 0;}
a.editlink{display: block; margin: 12px 0 12px 0;}
.userboxlinks{margin: 0; color: #4d4d4d;}
.expand {margin: 6px 0 0 0; padding: 14px 20px 19px 20px; background:#fff8f2 url(../img/expand.gif) top left no-repeat; border-bottom: 1px solid #ffb69a; }
.mandatory_imgw_container img {max-width:570px!important;}/* prev questions */
.imgw {display:none;}/* Javascript will display them on load so large images are not displayed large then javascript reduces them, see JS showImageEnlargeIcon();*/
/* ~~~~~~~~~~  test page styles  ~~~~~~~~~~~~~*/
.timetotal{
background: #d7d7d7;
height:5px;
width:420px;
margin-top:5px;}

.timeleft{
background: #e32e0f;
height:5px;
width:0;}


.qbox {
	margin: 35px 0 12px -20px ;
	padding: 9px 20px 5px 20px;
	background: url(../img/testgrad.gif) top left repeat-x;
	border: 1px solid #d0d2d2;
	}

.qbox h2 {
	font-size: 1.25em;
	margin: 0;
	padding: 0 0 0 0;
	font-weight: bold;
	color: #000;
	height:17px;
	background: none;
	}
.qbox .show_points {text-align:right; font-size: 1em;float:right;}
.qbox .qboxleft {display: inline-block;float:left;}
.btn:focus, .blocklink:focus, .nextprev a:focus, a.continue-here:focus, a.btn-download:focus, a.jump_to_q:focus{
	outline:solid 1px #707070;/* required for firefox accessibility - highlights on tabbing (focus) - we don't want to go for all links though, mainly blocklink style buttons, all other use default styles */
}

a.showcont {
	margin:0;
	padding: 0 25px 5px 0;
	clear:both;
	background: url(../img/showbtn.gif) top right no-repeat;
	}

a.showcont:hover {
	background: url(../img/showbtn_hover.gif) top right no-repeat;
	}

div.expcont {
	display: none;
	margin:12px 0 12px 0;
	clear: both;
	}

.nextprev{
	float:left;
	margin:12px 0 24px 0;
	/*font-size: 1.4em;*/
	clear:both;
	line-height: 1.7;
	width:90%;
}
/*
.prevbox{ width: 155px; float: left;}
.finishbox{ width: 320px; float: left; text-align: center;}
.nextbox{ width: 155px; float: left; text-align: right;}
*/
.finishbox{ width: 100%; text-align: center;clear:both;}
.prevbox{ width: 50%; float: left;margin-bottom:20px;}
.nextbox{ width: 50%; float: left; text-align: right;margin-bottom:20px;}
#icon_loading_kit{position:fixed;}
#quiz_timer_container{height:30px;}
#showRefreshInstructions {margin: 40px 0;}
a.prev {
	padding: 5px 0 5px 36px;
	background: url(../img/btn_prev.gif) center left no-repeat;
	color: #000;
}
a.prev:hover {
	text-decoration:none;
	background: url(../img/btn_prev_hover.gif) center left no-repeat;
}
a.finish {
	padding: 5px 17px 5px 17px;
	background: #4BBB35;/*#de3e00;*/
	color:#fff;
}
a.finish:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.confirmfinish {
	padding: 5px 17px 5px 17px;
	background: #4BBB35;/*#de3e00;*/
	color:#fff;
}
a.confirmfinish:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.next {
	padding: 5px 36px 5px 0;
	background: url(../img/btn_next.gif) center right no-repeat;
	color: #000;
}
a.next:hover {
	text-decoration:none;
	background: url(../img/btn_next_hover.gif) center right no-repeat;
}
/* V3 btns */
a.prev2 {
	padding: 5px 13px 5px 24px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.1em;
	font-weight: bold;
	background: #DE3E00 url(../img/blockarrowprev.gif) left 9px no-repeat;
}
a.prev2dark {background-color: #707070;}



a.next2:hover {
	text-decoration: none;
	background-color: #707070;
}
a.finish2 {
	padding: 7px 17px 7px 17px;
	background: #4BBB35;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.2em;
	font-weight: bold;
}
a.finish2:hover {
	text-decoration: none;
	color: #fff;
	background-color: #707070;
}
a.confirmfinish2 {
	padding: 7px 17px 7px 17px;
	background: #4BBB35;/*#de3e00;*/
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.2em;
	font-weight: bold;
}
a.confirmfinish2:hover {
	background:#6d6d6d;
	text-decoration:none;
}
a.jump_to_q{
	background:  #DE3E00 url(../img/blockarrow.gif) right 7px no-repeat;
	padding: 3px 25px 4px 8px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1em;
	font-weight: bold;
}
a.jump_to_q:hover{
	text-decoration: none;
	background-color: #707070;
}
a.jump_to_q.noanswer{
	background-color: #888888;
}
a.jump_to_q.noanswer:hover{
	text-decoration: none;
	background-color: #707070;
}

.clearselection {margin:3px;font-size:1em;}
.qsholder{width:600px;font-size: 1.125em; }
.answholder{width:600px; margin-left:-20px; font-size: 1.125em;border-collapse: collapse;}
td.radio{width:20px; padding-bottom: 12px; vertical-align: top;}
td.number{width:30px; font-weight:bold; padding-bottom: 12px;vertical-align: top;}
.qarrow{padding-right: 15px; vertical-align: top;}
td.inplab{width: 390px;vertical-align: top; }
td.answer{width: 578px;padding-bottom: 12px; }
.expcont .answer {color: #000;}
td.textanswer{width: 578px;color:#4d4d4d;padding-bottom: 12px; }

.testres{
	line-height: 2.4em;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	width:600px;
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
}
.testresleft h5{
	font-size: 1.05em;
}
.testresleft {
	float: left;
	text-align: right;
	margin: 0 10px 0 20px;
}
/*
.testres{line-height: 2em; float: left; width:600px; clear:both; display: block; margin: 0 0 20px 0; padding: 10px 0 10px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.testres h5{ display: block; float: left; text-align:right; width: 100px;margin-right:10px; font-size: 1.1em; }

.testres span.outside{ display: block; float: left; clear: right;}
*/
.alert-box {
	background: none repeat scroll 0 0 #FFF8CF;
	border: 1px solid #FFBD00;
	border-radius: 3px 3px 3px 3px;
	margin: 5px 0 16px 0;
	padding: 9px;
	clear:both;/* TW Added clear both */
}
.alert-box.alert-default {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #e1e1e1;
}
.key-element {margin:0 10px 10px 0;float:left;}
/*expanded edit box*/

.boxedit{
border: 1px solid #d0d2d2;
margin: 10px 0 10px 0;
padding: 10px;
width:500px;

}
.liftBox {
border: 1px solid #d0d2d2;
background-color:#fff;
margin: 10px 0 10px 0;
padding: 10px;
-moz-box-shadow:    13px 13px 5px 6px #c6c6c6;
-webkit-box-shadow: 13px 13px 5px 6px #c6c6c6;
box-shadow:         2px 3px 5px 3px #c6c6c6;}

/*inline box*/
.boxinline{
border: 1px solid #d0d2d2;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 10px 0 10px 0;
padding: 10px;
width:500px;
}
.boxinline620 {width:620px; !important}

.boxinline300{
border: 1px solid #d0d2d2;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 0 0 20px 0;
padding: 8px 14px 10px 20px;
width: 300px;
}
.boxinlinebgsolidgray {
border: 1px solid #d0d2d2;
margin: 10px 0 10px 0;
padding: 10px;
width:500px;
background-color:#f7f9f9;
}
.boxinlineFAQ{
border: 1px solid #99a4a4;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 10px 0 20px 0;
padding: 8px 14px 10px 20px;
width: 400px;
}
.boxinline640{
border-top: 1px solid #99a4a4;border-right: 3px solid #99a4a4;border-bottom: 3px solid #99a4a4;border-left: 1px solid #99a4a4;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 0 0 20px 0;
padding: 8px 14px 10px 20px;
width: 600px;
}

.boxinline1, .boxinline2{
border-top: 1px solid #99a4a4;border-right: 3px solid #99a4a4;border-bottom: 3px solid #99a4a4;border-left: 1px solid #99a4a4;
background:url(../img/grad_inline.gif) bottom left repeat-x;
margin: 0 0 20px 0;
padding: 8px 14px 30px 30px;
width: 574px;
}

.boxinline2{
background:url(../img/grad_inline_red.gif) bottom left repeat-x;
}

.success{
background:url(../img/inline_success.png) 90% 0 no-repeat;
}

.failx{
background:url(../img/inline_xmark.png) 95% 7px no-repeat;
padding: 0 0 5px 0;
}

.failq{
background:url(../img/inline_qmark.png) 95% 7px no-repeat;
padding: 0 0 5px 0;
}
.examplebox2 {background-color:#fff;padding: 10px;border:1px solid #d0d2d2;}
/*new trentmus styles */
.ajaxsuccess{
background:url(../img/inline_success.png) 95% 5px no-repeat;
border-top: 1px solid #d0d2d2;border-right: 2px solid #d0d2d2;border-bottom: 2px solid #d0d2d2;border-left: 1px solid #d0d2d2;
font-size: 1.125em;
color: #4d4d4d;
margin: 10px 0 10px 0;
padding: 10px 130px 10px 10px;
min-height:70px;
width:400px;
}
.ajaxerror{
background:url(../img/inline_xmark.png) 95% 5px no-repeat;
border-top: 1px solid #d0d2d2;border-right: 2px solid #d0d2d2;border-bottom: 2px solid #d0d2d2;border-left: 1px solid #d0d2d2;
font-size: 1.125em;
color: #4d4d4d;
margin: 10px 0 10px 0;
padding: 10px 130px 10px 10px;
min-height:70px;
width:400px;
text-align:left;
}
.width350{
width:350px;!important;
}
.iconleft { padding:0 10px 15px 0; float: left;display: inline;width:25px;}
.iconright { padding:0 0 15px 0;float: left; width:420px;}
.upgradeheader {color:#DE3E00;}
.assignwholeft{float:left;width:280px;}
.assignmiddle{float:left;width:60px;margin-right:20px;text-align:center;}
.assignwhoright{float:left;}
.floatl {float: left;}
.floatr {float:right;}
.f-left {float:left;}
.f-right {float:right;}
.rhBorderBox {border-top: 1px solid #99a4a4;border-right: 3px solid #99a4a4;border-bottom: 3px solid #99a4a4;border-left: 1px solid #99a4a4;padding:15px;margin-bottom:15px;background:url(../img/grad_inline.gif) bottom left repeat-x;}
.new_interface_box {background-color: #E8F0FF; border-top: 1px solid #99a4a4;border-right: 3px solid #99a4a4;border-bottom: 3px solid #99a4a4;border-left: 1px solid #99a4a4;padding:15px;margin-bottom:15px;}
.indentOne {margin:10px 0 0 30px;}
.contactEmail {border-bottom: 1px dashed #d0d2d2;}
/* Start manual */

.manualItem {margin:35px 0 65px 0;}
.manhalf {width:50%;float:left}
.manualItem p {color:#3c3c3c;}
.manualTable {border-collapse:collapse;margin:15px 0 15px 0;width:640px;}
.manualTable td {display: table-cell;vertical-align: top;border: 1px solid #d0d2d2;}
.mtColHeader {color:#3c3c3c;padding:10px; width:80px;font-weight:bold;}
.mtColContent {color:#3c3c3c;padding:10px; width:500px;background-color:#fafafa;}
.mtColContentHeader {color:#000000;background-color:#e8e9ed;}
.mtColContentAlert {color:#000000;background-color:#fddbdb;}
.mtColContentGoto {color:#000000;background-color:#fff;}
.manualItem a {color:#3c3c3c;text-decoration:underline!important;}
.manualItem a:hover {color:#3c3c3c;text-decoration:underline!important;}
.manualItem a.mantop {color:#3c3c3c;font-size:.9em;}
.mtColContentAlert a.anchor {color:#000000;border-bottom: 1px dotted #000000;}
.mtColContentAlert a:hover.anchor {color:#000000;border-bottom: 1px solid #000000;text-decoration:none;}
.mtColContentAlert a.mantop {color:#000000;font-size:.9em;}
ul.manual{
color: #3c3c3c;
clear: both;
margin: 10px 0 10px 18px;
padding: 0;
list-style-type:disc;
}
ul.manual li {
margin: 0;
padding: 0 0 5px 0;
}
ol.manual{
color: #3c3c3c;
clear: both;
margin: 10px 0 5px 23px;
padding: 0;
}
ol.manual li {
margin: 0;
padding: 0 0 5px 0;
}

img.img-shadow {

	max-width:100%;
	margin: 20px 0 50px 0;
	clear:both;
	display:block;
	border:1px solid #979797;
	/*box-shadow: 10px 10px 5px #888888;*/
	box-shadow: 14px 14px 5px #AFAFAF;

	/*border-top:1px solid #979797;
	border-left:1px solid #979797;
	border-right:4px solid #979797;
	border-bottom:4px solid #979797; */
}

/* End manual */

/* API */
.param {color:blue;}
.codebox {
border: 1px solid #d0d2d2;
margin: 10px 0 10px 0;
padding: 10px;
background-color:#f0f0f0;}
/*END API */
/*END new trentmus styles */

.close span, .jqmClose span {
display: none;
}

a.close {
display: block;
float: right;
height: 16px;
width: 16px;
background:url(../img/close.gif) top right no-repeat;
}


a:hover.close  {
background:url(../img/close_hover.gif) top right no-repeat;
}


.boxinline1 h4, .boxinline2 h4, .jqmWindow h4{
font-size: 1.4em;
padding: 25px 0 10px 0;
}

.boxinline1 h5, .boxinline2 h5, .jqmWindow h5{
color: #4d4d4d;
font-size: 1.125em;
margin: 0 0 10px 0;
max-width: 450px;}

/*popup window */

.jqmWindow {
    display: none;
    position: fixed;
    top: 7%;
    left: 50%;
	margin-left: -300px;
	width: 500px;
    background-color: #fff;
    color: #333;
    border: 1px solid #99a4a4;
    padding: 25px;
}

.jqmWindowWide {
	display: none;
    position: fixed;
    top: 5%;
    left: 45%;
	margin-left: -300px;
	width: 700px;
    background-color: #fff;
    color: #333;
    border: 1px solid #99a4a4;
    padding: 25px;
	}
.jqmOverlay { background-color: #d3d3d3; }


/* Fixed positioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*search results page */

div.searchres {
border-bottom: 1px solid #ddd;
margin: 0 0 12px 0;
padding: 0 0 12px 0;
}

/*mandatory fields */
.mand {
padding: 0 12px 0 0;
background: url(../img/star.gif) top right no-repeat;
}

/*sign in styles*/
#toplogin{
float: right;
}

li.toplogin, li.topregister, li.topname{
float: left;
line-height: 2em;
padding: 0 0 0 10px;
border-left:1px solid #cecece;
margin-left: 10px;
font-size: 1.125em;
}

li.topname{
border: none;
}

li.toplogin a, li.topregister a{
background: url(../img/toplogin_arrow.gif) center right no-repeat;
padding: 0 20px 0 0;
color: #4d4d4d;
font-weight:normal;
}

li.toplogin a:hover, li.topregister a:hover{
background: url(../img/toplogin_arrow_hover.gif) center right no-repeat;
text-decoration: none;
color: #000;
}

.exampleBox {background: #ebebeb;padding:10px;width:300px;border:1px solid #d6d6d6;}

/* Faq */

#faq-nav {float:left;}
#faq-nav ul {
	list-style-type: none;
	width: 120px;
}

#faq-nav li.off {

margin:0;
}

#faq-nav li.on a {
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
	background: #F7F9F8;
}
#faq-nav li a {
	display: block;
	padding: 14px 10px;
	text-decoration: none;
	margin:0;
	border-left: 1px solid #fff;
	border-top: 1px dashed #d0d2d2;
	color:#4d4d4d;
	font-weight:bold;
}
/*
 #links li a {   make hover effect work in IE
	width: 200px; background: #DADADA;
}
*/
#faq-nav li a:hover {
	background: #F7F9F8;
	border-left: 1px solid #d0d2d2;
	border-top: 1px dashed #d0d2d2;
}
.faq-content-area{
	float:left;
	width:470px;
    border: 1px solid #d0d2d2;
    border-width: 1px 3px 3px 1px;
	background:url(../img/grad_inline.gif) bottom left repeat-x;
	margin: -15px 0 10px 0;
	padding: 20px;
	min-height:400px;
	border-radius: 5px;
}
.faqwide {
	width:570px;
	min-height:100px;
}
.faq-content-area h4{
	margin:0;padding-bottom:10px;
	border-bottom: 1px dashed #4d4d4d;
}
.faq-content-area ul.help{
	color:#4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type:disc;
}
.faq-content-area ol.help{
	color:#4d4d4d;
	clear: both;
	margin: 12px 0 12px 20px;
	list-style-type:digit;
}
.sub-header-p{
	margin-top:20px;
}
.faq-content-area a.sub-header{
	color:#6D6D6D;
	padding: 0 5px 3px 2px;
	border-bottom: 1px dashed #d0d2d2;
	font-weight:normal;
	}
.faq-content-area a.sub-header:hover{
	text-decoration: none;
	border-bottom: 1px solid #d0d2d2;
}
.faq-sub {
	margin:10px 0 20px 10px;

}
.faq-sub-sub {
	border-bottom: 1px dotted #d0d2d2;
	padding:10px 0 20px 10px;
	margin:0 0 20px 10px;
}

/* end Faq */

/* KEEP THESE */
.hide {display:none;}
.show {display:block;}
/* BBCODE */
.bbcodetable{border-color:#A7ACAE;border-width:1px 0 0 1px;border-style:solid; background: url(../img/contgraygrad.gif) top left repeat-x;}
.bbcodetable table{width:100%;border:0;border-spacing:0;border-collapse:collapse;margin:0;padding:0;}
.bbcodetable th{padding-left:13px;height:25px;vertical-align:middle;color:#C73800;border-bottom:1px solid #A7ACAE;}
.bbcodetable th.lastheader{border-right:1px solid #A7ACAE;}
.bbcodetable td{border-spacing:0;padding:7px;color:#4E5152;vertical-align:middle;height:50px;border-color:#A7ACAE;border-width:0 1px 1px 0;border-style:solid;}
.bbcodetable td a{text-decoration:underline;}
.bbcodetable td a:hover{text-decoration:underline;}
.bbcodetable th.type{padding-left:10px;}
.bbcodetable td.arrow{text-align:center;}
/* END BBCODE */
ul.instructions-list {list-style: disc;margin: 16px 24px;}
.gas {text-decoration:underline; font-weight:bold;font-size:96%;}
.limitwidth {max-width:600px;}
.loadingGif {padding: 0 20px;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.tenpix {width:10px;}
.sixtypix {width:60px;}
.mltenpix {margin-left:10px;}
.alignbottom {vertical-align: text-bottom;}
input[type="text"], input[type="password"], textarea {
color: #000;font-style:normal;
border: 1px solid #AAAAAA;
border-radius: 3px 3px 3px 3px;
margin-bottom: 2px;
margin-left: 0;
padding: 4px;}
input.blur {color: #999;font-style:italic;}
.rb { position: absolute;left: -999em;}
.button {margin: 0;padding: 2px 2px 2px 0;}
.qselect {background:#CCFFCC; padding:3px; border:solid 1px #33CC33;}
.qunselect {padding:3px; border-bottom:solid 1px #33CC33;}
.globalsign {width:130px;}
.mcsa_edit_tab, .question_edit_tab {padding:6px 0 0 35px;background:#fff;float:left; width:140px;border-top:1px solid #C7C7C7;border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;}
.mcsa_preview_tab, .question_preview_tab {padding:6px 0 0 35px;background:#F5F5F5;float:left;width:140px;border-top:1px solid #E2E2E2;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;border-bottom:1px solid #C7C7C7;}
.resultstable .nbnw{ border: none;}
.linktous {background:#FFF;  width:90%; border:1px solid #C7C7C7;margin: 20px 20px 15px 0; padding:20px 10px;}
/* pricing table */
.pt1 {width:280px;}
.pt2 {width:140px;}
.pt3 {width:220px;}
.pt1 .nobold {font-weight:normal;}
.pt1 h4 {padding-bottom:2px;}
.tablepricing th {padding-bottom:5px;}
h3.priceh3 span.pricetagline {font-size: 1em;color: #555;}
.alignright {text-align:right;}
.howto {font-size: 1.4em;}
#tc, #syc {
	max-width: 240px !important;
	overflow: hidden;
}

/* CSS for Certificate Editing page */
#certificate_live_edit { background:#FFF url('../img/certificate/certificate_style0.png') left top no-repeat;  margin:0; padding:0; width:600px; height:840px;  border:1px solid #999; }

#cert_main_title 	{ width:450px; text-align:center; font-size:24pt; font-family:times; color:#000; background:none; font-weight:bold; vertical-align:middle; margin:0; padding:0; }
#cert_presented_to 	{ width:150px; text-align:center; font-size:10pt; color:#7E7E7E; font-weight:normal; font-family:arial,tahoma,verdana,sans serif; margin:0; padding:0; background:none; }
#cert_user_name		{  color:#000000; font-weight:normal; margin:0 0 0 5px; padding:0; }
#cert_received_for	{ width:450px; min-height:45px; text-align:center; font-size:12pt; color:#4D4D4D; font-weight:normal; font-style:italic; font-family:times,times new roman,serif; margin:0; padding:0; }
#cert_quiz			{ font-size:11pt; color:#000000; font-weight:normal; margin:0; padding:0; }
#cert_quiz_name_tag	{ text-align:right; color:#4D4D4D;}
#cert_points_1		{ text-align:right; color:#4D4D4D;}
#cert_points_2		{ text-align:center; color:#4D4D4D;}
#cert_company_info	{ width:350px; min-height:45px; text-align:left; font-size:11pt; font-family:times,times new roman,serif; color:2D2D2D; margin:0; padding:0; }
#cert_date {margin-right:10px;}
#certificate_live_edit input, #certificate_live_edit textarea { border:1px dotted #999; }

#certThemeSelector img 		{ width:58px; border:2px solid #CCC; display:inline-block; margin:0 16px 22px 0; cursor:pointer; }
#certThemeSelector .active 	{ border-color:#DE3E00; }
#certThemeSelector .hoveractive { border-color:#DE3E00; }



#certificateEdit h6 { display:inline-block; width:auto; font-size:11px; color:#888; border-bottom:1px dotted #BCBDC1; }
#certificateEdit .noImagesUploaded { color:#999; }
/* End CSS for Certificate Editing page */
/* Start Tipsy */
.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: left; }

/* Rounded corners */
.tipsy-inner { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/* End tipsy */

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}
/* END TipTip CSS - Version 1.2 */
/* Superfish */
	/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		2;
	position: relative;
	height: 6.3em;
	font-size: 0.9125em;
	float: left;
}

/*** floating and positioning the list ***/

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			74em; /* left offset of submenus need to match (see below) */
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.7em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			90em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			90em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu li {
	position: static;
	margin: 0;
}


.sf-menu a {
	text-decoration:none;
	margin: 0;
	padding: 6px 24px 0 14px;
	height: 1.8em;
	display: block;
	color: #000;
	font-size: 1.6em;
	font-weight: bold;

}

.sf-menu li ul {
	width:	74em; /*IE6 soils itself without this*/
	clear: both;
	margin: 0;
	padding: 6px 0 0 0;
}

/* START active tab with nested link */

.sfHover {
	padding-right: 1px;
	padding-left: 1px;
	background: url(../img/navcurve.gif) top left repeat-x;
}

.sfHover a {
	border-top: 1px solid #575757;
	font-weight:	bold;
	color:#fff;
	background-color: #6d6d6d;
}

/* nested list of links */
li.sfHover li a {
	border-top: none;
	/*background-color: none;*/
	background: url(../img/navvertline.gif) top right no-repeat;
	font-weight:	normal;
	padding-right: 16px;
}

li.sfHover li a:hover, li.current li a, li.sub-current a {
text-decoration: underline;
}

li.sfHover li a:focus {
background: none;
}
/*  END skin*/

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	35px;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* JUI - remove extra margin from date boxes */
.ui-state-default { margin:0}


/* New site V3 Styles */
.col-span-05, .col-span-1, .col-span-2, .col-span-3, .col-span-4, .col-span-45, .col-span-5, .col-span-6, .col-span-65, .col-span-7, .col-span-8, .col-span-9 {
    float: left;
    line-height: 1;
    margin-right: 0;
    position: relative;
    word-wrap: break-word;
}
.col-span-05 {width: 5%;}
.col-span-1 {width: 10%;}
.col-span-2 {width: 20%;}
.col-span-3 {width: 30%;}
.col-span-4 {width: 40%;}
.col-span-45 {width: 45%;}
.col-span-5 {width: 50%;}
.col-span-6 {width: 60%;}
.col-span-65 {width: 65%;}
.col-span-7 {width: 70%;}
.col-span-8 {width: 80%;}
.col-span-9 {width: 90%;}
.col-span-10 {width: 100%;}