*{outline:none}
html{height:100%;overflow:auto;overflow-y:scroll}
body{position:relative;height:100%;margin:0px;font-family:Arial,sans-serif;color:#000;font-size:12px;line-height:1.4;background: url(../img/body_bg.png) 50% 0% no-repeat;background-attachment:fixed}
form{margin:0px}
img{border:0px}
table{width:100%;table-layout:fixed;border-collapse:collapse}
td,th{padding:0px;vertical-align:top}
a{color:#1e6dbd}
a:hover{color:#ed3d00}
a.js{border-bottom:1px dotted;color:#1e6dbd;text-decoration: none}
a.orange{line-height:1.2;border-bottom:1px dotted;color:#f27902;text-decoration: none}
a.gray{color:#999}
a.gray:hover{color:#666}
h1, h2{margin:15px 0px;font-weight:400;font-size:21px;font-family:Georgia;border-bottom:1px solid #DDD}
h1:first-child, h2:first-child{margin-top:0}
h1 span, h2 span, h1 a, h2 a {display:inline-block;padding-bottom:2px;border-bottom:3px solid #99AAB4;text-decoration:none}
h1 a{color:#000;text-decoration: none}
h2 a{color:#000;}
h3{font-size:16px}
h4{margin:0px}

/*Feedback*/
#contact-wrapper {
	width:380px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
        width:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
/*end of Feedback*/

#doc{position:relative;width:1000px;margin:0px auto;background-color:#FFF;-moz-box-shadow:0px 0px 12px 0px #999;box-shadow:0px 0px 0px 6px rgba(0,0,0,0.1);}
#doc-bg{
background1: linear-gradient(to bottom,  rgba(200,235,250,1) 0%,rgba(200,235,250,0) 400px); /* W3C */
filter1: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}
#head{padding:25px 30px}
#logo{display:inline-block;padding-left:120px;color:#000;text-decoration: none;font-family:Georgia;font-size:28px;height:100px;padding-top:10px;background:url(../img/logo.jpg) 0% 50% no-repeat}


#menu{position:relative;padding:4px 0px;line-height:36px;margin:0px -15px 30px -15px;
background: rgb(250,174,54); /* Old browsers */
background: linear-gradient(to bottom,  rgba(250,174,54,1) 0%,rgba(242,121,2,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae36', endColorstr='#f27902',GradientType=0 ); /* IE6-9 */
}
#menu a{display:block;float:left;font-weight:700;font-size:13px;font-family:Trebuchet MS;color:#FFF;color:rgba(255,255,255,0.8);text-transform:uppercase}
#menu i{display:block;float:left;height:36px;width:2px;margin:0px 25px;background:url(../img/menu_s.gif) 50% 50% no-repeat}
#menu a:hover{color:#FFF}
#menu a.active{color:#FFF;text-decoration:none;text-shadow:1px 1px 0px rgba(0,0,0,0.4)}
#menu-lines{border:dashed #9f5001; border-width:1px 0;height:36px;padding-left:45px}
#menu-pic-left{position: absolute;left:0px;bottom:-15px;width:15px;height:15px;background:url(../img/menu_pic.png) 0% 0% no-repeat}
#menu-pic-right{position: absolute;right:0px;bottom:-15px;width:15px;height:15px;background:url(../img/menu_pic.png) 100% 0% no-repeat}

input.text{font-size:12px;padding:3px 5px;border:1px solid #DDD;font-family:Verdana;border-radius:2px;box-shadow:inset 4px 4px 4px -4px rgba(0,0,0,0.1)}
#search{position: absolute;right:30px;top:77px}
#search input{float:left;margin-right:10px;}
#search button{border:1px solid #9f5001;border-radius:2px;color:#FFF;line-height:18px;font-family:Arial ;padding-bottom:2px;
background: rgb(250,174,54); /* Old browsers */
background: linear-gradient(to bottom,  rgba(250,174,54,1) 0%,rgba(242,121,2,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae36', endColorstr='#f27902',GradientType=0 ); /* IE6-9 */
}
#pics {position: absolute;right:30px;top:45px}
#pics a{display:block;float:left;width:16px;height:16px;margin-left:15px;background:url(../img/pics.png) 0% 50% no-repeat}
#pics a.p2{background-position: 50% 50%}
#pics a.p3{background-position: 100% 50%}



.menu-simple a{display:inline-block;padding:2px 8px;font-size:14px}
.menu-simple a.active{color:#333;text-decoration:none;background-color:#EEE}

.menu-export{padding-right:6px}
.menu-export span{float:left;display: block;margin-left:12px;line-height:24px;font-size:14px}
.menu-export a{float:left;display: block;margin-left:12px}
.menu-export img{width:24px;height:24px}

#breadcrumbs{padding-bottom:7px}
#breadcrumbs h1.border{color:#666;border-bottom:2px solid #166fb9;padding-top:7px;padding-bottom:3px}

#content{float:left;width:592px;margin-left:40px}
#leftcol{float:right;width:293px;margin-right:42px}

#spo-preview h4{margin-bottom:0px}
#spo-preview div.left{width:251px;padding-left:25px;padding-right:10px;margin-top:20px}
#spo-preview .num01{padding-left:30px;background:url(../img/num01.png) 0% 3px no-repeat}
#spo-preview .num02{background:url(../img/num02.png) 0% 3px no-repeat}
#spo-preview .num03{background:url(../img/num03.png) 0% 3px no-repeat}
#spo-preview .num04{background:url(../img/num04.png) 0% 3px no-repeat}
#spo-preview .num05{background:url(../img/num05.png) 0% 3px no-repeat}

#order-block{width:258px;height:151px;overflow:hidden;padding:49px 53px 24px 22px;margin-top:-13px;margin-right:-47px;color:#FFF;background-image:url(../img/order_bg_2.png)}
#order-block p{margin:10px 0px}
#exam-result{width:307px;margin-left:-13px;}

#foot{margin:0px 40px;height:31px;padding:20px 0px;font-size:11px;background:url(../img/dash.gif) 0% 0% repeat-x}
#foot-menu{float:left;margin-right:32px}
#foot-menu a{display:inline-block;margin-right:13px}
#foot-menu a.active{color:#9eaab4;text-decoration:none}
#foot-copy img{float:left;margin-right:8px}

select{padding:1px;border:1px solid #7f9db9;}


.left{float:left}
.right{float:right}
.clear{clear:both}
.fs14{font-size:14px}
.o50{opacity:0.5;filter:alpha(opacity=50)}

.tar{text-align:right}

.btn-orange{display:inline-block;padding:6px;background-color:#f6a245;-moz-border-radius:4px;border-radius:4px}
.btn-yellow{display:inline-block;padding:6px;background-color:#f7d3a4;-moz-border-radius:4px;border-radius:4px}
.btn-gray{display:inline-block;padding:6px;background-color:#DDD;-moz-border-radius:4px;border-radius:4px}
.btn{display:inline-block;line-height:20px;padding:0px 10px;border:1px solid #003c74;color:#000 !important;text-decoration:none;cursor:pointer;background:url(../img/btn_bg.gif) #FFF; -moz-border-radius:3px;border-radius:3px}
.btn-enter{height:30px;font-size: 18px;background:#f6f6f2}

a.btn-spec-blue{
  display:inline-block;
  position:relative;
  overflow:hidden;
  color:#FFF !important;
  text-decoration:none;
  background-position:0% 0%;
  background-image:url(../img/btn_spec_blue.png);
  -moz-border-radius:4px;border-radius:4px;
  -moz-box-shadow:0px 1px 1px #888;;box-shadow:0px 1px 1px #888;
  text-shadow:-1px 1px 1px #111;
  -moz-text-shadow:-1px 1px 1px #111;
  white-space:nowrap;
}
a.btn-spec-blue:hover{background-position:0% 50%;}
a.btn-spec-blue:active{background-position:0% 100%;}
a.btn-spec-blue span{float:left;display:block;height:29px;line-height:29px;padding:0px 11px;border-right:1px solid #0b4ca3;overflow:hidden;white-space:nowrap;}
a.btn-spec-blue i{display:block;position:absolute;z-index:1;right:23px;width:30px;height:29px;background:url(../img/btn_spec_blue_fon.png) 100% 0% no-repeat}
a.btn-spec-blue b{display:inline-block;height:29px;width:21px;border-left:1px solid #1894db;background:url(../img/btn_spec_arrow.png) 50% 50% no-repeat}

.block01{padding:15px 10px;background-color:#e8eef4;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 3px 3px -3px #666;box-shadow:1px 3px 3px -3px #666;}
.block01 h3, .block01 h4{margin:0px 0px 15px 0px}
.block01-panel{margin-top:15px;padding-top:15px;text-align: center;background:url(../img/block01_dot.png) 0% 0% repeat-x}
.block01-panel a{display:inline-block;height:13px;width:12px;overflow:hidden;margin:0px 4px;background:url(../img/slider_bar.png) 50% 50% no-repeat}
.block01-panel a.active{background-position:0% 50%}
.block01-panel a:hover{background-position:100% 50%}
#slider{position:relative;overflow:hidden;}

.block02{background:url(../img/block02_bg.png) #fef2e2 0% 0% repeat-x;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 2px 2px -2px #666;box-shadow:1px 2px 2px -2px #666;}
.block022{padding:0px 30px 10px 30px;background:url(../img/block022_bg.png) 0% 100% repeat-x}
.block02 h2{margin:0px 0px 10px 0px;line-height:42px}
.block02 h2 span{float:right;display:inline-block;height:42px;padding:0px 20px;margin-right:-30px;cursor:pointer;-moz-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.block02 h2 span b{float:left;display:block;height:19px;width:19px;margin-top:12px;margin-right:7px;background:url(../img/search_switch.png) 0% 0% no-repeat;-moz-border-radius:2px;border-radius:2px;-moz-box-shadow:0px 1px 1px #444;box-shadow:0px 1px 1px #444}
.block02 h2 span.hover, .full h2 span{background-image:url(../img/search_switch_bg.png)}
.full h2 span b{background-position:0% 100%}
.block02 h2 a.js{display:inline-block;margin-top:14px;font-size:12px;line-height:1.2}
.block02 .a{clear:both;padding-top:10px;font-size:13px}
.block02 .a div{float:left}
.block02 .a div.t{width:120px}
.block02 .a div.i{width:90px}
.block02 .a input{float:left;margin-top:2px;margin-right:5px}
.block02 .btn-yellow{float:left;margin-right:12px}

#search-full{display:none}
.full #search-full{display:block}


.block03, .block04{border:1px solid #e7c3a0;background-color:#fef6d1;-moz-border-radius:5px;border-radius:5px}
.block04{padding:15px}
.block04 h2{margin-top:0px}

.block05{background-color: #ffeabc;-moz-border-radius:5px;border-radius:5px}

#order-step {height:105px;background:url(../img/order_step.png) 0% 0% no-repeat}
#order-step ul{margin:0px;padding:0px 0px 0px 40px;list-style-type:none}
#order-step ul li{font-size: 14px;line-height:30px;margin-bottom:8px}
#order-step ul li.active{color:#ee5f00}

.list01{padding:0px;margin:12px 0px 12px 20px;list-style-image:url(../img/tire.gif)}
.list01 li{margin-bottom:3px}

.loading{height:80px;background:url(../img/loading.gif) 50% 50% no-repeat}

.time{margin-top:-4px;margin-bottom:10px;padding-bottom:10px;font-size:11px;color:#666;background:url(../img/dash.gif) 0% 100% repeat-x}


.black{color:#000 !important}
.gray{color:#666}


#auth-div {width: 293px;position:absolute;display:none;top:60px;left:665px;color:#FFF;}
#auth-div span{padding:5px 18px 10px 14px;text-decoration:none;display:inline-block; -moz-border-radius:6px 6px 0px 0px;background-color:#1688D3;}
#auth-div a {border-bottom:1px dotted;text-decoration:none; color:#FFF;}
#auth-div p {margin:2px 0px 2px 0px;}
#auth-form{padding:10px 14px 10px 14px;-moz-border-radius:0px 6px 6px 6px;background-color:#1688D3;}

.edit {padding:0px;margin:0px;}

.tinymce {width: 570px}

.textedit {width: 350px}


#spec-search-body {padding-bottom:15px}


#place-search-body {padding:15px 0px}
#place-search-body table td{padding:0px 15px}

div.warning{min-height:40px;padding:10px 10px 10px 80px;margin:10px 0px;border:1px dashed #AAA;background:url(../img/info.png) #F7F7F7 10px 10px no-repeat}
div.warning ul{margin:0;padding:5px 0 0 0;list-style-type:none}
div.warning ul li{padding:0px 18px;margin:5px 0;background:url(../img/tire_b.gif) 0% 0% no-repeat}


.msg-ok{padding:12px;margin-bottom:10px;border:1px dashed #88BB66;background-color:#EEFFDD}
.msg-error{padding:12px;margin-bottom:10px;border:1px dashed #FF6666;background-color:#FFDDDD;color:#000}
.msg-error a{color:#000}


ul.list-link {padding:0px;margin:0px;list-style-type:none}
ul.list-link li{margin-bottom:5px;}
.list-link a{display:inline-block;padding:7px 10px;line-height:20px}
.list-link a:hover, .list-link a.selected{
  color:#FFF;text-decoration:none;background:url(../img/link_orange_bg.png) #f69e03 0% 100% repeat-x;
  -moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 1px 1px #666;box-shadow:0px 1px 1px #666;
}
.list-link a b{display:block;float:right;width:14px;height:13px;margin:3px 0px 0px 7px;opacity:0.7;filter:alpha(opacity=70)}
.list-link a.selected b{background-image:url(../img/link_orange_close.png)}
.list-link a:hover b{opacity:1;filter:alpha(opacity=1)}
div.list-link a{float:left;margin:0px 10px 10px 0px}

.no-float-a a{float:none !important}
a.gray{color:#666}

.button-panel{padding-top:10px;margin-top:10px;text-align:right;border-top:1px dashed #f7d3a4}
.button-panel span{margin-left:10px}

.arrow {width:12px}

#license a {
   position:relative;
   display:block;
   float:left;
   margin:0px 30px 30px 0px;
   box-shadow:0px 0px 10px #999;
   -moz-box-shadow:0px 0px 10px #999;
}
#license span {
  display:block;
  position:absolute;
  width:100%;
  bottom:0px;
  color:#FFF;
  background-color:#999;
  opacity:0.5;
  font-size:11px;}
#license div {
  display:block; 
  position:absolute; 
  top:2px; 
  right:10px; 
  text-align: center;
  color:red;
  opacity:0.4}
#license i { display:block;padding:5px }


table.data {width:100%;table-layout:fixed;border-collapse:collapse}
table.data td, table.data th{padding:4px 7px;font-size:12px;cursor:default;vertical-align:middle}
table.data thead td, table.data thead th{color:#000;border:1px solid #FFF;background-color:#E9E9DD}
table.data thead a{text-decoration:none;font-weight:bold;color:#000}
table.data tbody td, table.data tbody th{border:1px solid;border-color:#FFF #FFF #f4f4ee #FFF}
table.data tbody tr.hover td{background-color:#fAfAF4;border-bottom:1px solid #FFF}
table.data tbody tr.selected td{background-color:#f2f2E9;border-bottom:1px solid #FFF}
table.data tbody tr.hover.selected td{background-color:#f4f4EE;border-bottom:1px solid #FFF}
table.data tbody a {color:#888}
table.data td.c, table.data th.c{text-align:center}
table.data td label{border-bottom:1px dashed}
table.tac td, table.tac th{text-align:center}
table.data input.edit{width:75px}
table.data h1{margin:0px}

.uiform p{margin-bottom:3px}
.uiform h2,.uiform h3{margin:0px}
div.edit{margin-right:8px}
div.edit input, div.edit textarea, div.edit select {width:100%;border:1px solid #7f9db9;padding:3px;background-color:#FFF}
input.edit{border:1px solid #7f9db9;padding:1px;background-color:#FFF}
.data input.edit{text-align:center}

table.multi-select h3,
table.multi-select h4,
table.multi-select h5{margin:0px;padding:0px;color:#000;font-size:12px;line-height:2;font-weight:500;}
table.multi-select h4{padding-left:25px}
table.multi-select h5{padding-left:50px;color:#999}

.text_block {width: 100%; height: 350px; margin:0px;padding:0px; overflow: auto;font-size:11px;line-height:1;}

.exam-list td{padding-bottom:5px;line-height:24px}

.comment-info{display:none;position:absolute;width:250px;color:#666;padding:8px;border:1px solid #e7c3a0;background-color:#fef6d1;-moz-border-radius:5px;border-radius:5px}

.ui-datepicker-trigger{border:0px;padding:0px;background-color:#FFF;vertical-align:middle}
.ui-datepicker-month{margin-right:2% !important}
.ui-datepicker-month, .ui-datepicker-year {border:1px solid #AAA;background-color:#EEE;padding:0px}


.step-go{display:inline-block;padding:0px 40px 0px 20px;line-height:42px;color:#FFF !important;text-decoration:none;background:url(../img/step_go.png) #1570b9 100% 50% no-repeat}
.step-back{margin-right:20px;display:inline-block;padding:0px 20px 0px 40px;line-height:42px;color:#FFF !important;text-decoration:none;background:url(../img/step_back.png) #b2b2b2 0% 50% no-repeat}

.ege-list{width:430px}
.ege-list th{text-align:left;padding-bottom:5px;border-bottom:1px solid #CCC}
.ege-list td{padding-top:5px;line-height:23px}

.vtext{-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);writing-mode: bt-rl;}

table.border td{border:1px solid #000;padding:10px}

.jqplot-point-label{left:15px}

.page-control{}
.page-control a, .page-control span{display:block;float:left;padding:0px 5px;margin-right:10px;line-height:22px;font-size:12px}
.page-control span{background-color:#DDD}
.page-control .page-left, .page-control .page-right{padding-top:6px}


.voice-canvas-50{overflow:hidden;margin-bottom:10px;border:1px solid #AAA;background: url(../img/voice_canvas_50.gif) #FFF 0% 0%;border-radius:4px;}
.voice-canvas-50 img{margin:1px}
.voice-canvas-50 div{position:relative;height:39px;padding-top:11px}
.voice-canvas-50 div table{}
.voice-canvas-50 div table div{position:static;height:27px;padding-top:0px}
.voice-canvas-50 div table td{}
.voice-canvas-50 div table td.i div{background-color:#FFE700;border-radius:0px 6px 6px 0px;box-shadow:inset 0px 0px 1px rgba(0,0,0,0.8)}
.voice-canvas-50 div p{margin:-27px 0px 0px 10px;line-height:27px;font-size:11px;white-space:nowrap;text-shadow:1px 1px 0px rgba(255,255,255,0.7)}
.voice-canvas-50 div p span{color:#333}
.voice-canvas-50 .i1 div{
background: #b3dced; /* Old browsers */
background: -moz-linear-gradient(top,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
}
.voice-canvas-50 .i2 div{
background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
}
.voice-canvas-50 .i3 div{
background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
}

.voice-canvas-30{margin-bottom:10px;border:1px solid #CCC;background: url(../img/voice_canvas_30.gif) #FFF 0% 0%;border-radius:4px;}
.voice-canvas-30 div{position:relative;height:24px;padding-top:6px;}
.voice-canvas-30 div table{height:17px}
.voice-canvas-30 div table td{}
.voice-canvas-30 div table td.i{background-color:#FFE700}
.voice-canvas-30 div p{margin:-16px 0px 0px 10px;line-height:17px;font-size:12px;}
.voice-canvas-30 div p span{color:#666}


.welcome{border:1px solid #CCC;background-color:#F6F6F6;padding:10px 15px;box-shadow:0px 3px 4px #BBB}
.welcome h2{font-family:Arial;margin:0px;text-shadow:1px 1px 1px #A99;font-weight:500}
.welcome p{text-align:justify;margin:6px 0px;font-size:13px;}



