* { margin:0px; padding:0px; }

body { font-family:Arial; margin:0px auto; font-size:12px; color:#070809; position: absolute;top: -14px;}

.clear { width:100%; height:1px; clear:both; height:10px; _height:0px; }

#quiz { width:300px; margin:15px auto; }
#quiz #top { background:#2b4c75 url("layout/quiz_top.png") no-repeat left top; height:60px; }
#quiz #top #leftWrap { background:url("layout/quiz_top.png") no-repeat right top; color:#fff;  background-color:#2b4c75; padding:5px 10px 5px 0; position:relative; z-index:10000;}
#quiz #top #leftWrap p { height:1px; overflow:hidden; }
h2 { font-size:16px; font-family:Trebuchet Ms; font-weight:bold; text-align:center;background: url("layout/quiz_top.png") no-repeat left top; margin-right:10px; padding-left:10px; padding-top:6px; }

.content { background:#fafbfd url("layout/quiz_bg.jpg") repeat-x; border-color:#7187a2; border-style:solid; border-width:0 1px; padding-left:10px; }
.slide { background:#bed5e3 url("layout/question_top.jpg") no-repeat left top; color:#070809; cursor:default; margin-right:10px; top:-25px; position:relative; }
.slide .leftSlide { background:url("layout/question_top.jpg") no-repeat right top; margin-left:10px;  height:38px; }


#quiz .bottom { background:url("layout/quiz_bottom.png") no-repeat left bottom; height:42px; }
#quiz .bottom .bottom_content { background:url("layout/quiz_bottom.png") no-repeat right bottom;  height:42px; margin-left:10px; }


#drop_down_top { color:#fff; cursor:default; list-style:none; position:absolute; z-index:10000; top:0; float:right; height:35px; background:none; width:100%; }
#drop_down_top li.title_ { padding-top:0px;height:30px; }
#drop_down_top li.smallTitle { text-align:center; color:#000000; padding-top:10px; font-weight:bold; }
#drop_down_top li ul li{ list-style:none; display:block; }
#drop_down_top li ul li.style { padding:0px 10px; background-color:#2b4c75; }
.bottom_topquiz { width:100%; background:url("layout/bottom_topquiz.png") no-repeat left top; height:21px; behavior:url(iepngfix.htc); }
.bottom_topquiz .bottom_topquiz_right { background:url("layout/bottom_topquiz.png") no-repeat right top; height:21px; behavior:url(iepngfix.htc); width:100%; }


.drop_down_midd { color:#070809; cursor:default; list-style:none; position:absolute; z-index:90; height:38px; width:100%; }
.drop_down_midd li.title { overflow:hidden; }
.drop_down_midd li.title .number { width:30px; float:left; clear:both; font-size:22px; text-align:center;  color:#070809; padding-top:5px; }
.drop_down_midd li.title .txt { text-align:left; font-size:12px; height:30px; overflow:hidden; padding-right:10px; _float:left; color:#070809; padding-top:5px; }
.drop_down_midd li ul.text { overflow:hidden; }
.drop_down_midd li ul.text li{ visibility:visible; display:block;  }
.drop_down_midd li ul.text li.style { padding:0px 10px 0px 30px; background-color:#bed5e3; margin-top:-30px; padding-bottom:5px; }
.bottom_question { background:url("layout/bottom_question.png") no-repeat left top; height:5px; behavior:url(iepngfix.htc); *margin-top:-10px; _margin-top:0px; }

.answer_content { padding-top:2px; border-color:#b2cedf; border-style:solid; border-width:0px 2px; background-color:#fff; }
.answer_content .inside { border-top:1px solid #e0ebf2; margin-top:1px; min-height:230px; height:auto !important; height:230px; }

.answers { margin-top:15px; padding-top:30px; }
.answer { margin-left:2px; margin-right:2px; }
.answer:hover { background:#ccdee9 url("layout/answer_hover_top.jpg") no-repeat left top; cursor:pointer; }
.answer .top_cont { margin-left:5px; padding:5px 0 0 0;  }
.answer:hover .top_cont { background:url("layout/answer_hover_top.jpg") no-repeat right top; cursor:pointer; }
.answer .midd { background:none; border-color:#fff; border-style:solid; border-width:0 1px;  padding:0px 5px 5px 0px; }
.answer:hover .midd { background-color:#ccdee9; border-color:#90b2c6; border-style:solid; border-width:0px 1px; margin-left:-5px; }
.answer .bottom_ { width:100%; }
.answer:hover .bottom_ { background:url("layout/answer_hover_bottom.jpg") no-repeat left bottom; width:100%; }
.answer .bottom_ .bottom_in { padding:0 0 4px 0;  }
.answer:hover .bottom_ .bottom_in { background:url("layout/answer_hover_bottom.jpg") no-repeat right bottom; margin-left:5px; }
.answer_active { background:url("layout/answer_hover_top.jpg") no-repeat left top; cursor:pointer; margin-left:2px; margin-right:2px; }
.answer_active .top_cont { background:url("layout/answer_hover_top.jpg") no-repeat right top; cursor:pointer; margin-left:5px; padding:5px 0 0 0; }
.answer_active .midd { background-color:#ccdee9; border-color:#90b2c6; border-style:solid; border-width:0px 1px; padding:0px 5px 5px 0px; margin-left:-5px; }
.answer_active .bottom_ { background:url("layout/answer_hover_bottom.jpg") no-repeat left bottom; width:100%; }
.answer_active .bottom_ .bottom_in { background:url("layout/answer_hover_bottom.jpg") no-repeat right bottom; margin-left:5px; padding:0 0 4px 0; }
.answer_bottom {  background:url("layout/question_bottom.jpg") no-repeat left top; height:13px; position:relative;  }
.answer_bottom .answer_bottom_right {  background:url("layout/question_bottom.jpg") no-repeat right top; height:13px; margin-left:10px; overflow:hidden; position:relative; }


.radioButton { float:left; height:auto !important; clear:both; }
.radioLabel { padding-left:24px;text-align:justify; margin:0px; }

.no_question { color:#546f90; font-size:11px; margin:-60px 0px 0px 10px;  position:relative; float:left; z-index:10000; }
#next_disable { display:block;background:url("layout/next_disable.jpg") no-repeat left top; width:62px; height:20px; cursor:pointer; border:0px; float:right; margin-right:10px; _margin-right:5px; }
#nextbtn { display:none;background:url("layout/next_enable.jpg") no-repeat left top; width:62px; height:20px; cursor:pointer; border:0px; float:right; margin-right:20px; _margin-right:10px; position:relative; z-index:10000; margin-top:-65px; }
#nextbtn:hover { background:url("layout/next_hover.jpg") no-repeat left top; width:62px; height:20px; display:block; cursor:pointer; float:right; margin-right:20px; _margin-right:10px; }

#nextbtn_disable { display:block; background:url("layout/next_disable.jpg") no-repeat left top; width:62px; height:20px; cursor:default; border:0px; float:right; margin-right:20px; _margin-right:10px; position:relative; z-index:10000; margin-top:-65px; }

.quibblo { float:right; clear:both; margin-top:10px; margin-right:10px; }

.bigFont { text-align:center; font-size:60px; font-weight:bold; color:#000000; margin-top:50px; }

.line { margin:0px 3px; overflow:hidden; }
.redLine { background:url("layout/middRedLine.jpg") repeat-x; height:18px; float:left; display:block; overflow:hidden; }
.redLine_left { background:url("layout/leftRedLine.jpg") no-repeat left top; height:18px; float:left; width:4px; }
.redLine_right { background:url("layout/rightRedLine.jpg") no-repeat left top; height:18px; float:right; width:5px; }

.greenLine { background:url("layout/middGreenLine.jpg") repeat-x; height:18px; float:left; display:block; overflow:hidden; }
.greenLine_left { background:url("layout/leftGreenLine.jpg") no-repeat left top; height:18px; float:left; width:4px; }
.greenLine_right { background:url("layout/rightGreenLine.jpg") no-repeat left top; height:18px; float:right; width:5px; }

.percent { float:left; margin-left:3px; }

.waiting_answers { width:257px; height:124px; background:url("layout/waiting_answers_box.png") no-repeat left top; position:absolute; left:50%; margin-left:-128px; top:150px; display:block; z-index:2000; behavior:url(iepngfix.htc); }

#prevarrow_off { width:32px; height:28px; background:url("layout/left_arrow_off.jpg") no-repeat left top; display:block; cursor:pointer; }
#prevarrow { width:32px; height:28px; background:url("layout/left_arrow_on.jpg") no-repeat left top; display:block; cursor:pointer; position:relative; margin-top:-55px; float:left; margin-left:10px; _margin-left:5px; z-index:10000; }
#prevarrow:hover { width:32px; height:28px; background:url("layout/left_arrow_hover.jpg") no-repeat left top; display:block; cursor:pointer; }
#nextarrow_off { width:32px; height:28px; background:url("layout/right_arrow_off.jpg") no-repeat left top; display:block; cursor:pointer;  }
#nextarrow { width:32px; height:28px; background:url("layout/right_arrow_on.jpg") no-repeat left top; display:block; cursor:pointer; position:relative; float:right; margin-top:-55px; margin-right:20px; _margin-right:10px; z-index:10000 }
#nextarrow:hover { width:32px; height:28px; background:url("layout/right_arrow_hover.jpg") no-repeat left top; display:block; cursor:pointer; }

.nr_pageAnswer{ position:relative; z-index:1000000; color:#546f90; font-size:11px; margin-top:-20px; text-align:center; }

.submit_off { { width:76px; height:20px; background:url("layout/submit_off.jpg") no-repeat left top; display:block; cursor:pointer; } 
.submit { { width:76px; height:20px; background:url("layout/submit.jpg") no-repeat left top; display:block; cursor:pointer; } 
.submit:hover { { width:76px; height:20px; background:url("layout/submit_hover.jpg") no-repeat left top; display:block; cursor:pointer; } 