* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	background-color:#e0e5e6;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	font-size: 14px;
	!padding-top: 100px;	
}


a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
	border: none;
}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}

.header {
/*	background: #ADB96E;*/
	background-color: #5b5b5b;
	text-align: left;
}


.header h1 {
	font: Verdana, Geneva, sans-serif;
	font-size: 21px;
	padding: 25px 40px;
	margin: 0;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

/* ~~ Столбцы для макета. ~~ 

1) Поля размещены только вверху и/или внизу DIV. Элементы в этих DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.

2) Столбцы не снабжаются полями, поскольку все они обтекающие. Если нужно добавить поля, то  желательно не с той стороны, с которой обтекается столбец (например, правое поле у div, настроенного на обтекание справа).  Часто вместо этого можно применить padding. В случаях, когда это правило приходится нарушить, следует добавить к правилу div объявление "display:inline", чтобы исправить ошибку с удвоением полей в некоторых версиях Internet Explorer.

3) Поскольку классы можно использовать в документе многократно (а к элементу можно применять несколько классов), то столбцам вместо идентификаторов назначены имена классов. Например, два DIV с боковыми панелями могут при необходимости стыковаться. По желанию имена можно легко заменить на идентификаторы при условии, что они используются по одному на документ.

4) Если вы предпочитаете, чтобы панель навигации была справа, а не слева, просто установите обтекание столбцов в противоположном направлении (все справа, а не слева), они выстроятся в обратном порядке. Перемещать DIV в исходном коде HTML-документа не нужно.

*/
.sidebar1 {
	float: left;
	width: 170px;
	background: #eaecf1;
	padding-bottom: 10px;
	height: 200px;
}
.content {
	padding: 50px;
/*	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-left: 10px;*/
	width: 600px;
	float: left;
	background: #FFF;
}
.sidebar2 {
	float: left;
	width: 170px;
	background: #eaecf1;
	padding-bottom: 10px;
/*	padding: 10px 0;*/
	height: 200px;
}

/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}



/* ~~ Прочие классы float/clear ~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри .container), если .footer удален или извлечен из .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.zagol {
	font-size:15px;
	padding: 15px;
	background: #e5f5df;
    margin: -30px -30px 15px -30px;	
}
.zagol b {
	font-style:inherit;
}








/*table.consult {
    background-color: #FFFFFF;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;	
}

table.consult thead tr {
    background-color: #E0E3EB;
    color: #5B5B5B;
    font-weight: bold;
    text-align: center;
}

table.consult thead th {
    padding: 7px 12px;
	border:1px solid #B0B3BB;
	text-align:center;
	color: #5B5B5B;
	background-color: #E0E3EB;
}

table.consult td {
	padding: 5px 7px;
}
*/

table.consult{
	text-align: center;
	font-weight: bold;
	color: #5B5B5B;
	font-size:11px;
	background-color: #E0E3EB;
}

td.consult{
	text-align: center;
	font-weight: bold;
	color: #5B5B5B;
	font-size:11px;
	background-color: #F9FFFF;
}
th.consult{
	padding:5px;
	border:1px solid;
	text-align:center;
	color: #5B5B5B;
	font-size:11px;
	background-color: #E0E3EB;

}
.table_list_header td {
	padding:10px;
}








.button {
	background: #C6D580; 
	padding: 7px 30px; 
	margin-bottom: 15px;
	margin-right: 15px;
	font-size: 13px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center; 
	border: solid 1px #ADB96E; 
	cursor: pointer; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background: -moz-linear-gradient(0% 100% 90deg, #ADB96E, #73C2FD); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73C2FD), to(#ADB96E)); 
}
.button1 {
	list-style: none; /* удаляет маркер списка */
	border-top: 1px solid #666; /* создает верхнюю границу ссылок — все остальные размещаются с использованием нижней границы в LI */
	margin-bottom: 15px; /* создает пространство между навигацией по содержимому ниже */
}
.button button:hover, .button button:active, .button button:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #ADB96E;
	color: #FFF;
}
#prim{
	width: 350px;
}



#docs_wrapper {
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top:100px;
	margin-bottom:50px;
/*	padding: 0;*/
}

#docs_wrapper table {
	width: 100%;
	border-collapse: collapse;
/*	margin: 0;*/
	background-color: #FFF;
}

#docs_wrapper table thead tr {
	text-align: center;
	font-weight: bold;
	color: #5B5B5B;
	font-size:11px;
	background-color: #E0E3EB;
}



#docs_wrapper table tr {
/*    border-bottom: 1px solid #DDDDDD;*/
}

#docs_wrapper table tr.even {
	background-color: #f8f9fb;
}


#docs_wrapper table .birthday_date {
/*    border-right: 1px solid #DDDDDD;*/
}





























