/* Start of CMSMS style sheet 'КБ ТЭ - Компоновка' */
/*****************
броузеры по разному интерпретируют поля и отступы, потому их убираем
******************/
* {
margin:0;
padding:0;
}

/*
Устанавливаем основные стили шрифтов
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
Устанавливаем размер шрифтов для всех divs,
что отменяет некоторые правила для тела
*/
div {
   font-size: 1em;
}

/*
Если img внутри "a" у него будет бордюр, а это нам нафик не надо. 
*/
img {
   border: 0;
}

/*
стиль ссылок по умолчанию
*/
/* Все ссылки будут подчеркнуты и цвета bluе */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #007BFF ; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* цвет для посещенных ссылок */
}


/* убираем подчеркивание и подсвечиваем ссылку при наведении курсора*/
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: red;
}

/*****************
Основные уставки 
*****************/

/* Лайтбокс, всплывающие фотки */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/uploads/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/uploads/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/uploads/lightbox/overlay.png", sizingMethod="scale");
	}





body {
   background-color: #ccc;
   color: #333;
   margin:3em;    /* немного воздуха по краям страницы */
   

}

/* центрирует страницу (wrapper), min max ширина */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* это центрирует wrapper */
   max-width: 80em;   /* IE не понимает этого, так что будем использовать javascript magick */
   min-width: 60em;
   background-color: #fff;
   color: black;
}


/*** header ***
спрячем текст и заменим его рисунком
необходимо задать высоту для этого для того, чтобы рисунок не был обрезан
*/
div#header {
   height: 80px;    /* Настраивается в соответствии с высотой своего изображения */
   background: #385C72;           
}

div#header h1 a {
/* тут указывается собственный рисунок */
   background: #385C72 url(uploads/images/tmpl2.gif) no-repeat 0 12px; 
   display: block;
   height: 80px;             /* настраивается в соответствии с размером своего рисунка */
   text-indent: -999em;  /* прячет текст */
   text-decoration:none; /* старый firefox будет подчеркивать ссылку, это - исправляет проблему */
}

/* позиция окошка поиска */
div#search {
   float: right;
   width: 27em;    /* ширина окошка поиска */
   text-align: right;
   padding: 0 0 0 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 0 0 0 0; /* CSS правило: верх, право, низ и лево */
   font-size: 80%;        /* лучше задавать шрифт в относительных величинах */
   margin: 0 1em;        /* css правило: будет открыто на "0 1em 0 1em" */
   }

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 div#content {
   margin: 0 auto 2em 0;   /* немного пространства над и под меню */
}


div#main {
   margin-left: 0%; /* это даст пространство для  sidebar с левой стороны, удостовериться что это пространство больше чем сама ширина sidebar  */
   margin-right: 0%; /* и немного пространства справа */
}

div#sidebar {
   float: left;        /* устанавливает sidebar на левой стороне. Изменить на right to чтобы прижался вправо */
   width: 18%;     /* ширина sidebar,  если меняем ее, то нужно также менять #main margins */
   display: inline;  /* Исправляет IE double margin bug */
   margin-left: 0;
   color: #0000AC;
}

div#footer {
   clear: both;       /* устанавливает footer под контент и меню*/
   color: #fff;
   background-color: #0096FF; /* тот же цвет, что и у заголовка */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;       /* немного пространства для footer */
   text-align: center;  /* центровка текста */
   margin: 0;
}

div#footer p a {
   color: #fff; /* необходимо, чтобы ссылки не стали того же цвета, что и подложка footer-а */
}

/* раз уж мы спрятали все hr для совместимости, нужно создать новую hr через дополнительный элемент div */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* относительные ссылки под контентом */
div.left49 {
  width: 49%; /* 50% для обоих отступов приведут к ошибке в округлении в некоторых броузерах */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
Стиль контента
*********************/
div#content {

}

/* ЗАГОЛОВКИ */
div#content h1 {
   font-size: 1.5em; /* размер для h1 */
   line-height: 1em;
   margin: 0;
}

div h1 {
   font-size: 1.5em; /* размер для h1 */
   line-height: 1em;
   margin: 0  0  0 0;
}


div#content h2 {
	color: #000000;
	font-size: 1.4em;
	text-align: left;
 line-height: 1.2em;
            margin: 0 0 1em 0;
}

h2 {
   color: #000000; 
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 0 0 0.9em 0;
}

div#content h3 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0.6em 0.6em 0.6em 0.6em;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* КОНЕР¦ ЗАГОЛОВКОВ */

/* ТЕКСТ */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* немного пространства вокруг элемнтов p */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Р азделяет divs on the template explanation page, небольшими границами снизу */
div.templatecode {
  margin: 0 0 2.5em;
}

/* КОНЕР¦ ТЕКСТА */

/*СПИСКИ main*/
/* немного отступов для списков в содержании, для красоты */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* определяет темы списков жирным */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/*СПИСКИ контент*/
/* немного отступов для списков в содержании, для красоты */
div#content ul,
div#content ol,
div#content dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#content ul li,
div#content ol li {
   margin: 0 0 0.25em 3em;
}

/* определяет темы списков жирным */
div#content dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#content dl dd {
   margin: 0 0 1em 1em;
}

div#content dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* КОНЕЦ СПИСКОВ */

/*ТАБЛИЦЫ ЗАГОЛОВКИ И СОДЕРЖАНИЕ*/


td.heading {
	font-family:Arial,Helvetica;
	color:#FFFFFF;
	background-color: #6183C2;
	font-weight:bold;
	padding-left : 0.5%;
	padding-right : 0.5%;
	vertical-align : middle;
	text-align : center;
}

td.content {
	font-family:Arial,Helvetica;
	color:#000000;
	background-color: #B0C4DE;
	text-align : center;
	vertical-align : middle;
}

td.content_l_c {
	font-family:Arial,Helvetica;
	color:#000000;
	background-color: #c8d6e8;
	text-align : center;
	vertical-align : middle;
	margin-top : 4px;
	margin-bottom : 4px;
}

td.content_d_c {
	font-family:Arial,Helvetica;
	color:#000000;
	background-color: #B0C4DE;
	text-align : center;
	vertical-align : middle;
	margin-top : 4px;
	margin-bottom : 4px;
}


td.content_l_l {
	font-family:Arial,Helvetica;
	color:#000000;
	background-color: #c8d6e8;
	text-align : left;
	vertical-align : middle;
	 padding-left : 10px;
	 padding-right : 8px;
	margin-top : 4px;
	margin-bottom : 4px;
}

td.content_d_l {
	font-family:Arial,Helvetica;
	color:#000000;
	background-color: #B0C4DE;
	text-align : left;
	vertical-align : middle;
	 padding-left : 10px;
	 padding-right : 8px;
	margin-top : 4px;
	margin-bottom : 4px;
}


tr.content {
      		font-family:Arial,Helvetica;
            color:#000000;
            background-color:#B0C4DE;
 }

/* End of 'КБ ТЭ - Компоновка' */