/* Copyright (c) 2010 Conundrum Holdings */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	
	Global
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*	Setup
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*@import "resets.css";*/
@import "utility.css";
html, body { height:100%; }
body { background:#0B528C; text-align:left; font:14px/1em Arial, Helvetica, sans-serif; color:#333; line-height:18px; font-weight:normal; }

/*	Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container { width:920px; margin:0 auto; text-align:left; height:auto !important; min-height:100%;}

#header { width:920px; height:114px; float:left; background:#FFF; border-bottom:5px solid #0E69B2;}
	#header img.logo { float:left; padding:22px 0 0 65px; border:none;}
	#header-panel { width:250px; height:37px; float:right; padding:60px 13px 0 0; text-align:left; color:#333;}
		#header-panel p.message {color:#333; font-size:14px; font-weight:bold; text-align:right;}
		#header-panel p.datetime {color:#666; font-size:10px; text-align:right;}

#content-wrap { width:920px; float:left; padding:0; text-align:left; font-size:14px; line-height:16px; background:#FFF; padding-bottom:30px; border-bottom:5px solid #0E69B2;}
	#content-header { width:855px; float:left; padding-left:65px; text-align:left; padding-bottom:8px;}
		#content-header	.title-box-lhs { float:left; width:5px; height:54px; background:url(../../images/css/ui/titlebox-lhs.gif) no-repeat left top;}
		#content-header	.title-box { float:left; width:253px; height:42px; padding:12px 0 0 21px; background:#0E69B2; font-size:24px; line-height:24px; color:#FFF;}
		#content-header	.title-box-rhs { float:left; width:5px; height:54px; background:url(../../images/css/ui/titlebox-rhs.gif) no-repeat left top;}
		
		#content-header .progressbar-wrap { float:right; height:26px; width:200px; margin-right:13px; background:url(../../images/global/progressbar.gif) no-repeat right bottom; text-align:left; padding:18px 12px 0 69px; display:none;}
		#content-header .progressbar-bar { width:0px; height:8px; padding:0; /* variable width */ /*width:100px;*/ background:#009966; display:none; }

	#content-body { width:820px; float:left; padding:30px 35px 0 65px; text-align:left; min-height:320px;}
		.instructions { width:763px; padding:10px 0 15px 0; font-size:16px; line-height:20px;}
		.question { float:left; width:706px; padding:0 0 20px 57px; font-weight:bold; font-size:16px; line-height:20px;}
		.question .qnumber { float:left; width:57px; margin-left:-57px; font-size:18px; }
		.question .audio { float:left; padding:15px 644px 10px 0; border:none;}
		.answers { width:763px; padding-left:57px; font-size:14px;}
		
		#content-body .answers ul#answersWrap {float:left; padding:0; margin:0; width:706px;}
		#content-body .answers #answersWrap li {padding:0 0 5px 0; margin:0; list-style:none; ; font-size:14px; font-weight:normal; line-height:22px;}
		#content-body .answers #answersWrap li div.sBtn {cursor:pointer; height:22px; overflow:hidden; width:22px; float:left; padding-right:10px; }
		#content-body .answers #answersWrap li div.sBtn:hover input { margin-top:-22px;}
		
		
		
		#content-body ul {padding:0 0 10px 16px; margin:0; font-weight:bold; font-size:11px;}
		#content-body li {padding:0 0 2px 2px; margin:0 0 0 5px; list-style:url(../../images/css/ui/grey-dash.png);}

		
		#content-body .answer-incorrect { padding:20px 30px 20px 70px; border:1px solid #f08a73; width:670px; color:#D5000C; font-size:13px; line-height:130%; margin-bottom:10px; background:url(../../images/icons/warning.png) no-repeat top left #FFE3DF;}
		#content-body .answer-incorrect p strong {font-size:13px; line-height:130%; font-weight:bold;}
		#content-body .answer-incorrect a { color:#D5000C; text-decoration:underline; font-weight:bold;}
		#content-body .answer-incorrect a:hover { color:#D5000C; text-decoration:none; font-weight:bold;}
		
		#main-fla-wrap { /*background:url(../../images/global/indicator-org.gif) no-repeat center; height:385px;*/ text-align:center; width:600px; }
		#vimeo-wrap {text-align:center; width:600px; }

#footer-wrap { width:920px; float:left; text-align:left; font-size:10px; line-height:10px; background:#000; padding-bottom:12px; border-top:2px solid #FFF;}
		#footer-lhs { float:left; padding:60px 0 0 65px; text-align:left; color:#FFF;}
		#footer-rhs { float:right; padding:11px 22px 0 0;}
			#footer-rhs img { float:right; border:none;}




/*	Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p { padding:0 0 10px 0; margin:0;}
h1,h2,h3 { font-family:Arial, Helvetica, sans-serif;}
h1 { color:#006699; margin:0; padding:0 0 25px 0; font-size:24px; line-height:24px; }
h2 { color:#E52626; margin:0; padding:15px 0 14px 0; font-size:14px; line-height:16px; font-weight:bold; }
h3 { color:#000; margin:0; padding:10px 0 14px 0; font-size:14px; line-height:16px; font-weight:bold; }

table {border-top:1px solid #CCC; border-left:1px solid #CCC;}
td {border-bottom:1px solid #CCC;border-right:1px solid #CCC; height:25px; padding:2px 5px; vertical-align:top; text-align:left;}

/* = font-colors ---------------------- */
.color_rpi {color:#FA6C15;}
.color_green {color:#06973C;}
.color_F {color:#FFFFFF;}
.color_C {color:#CCCCCC;}
.color_9 {color:#999999;}
.color_6 {color:#666666;}
.color_3 {color:#333333;}

/* = font-sizes ---------------------- */
.size_9 {font-size:9px;}
.size_10 {font-size:10px;}
.size_11 {font-size:11px;}
.size_12 {font-size:12px;}
.size_14 {font-size:14px;}
.size_16 {font-size:16px;}
.size_22 {font-size:22px;}

/* = hyperlinks ---------------------- */
a:link, a:visited {color:#CCC; text-decoration:underline;}
a:hover {color:#FFF; text-decoration:underline;}

a.link_blue:link, a.link_blue:visited {color:#006699; text-decoration:none;}
a.link_blue:hover {color:#006699; text-decoration:underline;}

a.link_3:link, a.link_3:visited {color:#333; text-decoration:underline;}
a.link_3:hover {color:#333; text-decoration:underline;}

/* = positions ---------------------- */
.f-right { float:right;} .f-left { float:left;} .clear { clear:both;}
.margin10 { margin:10px;} .LMargin10 { margin-left:10px;} .RMargin10 { margin-right:10px;} .LRMargin10 { margin:0 10px;}