html, body, img, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, p
{ margin: 0px; padding: 0px; border: 0px; }
p
{ padding:7px 0; }

body
{ font-family: arial, helvetica, sans-serif; font-size:9pt; background:#f8fafe url("../images/background.png") repeat-x; height:537px; }

label
{ float:left; width:120px; text-align:right; margin-right:5px; }
a
{ color:#3332cb; }


#container
{ width:727px; margin:0 auto; }
	#top-header
	{ height:73px; }
		#gmac-logo
		{ margin:22px 0; float:left; }
		#header-right
		{ float:right; color:#3332cb; }
			.header-right-nav
			{ margin-top:29px; float:left; height:44px; }
			.header-right-img
			{ margin:14px 0; float:left; }
			#header-right a
			{ text-decoration:none; margin:0 11px; color:#3332cb; }
			#header-right a:hover
			{ text-decoration:underline; }	
	#content
	{ margin:20px 0; }
		#content h1
		{ color:#5258bd; font-size:12pt; margin-bottom:5px; }
		#content h2
		{ color:#5258bd; font-size:10pt; }
		#content ul
		{ margin-left:20px; }
		#content ol
		{ margin-left:30px; }
		#content-left
		{ float:left; width:189px; font-size:8pt; color:#6167c5; }
			#content-left .header
			{ margin-top:5px; }
			#content-left p
			{ padding:7px 10px; line-height:18px; }
			#content-left p.form
			{ padding-top:3px; }
			#content-left a
			{ color:#6167c5; text-decoration:none; }
			#content-left a:hover
			{ text-decoration:underline; }
			#content-left li
			{ list-style-image:url("../images/bullet-orange.gif"); margin:0 0 3px 40px; }
		#content-right
		{ float:right; width:500px; }
		#content-right-home
		{background:url("../images/home-road.jpg") no-repeat; width:509px; height:550px; float:right; }
			#content-right-home .ndt, #content-right-home .game, #content-right-home .facebook
			{ display:block; width:170px; height:95px; margin:25px 0 0 27px; }
			#content-right-home .ndt
			{ float:left; margin:25px 0 0 25px; }
			#content-right-home .game
			{ float:right; margin:25px 17px 0 0; }
			#content-right-home .copy
			{ color:#40449e; padding:15px; margin-top:160px; }
			#content-right-home .facebook
			{ float:left; margin:52px 0 0 70px; }
			#content-right-home a, #content-right-home h1
			{ color:#40449e; }
		#home-bottom
		{ background:url("../images/home-bottom.gif") no-repeat; width:707px; height:53px; color:#6167c5; margin-top:15px; padding:6px 10px; }
		#home-bottom a
		{ color:#5258bd; }
	#footer
	{ color:#8386c1; padding:10px 0; border-top:1px solid #898ee5; font-size:8pt; }
		#footer-content
		{ margin:0 auto; text-align:center; width:360px; }
		#footer a
		{ color:#8386c1; text-decoration:none; margin:0 5px; }
		#footer a:hover
		{ text-decoration:underline; }
		
	#home-footer-copy
	{ font-size:8pt; width:707px; height:53px; color:#6167c5; margin-top:15px; padding:10px 10px;}
		#home-footer-copy a
		{ color:#6167c5; text-decoration:none;}
		#home-footer-copy a:hover
		{ text-decoration:underline; }
				
#testResults
{ border:2px solid #888ee4; text-align:center; margin:10px 0; }
	#testResultsReview
	{ background-color:#888ee4; color:#fff; }
#challenge
{ background-color:#dae1fa; border:2px solid #888ee4; padding:10px; margin-top:30px; }

#carInsuranceQuote, #findAnAgent, .homeCtaMid, .homeCtaBottom
{ margin-left:7px; }
#carInsuranceQuote
{ background:url("../images/car-insurance-quote.gif") no-repeat; width:177px; height:34px; }
#findAnAgent
{ background:url("../images/find-an-agent.gif") no-repeat; width:177px; height:35px; }
.homeCtaMid
{ background:url("../images/home-cta-mid.gif") repeat-y; width:177px; }
.homeCtaBottom
{ background:url("../images/home-cta-bottom.gif") repeat-y; width:177px; height:9px; margin-bottom:15px; }

#storiesArea
{position:relative;}
	
#storiesDiv
{margin:10px 10px;}
	#storiesDiv p
	{ line-height:16px; }

#defensivedrivinggame
{ position:relative; left:-36px; }
#defensivedrivinggame *
{ z-index:1; }

.questionWrong
{ color:#c00; }
.answer1
{ padding-left:15px; padding-top:3px; }
.answer2, .answerCorrect, .answerWrong
{ height:20px; }
.answer2 input, .answerCorrect input, .answerWrong input
{ margin-left:15px; }
.answerCorrect
{ background:url("../images/correct.gif") no-repeat center left; }
.answerWrong
{ background:url("../images/wrong.gif") no-repeat center left; }
.space10
{ padding-top:10px; }
		
.clear
{ clear:both; }


/*rounded corner*/
.roundedcornr_box_336098 {
   background: #f5f7fc url("../images/roundedcornr_336098_grad.gif") repeat-x top left;
}
.roundedcornr_top_336098 div {
   background: url("../images/roundedcornr_336098_tl.gif") no-repeat top left;
}
.roundedcornr_top_336098 {
   background: transparent url("../images/roundedcornr_336098_tr.gif") no-repeat top right;
}
.roundedcornr_bottom_336098 div {
   background: url("../images/roundedcornr_336098_bl.gif") no-repeat bottom left;
}
.roundedcornr_bottom_336098 {
   background: transparent url("../images/roundedcornr_336098_br.gif") no-repeat bottom right;
}

.roundedcornr_top_336098 div, .roundedcornr_top_336098,
.roundedcornr_bottom_336098 div, .roundedcornr_bottom_336098 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_336098 { margin: 0; }


/* navigation */

#tabs *
{ z-index:5; }
#tabs
{ float:left; width:100%; font-size:9pt; line-height:normal; }
	#navleft
	{ background:url("../images/nav-left.gif") no-repeat; width:14px; height:28px; float:left; }
	#navright
	{ background:url("../images/nav-right.gif") no-repeat; width:14px; height:28px; float:left; }
    #nav, #nav ul
	{ margin:0; padding:0; }
	#nav li
	{ line-height:1.35em; position:relative; float:left; list-style:none; }
	#nav a
	{ white-space:nowrap; }
    #nav li.firstdrop
	{ display:inline; margin:0; padding:0; position:relative; }
    #nav a.toplink, #nav .topseperator
	{ float:left; background-color:#888ee4; margin:0; padding:6px 16px; color:#fff;
	text-decoration:none; cursor:pointer; }
    #nav a.toplink:hover
	{ color:#fff; }
	#dot1, #dot2, #dot3, #dot4
	{ background:url("../images/dot.gif") no-repeat; width:6px; height:6px; position:absolute; top:11px; left:0; display:none; }

#nav li ul 
{ position: absolute; left: -999em; padding:0; z-index:5; }

.droptopleft
{ background:url("../images/drop-top-left.gif") no-repeat left top; width:13px; height:17px; padding:0 0 0 10px; }
.droptopright
{ background:url("../images/drop-top-right.gif") no-repeat right top; display:block; height:17px; margin-right:10px; }
.dropbottomleft
{ background:url("../images/drop-bottom-left.gif") no-repeat left top; width:13px; height:7px; padding:0 0 0 10px; }
.dropbottomright
{ background:url("../images/drop-bottom-right.gif") no-repeat right top; display:block; height:7px; margin-right:10px; }

#nav .drop1
{ width:155px; }
#nav .drop2
{ width:180px; }
#nav .drop3
{ width:100px; }
#nav .drop4
{ width:120px; }

#nav ul li a
{ color:#fff; text-decoration:none; padding:2px 4px; display:block; background-color: #f7971c; }
#nav ul li a:hover
{ background-color:#fab357; color:#fff; }

#nav li:hover ul, #nav li.sfhover ul
{ top:20px; left: 0; }

#poll_header
{background: url("../images/poll_header.gif") no-repeat; width:198px; height:47px;}

.poll
{background: url("../images/poll_back.gif") repeat-y; width:198px; height:AUTO;}

.poll_area
{padding-left:13px; width:165px;}

.poll_footer
{background: url("../images/poll_footer.gif") no-repeat; width:198px; height:19px;}

.pollerQuestion
{padding: 0px 0px 0px 0px;}

.pollerChoices
{padding: 2px 0px 2px 0px;}
	.pollerChoices label
	{ float:none; width:auto; text-align:left; margin-right:0; }

.poller_waitMessage
{display:none;}	

/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img
{float:left;}

/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.9em;
	line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph
{height:16px;}

div.result_totalVotes
{clear:both; color:#000;}