.header_table {
	background-color: #5b5b5b;
	text-align: left;
}


.header_table h1 {
	font: Verdana, Geneva, sans-serif;
	font-size: 21px;
	padding: 30px 40px;
	margin: 0;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	float: left;
}

.table_list_header {
	color: #FFF;
	font-weight:bold;
}
.ext_link {
	color: #54B4E7;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-size: 12px;
	text-decoration: none;
}

.fixed_header {
	left: 0;
	top: 0;
	position: fixed;
	width:100%;
	z-index: 100;
}

* html .fixed_header {
	position: absolute;
}


h2 {
	padding: 10px;	
}

#container {
    margin: 150px auto 50px;
    width: 800px;
	background-color: #FFF;
    padding: 30px;	
}

ul.MenuBarVertical {
    border: 0px solid #CCCCCC;
	margin: 0 30px 0 0;
}

ul.MenuBarVertical a {
    color: #FFFFFF;
	background: none repeat scroll 0 0 #6F6F6F;	
}

ul.MenuBarVertical a:visited {
    color: #FFFFFF;
}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {
    background-color: #7F7F7F;
    color: #FFFFFF;
}

.login{
	margin: 50px auto;
	width: 300px;
	text-align: center;
}

.login input{
    background-repeat: no-repeat;
    border-style: 1px solid #CCC;
    display: block;
    text-align: left;
    vertical-align: middle;
    width: 94%;
	height: 40px;
	margin-top: -1px;
	font-size: 16px;
	display: block;
	padding: 0 8px;
}

.login input#Submit{
    margin-top: 15px;
	text-align: center;
	background-color: #4d90fe;
	color: #FFF;
	border: 1px solid #3079ed;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;	
    width: 100%;
}

.under_zagol input[type=button] {
    display: inline;
	background-color: #4D90FE;
    border: 1px solid #3079ED;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
	padding: 2px 7px;
	height: 24px;
}


table.consult input[type=submit] {
    display: inline;
	background-color: #4D90FE;
    border: 1px solid #3079ED;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    text-align: center;
	padding: 2px 7px;
	height: 24px;
}

.under_zagol {
	margin: 15px 0;
}

#prep_list {
	min-width: 150px;
	margin: 0 10px 0 0;
}
/*  ------------------------------- */
ul {
    list-style-type: none;
	margin: 0;
	padding: 0;	
}

ul li {

}
/*  ------------------------------- */
#search_main #search_main_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

#search_main ul a {
    background-color: #29a2e1;
	font-family: Tahoma, Geneva, sans-serif;
    color: #FFF;
	display: block;
    font-size: 36px;
    padding: 35px;
	margin: 50px 0;
    text-decoration: none;
	text-align:center;
	font-weight: normal;
	cursor: default;
}

#search_main ul a:active, #search_main ul a:hover {
	background-color: #54B4E7;
	cursor: pointer;
}

#search_main h1 {
	font: Verdana, Geneva, sans-serif;
	font-size: 21px;
	text-align:left;
	display:block;
	padding:30px 40px;
    margin: 0;
	background-color:#5b5b5b;
	color:#FFF;
	font-weight:bold;
	margin-bottom: 100px;
}
/*  ------------------------------- */

#search_main ul a.half_size_link {
	width: 150px;
	font-size: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;


	*display:inline;
	position: relative;
	vertical-align: top;
	margin: 0 20px 0 0;
	padding: 35px 15px;
}

#search_main ul a.half_size_link.last {
	margin-right: 0;
	clear: both;
}

/*  ------------------------------- */
#search_list {
	!padding-top: 150px;	
}
#search_list #search_list_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	margin-top: 150px;
	margin-bottom: 50px;
}

#search_list #search_list_wrapper_kiosk {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 20px;
}


#search_list ul a {
	background-color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	color: #376b7f;
	display: block;
	font-size: 24px;
	padding: 25px 25px 25px 30px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	cursor: default;
}

#search_list ul li {
	/* [disabled]border-top: 1px solid #DDD; */
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #CCC;
	margin-bottom: 3px;
	
/*    float: left;
    margin: 3px;
	display: block;
	white-space:nowrap;*/
}

#search_list ul a:active, #search_list ul a:hover {
	background-color: #EAEFF2;
	cursor:default;	
}

#search_list a.first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-image: url(images/up.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

/*  ------------------------------- */
.fixed_header {
	left: 0;
	top: 0;
	position: fixed;
	width:100%;
	z-index: 100;
}

* html .fixed_header {
	position: absolute;
}
#input_prep, #input_group, #input_aud, #input_audit {
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	display: block;
	width: 300px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*  ------------------------------- */
.table_list_header {
	color: #FFF;
	font-weight:bold;
}
/*  ------------------------------- */