﻿empty{}

body, html, .mainform
{
    height: 100%;
    text-align:center;
    margin: 0;
}
a { color: #003366; }
img { border: none; }


#container
{
	font: 15px Arial, Helvetica, sans-serif;
    text-align: left;
    width: 1000px;
    margin: auto;
}


/*********/
/* Шапка */
/*********/
#header
{
    font: 15px Tahoma;
    text-align: left;
    margin-top: 20px;
}
/* Логотип *//**/
#header h1
{
    float: left;
    width: 235px;
    height: 72px;
    border-right: solid 1px #96aebe;
    padding-top: 8px;
    margin: 0;
    overflow: hidden;
}
#header h1 span,
#header h1 a
{
	background: url('design/logo.gif') no-repeat left top;
	display: block;
	width: 195px;
	height: 72px;
	margin: 5px 0 0 20px;
	text-indent: -5000px;
}
/* Валюта *//**/
#header #valute
{
    float: right;
    text-align: center;
    width: 130px;
    height: 80px;
    border-left: solid 1px #96aebe;
}
#header #valute h6
{
    color: #003366;
    font-size: 9px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 8px;
}
#header #valute div
{
    height: 29px;
    margin-left: 27px;
    margin-bottom: 3px;
    clear: both;
}
#header #valute b
{
    display: block;
    float: left;
    width: 29px;
    height: 29px;
    text-indent: -5000px;
}
#header #valute #eur b
{
    background: url('design/eur.jpg') no-repeat;
}
#header #valute #usd b
{
    background: url('design/usd.jpg') no-repeat;
}
#header #valute span
{
    color: #65849a;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    display: block;
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
    padding-left: 10px;
    float: left;
}
#header #valute .rur
{
    display: none;
}
/* Логин (вход не выполнен) *//**/
#header .login
{
	text-align: right;
    border-left: solid 1px #96aebe;
    width: 171px;
    height: 80px;
    float: right;
}
#header .login .top
{
    color: #003366;
    font-size: 10px;
}
#header .login p
{
	color: #ff6600;
	font: bold 10px Tahoma;
	margin: 5px 0 0;
}
#header .login p input
{
	font-size: 12px;
	vertical-align: middle;
	width: 103px;
	height: 18px;
	line-height: 18px;
	border: solid 1px #96aebe;
	margin: 0 0 0 5px;
	padding: 0 1px;
}
#header .login p span
{
	font: 12px "Courier New", Courier, monospace;
	text-align: left;
	white-space: nowrap;
	position: absolute;
	margin-left: -10px;
}
#header .login .btns
{
	margin-top: 3px;
}
#header .login .btns a
{
	color: #ff6600;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}
/* Логин (вход выполнен) *//**/
#header #logon { font: 10px Tahoma; text-align: left; border-left: solid 1px #96aebe; width: 160px; height: 80px; padding-left: 10px; float: right; }
#header #logon .top { color: #0093dd; font-size: 12px; font-weight: bold; }
#header #logon ul { height: 50px; margin: 0; padding: 0px; list-style: none; }
#header #logon ul li { padding: 3px 0 0 2px; }
#header #logon ul li a.admin { color: #090; }
#header #logon .btns { text-align: right; }
#header #logon .btns a { color: #ff6600; font: bold 14px Georgia, "Times New Roman", Times, serif; }

/* Реклама *//**/
#header .ad
{
    color: #d1d1d1;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
	width: 462px;
    height: 80px;
    line-height: 80px;
	float: right;
	margin-bottom: 10px;

}
/* Линия *//**/
#header .line
{
    background: #ff6600 url('design/line-orng.png') repeat-x;
    height: 29px;
    clear: both;
}
#header .bigline
{
    background: #68879c url('design/line-gray.png') repeat-x;
    height: 175px;
    margin: 2px 0 55px;
}
/* Машина *//**/
#header #car
{
    background: url('design/car.png') no-repeat right;
    position: absolute;
    width: 600px;
    height: 260px;
    top: 105px;
    margin-left: 410px;
}
*html #header #car
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Themes/WGO/design/car.png', sizingMethod='crop');
}
#header h2 { color: White; font: bold 13px Arial; text-transform: uppercase; height: 29px; line-height: 29px; text-align: right; 
             vertical-align: middle; padding: 0; margin: 0 0 0 675px; position: absolute; width: 319px; top: 110px;}


/****************/
/* Главное меню */
/****************/
#menu { font: bold 12px Arial; text-align: center; background: white url('design/field-menu.png') no-repeat center; position: absolute;
        width: 209px; height: 240px; top: 100px; margin-left: 15px; padding-top: 18px; }
