@CHARSET "UTF-8";

html { height: 100%; }
body { height: auto !important;  height: 100%; min-height: 100%; position: relative;  margin: 0px 0px; padding: 0px 0px; font-family: Arial, Tahoma, sans-serif; color: #555; font-size: 75%; line-height: 140%; }

/* Цвета */
.gray { color: #b2b2b2; }
.red { color: #ff202b !important; }
.black { color: #000; }
.bgr-white { background-color: #fff; }
.bgr-black { background-color: #000; }
.bgr-gray { background-color: #ebebeb; }
.bgr-red { background-color: #ff202b; }
.bgr-yellow { background-color: #fffef2; }
.box { padding: 10px; }

/* Текстовые стили */
.x-small { font-family: Tahoma; font-size: 80%; line-height: 135%; }
.small { font-family: Tahoma; font-size: 90%; line-height: 140%; }
.large { font-size: 120%; line-height: 140%; }
.x-large { font-size: 140%; line-height: 140%; }
.xx-large { font-size: 170%; line-height: 130%; }
h1 { position: relative; color: #000; font-family: "Trebuchet MS", Tahoma; font-style: Italic; font-size: 240%; line-height: 120%; font-weight: normal; padding: 0; margin: 0 0 20px 0; -margin-left: 2px; } 
h2 { position: relative; color: #ff202b; font-family: Arial, sans-serif; font-size: 160%; line-height: 120%; font-weight: normal; padding: 0; margin: 0 0 15px 0; }
h3 { color: #000; font-size: 120%; line-height: 140%; font-weight: bold; padding: 0; margin: 0 0 0.5em 0; }
h4 { color: #000; font-size: 100%; line-height: 140%; font-weight: bold; padding: 0; margin: 0 0 0.5em 0; }
p { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 1.2em 0px; }
.after-h1 { margin: 14px 0px 0px 10px; }
a { color: #0388c0; }
a:hover, a.red { color: #ff202b; }
a.red:hover { color: #000 !important; }
h2 a { color: #ff202b; text-decoration: none; }
.link-color { color: #0388c0; }
ul { margin: 0px 0px 1.2em 0px; padding: 0px; }
ul li { margin: 0px 0px 0.6em 30px; list-style-position: outside; list-style-type: disc; }
ol { padding: 0px 0px 0px 0px; margin: 0px 0px 1.2em 0px; list-style-type: decimal; list-style-position: outside; //height: 1%; }
ol li { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0.6em 30px; }
ol.alpha { list-style-type: lower-alpha; }
ul.none li { margin-left: 0px; list-style-type: none; }
li ol, li ul { clear: both; margin-top: 1.2em; position: relative; }
ul.floats { margin: 0px; padding: 0px; position: relative; }
ul.floats li { list-style-type: none; margin: 0px; padding: 0px; float: left; position: relative; }
ul.list { margin: 0px 0px 1.2em 0px; padding: 0px; }
ul.list li { margin: 0px 0px 0.6em 0px; padding: 0px; list-style-type: none; }


/* Служебные элементы */
#flashMessage, #errorMessage {
	position: fixed;
	text-align: center;
	top: 0px;
	z-index: 100;
	width: 100%;
	padding: 5px 0px 5px 0px;	
	background-color: #f5f599;
	color: #000;
}
#errorMessage {
	background-color: #fce1d9;
}
.fade-out {
	background: url('/img/fade-out-white.png') top left no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -1px;
	top: 0px;	
}
.bgr-gray .fade-out {
	background: url('/img/fade-out-gray.png') top left no-repeat;
}


/* Иконки */

a.icon, span.icon, div.icon { 
	display: block; 
	width: 28px; 
	height: 24px; 
	overflow: hidden; 
}
h1 .icon {
	display: inline;
	position: absolute;
	margin: 8px 0px 0px 10px;
	-margin-top: 10px;
}
h2 .icon {
	display: inline;
	position: absolute;
	margin-left: -35px;
}
.icon img {	
	width: 56px;
	height: 336px;
	background: url('/img/icons/icons.png') top left no-repeat;	
	background-color: transparent !important;
}
a.icon img, .icon:hover .i-close {
	margin-left: -28px;
}
a.icon:hover img {
	margin-left: 0px;
}
.icon img.i-same { margin-top: 0px; }
.icon img.i-company { margin-top: -24px; }
.icon img.i-expert { margin-top: -48px; }
.icon img.i-user { margin-top: -72px; }
.icon img.i-problem { margin-top: -96px; }
.icon img.i-pipe { margin-top: -120px; }
.icon img.i-crown { margin-top: -144px; }
.icon img.i-login { margin-top: -168px; }
.icon img.i-method { margin-top: -192px; }
.icon img.i-pic-expert { margin-top: -216px; }
.icon img.i-pic-crown { margin-top: -240px; }
.icon img.i-close { margin-top: -264px; }

.plusminus { 
	display: block; 
	width: 10px; 
	height: 10px; 
	overflow: hidden; 
	border: 0px;
	text-decoration: none;
}
.plusminus img, .plusminus input {	
	width: 20px;
	height: 30px;
	background: url('/img/icons/plusminus.gif') top left no-repeat;
	margin-top: -20px;	
	border: 0px;
	background-color: transparent;
}
a.plusminus img, .plusminus input {
	margin-top: -10px;
}
a.plusminus:hover img, .plusminus:hover input {
	margin-top: 0px;
}
a.plusminus:hover {
	-zoom: 1;
}
.plusminus .minus { margin-left: 0px; }
.plusminus .plus { margin-left: -10px; }

.cross {		
	width: 11px; 
	height: 11px; 
	overflow: hidden; 
	display: block;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
	border: 0px;		
	margin: 0px 0px -2px 4px;
}
.cross span {
	display: block;
	border: 0px;
	width: 11px;
	height: 33px;
	background: url('/img/icons/cross.png') top left no-repeat;	
}
a:hover .cross span,
.cross:hover span {
	margin-top: -11px;	
}
.crossed { 
	margin-right: 16px; 
}

ul.files {
	margin: 1.2em 0 1.2em 0;
}
ul.files li { 
	padding: 0 0 0 12px;
	margin-left: 0px;
	margin-bottom: 2px;
	list-style-type: none;
	background: url('/img/icons/file.gif') no-repeat 0px 2px;
	position: relative;		 
}
.comment:hover ul.files li {
	background: url('/img/icons/file-hover.gif') no-repeat 0px 2px;
}
ul.files li span {
	white-space: nowrap;
	color: #b2b2b2; 
	font-family: Tahoma; 
	font-size: 90%; 
	line-height: 140%;
	margin-left: 5px; 	
}
ul.delete-list {
	margin: 1.2em 0 1.2em 0;
	position: relative;
}
ul.delete-list li {
	background: none;
	list-style-type: none;
	position: relative;
	margin: 0px 0px 0px 16px;
	padding: 0px;	
}
ul.delete-list .cross {
	position: absolute;
	left: 0px;
	margin: 3px 0px 0px -16px;
}

.h-line {
	border-top: #d7d7d7 1px solid;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

/* Для выделения недоделанных, недовёрстанных, недописанных мест */
.todo {
	background-color: yellow;
}

.scroll-box {
	position: relative;
	height: 300px;
	overflow-y: scroll;
	border: #d7d7d7 1px solid;
	background-color: #fff;
	padding: 10px;	
}


#subscribe-tags,
#subscribe-regions {
	margin: 10px 0 0 25px;
}


#fixedbar { position: relative; }
.fixed#fixedbar { position: fixed !important; top: 10px; }