/*

	Основной файл стилей
	Этот файл стилей используется на каждой странице сайта и в редакторе

*/
@media screen { /* Стиль для экрана */
html, body {font-size: 14px; margin: 0px; padding:0; background-color: white; width: 100%; height: 100%;}
}

body, td, p, div, span {color: #000; font-family: Verdana;}
p {text-align: justify; padding: 0px; margin: 1px; text-indent: 15px;}

#bodywrap {
    width: 1100px;
    margin: 10px auto 0px auto;
}


@media print { /* Стиль для печати */
	html, body {font-size: 12px; margin: 0px; padding:0; background-color: white; width: auto; height: auto;}
	.job-main-menu {display: none!important;}
	.job-main-menu li {display: none!important;}
	.job-main-menu a {display: none!important;}
	#navigation {display: none;}
	td#content {width: 600px!important;}
	#extra {display: none;}
	#buttom {display: none;}
	#bodywrap {width: 600px!important; margin: 0px!important;}
	/*table.job-search {display: none;}*/
}



th {font: normal 18px Arial, Tahoma; border-bottom:1px #e0e0e0 solid;}
img {border: 0;}

form {margin: 0; padding:0;}
input, .button, select, option, textarea {font-family: Verdana;}

h1 {margin: 0.4em 0px 0.4em 7px; padding: 0; font:normal 36px Verdana, Trebuchet MS, Arial; font-weight: normal;}
h2 {margin: 0.4em 0px 0.4em 7px; padding: 0; font:normal 24px Verdana, Trebuchet MS, Arial; font-weight: normal;}
h3 {margin: 0.2em 0px; padding: 0; font:normal 18px Verdana, Trebuchet MS, Arial; font-weight: normal;}

small {font-size: 50%;}



big {
	width: 100%;
	border-bottom: #c0c0c0 1px solid;
	padding-top: 5px;
	font-weight: bold;
	color:#e05f00;
	margin: 15px 10px 15px 0px;
	padding: 0px;
	font-family: Arial, Tahoma;
	font-size: 14px;}


/* Ссылки */
a:link, a:visited, a:focus {text-decoration: underline; color: #0066BB;}
a:hover {text-decoration: none;}
a:active {color:#ff6600}


/* Ссылка "Версия для печати" */
.print {margin: 0px 7px 0px 0px; padding: 0px 0px 0px 20px; background:url(/images/print.gif) no-repeat 0px 0px; display: block; float: right;}
.print,.print:hover,.print:link,.print:visited {font-size: 13px;color: #888888;}


/**********************************************************************************************
*
*	Горизонтальное меню
*
**********************************************************************************************/
span.job-main-menu {color: #cccccc; padding: 0; margin: 10px 0px; font-size: 11px; white-space: nowrap;}
span.job-main-menu a {}

ul.job-main-menu {
background-color:#59a5cd;
padding:10px;
display: block; overflow: hidden;
color: #f0f0f0; margin: 10px 0px; font-size: 11px; white-space: nowrap;}

* html ul.job-main-menu {
   float: left;  /* заставляет ul вместить все li */
}
ul.job-main-menu li {
   float: left;   /* располагаем список по горизонтали */
   position: relative;  /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
   list-style-type: none;  /* удаляем маркеры */
   margin:0;
   margin-right: 14px;  /* IE удваивает заданное значение */

}
ul.job-main-menu li.standart{padding-top:6px;}
ul.job-main-menu li a.standart {color:#fff; padding: 0; margin:0; font-family: Arial, Tahoma; font-size: 14px;}


.clear {display: block; width: 100%; overflow: hidden;}


/**********************************************************************************************
*
*	Вертикальное меню
*
**********************************************************************************************/
ul.menu {font-weight:bold; color:#e05f00; margin: 15px 10px 15px 0px; padding: 0px; font-family: Arial, Tahoma; list-style: none; font-size: 14px;}
ul.menu ul {margin: 0px 0px 10px 0px; padding: 0px; list-style: none;}
ul.menu li{padding-top:10px;}
ul.menu li ul {font-size: 15px;}
ul.menu li.head {list-style:none; font-weight: bold; padding: 0px; margin: 0px;}
ul.menu a, ul.menu a:visited{color:#505050; font-weight:normal;}
ul.menu ul li {padding-left: 16px;}
ul.menu ul {border-top:#c0c0c0 1px solid; padding-top:5px;}


/**********************************************************************************************
*
*	Основная таблица
*
**********************************************************************************************/
table.main {border: 0px; border-spacing: 0px; border-collapse: collapse;}
td#navigation {vertical-align: top; padding: 0px 10px;}
td#content {width: 900px; vertical-align: top; padding: 0px 0px;}
td#extra {width: 250px; vertical-align: top; padding: 100px 0px 0px 10px;}

.regioninfo {padding: 0; margin: 0px;}
.regioninfo .img1 {clear: both; margin-bottom: 10px; display: block;}
.regioninfo .text {clear: both; margin-bottom: 10px; display: block;}
.regioninfo textarea {clear: both; font-size: 11px; width: 100%;}


/**********************************************************************************************
*
*	Основная таблица 2, статистика + новости
*
**********************************************************************************************/
table.main2 {border: 0px; border-spacing: 0px; border-collapse: collapse; padding:0; margin:0;}
table.main2 td {padding: 0;}


a#logo{width:250px; height:86px; display:block; margin-top:4px; margin-left:0px;}

ul {margin: 5px 10px 10px 45px;}



/**********************************************************************************************
*
*	Новостная лента на главной странице
*
**********************************************************************************************/
.news-main {font-size: 12px; clear: both; margin: 0px 0px 10px 7px;}
.news-main .date {font-size: 10px; clear: both; margin: 0px 0px 10px 7px; color: #333333;}
.news-main a.announce, .news-main a:link.announce, .news-main a:visited.announce, .news-main a:focus.announce, .news-main a:hover.announce {text-decoration: none; color: black;}
.news-main img {float: left; background-color:#f2f2f2; border: 1px solid #cccccc; margin: 4px 14px 10px 0px;}


/**********************************************************************************************
*
*	Архив новостей /news/
*
**********************************************************************************************/
table.news {border-spacing: 0px; border-collapse: collapse;}
table.news td {font-size: 11px; vertical-align: top; padding: 10px 10px 10px 10px;}
table.news img.news {float: left; background-color:#f2f2f2; border: 1px solid #cccccc; margin: 4px 5px 0px 0px;}
table.news .date {color: #888888;}
.news-date {color: #888888;}

table.news a.topic {font-weight:bold; font-size: 120%}
table.news a.topic:link, table.news a.topic:visited {text-decoration: none;}
table.news a.topic:hover {text-decoration: underline;}

table.news a.topic2 {font-weight:bold; font:20px "Times New Roman"; margin: 1px;}
table.news a.topic2:link, table.news a.topic2:visited {text-decoration: none;}
table.news a.topic2:hover {text-decoration: underline;}

table.news a.announce, table.news a.announce:link, table.news a.announce:visited, table.news a.announce:hover {color: #000000;text-decoration: none;}

div.bc{font-size: 20px; float: left; clear:both; width:100%; height:40px; display:block; border-bottom:3px #f0f0f0 solid; margin-bottom:5px;}

/**********************************************************************************************
*
*	Кадровые агентства /agency/
*
**********************************************************************************************/
.row0 {background-color: #ffffff;}
.row1 {background-color: #efefef;}
/* Название предприятия в списке */
.row {padding:7px 7px 7px 7px; margin: 0px 0px 2px 0px;}
/* Иконки */
.row div.icons {float: right;}
.row div.icons img {margin: 0px 0px 0px 5px; border-width: 0px;}
.row-free {background-color:#eeeeee; border: 0px solid #cccccc;}
.row-free-text {border: 0px solid #cccccc;}
.row-1  {background-color:#ffcccc; border: 1px solid #ff9999;}
.row-2  {background-color:#ccccff; border: 1px solid #9999ff;}
.row-3  {background-color:#ccffcc; border: 1px solid #99ff99;}
.row-adver, .row-4  {background-color:#ffffcc; border: 1px solid #ffff99;}
.icon-off, .icon-on{padding-top:0; padding-bottom:0; border:0;}
.icon-on{opacity:0.5;}
.bl,.bl:link,.bl:visited,.bl:hover {color: #000000;text-decoration: none;}

/* Дополнительная информация в списке предприятий */
.compblock {padding:7px 7px 7px 7px; margin: 0px 0px 6px 0px;}
/* Таблица просмотра информации об организации */
.yellowpages .itemview {border:0px;border-spacing: 0px;border-collapse: collapse;}
.yellowpages .itemview td {padding: 7px;}
.yellowpages .itemview h1 {padding: 0px; margin: 0px; text-indent: 0px;}

.yellowpages{ clear:both; padding-top:10px; overflow:hidden;}
.yellowpages table.itemview {border:0px; border-spacing: 0px; border-collapse: collapse; width:auto; padding:0; margin:0;}
.yellowpages table.itemview td {padding: 0px 0px 0px 0px;}

.yellowpages div.itemview {font-size: 14px; line-height: 1.6em; float: left; margin: 20px 30px 20px 20px!important; display:block; width: auto;}
.yellowpages div.itemview h1 {padding: 0px; margin: 0px 0px 20px 10px;!important; text-indent: 0px;}
.yellowpages div.itemview .logo300 {border-width: 0px; margin: 3px 3px 20px 3px;}
.yellowpages div.itemview .logo {float: left; border-width: 0px; margin: 3px 20px 10px 3px;}

.yellowpages .itemview .question, .yellowpages .itemview .question-error {padding:5px; text-align: right; vertical-align:top; border-bottom: 1px solid #cccccc; padding-right:10px!important;}
.yellowpages .itemview .question-error {color:red; background-color: #FFF0F0; font-size: 12px}
.yellowpages .itemview .question {color: #666666}
.yellowpages .itemview .answer, .yellowpages .itemview .answer-error {padding:5px; vertical-align:top; border-bottom:1px solid #cccccc;}
.yellowpages .itemview .answer-error {color:red; background-color: #FFF0F0;}

.yellowpages .print-container{margin-right:20px; margin-bottom:20px;}
.yellowpages .print-border{border:1px #cccccc solid;}
.yellowpages .printitem{clear:both; text-align:left; width:100%; font-size:12px;}
.yellowpages .printitem a {background: url('http://odintsovo.biz/images/print.png') no-repeat 0px 0px; padding-left: 20px;}
.yellowpages .printitem a, .yellowpages .printitem a:visited{color:#333}

.yellowpages .item-rating-block{clear:both; width:100%;}

.yellowpages .cat-right-column{padding:0; width: 234px; text-align:left; font-size:12px; padding-top:20px!important}
.yellowpages .cat-right-advert{padding:5px; width:220px; height:90px; display:table-cell; border: 2px red dashed; margin-bottom:20px; font:normal 13px Arial; color:red; text-align:center; vertical-align:middle;}
.yellowpages .mapcontainer{position:relative; margin:0; width:100%; display:block; min-height:274px; min-width:232px; margin-top: 20px; clear: both;}
.yellowpages .mapslider{position:absolute; right:2px; top:0; width:auto; padding:5px; background:#f0f0f0}
.yellowpages a.big-map{padding-left:22px; background:url('http://odintsovo.biz/images/map_icon.png') no-repeat left top;}
.yellowpages .item-tech{font-size:11px; background-color:#f0f0f0; text-align:left; padding:10px!important;}

.item-comment td{padding-bottom:10px!important}






/* Ссылка на RSS-ленту */
a.rss, a:link.rss, a:visited.rss, a:focus.rss, a:hover.rss {padding: 3px;text-decoration: none;color: white; background: red;  font-size: 75%; font-family: Verdana; font-weight: bold;}


/* Стиль для редактора */
body#content {margin: 10px; background-color:#FFFFFF; font-family: Verdana; font-size:12px; color:#404040;}


/*****
*
* TOOLTIP - всплывающие баллуны, подсказки
*
*****/
.tooltip {
  width: 300px;
  font-family: Verdana;
  color: #000;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #0857A6;
  font-size: 10px;
  overflow: hidden;
}
/* картинка в новостной тултип */
.tooltip img.news {float: left; background-color:#f2f2f2; border: 1px solid #cccccc; margin: 4px 5px 0px 0px;}

.tooltip-load {width: 150px; border: 1px solid #0857A6; overflow: hidden;}
.tooltip-load #tooltipTitle {text-align: center;}
.tooltip-load #tooltipBody {height: 20px;background: url(/jscript/images/loader.gif) #FFF center no-repeat;}


/* Постраничный навигатор НОВЫЙ */
.pagenavigator {margin-left:7px;margin-top:6px;}
.pagenavigator .arr {padding:3px; margin-left:10px;}
.pagenavigator .numbers {margin-top:8px; margin-bottom:8px;}
.pagenavigator .numbers a, .pagenavigator .numbers span.active {padding:2px 4px 2px 3px; margin: 2px;}
.pagenavigator .numbers span.active {background-color:#59a5cd; color:#fff;font-weight: bold;}
.pagenavigator span.arr a {padding-left:5px; padding-right:5px;}
.pagenavigator .disabled {color:#888888;}

form {margin-left:7px;}

/* Quote block - Цитаты */
blockquote, div.blockquote-left, div.blockquote-right {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	margin: 3px 10px 3px 10px;
	overflow: hidden;
	padding: 3px;
	background-image: url("/images/quote.gif");
	font-weight:bold; color:black;
}

blockquote p, div.blockquote-left p {text-align: left;padding: 0px; margin: 7px;}
div.blockquote-right p {text-align: right; padding: 0px; margin: 7px;}

div.blockquote-left, div.blockquote-right {
	display: block;
	width: 150px;
	height: 100px;
}
div.blockquote-left {float: left; margin: 3px 10px 3px 4px;}
div.blockquote-right {float: right; margin: 3px 4px 3px 10px;}


/* a buttons style*/
a.awesome, a.awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	border-bottom: 2px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.1);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #d45500; }
	.orange.awesome:hover							{ background-color: #DE7F26; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }








/* Таблица рубрик с количеством вакансий и резюме */
table.job-rubric {width: 440px; margin: 10px 0px 10px 7px; border: 0px; border-spacing: 0px;border-collapse: collapse;}
table.job-rubric td, table.job-rubric th {padding: 0px 10px 5px 0px; vertical-align: top;}
table.job-rubric td.name {font-size: -1; color: #666666;}
table.job-rubric th.vac, table.job-rubric td.vac a, table.job-rubric td.vac a:link {color: #e89616;}
table.job-rubric th.res, table.job-rubric td.res a, table.job-rubric td.res a:link {color: #5c9a14;}
table.job-rubric td.vac, table.job-rubric td.res {font-size: 14px; text-align: right; padding-right: 3em;}
table.job-rubric th.vac, table.job-rubric th.res {text-align: center;}
table.job-rubric th.name {text-align: left;}
table.job-rubric th.name, table.job-rubric td.name {width: 70%}


/* Таблица регионов с количеством вакансий и резюме */
table.job-region {width: 350px; margin: 10px 0px 10px 7px; border: 0px; border-spacing: 0px;border-collapse: collapse;}
table.job-region td, table.job-region th {padding: 0px 10px 5px 0px; vertical-align: top;}
table.job-region td.name {font-size: -1; color: #666666;}
table.job-region th.vac, table.job-region td.vac a, table.job-region td.vac a:link {color: #e89616;}
table.job-region th.res, table.job-region td.res a, table.job-region td.res a:link {color: #5c9a14;}
table.job-region td.vac, table.job-region td.res {font-size: 14px; text-align: right; padding-right: 3em;}
table.job-region th.vac, table.job-region th.res {text-align: center;}
table.job-region th.name {text-align: left;}

table.job-region th.name, table.job-region td.name {width: 70%}


/*************************************************************************************************
*
*	Таблица со списков вакансий и резюме
*
**************************************************************************************************/
table.job-list {margin: 10px 0px; border: 0px; border-spacing: 0px;border-collapse: collapse;}
table.job-list td {font-size: 13px; padding: 7px 7px 7px 7px; vertical-align: top; border-bottom:1px solid #e0e0e0;}
table.job-list .hot {background-color: #ffeeee;}
table.job-list td.scoll {white-space: nowrap; text-align:right;}
table.job-list span.title {font-size: 14px; font-weight: bold; padding-bottom: 3px; display: block; width: 100%; overflow: hidden;}
table.job-list span.rubric {font-size: 11px; display: block; width: 100%; overflow: hidden;}

span.rubric{color:#555555; padding-bottom:6px;}
a.rubric_link, a.rubric_link:visited{color:#555555;}
a.region_link, a.region_link:visited{color:#339900;}
a.employer_link, a.employer_link:visited{color:#555555; font-weight: bold;}/* white-space: nowrap;*/

table.job-list span.text {font-size: 10px; display: block; width: 100%; overflow: hidden;}
table.job-list span.salary {font-size: 12px; padding: 2px; background-color:#e19401; color:#fff; font-weight: bold;}
table.job-list span.cdate {font-size: 10px; display: block; width: 100%; overflow: hidden; padding-top:5px; color:#666666}


/*************************************************************************************************
*
*	Анкета для вакансий и резюме, редактирование и просмотр
*
**************************************************************************************************/
table.anketa {border: 0px; border-spacing: 0px; border-collapse: collapse;}
table.anketa td {font-size: 14px; padding: 6px 0px; vertical-align: middle;}
table.anketa table {border: 0px; border-spacing: 0px; border-collapse: collapse;}
table.anketa table td {padding: 0px 5px 0px 0px;}
table.anketa select, table.anketa textarea, table.anketa input {margin: 0px; padding: 2px; font-size: 13px;}

table.anketa td.question, table.anketa td.question-error {font-size: 12px; width: 30%; padding-right: 10px; text-align: right;}

table.anketa td.question {color: #666666;}
table.anketa td.answer-error {color: red;}
table.anketa td.question-error {color: red; font-weight: bold;}

table.anketa td.answer-error select, table.anketa td.answer-error textarea, table.anketa td.answer-error input {border: solid 2px red;padding: 2px;}

table.anketa td div.alert {
	color: red;
	padding: 20px 20px 20px 160px;
	clear: both;
	display: block;
	background-color: #ffeeee;
	background-image: url(/images/alert.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 3%;
	border: 2px solid red;
}

table.anketa td div.info {
	color: #59a5cd;
	font-size: 12px;
	font-weight: bold;
	padding: 20px 20px 20px 20px;
	clear: both;
	display: block;
	background-color: #D6E8F5;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 3%;
	border: 2px solid #59a5cd;
}

/* Список действи после успешной отправки формы */
ul.aftersave {margin: 20px 20px;}
ul.aftersave li {padding: 5px 0px 5px 10px;}




/* Форма поиска */
table.job-search {border: 0px; border-spacing: 0px; border-collapse: collapse;}
table.job-search td {font-size: 16px; padding: 5px 0px; vertical-align: middle;}
table.job-search input {margin: 0px; padding: 0px; font-size: 16px;  border: solid 3px #59a5cd; padding: 2px;}
table.job-search button {margin: 0px; padding: 2px; font-size: 13px;}
table.job-search td.question {color: #666666; padding-right: 10px; text-align: right;}




/**********************************************************************************************
*
*	Экперимент с кнопками
*
**********************************************************************************************/
a.button {
    background: transparent url('/images/btn-r.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 14px Arial, sans-serif!important;
    height: 40px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none!important;
    outline:none;
}

a.button span {
    background: transparent url('/images/btn-l.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 11px 0 13px 19px;
}


a.button:active {
    background-position: right -39px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: left -39px;
    padding: 11px 0 13px 19px; /* push text down 1px */
}

a.green-btn{background-image: url('/images/btn-r-g.png')!important; color:#f5ffd5;}
a.green-btn span{background-image: url('/images/btn-l-g.png')!important;}
a.green-btn:active{color:#fff}


/* JS и AJAX -ссылки подчеркивание пунктиром*/
.js, a.js:link,	a.js:visited {text-decoration: none; border-bottom: #000 1px dashed;}
a.js:hover	{color: #E20000; text-decoration: none; border-bottom: 1px dashed #E20000;}


/*****
*
* Авторизация
*
*/
div.login-area {padding:0px; text-align: right; clear: both; height:20px;}