#menu ul.menu { list-style: none; text-align: left; text-transform: uppercase; padding: 0 20px 0; margin: 0; }
#menu ul.menu li a { color: #0093dd; display: block; height: 35px; line-height: 35px; vertical-align: middle; border-bottom: dotted 2px #e2e2e2; cursor: default; }
#menu ul.menu li.active a { color: Gray; }
#menu ul.submenu { text-align: left; position: absolute; display: none; top: 50px; left: 200px; margin: 0px; padding: 0 0 0 40px;
	               white-space: nowrap; list-style: none; z-index: 100; }
#menu ul.submenu li { padding-top: 15px; }
#menu ul.submenu a { color: White; background: none; }


/******************/
/* Боковая панель */
/******************/
#panel
{
    text-align: center;
    width: 209px;
    margin-left: 15px;
}
/* Блок поиска   */
/* Блок новостей */
/* Блок статей   */
/*****************/
#panel #newsblock,
#panel #artsblock,
#panel #search-block
{
	color: White;
	font: 12px Arial;
	text-align: left;
	margin: 0 1px 16px;
	width: 209px;
}
#panel #newsblock h4,
#panel #artsblock h4,
#panel #search-block h4
{
	color: White;
	font: bold 13px Tahoma;
	text-align: center;
	vertical-align: middle;
	background: #ff6600 url('design/line-orng.png') repeat-x top;
	height: 29px;
	line-height: 29px;
	margin: 0 2px 2px;
	padding: 0;
}
#panel #newsblock .top,
#panel #artsblock .top,
#panel #search-block .top
{
	background: url('design/field-gray-top.gif') no-repeat bottom center;
	height: 2px;
	overflow: hidden;
}
#panel #newsblock .body,
#panel #artsblock .body,
#panel #search-block .body
{
	background: #68879c url('design/field-gray-line.gif') repeat-y center;
	padding: 15px 9px 5px;
}
#panel #newsblock .body p,
#panel #artsblock .body p
{
	margin: 0;
	padding-bottom: 10px;
}
#panel #newsblock .body a,
#panel #artsblock .body a
{
	color: White;
}
#panel #newsblock .btm,
#panel #artsblock .btm,
#panel #search-block .btm
{
	background: url('design/field-gray-btm.gif') no-repeat top center;
	height: 2px;
	overflow: hidden;
}
#panel #newsblock .body p span
{
	font: 10px Arial;
	color: #003366;
	display: block;
	width: auto;
}
#panel #search-block .body div { padding-bottom: 7px; }
#panel #search-block .body div h6 { font: normal 12px Arial; text-align: right; vertical-align: middle; display: block; width: 58px; float: left; height: 18px; line-height: 18px; padding: 0 7px 0 0; margin: 0; }
#panel #search-block .body select.big { font: 11px Tahoma; width: 107px; height: 18px; margin: 0; }
#panel #search-block .body select.small { font: 11px Tahoma; width: 50px; height: 18px; margin: 0; }
#panel #search-block .body input { font: 10px Tahoma; border: solid 1px #96aebe; vertical-align: middle; width: 46px; height: 18px; line-height: 18px; margin: 0; padding: 0 1px; }
#panel #search-block .body .valid { font: 12px "Courier New", Courier, monospace; position: absolute; margin: 2px 0 0 -12px; }
#panel #search-block .btns { text-align: right; padding-top: 7px; }
#panel #search-block .btns a { color: White; font: bold 14px Georgia, "Times New Roman", Times, serif; }
/* Реклама *//**/
#panel .ad
{
	padding: 10px 0 0;
}


/*******************/
/* Рабочая область */
/*******************/
#content
{
	width: 750px;
	padding-top: 15px;
    float: right;
}


/**********/
/* Подвал */
/**********/
#bottom
{
	color: #666666;
	font: 10px Tahoma;
	text-align: left;
	margin-top: 70px;
}
#bottom .line
{
	background: #ff6600 url('design/line-orng-r.png') repeat-x top;
	height: 29px;
	margin-bottom: 10px;
	clear: both;
}
#bottom .copy
{
	padding-right: 5px;
	text-align: right
}
#bottom .link
{
	padding-right: 5px;
	text-align: right;
}
#bottom .support
{
	padding-left: 5px;
	float: left;
	margin-top: -25px;
}
#bottom .support span
{
	display: block;
}
#bottom .linkplus
{
	padding: 30px 5px 5px;
	clear: both;
}
#bottom .time { color: White; }


