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

/* vacancy search section
----------------------------------*/

.vacancy_search_town,
.vacancy_search_job{
  color:#87939a;
  font:11px Tahoma, Arial, Helvetica, sans-serif;
  float:left;
  height:38px;
  line-height:38px;}

.vacancy_search_town{ width:43px;}
.vacancy_search_job { width:72px;}

.vacancy_search_town_select{
  border:1px solid #c2c2c2;
  float:left;
  font-size:11px;
  height:20px;
  margin:9px 23px 0 0;
  width:122px;}

.search_job_input,
.search_job_input2{
  background-color:#FFF;
  border:1px solid #c2c2c2;
  color:#525252;
  float:left;
  font-size:12px;
  height:18px;
  padding:0 2px;
  width:350px;}

.search_job_input { margin:9px 10px 0 0;}
.search_job_input2{ margin:9px 8px 0 0;}

*:first-child+html .search_job_input{ border:1px solid #969696;}

.search_job_button{
  float:right;
  margin-top:8px;}


/* add vacancy, resume section
----------------------------------*/

#add_vacancy_resume{
  background:url(../img/card_back.png) no-repeat;
  float:left;
  height:75px;
  width:252px;}

.vacancy_resume{
  float:left;
  height:35px;
  padding-bottom:5px;}

.add_vacancy_button,
.add_vacancy_button:hover,
.add_resume_button,
.add_resume_button:hover{
  color:#515151;
  display:block;
  font-size:12px;
  height:35px;
  padding-left:47px;
  text-decoration:none;
  width:205px;}

.add_vacancy_button,
.add_vacancy_button:hover{
  background:url(../img/add_vacancy_button.png) top left no-repeat;
  line-height:36px;}

.add_resume_button,
.add_resume_button:hover {
  background:url(../img/add_resume_button.png) top left no-repeat;
  line-height:32px;
  margin-top:5px;}

/* add only vacancy/resume section
----------------------------------*/

#add_vacancy,
#add_resume{
  float:left;
  height:35px;
  width:252px;}

#add_vacancy{ background:url(../img/add_vacancy.png) no-repeat;}
#add_resume { background:url(../img/add_resume.png) no-repeat;}

.add_vacancy,
.add_vacancy:hover,
.add_resume,
.add_resume:hover{
  color:#515151;
  display:block;
  font-size:12px;
  height:35px;
  line-height:35px;
  padding-left:47px;
  text-decoration:none;
  width:252px;}

/* vacancy of company
----------------------------------*/

#hot_vacancy_header,
#vacancy_table_header{
  background:url(../img/company_vacancy_header.png) left no-repeat;
  float:left;
  height:27px;
  margin-left:20px;
  width:621px;}

#hot_vacancy_blocks{
  float:left;
  margin:0 20px;
  padding:18px 0 30px 15px;
  width:606px;}

.hot_vacancy_block{
  float:left;
  width:270px;}

.vacancy_demand{
  letter-spacing:-0.5px;
  padding:8px 0 5px 0;}

.hot_vacancy_separator{
  background:url(../img/doted_line.png) repeat-x;
  height:9px;
  margin-top:3px;
  width:270px;}

.hot_vacancy_criterion{
  float:left;
  width:270px;}

.hot_vacancy_price{
  float:left;
  width:150px;}

.hot_vacancy_date{
  background:url(../img/date_icon2.png) left no-repeat;
  color:#9da6ab;
  float:right;
  font-size:11px;
  text-align:right;
  width:67px;}

/* vacancy list table section
----------------------------------*/

table.all_vacancy_list{
  border-top:1px solid #c6c6c6;
  border-left:1px solid #c6c6c6;
  border-right:1px solid #c6c6c6;
  float:left;
  margin:20px;
  width:619px;}

td.vacancy_name_header,
td.vacancy_price_header,
td.vacancy_employer_header,
td.vacancy_reyting_header,
td.vacancy_date_header{
  background:url(../img/vacancy_table_header.png) repeat-x top;
  border-bottom:1px solid #c6c6c6;
  color:#9da6ab;
  font-size:11px;
  height:28px;
  line-height:28px;}

td.vacancy_name_header    { width:190px; padding:0 10px;}
td.vacancy_price_header   { width:105px;}
td.vacancy_employer_header{ width:160px;}
td.vacancy_reyting_header { width:85px;}
td.vacancy_date_header    { width:62px;}

td.vacancy_name_content{
  border-bottom:1px solid #c6c6c6;
  font-size:12px;
  padding:5px 10px;
  width:190px;}

td.vacancy_price_content{
  border-bottom:1px solid #c6c6c6;
  font-size:12px;
  padding:5px 10px 5px 0;
  width:95px;}

