﻿

a, img, input
{
	border: 0;

}

img.close  
{
 padding-top: 34px; 	
}

img.header  
{
  margin-top: 20px;
  margin-left  : 20px;
  margin-bottom: 39px;
}

.clear
{
	float: none;
	clear: both;
	line-height: 0px;
	padding: 0 !important;
	margin: 0 !important;
}

form
{
	margin: 0px;
	padding: 0px;
}

a
{
	color: #007CC3;
	cursor: pointer;
}

#quizContainer
{
	padding-bottom: 20px;
}

.bold
{
	font-weight: bold;
}



#wrapper img#quizHeader{
	float: right;
}






/* safari hot pat
.browserSafari #wrapper table td.cell1 {
	width: 2% !important;
}

.browserSafari #wrapper table td.cell2{
	width: 45% !important;
}

.browserSafari #wrapper table td.cell3{
	width: 57% !important;
}
/* safari hot patch */

#wrapper tr.disabled
{
	color:#CCC;
}


#wrapper #poptips img 
{
	position: absolute;
	visibility:hidden;
}
/*
#wrapper .quiz-foot 
{
	color: #FF0000;
	display:block;
	font-weight: bold;
}
*/

/* step 2 */

#wrapper #step2,#wrapper #step3,#wrapper #step4, #wrapper #talking_points div, .hideElem
{
	font-family: Arial;
	display: none;
	font-size: 12px;
}

#wrapper div#step2.show, #wrapper div#step3.show
{
	display: block !important;
}

#wrapper #talking_points
{
	overflow: auto;
	height: 150px;
	
}

#wrapper #talking_points div.showPoint
{
	border-bottom: 1px solid #F8DFC5;
	color: #666666;
	display: block !important;
	font-style: italic;
	padding: 10px 0px 5px 10px;
}

#wrapper #converseBtn
{
	cursor: pointer;
	float: right;
	margin-top: 20px;
}

/* step 3 */
#wrapper #step3
{
	/*margin-top: 30px;*/
}

#wrapper #step3 img
{
	display: block;
}

#wrapper .borderBar
{
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #E7EEFF;
	margin: 8px 0px 8px 0px;
}


#wrapper #step3 div a img
{
	float: none;
	padding: 0px;
}

#wrapper-print-quiz #quiz-print-footer p  
{
	
	float:left; 
	color: #6B6867 !important;
    margin-top: 0;
    width: 580px;
    font-family  : Helvetica;
    font-size   : 10px;
}




















/** Quiz Redesign **/

body
{
	font-family: Helvetica;
	font-size:12px; 
	padding: 0;
	margin: 0;
	color:#525252; 
}

#quiz_top 
{
    background:url('/images/OABQuiz/bg-cap-top.png') no-repeat;
    height:18px;
}

#quiz_middle 
{
   background:url('/images/OABQuiz/bg-cap-rptr.gif') repeat-y;
   padding-left: 22px;
   height:590px; 
}

#quiz_bottom 
{
   background:url('/images/OABQuiz/bg-cap-bot.png') no-repeat;
   height:17px; 
}

.quiz_header p 
{  
   font-family:Arial; 
   font-size:12px;  
   line-height:16px; 
   font-weight:normal;    
}

#wrapper
{
   padding: 0px 0px 0px !important;
   height: 682px !important;  
   width: auto; 
   position: static;
}

#wrapper .quiz-foot .quizReset
{
	background: url(/images/OABQuiz/btn-clear.png) 0px 0px no-repeat;
	cursor: pointer;
	font-size: 0px;
	color: white;
	width: 170px;
	height: 49px;
	text-decoration: none;	
}

#wrapper #step1 .quiz-foot .quizReset 
{
	background: url(/images/OABQuiz/btn-clear.png) 0px -4px no-repeat;
	vertical-align:top; 
}


#wrapper .quiz-foot .quizNext
{
	background: url(/images/OABQuiz/btn-next.png) 1px -5px no-repeat;
	border: none;
	text-decoration: none;
	cursor: pointer;
	font-size: 0px;
	width: 137px;
	height: 51px;
	color: white;
	vertical-align: top;
}

