body { font-family:Arial, Helvetica, sans-serif; margin:0px; color:#4c4c4c; font-size:12px; width:100%; background: #E3E1E2 url(/images/bg_gradient.jpg) repeat-x;}


a:link { color:#4665b6 }
a:visited { color:#4665b6 }
a:hover, a:visited:hover { color:#7996e2 }
a:active, a:visited:active { color:#7996e2 }


#container { width:924px; margin:auto; background: url(/images/mainbg.gif); }
#head { width: inherit; height:105px; background:url(/images/headerbg.gif) repeat-x; }
#subbg { width: inherit; background: url(/images/subbg2.gif) no-repeat;}
.simple { font-size:11px; text-align:left }

#title { font-size:28px; font-weight:bold; color:#033362; display:block; text-align:left; padding:23px 0px 0px 0px; margin:0px; float:left; position: relative; top:15px; left:20px; }
#mainlogo { width:113px; height:86px; display:block; float:left; background:url(/images/idrivesafely_logo.gif) no-repeat; position: relative; top:15px; left:20px; }
#help { width:240px; float:right; position: relative; top:46px; right: 30px;}
#phone { float:left; padding:0px 0px 0px 25px; font-weight:bold; text-align:left; font-size:14px; background:url(/images/icon-phone.gif) no-repeat bottom left;}
#chat { float:left; padding:0px 0px 0px 17px; font-weight:bold; text-align:left; font-size:14px; background:url(/images/icon-chat.gif) no-repeat bottom left; margin-right:20px; }

#results_top { clear:both; width:845px; height:209px; background:url(/images/results.gif) center no-repeat; margin: 0 0 0 0; vertical-align:top; text-align:left; line-height:18px; }
	#results_top #resultContent { float:left; }
        #results_top #resultContent h3 {margin: 0;padding: 15px 0 0 20px; color:#F30; font-size: 18px;}
        #results_top #resultContent h4 {margin: 0;padding: 5px 0 0 20px; font-size: 14px;}
        #results_top #resultContent p {margin: 0;padding: 5px 0 0 20px;}
        #results_top #resultContent ul {margin:0;padding: 5px 0 0 50px; list-style-image:url(/images/red-x.gif); }
        #results_top h4.alignCenter {margin: 0;padding: 15px 0 0 20px; font-size: 14px; text-align:center; clear: both;}
        #results_top span.cta { display:block; float:right; width:330px; height:130px; position:relative; top:20px; }
        #results_top span.cta a { display:block; float:left; width:130px;height:125px; margin:0 20px 0 0; }

#maincontent { padding:40px 20px 10px 40px; vertical-align:top; text-align:left; line-height:18px; float: left; }
#maincontent h1 { color: #075fa2; margin:0 0 25px 0; font-size: 25px;}
#maincontent ol { font-weight:bold; line-height:24px; }
#maincontent strong { margin: 5px 0 25px 0; }
	#maincontent p label { display:block; margin-bottom:10px; }
	#maincontent p label.formLeft { width:275px; float:left; }
	#maincontent p label span { display:block; font-size:11px; margin-left:25px; }
	#maincontent p label span a { font-size:12px; line-height:18px; }
#maincontent ul.greenArrowList { list-style: url(/images/greenArrow.gif);}

#maincontent .questionBox { width:575px; background: #F4F4F4; border: #9CF medium double; margin-bottom: 15px; padding: 10px 10px 0 10px; }
	#maincontent .questionBox ul { list-style:none; position:relative; left: -30px;}
		#maincontent .questionBox ul li span.correct { font-weight: bold; color: #0C0; }
		#maincontent .questionBox ul li span.incorrect { font-weight: bold; color: #F30; }
		#resultContent h3 {margin: 0;padding: 15px 0 0 5px; color: #F30; font-size: 18px;}
		#resultContent h4 {margin: 0;padding: 5px 0 10px 5px; font-size: 14px;}

#results { clear:both; width:845px; height:209px; background:url(/images/results.gif) center no-repeat; margin: 0 0 0 40px; vertical-align:top; text-align:left; line-height:18px; }
	#results #resultContent { float:left; }
		#results #resultContent h3 {margin: 0;padding: 15px 0 0 20px; color: #F30; font-size: 18px;}
		#results #resultContent h4 {margin: 0;padding: 5px 0 0 20px; font-size: 14px;}
		#results #resultContent p {margin: 0;padding: 5px 0 0 20px;}
		#results #resultContent ul {margin:0;padding: 5px 0 0 50px; list-style-image:url(/images/red-x.gif); }
	
	#results h4.alignCenter {margin: 0;padding: 15px 0 0 20px; font-size: 14px; text-align:center; clear: both;}
	#results span.cta { display:block; float:right; width:330px; height:130px; position:relative; top:20px; }
		#results span.cta a { display:block; float:left; width:130px; height:125px; margin:0 20px 0 0; }
	
#maincontent2 { padding:40px 20px 50px 20px; vertical-align:top; text-align:left; line-height:18px; background:#FFFFFF}
#sidebar { width: 210px; float:right; padding: 40px 40px 0 0; }
.box { border:1px solid #9db8e3; padding:0px; margin-bottom:50px }
.boxtitle { background:#d7e9fc url(/images/dipboxtitlebg.gif) repeat-x top; border-bottom:1px solid #9db8e3; vertical-align:middle; font-weight:bold; padding:4px 5px 5px 10px; color:#4c4c4c }
.boxcontent { padding:10px 8px 5px 8px; vertical-align:top; line-height:18px; }
.boxcontent p { margin:5px 0px 5px 0px; }

.btn-score { width:158px; height:43px; float: left; display:block; background:url(/images/btn-score.gif) center no-repeat; margin: 0 0 0 5px; }
.btn-score span { display: none; }

.continue { width:600px; height:100px; margin: 30px 0; background:url(/images/continuebg.gif) repeat-x #ecf5ff; clear:both; }

#footer { width:924px; margin: 0 auto; font-size:11px; text-align:center; background: url(/images/footerbg.jpg) top no-repeat; height: 50px;}
#footer p { position: relative; top: 30px; margin: 0; }

/*——New classes for right box2——*/
.rightBox2
 {
  background:url(/images/right-pan2-bg.gif) left top no-repeat; border:solid 1px #acc5f6; width:174px; padding:27px 20px 10px 15px; font-size:12px; color:#464646;
 }
.rightBox2 .head
 { color:#0054a6; font-size:16px; font-weight:bold;
 }
.rightBox2 .subhead
  { color:#0054a6; font-style:italic;
  }