@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px; }
body {  background:#f1ebf6 url(../images/interview_01.jpg) repeat-x; color:#000; font:normal 12px "Arial"; }
div, h1, h2, p, form, label, input, textarea, img, span{ margin:0; padding:0; }
ul { margin:0; padding:0; list-style-type:none;	}
.clr { clear:both; font-size:0; line-height:0; }
img { border:none; }
p { color: #333333; padding:5px 0px; font:normal 12px Book Antiqua; }
.wrapper { margin:0 auto; width:1000px; }
/*-------------------------------------------------- header_wrapper --------------------------------------------------*/
.header_wrapper { width:100%; background:url(../images/header_bg.jpg) bottom repeat-x; }
.top { width:1000px; height:55px; margin:0 auto; }
.header { background:#fff; margin:0 auto; width:1000px; }
.logo { width:225px; height:44px; padding-top:2px; float:left; }
.navigation { height:25px; margin-top:10px; float:right; background:#3b3637; border-left:1px solid #000; border-top:1px solid #000;
 			  border-right:1px solid #555555; border-bottom:1px solid #555555; padding-top:10px; }
.navigation ul li { list-style:none; float:left; font:bold 12px "Book Antiqua"; }
.navigation ul li a { text-decoration:none; padding:0 10px; display:block; float:left; color:#bfbfbf; text-align:center; }
.navigation ul li a:hover { float:left; text-decoration:none; padding:0 10px; color:#f0f0f0; text-align:center; }
/*-------------------------------------------------- Main wrapper ----------------------------------------------------*/
.main_wrapper { background:url(../images/interview_06.jpg) center repeat-y; width:980px; margin:0 auto; padding:15px 10px; border-top:1px solid #d8d7d7; }
.content { width:680px; float:left; }
.search_box { background:url(../images/search_box.png) no-repeat; width:672px; height:68px; }
.search_box a { text-decoration:none; color:#fff; padding:2px; color:#fff; font:bold 14px "Book Antiqua"; }
.search_txt { font:bold italic 20px Book Antiqua; color:#bbb; width:470px; height:45px; background:none; border:none; padding:5px; }
.search_button { width:119px; height:50px; background:url(../images/search_button.png) no-repeat; border:none; cursor:pointer; }
.title { font:normal 24px Book Antiqua; color:#333333; width:96%; height:auto; padding-top: 10px; padding-bottom: 5px; }
.title1 { font:normal 24px Arial, Helvetica, sans-serif; color:#333333; width:96%; height:35px; }
.hr { width:96%; height:5px; background:#fff url(../images/hr.png) repeat-x; }
.que_ans { font:normal 14px Book Antiqua, Helvetica, sans-serif; } 
.que_ans b { color:#7d974a; font:bold 11px Arial, Helvetica, sans-serif; }
.que_ans i { color:#e3901a; font:11px Arial, Helvetica, sans-serif; }
.ques { font:bold 16px Book Antiqua; color:#0176a0; }
.answer { background:url(../images/answer_icon.png) no-repeat; width:54px; height:54px; font:bold 36px "Book Antiqua"; text-align:center; }
.answer_mt { background:url(../images/answer_mt.png) no-repeat; width:54px; height:54px; font:bold 30px "Book Antiqua"; text-align:center; }
.date { float:right; font-size:10px; color:#999; padding-right:20px; }
.small_botton { background:url(../images/small_button.png) no-repeat; width:65px; height:25px; border:none; font:bold 12px "Book Antiqua"; cursor:pointer; }
.hr1 { width:96%; height:2px; background:#fff url(../images/hr1.png) repeat-x; }
.read_more { margin-right:15px; float:right; text-align:right; font:bold 11px Arial, Helvetica, sans-serif; }
.read_more a { color:#e3901a; text-decoration:none;  }
/*-------------------------------------------------- tab window ----------------------------------------------------*/
.tab 
{ background:url(../images/tab.png) no-repeat; width:106px; float:left; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0px 8px 0px; text-align:center; cursor:pointer }
.tab:hover { background:url(../images/tab_hover.png) no-repeat; width:106px; height:22px; float:left; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0 0;
  text-align:center; }
.tab a { text-decoration:none; color:#000; }
.tab:hover a { text-decoration:none; color:#000; }
.current { background:url(../images/tab_hover.png) no-repeat; width:106px; float:left; margin-bottom:-1px;
  font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0px 8px 0px; text-align:center; text-decoration:none; color:#000; }
ul.tabs { list-style:none; margin:0 !important; padding:0; height:35px; background:#dfdfdf; }
ul.tabs li { float:left; text-indent:0; margin:0 !important; list-style-image:none !important; }
ul.tabs a { font-size:12px; display:block; height:15px; width:auto; text-align:center; text-decoration:none; color:#333; padding:10px 20px 10px 10px;
			margin:0px;	position:relative; top:1px; }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { color:#000; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background:#d2e8f4 url(../images/hiox_20.png) no-repeat right;		
	cursor:default !important; color:#000 !important; }
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
.panes .pane { display:none; }
div.wrap { width:300px; margin:10px 0; clear:both; }
.wrap .pane { display:none;	padding:0px; border-top:0; color:#456; border:1px solid #ccc; }
.wrap .pane p { margin:-10px 0 -20px 0;	text-align:right; color:#578; }
.pane table { font:12px Arial, Helvetica, sans-serif; }
.wid_con_center1 { width:645px; height:auto; font:12px Arial, Helvetica, sans-serif; overflow:auto; padding:10px; } 
.wid_con_center1 b a { font-weight:bold; color:#0068c4; text-decoration:none; height:auto; clear:both; }
.wid_con_center1 b a:hover { font-weight:bold; color:#0068c4; text-decoration:underline; }
.wid_con_center1 p { color:#000; height:auto; clear:both; }
.wid_con_center1 span a { color:#f00; text-decoration:none; height:auto; clear:both; }
.wid_con_center1 span a:hover { color:#f00; text-decoration:underline; }
.wid_con_center1 td { padding-bottom:5px; }
.tagdiv a { background-color: #F9F9F9; border: 1px solid #E5E5E5; border-radius: 4px 4px 4px 4px; color: #7E7E7E !important; display: block;
float: left; font-size: 12px !important; margin: 2px; padding: 5px; text-shadow: none; text-decoration:none; }
.tagdiv a:hover { background-color:#EEEEEE; }
/* ------------------------------------------------- Tables --------------------------------------------------------*/
.table { background:#fff; text-align:left; margin:0 auto; border-left:1px solid #dbcfdf; }
.title_tr { background:url(../images/title_tr.jpg); height:35px; font:bold 12px "Arial"; color:#fff; }
.alt_tr { background:#f4f2f6; height:30px; }
.table td { border-bottom:1px solid #dbcfdf; border-right:1px solid #dbcfdf; padding:5px; }
.table th { border-bottom:1px solid #584263; border-right:1px solid #584263; padding:5px; }
/* ------------------------------------------------- Forms --------------------------------------------------------*/
.forms { background:#fff; text-align:left; margin:0 auto; border:1px solid #dbcfdf; }
.title_tr { background:url(../images/title_tr.jpg); height:35px; font:normal 14px "Arial"; color:#fff; }
.forms td { padding:5px 0 5px 5px; }
.forms th { padding:5px; }
.txt_box { padding:0 10px; background:url(../images/txt_box.png) no-repeat; width:225px; height:26px; border:0; color:#333; }
.txt_area { padding:10px; background:url(../images/txt_area.png) no-repeat; width:309px; height:86px; border:0; color:#333;}
.button { width:85px; height:34px; background:url(../images/button.png) no-repeat; color:#474646; border:none; font:bold 12px Arial, Helvetica, sans-serif;
        	padding:0 0 4px 10px; cursor:pointer; } 
/*-------------------------------------------------- Right side ----------------------------------------------------*/
.right { width:288px; float:right; }
.right_box { width:288px; float:left; margin-top:15px; }
.right_tit { width:258px; height:51px; background:url(../images/right_box_01.png) no-repeat; color:#fff; font:18px "Bookman Old Style"; padding-left:30px; }
.right_mid { width:288px; float:right; background:url(../images/right_box_03.png) repeat-y; }
.right_mid ol { list-style:url(../images/arrow.png); margin-left:40px; line-height:22px; color:#0176a0;  }
.right_bot { width:288px; height:29px; background:url(../images/right_box_04.png) no-repeat; }
/*-------------------------------------------------- footer wrapper ----------------------------------------------------*/
.footer_top { background:url(../images/footer_bg.jpg) top repeat-x; width:998px; margin:0 auto; height:24px; border-left:1px solid #fff; border-right:1px solid #fff;}
.footer { margin:0 auto; padding:0px; width:100%; height:90px; background:#343031; border-top:1px solid #9a9899; text-align:center; padding-top:15px; }
.footer a { text-decoration:none; color:#cccccc; font:11px Arial, Helvetica, sans-serif; }
/*--------------------------------------------------- user -------------------------------------------------------------*/
.tag { padding: 10px; padding-left:15px; width:258px;}
.tag a { background-color: #F9F9F9; border: 1px solid #E5E5E5; border-radius: 4px 4px 4px 4px; color: #7E7E7E !important; display: block;
 font-size: 12px !important; margin: 2px; padding: 5px; text-shadow: none; text-decoration:none; float:left; }
.tag a:hover { background-color:#EEEEEE; }
.ques a { font:bold 14px Book Antiqua; color:#0176a0; text-decoration: none; }
.ques a:hover { text-decoration: underline; }
.ques1 a { color:#0176a0; text-decoration: none; }
.ques1 { font:normal 13px Arial, Helvetica, sans-serif; padding: 3px; }
.ques1 a:hover { text-decoration: underline; }
.not_register { position: absolute; z-index: 1000; top: 0; background-color:#E6E6EF; height: 20px; width: 100%; color:red; float: left; font:18px Arial, Helvetica, sans-serif; }
.not_register a { text-decoration:none; float: right; }
.not_register a:hover { text-decoration:underline; }
.href { text-decoration:none; font: normal 14px Book Antiqua, Helvetica, sans-serif; color:#119ED3; }
.href:hover { text-decoration:underline; }
.scorebtn { background-color: #F9F9F9; border: 1px solid #E5E5E5; border-radius: 4px 4px 4px 4px; color: #7E7E7E !important; display: block;
 font-size: 12px !important; margin: 2px; padding: 5px; text-shadow: none; text-decoration:none; float: left; }
.txt_small { padding:10px; background:url(../images/txt_area_small.png) no-repeat; width:309px; height:27px; border:0; color:#333; }
.txt_box_small { padding:0 10px; background:url(../images/txt_box.png) no-repeat; background-size: 118px 26px; width:120px; height:26px; border:0; color:#333; }
.txt_rev { padding:5px; background:url(../images/txt_area.png) no-repeat; background-size: 100% 86px; width:200px; height:86px; border:0; color:#333; }
.addtd { padding-left:40px; padding-top: 5px; margin-left:0 auto;  }
.addtd b { color:#7d974a; font:bold 11px Arial, Helvetica, sans-serif; }
.addtd i { color:#e3901a; font:11px Arial, Helvetica, sans-serif; }
.abc { font:normal 14px Book Antiqua, Helvetica, sans-serif; }
.ok { background-color: #F1EBF6; width: 480px; color: green; padding: 10px; border: solid 1px green;}
.error { background-color: #F1EBF6; width: 480px; color:red; padding: 10px; border: solid 1px red; }
.vote {	color : red; font-size : 15px; background-color: #F1EBF6; padding:5px; margin: 0 auto; width:100px; position: inherit;  }
.divhr { padding-bottom:10px; width:80%; height:2px; background:#fff url(../images/hr1.png) repeat-x; float:right; }
.addtd div { font:10px Book Antiqua, Helvetica, sans-serif; }
.option { font:12px Book Antiqua, Helvetica, sans-serif; padding-left: 10px; }
.href_small { text-decoration:none; font: normal 12px Book Antiqua, Helvetica, sans-serif; color:#119ED3; }
.href_small:hover { text-decoration:underline; }
.log { padding:6px;  background:url(../images/interview_06.jpg) center repeat-y; width:1000px; margin:0 auto; border-top:1px solid #d8d7d7;  }
.log a { text-decoration: none; color: #61396D; font-weight: bold; font-size: 12px; }
.yes { color: green; padding: 10px; }
.no { color: red; padding: 10px; }
.err { color: red; font: 10px Book Antiqua; }
.answer_mt td { font:bold 30px "Book Antiqua"; text-align:center; }
/*-------------------------------------------------------------------------------------------------------------------*/ 
.navi { width:1000px; background:url(../images/nav_bg.jpg); border:1px solid #bacfe4; }
.navi ul { }
.navi ul li	{ background:url(../images/nav_bg.jpg) repeat-x; list-style: none;}
ul.dropdown { position:relative; width:auto; font:12px Arial, Helvetica, sans-serif; }
ul.dropdown li { float:left; zoom:1; height:30px; padding:6px 2px 0 2px; border-right:1px solid #bacfe4; }
ul.dropdown li li { border-right:1px solid #ccc; border-left:1px solid #ccc;  margin-left:9px;}
ul.dropdown a:hover	{ color:#000; } ul.dropdown a:active { color:#ffa500; }
ul.dropdown li a { display:block; padding:4px 8px; color:#000; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; }
ul.dropdown li:last-child a { border-right:none;} /* Doesn't work in IE */
ul.dropdown li:hover { color:#000; background:url(../images/nav_hover.jpg) repeat-x; position:relative; }
ul.dropdown li.hover a { color:#000; }
ul.dropdown ul { text-align:left; visibility: hidden; position: absolute; left:-10px; top:36px; z-index: 1000; }
ul.dropdown ul li { background:; border-bottom:1px solid #ccc; float:none; width:120px; height:25px; }
ul.dropdown ul li a	{ border-right:none; width:100%; display:inline-block; color:#000; }
ul.dropdown ul ul { left:100%; top:0; }
ul.dropdown li:hover > ul { display: block; visibility:visible; }
.search { font:12px Arial, Helvetica, sans-serif; color:#aaa; width:286px; height:19px; background:url(../images/search_txt.png) no-repeat; 
			border:0; padding:5px; margin:2px 0; }
.search_but { width:35px; height:30px; background:url(../images/search_but.png) no-repeat; border:0; margin:3px 5px 0 -3px;cursor:pointer; }

/*------------------------------  Result Page Table -----------------------------------------------------------------*/
.text_que_ans { line-height:24px; font: 12px normal Boookman Old Style; }
.select { color:#529d01; }
.reject { color:#ff0000; }
.text_result { background:#fff; text-align:left; margin:0 auto; border-left:1px solid #dbcfdf; font:14px Arial, Helvetica, sans-serif; }
.text_result td { border-bottom:1px solid #dbcfdf; border-right:1px solid #dbcfdf; padding:5px; font:bold 14px Arial, Helvetica, sans-serif; }
.text_result th { border-bottom:1px solid #584263; border-right:1px solid #584263; padding:5px; font:bold 16px Arial, Helvetica, sans-serif; }

/*-------------------------------------------------------------------------------------------------------------------*/ 
.txt_box2 { padding:0 10px;  width:520px; height:30px; color:#777; }
.txt_small2 { padding:10px; width:520px; height:47px; color:#777; max-width: 520px;}
.txt_box_small2 { padding:0 10px; width:300px; height:26px; color:#777; }
.txt_area2 { padding:10px; width:520px; height:86px; color:#333;}
/*-------------------------------------------------------------------------------------------------------------------*/
/*.solution { background:#fbedc6; text-align: center; height:auto; padding:10px; border:1px solid #ffd169; color:#666666; margin:10px 0; }*/
.solution { background:#fbedc6; text-align: center; height:auto; padding:10px; border:1px solid #ffd169; color:#666666; margin:10px 0; }

.best { background:#fbedc6; height:auto; border:1px solid #ffd169; margin:10px 0;font:normal 14px Book Antiqua, Helvetica, sans-serif; }
.best b { color:#7d974a; font:bold 11px Arial, Helvetica, sans-serif; }
.best i { color:#e3901a; font:11px Arial, Helvetica, sans-serif; }
/*-------------------------------------------------------------------------------------------------------------------*/