/* Comment element properties */

html {font-size: 100.01%;}

* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	background: #99CCCC url(images/lb.png) bottom center no-repeat;
}

#header-fade, #header-img, .footer {
	min-width: 64em;
	width: 100%;
}

#header-fade, #header-img {
	background-color: #336699;
	height: 150px;
	left: 0;
	top: 0;
	position: absolute;
}

#header-fade {background-color: #FFFF99;}

#header {
	color: #FFF;
	height: 150px;
	position: relative;
}

/*---------------------------------*/
#minMax {
	margin: 0 auto;
	max-width: 1200px;
	min-width: 64em;
	position: relative;
	width: 98%;
}

.middle {
	height: 1%;
	width: 100%;
}

.middle:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

#cont-middle {
	float: left;
	overflow: hidden;
	width: 100%;
}
#cont-pos1 {padding: 0 0 0 19.5em;}

#cont-pos2 {padding: 0 19.5em 0 0;}

#cont-pos3 {padding: 0 19.5em;}

.sl, .sr {
	float: left;
	margin-left: -100%;
	width: 19em;
}

.sr {
	margin-left: -19em;
	margin-right: -3px;
}
/*-------- Size END -------*/

.box-body, .box-sbody, .main-footer {background: #E3FFFF url(images/gr_t0.gif) bottom;border-top: 1px solid #AED7D7;}

.box-body {
	font-size: 1.3em;
	padding: 5px 20px 0;
}

.box-sbody {
	font-size: 1.25em;
	padding: 5px 5px 0;
}

.spacer, #minMax {margin-bottom: 0.5em;}

.b1, .b2, .b3, .b5 {
	border-left: 1px solid #99CCCC;
	border-right: 1px solid #99CCCC;
	display: block;
	font-size: 1px;
	height: 1px;
	margin: 0 -5px;
	overflow: hidden;
}

.b5 {border-width: 0 5px;}
.b3 {border-width: 0 3px;}
.b2 {border-width: 0 2px;}

.box-body .b1, .box-body .b2, .box-body .b3, .box-body .b5 {margin: 0 -20px;}

.capmain .b5 {background: #B2D9D9;}
.capmain .b3 {background: #C0E0E0;}
.capmain .b2 {background: #CCE6E6;}
.capmain .b1 {background: #D0E8E8;}

a {
	color: #275C92;
	text-decoration: none;
}

a:hover {
	color: #293641;
	text-decoration: underline;
}

a.side {
	color: #275C92;
	text-decoration: none;
}

a:hover.side {
	color: #293641;
	text-decoration: underline;
}

a.white, li.white a, #header-logo {
	color: #FFF;
	text-decoration: none;
}

a.caption {
	color: #339999;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #FFF;
	text-decoration: underline;
}

a:hover.caption {
	color: #339999;
	text-decoration: underline;
}

hr, hr.side-hr {
	border: 1px solid #B9D2EC;
	height: 1px;
}

td {font-size: 1em;}

pre {font-size: 1em;}

H1 {font-size: 1.75em;}

p {
	line-height: 1.5;
	text-indent: 2em; /* Отступ первой строки */
}

p.noabz {text-indent: 0;}

img {border: 0;}

a.panelbutton {
	float: right;
	margin: 4px 2px;
	outline: none;
	text-decoration: none;
}

a:hover.panelbutton {
	background-color: #99CCCC;
	outline: none;
	text-decoration: none;
}

a:focus.panelbutton {outline: none;}

table {
	border: 0; /* border="0" */
	border-collapse: collapse; /* cellspacing="0" */
}

table td{
	padding: 0; /* cellpadding="0" */
}

table.tbl1, table.tbl2 {border-collapse: separate;}

table.tbl1 td{
	border: 1px solid #99CCFF;
	padding: 0.5em 0.8em;
}

table.img100w{
	table-layout: fixed;
	width: 100%;
}

.alt {color: #468BD0;}

.it {font-style: italic;}

.margin02px {margin: 0 2px;}

.admin-message {
	font-size: 1.2em;
	text-align: center;
	color: #000;
	background-color: #B2D1F0;
	border: 1px solid #99CCFF;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {margin: 0px;}

.button {
	background: #fff url(images/button.gif);
	border: 1px solid #ABC3DB;
	color: #275C92;
	font-size: 1em;
	height: 2em;
	margin-top: 2px;
}

.bbcode {
	font-size: 1em;
	color: #000;
	background-color: #EAFFFF;
	border: 1px solid #ABC3DB;
	margin-top: 2px;
}

.textbox {
	font-size: 1em;
	color: #000;
	background-color: #EAFFFF;
	border: 1px solid #ABC3DB;
}

/* Header and footer properties */

.header-right, #clock {
	bottom: 1.6em;
	font-size: 1em;
	position: absolute;
	right: 5px;
	text-align: right;
	text-indent: 0;
	white-space: nowrap;
	width: 10em;
}

#clock {
	bottom: 3px;
	text-shadow: 0px -1px 0px #000;
}

.login {background: url(/images/login.gif) no-repeat;}

.logout {background: url(/images/logout.gif) no-repeat;}

.header-login {
	display: block;
	height: 30px;
	opacity: 0.5;
	position: absolute;
	right: 5px;
	top: 60px;
	width: 30px;
}

a:hover.header-login {background: url(/images/butact.gif) no-repeat;}

#header-logo {
	display: block;
	left: 5px;
	position: absolute;
	top: 25px;
}

#header ul{
	bottom: 3px;
	font-size: 1.25em;
	font-weight: bold;
	left: 5px;
	position: absolute;
	text-shadow: 0px -1px 0px #000;
	white-space: nowrap;
}

#header ul li{display: inline;}

#header ul li.first-link .bullet{display: none;}

.capmain, .sub-footer, .sub-footer-center {
	background: #DEEFEF url(images/gr_c.gif) repeat-x bottom;
	background-image: -moz-linear-gradient(left, right, from(#DEEFEF), to(#B0D8D8));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #DEEFEF), color-stop(1.00, #B0D8D8));
	color: #339999;
	min-width: 2em;
	padding: 5px 0;
	text-shadow: 0px 1px 0px #FFF;
}

.sub-footer {min-width: 31em;}

.main-footer {text-shadow: 0px 1px 0px #FFF;}

/* Side-Panel properties */

.capmain {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 5px 4px;
	margin-top: 0.5em;
	border-bottom: 1px solid #B0D8D8;
}

/* Center-Panel properties */

.news-category {
	border: 0;
	float: left;
	margin: 3px 15px 0 0;
}

.news-categoryR {
	border: 0;
	float: right;
	margin: 3px 0 0 15px;
}

.news-footer {
	background: #DEEFEF;
	color: #000;
	font-size: 0.75em;
	margin: 0 -19px;
	padding: 0.4em;
	text-indent: 0;
}

/* General table properties */

.center {margin: 0 auto;}

.tbl-border {border: 1px solid #D7E3EC;}

.tbl {
	font-size: 1em;
	color: #000;
	background-color: #F2F7FF;
	padding: 0.5em;
}

.tbl1 {
	font-size: 1em;
	color: #000;
	background-color: transparent;
	padding: 1em 0;
	margin: 0.5em 0;
}

.tbl2 {
	font-size: 1em;
	color: #000;
	background-color: #E4EFF8;
	padding: 0.5em 0.8em;
	margin: 0.5em 1em 0.5em 0;
}

.tbl3 {
	font-size: 1em;
	color: #000;
	background-color: transparent;
	padding: 0.5em;
}

.box {
	border: 1px solid #99CCFF;
	padding: 1em;
	margin: 0.5em 0;
}

.forum-caption {
	font-size: 0.92em;
	font-weight: bold;
	color: #000;
	background-color: #E4EFF8;
	padding: 0.4em;
}

.quote {
	font-size: 1.2em;
	color: #000;
	background-color: #D0DAE1;
	padding: 4px;
	margin: 0px 20px;
	border: 1px solid #97B1CB;
}

.poll {
	height: 1.2em;
	border: 1px solid #ABC3DB;
	background-color: #B9D2EC;
/*	background: #B9D2EC url(images/pollbar.gif) repeat-x;*/
}

.comment-name {
	font-weight: bold;
	color: #275C92;
}

.shoutboxname {
	font-weight: bold;
	color: #000;
}

.shoutbox {
	color: #555;
}

.shoutboxdate {
	font-size: 1em;
	color: #468BD0;
}

.small {
	font-size: 1em;
	font-weight: normal;
}

.small2 {
	font-size: 1em;
	font-weight: normal;
	color: #555;
}

.side-small {
	font-size: 0.75em;
	font-weight: normal;
	color: #468BD0;
}

.side-label {
	color: #275C92;
	background-color: #B9D2EC;
	margin: 2px 0 2px 0;
	padding: 2px 2px 3px 2px;
}

.txt-center, .main-footer, .news-footer {text-align: center;}

.txt-justify, p, .tbl1, .tbl2, .tbl3 {text-align: justify;}

.txt-left {text-align: left;}

.txt-right {text-align: right;}

/* Vertical Navigation */

#navigation h2 {
	font-size: 1em;
	font-weight: normal;
	background-color: #F1F9FE;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation a {
	display: block;
	color: #275C92;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #275C92;
	background-color: #B9D2EC;
}

/* Page Navigation */

.pagenav {padding: 4px;}

.pagenav span {
	color: #275C92;
	background-color: #EAFFFF;
	border: 1px solid #ABC3DB;
	padding: 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #468BD0;
	background-color: #EAFFFF;
	border: 1px solid #425E79;
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #455C6D;
	background-color: #F8FBFF;
	margin: 2px;
	text-decoration: none;
}

/*** set the width and height to match your images **/

#slideshow {
	position: relative;
	height: 9em;
}

#slideshow DIV {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	height: 100%;
	width: 100%;
	text-align: center;
}

#slideshow DIV.active {z-index: 10;}

#slideshow DIV.active p {display: block;}

#slideshow p {
	line-height: 1;
	text-indent: 0;
	text-align: center;
	display: none;
}

#slideshow DIV.last-active {z-index: 9;}

#slideshow DIV.last-active p {display: none;}

#slideshow DIV IMG {
	height: 4.5em;
	margin-bottom: 0.5em;
}

/*Outermost DIV for thumbnail viewer*/
#thumbBox{
	position: absolute;
	font-size: 1.3em;
	color: #000;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-top: 0;
	background: #B2DADA;
	background: #EAFFFF url(images/gr_t0.gif) repeat;
	visibility: hidden;
	z-index: 10;
	border: 2px outset #CCFFFF;
	text-align: center;
}

#thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
	padding: 5px 0;
	text-align: right;
}

#thumbBox .footerbar img {cursor: pointer;}

#thumbBox .footerbar img:hover {background-color: #6699FF;}
/*DIV within thumbbox that holds the enlarged image */
/*#thumbBox #thumbImage{background-color: #B2DADA;}*/

#thumbBox #thumbImage img {border: 1px inset #CCFFFF;}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}