/* general styles
	#155BA4 - синий
	#EF720E - оранж 
	#F2F8FF - голубой 
	 #AEAEAE - серый
*/

* {
  margin:0;
  border:0;
  padding:0;
  font-family: arial,verdana,sans-serif;
}

body{
	font-family:arial,verdana,sans-serif;
	font-size:13px;
	color:#000000;
	background: #F2F8FF;
}

th, td {
	font-family:arial,verdana,sans-serif;
	font-size:13px;
	color:#000000;
	padding: 4px;
}

img{
	border:0;
}

a{
   color: #155BA4;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

ul, ol{
   list-style: none;
   display: block;
}

ul li, ol li{
   margin: 0;
   padding: 0;
   display: block;
}

h1, h2, h3{
   font-size: 13px;
   color: #155BA4;
}

.clear{
   clear: both;
}

.container {
	width: 980px;
	margin: 0 auto;
	float: none;
	height: 100%;
}

.header{
	height: 100px;
	width: 980px;
	border-bottom: 3px solid #155BA4;
	background: url("/static/img/header_bg.png") no-repeat;
}

.logoJacket{
	float: left;
    margin: 17px 0 2px 0px;
    padding-left: 9px;
	width: 254px;
}

.logo{
	float: left;
    text-align: center;
}

.logo a{
	display:block;
	font-size: 27px;
	text-shadow: 1px 1px 1px #fff, 2px 2px 7px #155BA4;
	color: #EF720E;
}

.logo a:hover{
    text-decoration: none;
}

.slogan{
	color: #155BA4;
	text-shadow: 1px 1px 2px #fff;
	text-align: center;
}

.header .searchbox{
   float: left;
   margin: 22px 0 0 30px;
   color: #155BA4;
}

.header .topnav{
   clear: both;
   float: left;
   width: 980px;
   padding-top: 2px;
   color: #AEAEAE;
}

.header .topnav .right{
   float: right;
   padding: 0 5px;
}

.header .topnav .left{
   float: left;
   padding: 0 5px;
}
/* content */

.content{
	min-height: 380px;
	width: 978px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #A6C1DD;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px 0;
	float: left;
}

.left_content{
	width: 210px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #A6C1DD;
	background: #fff;
	float: left;
	padding-bottom:10px;
}

.bold{
  font-weight: bold;
}

.right_content{
	width: 736px;
	min-height: 530px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #A6C1DD;
	background: #fff;
	float: left;
	margin-left: 10px;
	padding: 10px 10px 0 10px;
}

/* footer */
.footer{
	width: 978px;
	border: 1px solid #A6C1DD;
	background: #fff;
	margin-bottom: 10px;
	float: left;
	clear:both;
	padding: 15px 0;
}

.copy{
   text-align: center;
}

.footer .friends{
   padding: 0 25px 0 25px;
   margin-bottom: 10px;
}

.footer .friends a{
	margin-right: 10px;
}

.footer .friends a:hover{
	text-decoration: none;
}

/* left menu */

.left_content .sidenav ul{
   margin-bottom: 10px;
   float:left;
}

.left_content h2{
	background: #F2F8FF;
	color: #EF720E;
	float: left;
	clear: both;
	width: 200px;
	padding: 3px 0 3px 10px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #A6C1DD;
	border-top: 1px solid #A6C1DD;
}

.left_content .sidenav li{
   float:left;
   clear: both;
   width: 210px;
}

.left_content .sidenav li a{
   text-decoration: none;
   padding: 3px 0 3px 10px;
   display: block;
   width: 200px;
   border-bottom: 1px dotted #A6C1DD;
   color: #155BA4;
}

.left_content .top li a{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #A6C1DD;
	background: #F2F8FF;
	color: #155BA4;
}

.left_content .sidenav li a:hover{
   background: #F2F8FF;
   color: #EF720E;
}

/* search box */

.textbox{
   padding: 3px;
   border: 1px solid #155BA4;
   width: 220px;
}

.topLong{
   width: 440px !important;
}

.long{
   width: 450px;
}

.textboxFull{
   padding: 3px !important;
   border: 1px solid #155BA4;
}

#search_form .textbox{
   width: 170px;
}

.textbox:hover{
   border: 1px solid #EF720E;
}

.searchbox label{
   padding: 0 5px;
   font-weight: bold;
}

.searchbox span{
   margin-left: 10px;
}


/* content items */

.content .right_content h2{
	clear: both;
	border-bottom: 1px dotted #A6C1DD;
}

.content h1{
	clear: both;
	padding: 3px 0 3px 10px;
	background:url("/static/images/arrow.gif") no-repeat left;
}


.content h3{
   color: #AEAEAE;
}

