@import url(reset.css);
@import url(typography.css);

body {
	background: url(../images/layout/background.jpg) no-repeat 0px 0px;
}

#container { width:700px; }

#top { height:160px; }

/* QUIZ / HOME PAGE */

h2.quiz { padding: 52px 35px 0 400px; text-align:right; color:#FFFFFF; font-weight:normal; font-size:18px; }

#quiz_content { margin:0 0 0 30px; }
#quiz_content_top { background: url(../images/layout/quiz_content_top.png) no-repeat 0px 0px; height: 18px; }
#quiz_content_main { background: url(../images/layout/quiz_content_bg.png) repeat-y 0px 0px; }
#quiz_content_bottom { background: url(../images/layout/quiz_content_bottom.png) no-repeat 0px 0px; height: 18px; }

#quiz_content_main .question {padding:5px 20px; margin-right:35px;}
#quiz_content_main .question strong { color:#214976; font-size:14px;}

.leftcol_4 {float:left; width:25%; }
.leftcol_3 {float:left; width:30%; }
.leftcol_2 {float:left; width:50%; }
.question label{ display:block; padding:5px; padding-left:32px; background-position:8px center; background-repeat:no-repeat; clear:both; cursor:pointer}

.checked{ background-color:#FFFFFF; background-image:url(../images/chk_on.png);}
.unchecked{ background-image:url(../images/chk_off.png)}
.selected{ background-color:#FFFFFF; background-image:url(../images/rdo_on.png)}
.unselected{ background-image:url(../images/rdo_off.png)}

input.quiz_liveitup {
	background:url(../images/buttons/quiz_liveitup.gif) no-repeat 0 0;
	width:156px;
	height:48px;
	display:block;
	text-indent:-9999px;
	border:none;
}

/* RESULTS PAGE */

h2.results { padding: 52px 35px 0 350px; text-align:right; color:#FFFFFF; font-weight:normal; font-size:18px; }

#results_left { float:left; width:400px; }
#results_content { }
#results_content_top { background: url(../images/layout/results_content_top.png) no-repeat 0px 0px; height: 18px; margin-left:30px; }
#results_content_main { background: url(../images/layout/results_content_bg.png) repeat-y 0px 0px; margin-left:30px; }
#results_content_bottom { background: url(../images/layout/results_content_bottom.png) no-repeat 0px 0px; height: 18px; margin-left:30px; }

#results_content_main .offer {padding:5px 20px; margin-right:35px;}
#results_content_main .offer strong, #results_content_main .offer a { color:#214976; font-size:12px; text-decoration:none; }
#results_content_main .offer a:hover { text-decoration:underline; }
#results_content_main .offer img { padding:1px; margin:0 8px 4px 0; border:solid 1px #214976; float:left;}

#results_share { margin:10px 0 0 30px;}

#results_right { float:left; width:270px; }
#results_competition h2 { color:#FFFFFF; margin: 30px 0 10px 0; }
#results_competition_top { background: url(../images/layout/competition_content_top.png) no-repeat 0px 0px; height: 18px; }
#results_competition_main { background: url(../images/layout/competition_content_bg.png) repeat-y 0px 0px; padding: 5px 20px; }
#results_competition_bottom { background: url(../images/layout/competition_content_bottom.png) no-repeat 0px 0px; height: 18px; }

#results_competition_main p { margin:0 0 12px 0;}

.smaller a { text-decoration:underline; color:#222222; }

.hidden { display: none; }
.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.alignright { text-align:right; }
.floatleft {float:left; }
.floatright {float:right; }
ol { list-style-type:decimal !important; }