td.vacancy_employer_content,
td.vacancy_reyting_content,
td.vacancy_date_content{
  border-bottom:1px solid #c6c6c6;
  font-size:12px;
  padding:5px 0;}

td.vacancy_employer_content{ width:160px;}
td.vacancy_reyting_content { width:85px;}

td.vacancy_date_content{
  color:#9da6ab;
  font-size:11px;
  width:62px;}

.vacancy_town{
  padding-top:3px;
  width:190px;}


/* top of vacancy section
----------------------------------*/

#top_vacancy{
  float:left;
  padding:9px 0 15px 0;
  width:252px;}

.top_vacancy_header{
  background:url(../img/top_vacancy_header.png) no-repeat;
  float:left;
  height:38px;
  width:252px;}

.top_vacancy_back_bottom{
  background:url(../img/right_vertical_menu_back_bottom.png) no-repeat;
  float:left;
  height:11px;
  width:252px;}

.top_vacancy_content{
  background-color:#FFF;
  border-left:1px solid #dcdcdd;
  border-right:1px solid #dcdcdd;
  float:left;
  padding:10px 18px 10px 18px;
  width:214px;}

.top_vacancy_content ul{
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  width:214px;}

.top_vacancy_content ul li{
  background:url(../img/grey_arrow.png) left 8px no-repeat;
  list-style:none;
  margin:0;
  padding:3px 0 3px 13px;}

.top_vacancy_content ul li a,
.top_vacancy_content ul li a:hover{
  font-size:12px;}

.top_vacancy_content ul li a      { color:#5c5c5c;}
.top_vacancy_content ul li a:hover{ color:#000;}

/* vacancy & resume nav bar section
----------------------------------*/

.send_resume,
.send_resume:hover,
.print_vacancy,
.print_vacancy:hover,
.download_vacancy,
.download_vacancy:hover,
.find_similar_vacancy,
.find_similar_vacancy:hover{
  font-size:11px;
  float:left;
  height:17px;
  margin-top:11px;
  padding:0 20px 0 16px;
  text-decoration:none;}

.send_resume, .send_resume:hover                  { background:url(../img/send_resume_icon.png) left 0 no-repeat;}
.print_vacancy, .print_vacancy:hover              { background:url(../img/print_icon.png) left 3px no-repeat;}
.download_vacancy, .download_vacancy:hover        { background:url(../img/download_icon.png) left 3px no-repeat;}
.find_similar_vacancy, .find_similar_vacancy:hover{ background:url(../img/find_similar_icon.png) left 3px no-repeat;}

.send_resume,
.print_vacancy,
.download_vacancy,
.find_similar_vacancy{
  color:#87939a;}

.send_resume:hover,
.print_vacancy:hover,
.download_vacancy:hover,
.find_similar_vacancy:hover{
  color:#000;}

.vacancy_publish_date{
  font-size:11px;
  float:right;
  height:38px;
  line-height:38px;}

/* vacancy page section
----------------------------------*/

#vacancy_page{
  float:left;
  margin:0 20px;
  padding-bottom:20px;
  width:621px;}

#vacancy_page_header{
  float:left;
  font-size:18px;
  padding-bottom:15px;
  width:621px;}

.vacancy_page_criterion dl{
  float:left;
  font-size: 12px;
  margin:3px 0;
  width:621px;}

.vacancy_page_criterion dl dt{
  float: left;
  font-weight:bold;
  margin: 0; padding:0;
  text-align:left;
  width:115px;}

.vacancy_page_criterion dl dd{
  float:left;
  margin:0;
  width:506px;}

.vacancy_page_content{
  float:left;
  font-size:12px;
  padding:10px 0;
  width:621px;}

.all_vacancy_company{
  float:left;
  padding-top:10px;}

/* send mail float block
----------------------------------*/

#send_mail_block{
  background:url(../img/send_mail_back.png) left top no-repeat;
  height:247px;
  margin-top:-10px;
  margin-left:-30px;
  padding:30px 17px 17px 17px;
  position: relative;
  width: 279px;
  z-index: 2000;}

.send_mail_input{
  border:1px solid #c2c2c2;
  background-color:#fff;
  color:#525252;
  font:11px Arial;
  height:19px;
  padding-left:3px;
  width:274px;}

.send_mail_link{
  color:#8b959b;
  font-size:11px;
  padding:5px 0 3px 4px;
  width:270px;}

.send_mail_textarea{
  border:1px solid #c2c2c2;
  background-color:#fff;
  color:#525252;
  font:11px Arial;
  height:88px;
  margin-top:6px;
  padding:3px;
  width:270px;}

.send_mail_button{
  margin:10px 0 0 66px;
}