@charset "utf-8";


html, body {
  color: black;
  background-color: #ddd;
  font: small  Arial,Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

.invisible { display: none; }
.w50 {width:6em; }
.wb50 {width:6em; font-weight:bold;}
img {border:none;}

table {
border:none; border-style:none; border-spacing:0px;
  margin: 0;
  padding: 0;
}

td, th {padding:0px;border:none;
/*  margin: 0px 5px 0px 5px ;*/
padding: 3px;
}
tr th {text-align:left;background-color:#f0f0f0;color:#333;}
tr.odd td {background-color:#edf3fe;}
tr.even td {background-color:#fff;}

.row_border, .row_border tr 
{

}

tr.row_border td
{
border-left-style: none; border-right-style: none; border-left-width: 0px; border-right-width: 0px; 
border-top-width: 2px; 
border-bottom-color: #C33; 
border-top-color: #C33; 
border-bottom-width: 2px; 
border-bottom-style: solid;
border-top-style: solid;
}

/*{background-color:#FFA; border:0px 0px 2px 5px; border-color:#960; border-style:solid;}
*/

tr.red td {background-color:#ffa0a0;}

tr.oddb td {background-color:#edf3fe;}
tr.evenb td {background-color:#fff;}

tr.oddg td {background-color:#e0ffe0;}
tr.eveng td {background-color:#f0fff0;}

tr.oddy td {background-color:#ffd;}
tr.eveny td {background-color:#ffe;}

tr.oddgr td, tr.oddgr {background-color:#eee;
			color:#800;
}
tr.evengr td, tr.evengr {background-color:#fff;
			color:#800;
}

tr.oddgr_v td, tr.oddgr_v {background-color:#eee;
			color:#088;
}
tr.evengr_v td, tr.evengr_v {background-color:#fff;
			color:#088;
}
tr.oddgrey td {background-color:#aaa;}
tr.evengrey td {background-color:#bbb;}

table.t_disc {
	border:0px; border-style:none;
}

table.t_report, table.t_report td , tr.t_report, table.t_report th{
	border:1px; border-style:solid; border-color:#309; border-spacing:0px;
}

.r_nc, tr.r_nc, td.r_nc {
	border:1px; border-style:solid; border-color:#309; background-color:#FFC;
	} 
.r_call, tr.r_call, td.r_call {
	border:1px; border-style:solid; border-color:#309; background-color:#FCF;
	} 

.r_cp, tr.r_cp, td.r_cp {
	border:1px; border-style:solid; border-color:#309; background-color:#CFF;
	} 

.r_dog, tr.r_dog, td.r_dog {
	border:1px; border-style:solid; border-color:#309; background-color:#CFC;
	} 
.r_all_cl, tr.r_all_cl, td.r_all_cl {
	border:1px; border-style:solid; border-color:#309; background-color:#FDD;
	} 

.tdr
{
	text-align:right;
}

#header {
  height: 	88px;
  width: auto;
  background: #B225B2 URL('../images/header_inner-p-2014.png') no-repeat;
/*  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border: 2px solid #000000;
 */

  margin: 0px 5px 0px 5px ;
}

tr.r_compl td{background-color:#ffddff;}

.r_compl
{
  color: #303;

}

a.link, a {
  color: #369;
}

a.active
{
  color: #333;
}

div.act_m  a, div.act_m  a.link, div.act_m a.active{
  color: #393;
	
}



#main_content {
  color: black;
  font-size: 100%;
  background-color: white;
  width: auto;
  margin: 0px 5px 0px 5px ;

/*  
	padding: 1%;
margin: 0 auto 0 auto;
	padding: 1%;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  margin: 0.0em 0.5em 0.0em 0.5em ;
*/
}

#sidebar {
  border: 1px solid #aaa;
  background-color: #eee;
  margin: 0.5em;
  float: right;
  width: 200px;
  font-size: 88%;
  padding: 1em;

}

#sidebar h2 {
  margin-top: 0;
}

#sidebar ul {
  margin-left: 1.5em;
  padding-left: 0;
}

textarea, select, input {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 100%;
}
	
h1,h2,h3,h4,h5,h6,#getting_started_steps {
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 140%;
}

#getting_started_steps a {
  text-decoration: none;
}

#getting_started_steps a:hover {
  text-decoration: underline;
}

#getting_started_steps li {
  font-size: 100%;
  margin-bottom: 0.5em;
}

#getting_started_steps h2 {
  font-size: 120%;
}

#getting_started_steps p {
  font: 100%  Arial,Verdana, Helvetica, sans-serif;

}

#footer {
  border-bottom: 1px solid #888;
/*  
  border: 1px solid #f00;
  border-top: 0px none;
 */
 color: #999;
  background-color: white;
  padding: 0.05em;
  font-size: 80%;
  text-align: center;
  width: auto;
  margin: 0px 5px 0px 5px ;
}

.code {
  font-family: monospace;
}

span.code {
  font-weight: bold;
  background: #eee;
}

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  border: 1px solid #9c9;
  width: 80%;
  font-size: 120%;
  font-weight: bolder;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 80%;
  background: #eef URL('../images/info.png') left center no-repeat;
  border: 1px solid #cce;
}

.fielderror {
    color: red;
    font-weight: bold;
}
/*
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. * /
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. * /
	color: #000000;
}
*/
.twoColHybLt #container { 
	width: auto;  /* будет создан контейнер размером 100% от ширины окна браузера. */
	background: #FFFFFF;
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	border: 1px solid #777;
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
} 