#wrapper .quiz-foot .quizSubmit
{	
	background: url(/images/OABQuiz/btn-submit.png) no-repeat;
	border: none;
	text-decoration:none; 
	cursor: pointer;
	font-size:0px;
	width: 137px;
	height: 51px;
	color:#FFFFFF; 
}

#wrapper-print-quiz 
{
    margin-top:210px;
}

#q1-block
{
	height: 12px;
	margin: 0px 0 0;
	margin-bottom: 0px;
	padding-top: 0px;
	width: 700px;  
}

#q1-block img 
{
   float:left; 
   padding:5px 0px 0px 4px; 
   	
}

#q1-block div 
{
    float: left;
    margin-left: 138px;
    min-height: 15px;
}

#q1-block label
{
   margin-left:2px;  
   margin-right:56px;  
}
#q1-block input
{
   margin-top:2px; 
}

#wrapper #step1  .quiz-foot .quizReset
{
  margin-left: 558px;
}

div#step1 .quiz_header p 
{
   width:775px; 	
}

#q1-block .error_state
{
   margin-left:49px;
}

.error_state 
{
   margin-top:0px; 
   margin-left:37px; 
   margin-bottom:0px; 
   color:#ff0000;
   font-size:12px;
   visibility:hidden; 
   float: left; 
   	
}

table#table_header td
{
	font-size: 11px;
	line-height: 11px;
	color: #525252;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	vertical-align: bottom;
	width: 60px;
}

table#table_header td.space 
{
	width:52px;	
}

#wrapper table#questions{
	font-size:12px; 
}

#wrapper table#questions tr{
	padding-top:12px;
	vertical-align:12px; 
}

#wrapper table#questions tr:hover{
	 /*background-color:#FFF3C7;*/
}

#wrapper table#questions td {
	border-bottom: 1px dashed #EDECEC;
	padding:12px 0px 3px 0px;
	vertical-align: top;
}

#wrapper table#questions td.cell1 span, #wrapper table#questions td.last span{
	padding:0px 0px 0px 12px;
}


#wrapper table#questions td.last {
	border-bottom: 0  ;
	padding:12px 0px 0px 0px;
}

#wrapper td input
{ 
	padding: 0px;
	width: 60px;
	margin: 0px 0px 0px 0px;
}

div#quiz-adapted 
{
	width:430px; 
	font-size:10px;
	color: #525252; 
	font-weight:normal; 
}

div.quiz-adapted p,   #step3 p.adapted
{
	margin-bottom:0px;   
	font-size:10px; 
	
}

#step3 p.adapted {
	font-style:italic; 
}

/*step 2*/

div.answering img
{
  margin-top:18px; 	
}

div.answering div.question 
{
  padding:8px 0px 8px 0px;
}

div.separator 
{
   border-bottom: 1px dashed #EDECEC;
   margin-right:404px; 
   clear:both;
}

div.question label 
{
   vertical-align:4px;	
}

div.noAnswering 
{
	display:none;  
	height:304px; 
	margin-left: 8px;
}

div#step2 .is_answering input 
{
  	margin-top: 7px;
}

div#step2 .is_answering input#radio_no 
{
	margin-left: 27px;
}

div#step2 .small_amount 
{
   margin-top: 4px; 
}

div#step2 .quiz_header p 
{
	width:826px; 	
}

#wrapper #step2 .quiz-foot .quizReset
{
	margin-left: 414px;
}

#wrapper #step2 .quiz-foot a.back
{
	float:left; 
}

#wrapper #step2  .quiz-foot 
{
	margin-top: 33px;
}


/*step 3*/
div#score img, div#score span, div#resultsWrapper #results
{
    float:left	
}

div#score span#currentScore 
{
	font-size: 31px;
	color: white;
	height: 37px;
	width: 40px;
	text-align: center;
	background: url('/images/OABQuiz/img-score-rptr.jpg') repeat-x;
	padding: 1px 0px 0px 5px;
}

div#resultsWrapper 
{
	clear: both;
	width: 508px;
	float: left;
	height: 370px; 
}

