/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	/*height: 100%;*/
}
html{
	font-size:68.75%;
}
body{
	font:  1em/1.3 Tahoma, Verdana, sans-serif;
	color: #888686;
	background: #bfc0c0;
        padding-bottom: 10px;
        
}
h1, h2, h3, h4, h5, h6, form, div, img, table, td, p, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	color: #717171;
	font: 1em/1.3 Tahoma, Verdana, sans-serif;
}
input, textarea, select, label, button{
	color: #717171;
	font: 1em/1.3 Tahoma, Verdana, sans-serif;
}
div{
	z-index: 1;
}
.clB{
	clear:both;
	font-size:0;
}
.flL{
	float: left;
}
.flR{
	float: right;
}
img{
	border: none;
}
table td{
	text-align: left;
	vertical-align: top;
}
a{
	text-decoration: underline;
	color: #577ea9;
}
a:hover{
	text-decoration: none;
}
.active2{
	color: #888686;
	text-decoration: none;
}
p{
	text-align: left;
	margin-bottom: 20px;
}
button{
	cursor: pointer;
	border: none;
}
h1, h2, h3, h4, h5, h6{
	color: #577ea7;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
}
h1{
	font-size: 1.8em;
	padding-bottom: 20px;
	font-weight: normal;
	color: #a3754c;
}
h2{
	font-size: 1.3em;
	padding-bottom: 20px;
	/*font-weight: 500;
	_font-weight: bold;*/
}
h3{
	font-size: 1em;
	color: #888686;
	padding-bottom: 0px;
}
h3 a{
	color: #577ea7;
	text-decoration: none;
}
h3 a:hover{
	text-decoration: underline;
}
h4{
	font-size: 1.2em;
}
h5{
	color: #888686;
	font-size: 1.1em;
}
h6{
	font-size: 1.3em;
}
h5 a{
	text-decoration: none
}
h5 a:hover{
	text-decoration: underline;
}
.alignC{
	text-align: center !important;
}
.alignL{
	text-align: left !important;
}
.alignR{
	text-align: right !important;
}


/*main construction*/
div#container{
	/*min-height: 80%;*/
	width:960px;
 padding: 0 10px 30px;
	margin:0 auto;
	background-color: #fff;
	overflow: hidden;
	/*margin-bottom: -68px;*/
               
}
_#container {
	/*height: 100%;*/
}
div#header{
	position:relative;
	color: #fff;
	height:111px;
}
div#wrapper{
	float:left;
	width:100%;
}
#content_new{
	margin: 0 270px;
	padding: 45px 20px 0px;
	background: url(images/cbg01.gif) no-repeat right 78px;
}
#content_text{
	width: 650px;
	margin-left: 270px;
	padding: 12px 20px 20px;
}
div#extra{
	float:left;
	width:270px;
	margin-left:-270px;
}
div#navigation{
	float:left;
	width:270px;
	margin-left:-960px;
}
div#footer{
	clear:both;
	height: 41px;
	padding: 7px 0px 0px 30px;
	width:950px;
	margin:0 auto;
       	background: #F9FAFB;
 	border-top: 1px solid #e6e6e6;
}
div#news{
	clear:both;
	padding-top: 20px;
	position: relative;
}
#page-empty {
	height: 68px; 
	clear: both;
}


/*header*/
.ha1{
	height: 66px;
	padding: 8px 16px 0px 24px;
}
.ha2{
	height: 37px;
	background: url(images/mbg01.gif) repeat-x left top;
	clear: both;
}
.ha3{
	clear: both;
}
.slogan{
	margin: 28px 20px 0px 90px;
}
.printlink{
	color: #577fa8;
	background: url(images/print01.gif) no-repeat left center;
	display: block;
	height: 12px;
	padding-left: 26px;
	line-height: 11px;
float: right;
}


/*topmenu*/
.active{
	color: #b2b2b2 !important;
}
#nav li, #nav li ul li{
	display: inline !important;
	list-style: none;
	background: none;
}
#nav{
	height:29px;
	float: left;
	border-left: 1px solid #f0eeee;
	font-size: 8pt; // fixed fontsize for top menu

}
#nav li{
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(images/mline01.gif) no-repeat right top;
	height: 29px;
	float: left;
	padding-right: 2px;
}
#nav li a{
	color:#717171;
	/*padding: 0 !important;*/
	font-weight: bold;
	text-decoration: none;
	padding: 2px 22px !important;
	height: 29px;
	line-height: 22px;
	float: left;
}
#nav li a:hover{
	color: #fff !important;
	text-decoration: none;
	background: url(images/abg01.gif) repeat-x left top;
	height: 29px;
	display:block;
}
#nav li ul{
	display: none;
	position: absolute;
	top: 29px;
	left: -1px;
	text-align: left;
	background: #fff url(images/lolo01.gif) repeat-y left top;
	border: 1px solid #d7d7d7;
}
#nav ul ul{
	display: none;	
	position: absolute;
	top: -1px;
	left: 158px;
	text-align: left;	
}
#nav ul ul ul{
	display: none;	
	position: absolute;
	top: -1px;
	left: 158px;
	text-align: left;
}
#nav li ul li a, #nav li ul li ul li a{
	padding: 3px 6px 6px 22px !important;
	font-weight: normal !important;
	width: 130px;
	line-height: 15px;
}
#nav li ul li, #nav li ul li ul li{
	background: url(images/submenuline01.gif) no-repeat 1px bottom;
	height: auto;
	padding-right: 0px !important;	
	padding-bottom: 2px;
}
#nav li ul li a:hover, #nav li ul li ul li a:hover{
	color: #fff !important;
	font-weight: normal !important;
	width: 130px;
	display: block;
	background: #b7b7b7 url(images/lol01.gif) repeat-y left top !important;
	margin: 0 !important;
	height: auto;
	padding-right: 6px;
}