/* Советы по элементу sidebar1:
1. Поскольку значения устанавливаются в относительных единицах, не рекомендуется использовать отступ для боковой панели. Он будет добавлен к общей ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину. 
2. Поскольку значение боковой панели задается в эмах, ее ширина будет изменяться в зависимости от размеров шрифта, заданных по умолчанию.
3. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".twoColHybLt #sidebar1 p".
*/
.twoColHybLt #sidebar1 {
	position: fixed;
/*	
	z-index:10;
*/
	left: 6px; 
	width: 10em; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	height: 50em;
	background: #EBEBEB; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 7px 5px  ; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
}

.twoColHybLt #sidebar2 {
	float:left;	
	width: 10.1em; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	min-height: 50.2em;
	height:30.5em;

/*	background: #FFEBEB; /*  цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 7px 7px ; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
}

.twoColHybLt #sidebar1 h3, .twoColHybLt #sidebar1 p {
	margin-left: 10px; /* левое и правое поля нужно задать для каждого элемента, который будет помещен в боковые колонки. */
	margin-right: 10px;
}

/* Советы по элементу mainContent:
1. Пространство между элементами mainContent и sidebar1 создается путем добавления левого поля к элементу mainContent div. Пространство этой колонки сохранится, несмотря на объем содержимого элемента sidebar1 div. Это левое поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство #sidebar1, если содержимое элемента #sidebar1 закончится.
2. Помните о возможном выпадении потока (выпадение из боковой панели необтекаемой области mainContent) при помещении в блок mainContent div элемента, который шире этой панели. При использовании гибридного макета (общая ширина в процентах и боковая панель в эмах), возможно, не получится точно вычислить доступную ширину. Если размер шрифта, установленный пользователем, превышает средний размер, элемент sidebar div получится шире, но для элемента mainContent div останется меньше места. Учитывайте это ограничение особенно в том случае, если клиент добавляет содержимое с помощью продукта Contribute.
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это может предотвратить несколько специфичных для Internet Explorer ошибок.
*/
.twoColHybLt #mainContent { 
	margin:  0 0 0 12em; /* размер правого поля можно задать в процентах или пикселах. Данное значение создает пространство с правой стороны страницы. */
} 

/* Прочие классы для повторного использования */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*добавка*/
.datatable {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
.navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.navigation_sm {
font-size: 0.9em;
}
.navigation_sm a:link, .navigation_sm a:visited {
padding: 1px 4px 1px 4px;
color: #FFFFFF;
background-color: #1010B5;
text-decoration: none;
font-weight:bold;
border: 1px solid #151571;
}

.navigation_sm a:hover {
color: #FFFFFF;
background-color: #151571;
}

.navigation_sm a:active {
color: #FFFFFF;
background-color: #10F510;
}

.navigation select {width:110px; height:18px; border:1px solid #525252; color:#7f7f7f; font-size:11px; vertical-align:middle; margin-top:0px;}

.navigation input  {width:10.5em; height:16px; border:1px solid #525252; color:#007f00; font-size:11px; vertical-align:middle; margin-top:0px;}

.navigation ul {
list-style: none;	
margin: 0;
padding: 0;
padding-top: 0px;
width: 300px;
min-width: 300px;
}

.navigation li {
display: inline;
width : 100px;
min-width:100px;
}
.navigation a:link, .navigation a:visited {
padding: 2px 5px 1px 5px;
color: #FFFFFF;
background-color: #601060;
text-decoration: none;
border: 1px solid #411541;
width: 100px;
min-width: 100px;
}

.navigation a:hover {
color: #FFFFFF;
background-color: #151571;
}

.navigation a:active {
color: #FFFFFF;
background-color: #10F510;
}

#msg_state {
position: fixed;
top :0; 
left: 0; 
display: none;
color: #0000A0;
background-color: #FFFFA0;
font-weight: bold;
border: 1px solid #FFFFA0;
z-index:1000;
}


#pageLogin
        {
            font-size: 10px;
            font-family: verdana;
            text-align: right;
			float:right;
			color:#FFF;
/*			font-color:#FFF;
*/			margin-right: 1em;
						
        }
#pageLogin span, #pageLogin  a.link, #pageLogin a, #pageLogin a.active
        {
			color:#FFF;
/*			font-color:#FFF;
*/						
        }






tr.pr_odd td {background-color:#9ff;}
tr.pr_even td {background-color:#eff;}

tr.compl_odd td {background-color:#fdf;}
tr.compl_even td {background-color:#fef;}

tr.pu_odd td {background-color:#d8c6ff;}
tr.pu_even td {background-color:#eae1ff;}