/***************/
/* Комментарии */
/***************/
.comment { font: 12px Arial; text-align: left; overflow: hidden; }
.comment h3 { font-size: 14px;  background: url('icon/16/comment.gif') no-repeat left center; padding: 0 0 0 20px; margin: 0; height: 16px; }
.comment h3 span { color: #3366cc; font-size: 11px; font-weight: normal;  cursor: pointer; border-bottom: dashed 1px #3366cc; padding: 0 1px; }
.comment #add { display: none; padding: 20px 0 0 20px; }
.comment #add h5 { font: normal 12px Arial; text-align: center; vertical-align: middle; 
			height: 25px; width: 150px; line-height: 25px; margin: 0; padding: 0;  background-color: #c7d3da; }
.comment #add .brd { padding: 4px; background-color: #c7d3da; }
.comment #add .brd textarea { font: 12px Tahoma; width: 100%; padding: 2px; }
.comment #add .valid { font: 12px "Courier New", Courier, monospace; }
.comment #add .btns { padding-top: 5px; }
.comment #add .btns a { color: #090; font: bold 15px Georgia, "Times New Roman"; }
.comment #add .info { color: #ff6600; font: 12px "Courier New", Courier, monospace; vertical-align: middle; height: 50px; line-height: 50px; }
.comment .pager { padding: 20px 0 0 20px;}
.comment .body { font: 13px Tahoma; margin: 0; overflow: hidden; }
.comment .body .empty { color: Gray; font-size: 18px; }
.comment .body .cmnt { padding: 20px 0 0 20px; }
.comment .body .cmnt .top { background-color: #eff5f5; border-bottom: solid 1px #669999; padding: 5px; }
.comment .body .cmnt .top .login { font-size: 11px; text-align: left; display: block; }
.comment .body .cmnt .top .date { font-size: 10px; }
.comment .body .cmnt .top .mng { color: #5a788b; font-size: 10px; text-align: right; float: right; margin-top: -17px; }
.comment .body .cmnt .top .mng a { color: #5a788b; }
.comment .body .cmnt .txt { color: #424242; padding: 5px; margin: 0; overflow: hidden; }
.comment .body .cmnt .txt ins,
.comment .body .cmnt .txt del { color: Gray; font: italic 12px "Courier New", Courier, monospace; text-decoration: none; display: block; }
.comment .body .edit .cmnt .top { background-color: #ffefe5; border-bottom: none; }
.comment .body .edit .cmnt .top .mng a.y { color: #090; }
.comment .body .edit .cmnt .top .mng a.n { color: red; }
.comment .body .edit .cmnt .txt { padding: 0 0 5px; margin-top: -1px; }
.comment .body .edit .cmnt .txt textarea { font: 12px Tahoma; border: solid 1px #f60; width: 100%; padding: 2px; }


/*************/
/* Календарь */
/*************/
.calendar { text-align: left; }
.calendar .month { height: 25px; }
.calendar .month .prev { width: 200px; }
.calendar .month .yesterday { width: 40px; }
.calendar .month .today { width: 50px; }
.calendar .month .cur { text-align: center; background-color: #e5f5fa; width: 100px; }
.calendar .month .lt, 
.calendar .month .rt { vertical-align: middle; line-height: 25px; }
.calendar .month .next { text-align: right; }
.calendar .days { color: Gray; background-color: #e5f5fa; height: 25px; }
.calendar .days td { text-align: center;}
.calendar .days .cur { border: solid 1px #ff6600; }
.calendar .days .ss { background-color: #ffefe5; }


/****************/
/* Поиск Google */
/****************/
#cse-search-box
{
    text-align: left;
    width: 1000px;
    margin: auto;
}
#cse-search-box .submenu
{
	text-align: left;
	position: absolute;
	display: none;
	top: 215px;
	margin: 0px;
	margin-left: 250px;
	white-space: nowrap;
    list-style: none;
	z-index: 100;
}
#googleForm .tm
{
	font-size: 12px;
	padding-left: 10px;
}
#googleForm .tm b { color: #0066ff; }
#googleForm .tm b b { color: red; }
#googleForm .tm b b b { color: yellow; }
#googleForm .tm b b b b { color: #0066ff; }
#googleForm .tm b b b b b { color: #339900; }
#googleForm .tm b b b b b b { color: red; }
#googleForm .tm sup { color: white; font-size: 5px; }


/********************/
/* Служебные классы */
/********************/
.hidden { display: none; }
.clear { clear: both; }
.rect .lt { background: url('design/angle-lt.gif') no-repeat top left; height: 100%; display: block; }
.rect .rt { background: url('design/angle-rt.gif') no-repeat top right; height: 100%; display: block; }
.rect .lb { background: url('design/angle-lb.gif') no-repeat bottom left; height: 100%; display: block; }
.rect .rb { background: url('design/angle-rb.gif') no-repeat bottom right; height: 100%; display: block; }
/* Всплывающие подсказки *//**/
.hint
{
	font: 12px Arial;
	text-align: justify;
	color: Black;
	background-color: #FFFFFF;
	border: solid 1px Black;
	padding: 3px;
	display: none; 
	position: absolute;
	white-space: nowrap;
}