#nav .bottom{
	background: url(none) !important;
	padding-bottom: 0px !important;
}
/* Fix IE. Hide from IE Mac \*/ 
#nav li ul li{ float: left; clear:both; } 
#nav li ul li a { height: 1%; } 
/* End */ 

#nav li:hover ul, #nav li.jshover ul { 
	display: block;
}
#nav li:hover li ul, #nav li.jshover li ul, #nav li:hover li:hover li ul, #nav li.jshover li.jshover li ul {
	display: none;
}
#nav li:hover li:hover ul, #nav li.jshover li.jshover ul, #nav li:hover li:hover li:hover ul, #nav li.jshover li.jshover li.jshover ul  {
  	display: block;
}





/*footer*/
.fa1{
	width: 320px;
}
.fa2{
	width: 394px;
         
}
.fa2 a{
	font-weight: bold;
	color: #969591;
	float: left;
	margin-top: 6px;
	text-decoration: none;
}
.fa2 a:hover{
	text-decoration: underline;
}
.factive{
	color: #ddd7d7 !important;
}
.fa3{
	width: 83px;
}
.ftxt1{
	color: #4b4e56;
	margin-top: 6px;
        float: left;
}
.fline{
	margin: 0px 30px;
	float: left;
}



/*date*/
.date{
	color: #717171;
	font-size: 11px;
}


/*list all*/
#content ul{
	margin-bottom: 20px;
}
#content ul li ul{
	margin-bottom: 0;
}
ul, ul li{
	list-style: none;
}
ul li, ul li ul li, ul li ul li ul li, ul li ul li ul li ul li ul li{
	display: block;
	padding-left: 15px;
	color: #888686;
	background: url(images/marker01.gif) no-repeat left 8px;
	margin-left: 20px;
	line-height: 17px;
}
ul li ul li, ul li ul li ul li ul li, ul li ul li ul li ul li ul li ul li{
	color: #888686;
	background: url(images/marker01.gif) no-repeat left 8px;
}

ol li, ol li ol li, ol li ol li ol li, ol li ol li ol li ol li ol li{
	color: #888686;
	margin-left: 20px;
	line-height: 17px;
}
ol li ol li, ol li ol li ol li ol li, ol li ol li ol li ol li ol li ol li{
	color: #888686;
}



/*back navigation*/
.backNav {
	height:35px;
	padding-top:5px;
	font-size:1em;
}
.backNav  span{
	padding: 0 12px;
	font-family: Microsoft Sans Serif;
}
.backNav a{
	color: #717171;
}
.pageNav{
	line-height: 140%;
	margin-bottom: 30px;
}
.pageNav div span{
	padding-left: 0,6em;
}
.pageNav .alL span, .pageNav alC a{
	padding: 0 6px;
}
.pageNav .alC a, .pageNav .alL a{
	color: #5b7da7;
}
.pageNav .alC b{	
	color: #5b7da7;
}

/*Data table*/
table.data-table{
	border: 1px solid #b7bcc0;
	border-collapse: collapse;
}

/*Any cell*/
table.data-table td{
	border: 1px solid #b7bcc0;
	background-color: #fff;
	color: #717171;
	padding: 8px 10px 8px 20px;
	text-align:left;
}

/*Head cell*/
table.data-table thead td, table.data-table th{
	border: 1px solid #b7bcc0;
	background-color: #F9FAFB;
	text-align:left;
	font-weight: bold;
	/*background-image: none;*/
	padding: 8px 10px 8px 20px;
	color:#888686;
	
}
.thbg th{
	background-color: #5b7da7 !important;
	color: #fff !important;
}
/*Body cell*/
table.data-table tbody td {
	background-color: #fff;
	background-image:none;
	color:#717171;
}
.normal{
	font-weight: normal;
}