.margin-top-5{
   margin-top: 5px;
}

ul.arrow-list{
   clear: both;
   float: left;
   border: 0px solid red;
   padding: 5px 0;
}

ul.arrow-list li{
   float: left;
   width: 132px;
   padding: 1px 0 1px 10px;
   border: 0px solid red;
   background:url("/static/images/arrow.gif") no-repeat left;
}

.arrow-item{
   padding: 1px 0 1px 12px;
   border: 0px solid red;
   background:url("/static/images/arrow.gif") no-repeat left;
   width:98% !important;
}

.desc-line{
   padding-left: 10px;
   clear: left;
   color: #000;
   font-size: 12px;
}

.desc-line a{
   color: #000;
   font-size: 12px;
}

.desc-line a:hover{
   text-decoration: underline;
}

ul.arrow-list li ul li{
   float: left;
   width: 132px;
   padding: 0;
   border: 1px solid #ccc;
   background: none;
   margin-left: 0;
}

.nobg{
    border-bottom: 0px dotted red !important;
}

ul.arrow-list li.big{
   width: 174px;
}

ul.arrow-list li.biggest{
   width: 230px;
}

ul.arrow-list li.long{
   width: auto;
   margin-right: 10px;
}

ul.no-bg li{
   background:none !important;
}

.item-list{
   margin-bottom: 10px;
   float: left;
}

.item-list h3.href{
   color: #155BA4;
}

.item-list h3.href:hover{
   color: #155BA4;
   text-decoration: underline;
}

.item-list a{
   font-size: 13px;
   font-weight: bold;
   padding: 2px 4px;
}

/* data */

table.data{
   width: 100%;
}

table.data .caption{
   width: 200px;
   font-weight: bold;
}

.caption span{
	font-weight: normal;
}
table.data .short-caption{
   width: 140px;
   font-weight: bold;
}

table.data td select{
  border: 1px solid #155BA4;
  min-width: 176px !important;
}
ul.data li{
   padding: 5px 0;
   border-bottom: 1px dotted #A6C1DD;
}

ul.data li:hover{
   background: #F2F8FF;
}

/* pagination */

.pagination{
   text-align: center;
   padding: 10px 0 0 0;
   clear: left;
}

h2 .pagination{
   padding: 0 0 5px 0;
   clear: none;
}

.pagination strong{
   font-size: 13px;
   font-weight: bold;
   padding: 2px 4px;
   background: #EF720E !important;
   color: #fff;
}

.pagination a{
   font-size: 13px;
   font-weight: bold;
   padding: 2px 4px;
}

/* error */

.error{
  color: red;
  background: none !important;
  font-weight: bold;
}

.line{
   float: left;
   border: 0px solid red;
   padding: 5px 0;
   width: 100%;
}

.left, .floatLeft{
   float: left;
   border: 0px solid red;
}

.floatLeft a{
   padding: 0;
   margin: 0;
}

.line .left{
	margin-left: 5px;
	width: 100%;
}

.right{
   float: right;
   padding: 0 5px;
   border: 0px solid red;
}

/* === item-list === */

.item-list{
  clear: both;
  float: left;
  margin: 5px 0;
  width: 100%;
  border-top: 1px dotted #A6C1DD; 
}

.item-list .item-line{
  clear: both;
  float: left;
  padding-top: 5px;
  border-bottom: 1px dotted #A6C1DD;
  width: 100%;
}

.item-list .item-line .line .left{
   padding-left: 0px;
   float: left;
}

.item-list .item-line .line .left .locationLink a{
   font-weight: normal;
   color: #155BA4;
}

.item-list .item-line .line .left .shortText{
	padding: 0 5px;
}

.item-list .item-line:hover{
   background: #F2F8FF;
}

.item-list .item-line:hover h3{
   color: #EF720E !important;
}

.item-list .item-line h3{
}

.item-list h3{
  border: 0; 
}

.center{
  text-align: center;
  padding: 2px 0;
}

/* vip */

.vip_company{
   padding: 3px;
   float: left;
   clear:left;
   border:0px solid #ccc;
   width: 100%;
}

.marginleft17{
   margin-left: 17px;
}

.width100{
  width: 100%;
}

.width70{
  width: 70%;
  overflow: hidden;
  height: 15px;
}

.firstSmallColl{
  width: 110px;
  float: left;
  clear: left;
  font-weight: bold;
  border: 0px solid red;
}

.center{
   text-align:center;
}

.vip_company span{
   border: 1px solid #AEAEAE;
   display: block;
   min-width: 154px;
   min-height: 90px;
   margin-left: 5px;
   margin-bottom: 3px;  
   padding: 0 3px;
   float: left;
 }

 .vip_company span:hover{
   border: 1px solid #155BA4;
}

 .vip_company span table{
   width: 100%;
   height: 91px;
 }