div#resultsWrapper #results {
    float:left; 
}

div.d_result span 
{
	background:url('/images/OABQuiz/img-select.gif') no-repeat;	
	float:left;
	height: 12px;
	width: 12px;
	margin-left: 1px;
}

div.d_result span.filled 
{
	background:url('/images/OABQuiz/img-select-on.gif') no-repeat;
}

div#step3 .question p 
{
	margin: 6px 0px 4px 11px;
	width: 360px;
	float: left;	
}

div#step3 .question .d_result p 
{
	margin: 6px 0px 4px 1px;
	float: left;	
	width: 100px;
}

div#step3 .question .d_result
{
	width: 100px;
	float: left;
	font-size:11px;  	
	margin-bottom:4px; 
}

div#step3 h2 
{
	font-size: 11px;
	clear: both;
	padding-top: 5px;
	margin-bottom: 7px;
	color: #525252;	
}

div#step3 .quiz_header p, div#step3 .conv_starters p , div#step3 .conv_starters ul  
{
	width: 685px; 	
	margin-top: 3px;
}

div#step3 .conv_starters ul 
{
	 margin:0px; 
	 padding:0px; 
}

div#step3 .conv_starters ul li  {
	text-indent: -14px;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style:none;
	
}


div#step3 .scrollable 
{
	overflow:auto; 
	overflow-x:hidden; 
	height:531px; 
	width:865px;
}

div#starters 
{
	float:left; 
	margin-top:11px; 	
	margin-left: 8px;
}

div#starters #top, div#starters  #bottom
{
	background:url('/images/OABQuiz/bg-cap-dr-conv-top.gif') no-repeat;	
	height: 12px;
	width: 244px;
}

div#starters  #bottom
{
	background:url('/images/OABQuiz/bg-cap-dr-conv-bot.gif') no-repeat;	
}

div#starters #middle  
{
  background:url('/images/OABQuiz/bg-cap-dr-conv-rptr.gif');  
  width: 244px;
}

div#starters img.conversations 
{
	 margin-left: 16px;  
}

div#starters p 
{
   width: 225px; 
   line-height:18px; 
   margin:0px 0px 0px 12px; 	
}

div#starters ul {
  margin-left: 6px;
  padding-left: 0.8em;
  margin-top:8px; 
  margin-bottom:8px;  
}

div#step3  ul.asses_results li 
{
  list-style: none;
}


div#step3  ul.answered, div#step3  ul.leaked,  div#step3 ul.leaked_3_m  
{
	margin-top: 4px;	
}

div#starters ul li, #step3 ul.leaked_3_m li, #step3 ul.leaked li, ul.asses_results ul.answered li 
{
   margin-right: 7px;
   margin-bottom: 7px;
   list-style: none;
   background: url('/images/OABQuiz/icn-arrow.gif') 1px 3px no-repeat;
   padding-left:14px; 
}

div#starters .separator {
	width: 225px;
	height: 8px;
	border-bottom: dashed 1px #FFCB08;
	float: left;
	margin-left: 8px;
	margin-top: 0px;
	margin-bottom: 6px;
}

div#step3  ul.asses_results,  ul.asses_results ul
{
	list-style: none;
	margin-left: 0px; 
	padding-left : 0em;
	margin-bottom: 14px;
}

#step3 ul.leaked_3_m li, #step3 ul.leaked li, #step3 ul.answered li
{
	background: url('/images/OABQuiz/icn-points.gif') 1px 3px no-repeat;
	padding-left:17px;  
}

#step3 a.edit_answers {
	width: 172px;
	float: right;
}

#step3 .quiz-foot a.print {
  float: right;
margin-right: 18px;
}

#step3 p.adapted 
{
  width: 430px;
  float: left;	
	
}


#step3 div.separator 
{ 
	margin-right:0px;  
}

#wrapper #step3  .quiz-foot 
{
	margin-top: 15px;
}

#wrapper #step3 .quiz-foot a.findOutMore 
{
	float: left;
	text-transform: uppercase;
	color: #ffcb05;
	font-weight: bold;
	font-size: 12px;
	padding-top:15px;
}