/*form*/
.form1{
	float: right;
	width: 230px;
	height: 29px;
	background: url(images/formbg01.gif) no-repeat left top;
	border-right: 1px solid #f0eeee;
}
.input1{
	background: #fff;
	padding: 2px 0px 0px 6px;
	float: left;
	height: 19px;
	width: 135px;
	border: 1px solid #c9c9c9;
	margin: 3px 0px 0px 23px;
	font: 11px Tahoma, Verdana, sans-serif;
	color: #717171;
}
.button1{
	font: bold 11px Tahoma, Verdana, sans-serif;
	color: #717171;
	background: url(none);
	border-style: none;
	margin: 6px 0px 0px 13px;
	padding: 0px;
	float: left;
	width: 38px;
}

.img1{
	margin: 0px 0px 33px 107px;
	display: block;
}
.img2{
	display: block;
	margin: 0px 0px 33px 0px;
}
.img3{
	position: absolute;
	left: 712px;
	top: 62px;
}
.blink{
	/*font-size: 11px;*/
	font-weight: bold;
	color: #597fa8;
	text-decoration: none;
}
a.blink:hover{
	text-decoration: underline;
}
.bg{
	background: url(images/bg01.jpg) no-repeat left top;
	padding: 65px 28px 0px 14px;
	width: 228px;
}
.bg2{
	background: url(images/bg02.jpg) no-repeat left top;
	padding: 66px 10px 0px 25px;
	width: 235px;
}
.bg3{
	background: url(images/navbg01.gif) no-repeat left top;
	padding: 11px 26px 40px 15px;
	margin-top: 30px;
}
.txt1{
	margin-bottom: 10px;
}
.newsbox{
	width:767px;
}
.na1{
	background: url(images/newsbg01.jpg) no-repeat left top;
	padding: 34px 87px 0px 17px;
}
.na2{
	background: url(images/newsbg02.gif) repeat-y;
}
.na3{
	background: url(images/newsbg03.jpg) no-repeat right top;
	height: 99px;
}
.na4{
	background: url(images/line01.gif) repeat-y;
	width: 670px;
}
.na5{
	width: 308px;
	padding-right: 55px;
}
.na6{
	width: 307px;
}
#leftNav li, #leftNav li ul li{
	display: inline;
	list-style: none;
	background: none;
	margin: 0px;
	padding: 0px;
}
#leftNav li, #leftNav li ul li{
	background: url(images/leftnavbg01.gif) repeat-x left bottom;
	display: block;
	padding: 5px 0px 6px;
}
#leftNav li a{
	text-decoration: none;
}
#leftNav li a:hover{
	text-decoration: underline;
}
#leftNav li ul li{
	background: url(none);
	padding-bottom: 0px;
}
#leftNav li ul li a, #leftNav li ul li ul li{
	color: #717171;
}
#leftNav li ul, #leftNav li ul li ul{
	display: block;
	margin-left: 20px;
}
#leftNav li ul li ul li{
	padding-bottom: 0px;
	padding-top: 2px;
}
.leftNavA{
	font-weight: bold;
}
.inline{
	display: inline;
}
/**********************************  vacncy table*********************** */

table.vac-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
}

table.vac-table th, table.vac-table td
{
	border:0px solid #b7bcc0;
	padding: 5px 10px;
	vertical-align:top;
}

table.vac-table td.field-name {
	width: 25%;
	font-weight:bold;
	}


/**********************************  form.result.new  * main.profile(table)*********************** */
.form-anstext {color:#166122;}
.form-ansvalue {color:#FF0000;}

table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:0px solid #b7bcc0;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}

table.form-table td
{
	padding: 5px 10px;
}
table.form-table td.field-name {
	width: 25%;
	text-align:right;
	}

table.form-table td.field-h2 {
	font-weight:bold;
}


table.form-info-table
{
	background-color:white;
	font-size:100%;
	border-collapse:collapse;
}

table.form-info-table th
{
	background-image:url(images/table_head.gif);
	background-repeat:repeat-x;
	text-align: center;
	font-size:100%;
	color:#25639A;
}

table.form-info-table td, table.form-info-table th
{
	padding:3px;
	border:1px solid #ADC3D5;
}

table.form-info-table td
{
	vertical-align: top;
}

.statusgreen {color: green;}
.statusred {color: red;}
.statusblue {color: blue;}
.statusgray {color: grey;}


/******************************************************************************/
div.bx-auth {max-width:600px; margin-top:16px; margin-bottom:24px;}
div.bx-auth form {padding:0; margin:0;}
div.bx-auth-line {border-bottom:1px solid #E3E3E3; padding-bottom:10px;}
div.bx-auth-title {font-size:140%; border-bottom:solid 2px #E3E3E3; padding-bottom:12px; }
div.bx-auth-note{margin:18px 0px 6px 0px;}
td.bx-auth-label{text-align:right; font-weight:bold;}

table.bx-auth-table, table.bx-changepass-table, table.bx-forgotpass-table{margin-top:8px; }
table.bx-auth-table td, table.bx-changepass-table td, table.bx-forgotpass-table td{padding:3px;}

div.bx-auth input.bx-auth-input {vertical-align:middle;}
div.bx-auth span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}