.vip_company table td{
 padding: 0px !important;
}

.full{
   width: 100%;
   float: left;
   margin-bottom: 10px;
}

.full .left-half{
   width: 357px;
   float: left;
   margin-right: 20px;
}

.full .full{
   width: 100% !important;
}

.full .right-half{
   width: 357px;
   float: left;
}


.full .left-half div, .full .right-half div{
   width: 100%;
   float: left;
   margin-top: 5px;
}

.full .left-half div div, .full .right-half div div{
   float: left;
   width: 75%;
   margin-top: 0px;
}

.full .full div div{
   width: 75% !important;
}

.full .left-half div span, .full .right-half div span{
   float: right;
}

.full .full div span{
   float: right;
   width: 150px;
   text-align: right;
}

/**/

.full-width{
   width: 726px;
}

.red{
   color: red;
}

.green{
   color: green;
}

h1.smallText{
   color: #ccc;
   font-size: 10px;
   padding-left: 10px;
}


.leftInfo{
   color: #ccc;
   font-size: 10px;
   padding: 2px;
}

.leftInfo a, .leftInfo a:hover, .leftInfo a:visited{
   color: #ccc;
   font-size: 10px;
   text-decoration: underline;
}

.topCities{
   color: #EF720E;
   font-weight: bold;
}

.vip{
   /*background: url(/static/icons/1_star.png) right bottom no-repeat;*/
}

.vip:hover{
   /*background: #FEFF5D !important;*/
}

.vip h3, h2.vip{
   padding: 2px 0 2px 20px;
   margin-left: 5px;  
   background: url(/static/icons/keditbookmarks_small.png) no-repeat;
}

h2.vip{
   padding: 2px 0 2px 23px;
}
.vip h3 a, h2.vip{ 
   color: #FF9D1E;
   font-size: 15px;
}

.vip h3 span a{ 
   font-size: 13px;
   color: #EF720E;
}

/*  == ALERT == */

.alert{
   font-weight: bold;
   padding: 10px 5px;
}

.alert h2{
	font-size: 18px;
	color: #EF720E;
	text-align: center;
	border: 0 !important;
}
.featured{
   background: #F2F8FF;
   padding: 10px 5px;
}

.bold{
   font-weight: bold !important;
}

select .highlight{
   color: #EF720E;
   font-weight: bold;
}
span.highlight{
}

.featured span{
   color: #EF720E;
}

.padding5{
  padding: 5px;
}

.paddingLeft5{
  padding-left: 5px;
}

.vipStatusMainPage{
   	/*color: #EF720E;*/
	background: url(/static/img/keditbookmarks_small_fp.png) no-repeat;
}

.vipStatusMainPage a{
   font-weight: bold;
}

.hidden{
   display: none;	
}

.width132{
	width: 132px;
	border: 1px solid red !important;
}

/**********************/

#firstPageInfo {
	border: 1px dotted #EF720E;
	padding: 5px 0px;
}

#firstPageInfo .button{
	border: none;
	padding: 0;
}

#firstPageInfo span{
	float: none;
}


#firstPageInfo div div{
	padding: 0px 3px;
}

#firstPageInfo h4{
	text-align: center;
	color: #EF720E;
}

#firstPageInfo h5, #firstPageInfo h5{
	color: #155BA4;
	font-size: 13px;
}

.orange, .orange a{
	color: #EF720E;
}

/********************/

.actionPath{
	padding: 10px 0 10px 0;
	color: #155BA4;
	font-weight: bold;
	text-align: center;
}

.actionPath span.passive{
	border: 1px solid #155BA4;
	background: #F2F8FF;
	padding: 2px 5px;
}

.actionPath span.active{
	border: 1px solid #EF720E;
	background: #EF720E;
	color: #FFF;
	padding: 2px 5px;
}

#cityId{
	height: 100px;
}

.jobLocation{
	background: #F2F8FF;
}

#selectedLocation {
	color: #155BA4;
}

.editor{
   vertical-align: top;
   height: 480px;	
}

.featured .active {
	color: #EF720E;
}

.textNormal{
	 font-weight: normal;
	 color: #000000 !important;
}

.button{
background: #EF720E;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 3px;
-webkit-border-radius: 1px;
-moz-box-shadow: 0 1px 3px #F2F8FF;
-webkit-box-shadow: 0 1px 3px #F2F8FF;
text-shadow: 0 -1px 1px #222;
position: relative;
cursor: pointer;
}

.button:hover{
text-decoration: none;
}