 /* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%;}
body { background:#EEEEEE;}
a { color:#0B4C84; text-decoration:underline; outline:none;}
a:hover { color:#FF8401;}
input { margin:0; padding:0; font-family:tahoma; font-size:11px; vertical-align:middle;}
div { margin:0; padding:0; font:12px tahoma; color:#232323; line-height:15px;}
em { font-style:normal;}
img { border:0;}
p { margin:0; padding:12px 0;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#1E6AA8; font:21px tahoma; margin:5px 0 0px 10px; padding:0;}
h3 { color:#1E6AA8; font:21px tahoma; /*margin:5px 0 0px 10px; padding:0; */}
/*h3 { font:10px tahoma;} */
h2 { color:#1E6AA8; font:bold 16px tahoma; margin:0; padding:10px 0 0 10px;}
h4 { color:#1E6AA8; font:bold 16px tahoma; margin:0; padding:10px 0 0 310px;}
h5 { color:#1E6AA8; font:bold 12px tahoma; margin:0; padding:10px 0 0 50px;}
#container { width:967px; margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative; background:#fff;}
/* ********************* Header ********************* */
#header { height:255px;}
/* Company */
#header .company { /*height:29px;*/ color:#1F69AA; font-size:14px; font-weight:bold; /*line-height:67px;*/  padding:10px 0 0px 17px;  /* background:#EEEEEE; */  text-align:left;  }
/* Top */
#header .top { height:192px; background:url(images/1_2_3.jpg) 100% no-repeat;}
#header .top .logo { width:237px; padding:10px 0 0 17px; float:left;}
#header .top .logo2 { width:337px; padding:0px 0px 0 350px; font:bold 24px tahoma;}
#header .top .slogan { padding:23px 0px 0 0; /*float:left; */ text-align:left;}
#header .top .slogan  strong{ color:#1E6AA8; font:bold 16px tahoma; margin:0; padding:30px 0 0 55px;}
#header .top .slogan span { color:#FF8401; font:bold 36px tahoma; padding:0 0 0 5px;}
/* Menu */
#header .menu { height:38px; padding-left:30px; background:url(images/px_menu.gif) 0 100% repeat-x;}
#header .menu li { padding-right:5px; float:left;}
#header .menu li a { height:28px; padding:10px 21px 0; color:#fff; font:bold 14px tahoma; display:block; float:left; text-decoration:none;}
#header .menu li a:hover { background:url(images/px_menu_over.gif) 0 100% repeat-x;}
#header .menu li a.active { color:#F9C801; background:url(images/px_menu_active.gif) repeat-x;}

/* ******************** Content ********************* */
#content { padding:0 10px 185px 0; overflow:hidden; zoom:1;}

/* ---------------------------------- LEFT NAVIGATION */
#left_nav { width:215px; float:left; background:#D8EAF4; border-bottom:7px solid #C8DAE8;}

/* --------------------------------- Service Menu Box */
.ServiceMenuBox {}
.ServiceMenuBox li { overflow:hidden; zoom:1;}
.ServiceMenuBox li a { padding:8px 16px; display:block; color:#E0F4FF; font-weight:bold; background:url(images/arrow1.gif) 6px 12px no-repeat #1F69A8; border-bottom:1px solid #6396C3; text-decoration:none;} 
.ServiceMenuBox li strong { padding:8px 16px; display:block; color:#E0F4FF; background:/* url(images/arrow1.gif) 6px 12px no-repeat */ #1F69A8; border-bottom:1px solid #6396C3; text-align:center;} 
.ServiceMenuBox li a:hover { color:#fff;}
.ServiceMenuBox ul { padding:12px 23px 12px 15px;}
.ServiceMenuBox ul li a { padding:7px 11px; color:#0D4C82; font-weight:normal; border-bottom:1px solid #79A2B8; background:url(images/arrow1.gif) 0 14px no-repeat }
.ServiceMenuBox ul li a:hover { color:#FF8401;}
/* Yandex */
.yandex {}
.yandex img { margin:0 auto; display:block;}
.yandex .img { margin-top:14px;}

/* --------------------------------- RIGHT NAVIGATION */
#right_nav { width:738px; float:right;}

.title { padding:4px 21px 14px; color:#5A5A5A; font:bold 14px verdana; clear:left; position:relative; background:url(images/bg_title.gif) no-repeat;}
.title span { width:14px; height:6px; display:block; top:8px; right:0; position:absolute; background:url(images/title_corner.gif) no-repeat;}
.title h1 { color:#5A5A5A; font:bold 14px verdana; margin:0; padding:0;}

/* ---------------------------------------- Main Box */
.MainBox {}
/* Table */
.MainBox .table { margin:0 20px 15px 18px; border:solid #DDDDDD; border-width:1px 1px 0; overflow:hidden; background:url(images/px_table.gif) 309px 0 repeat-y;}
.MainBox .table li { padding:8px 6px; overflow:hidden; border-bottom:1px solid #DDDDDD;}
.MainBox .table li strong { width:290px; padding-right:20px; float:left;}
.MainBox .table li span { width:370px; float:left;}
/* Service */
.MainBox .service { width:100%; float:left; padding:4px 0 10px;}
.MainBox .service li { width:185px; padding:0 12px 0 4px; float:left; text-align:center;}
.MainBox .service li .img { margin-bottom:5px; display:block; border:1px solid #CCCCCC;}
/* More */
.MainBox .more { padding:15px 15px 0 20px; clear:left;}
.MainBox .more span { padding-bottom:25px; display:block; font-size:10px; text-align:right;}


/* ********************* Footer *********************** */
#footer { width:100%; height:138px; margin-top:-139px; border-top:1px solid #999999; position:relative; background:#EEEEEE;}
#footer .mail { padding:12px 10px; background:#F5F5F5; text-align:right;}
#footer .mail a { color:#032E9F;}
#footer .mail a:hover { color:#FF8401;}
#footer .phone { padding:7px; color:#fff; background:#666666; text-align:center;}
#footer .phone a{color:#fff;text-decoration:none;}
/* ---------------------------------------------------- */








/*------helper for jobseeker-----*/

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
#contentPad{ margin:20px; }
.formInfo a, .formInfo a:active, formInfo a:visited{ background-color:#FF0000; font-size: 1.3em; font-weight:bold; padding:1px 2px; margin-left:5px; color:#FFFFFF; text-decoration: none; }
.formInfo a:hover{ color:#660000; text-decoration: none; }
/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left{ background-image: url(../i/arrow_left.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; }
#JT_arrow_right{ background-image: url(../i/arrow_right.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; }
#JT { position: absolute;  z-index:100; border: 2px solid #CCCCCC; background-color: #fff;}
#JT_copy{ padding:10px 10px 10px 10px; color:#333333; }
.JT_loader{ background-image: url(../i/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_close_right{ background-color: #CCCCCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_copy p{ margin:3px 0; }
#JT_copy img{ padding: 1px; border: 1px solid #CCCCCC; }
.jTip{ cursor:help; }
