/**********************************************************
Project    : Dojo.in.ua
Part       : CSS stylesheet
Description: 
Author     : Sergey V Musenko	     sergey@musenko.com
Created at : 2008-12-26

Copyright (c) Web Solutions 123.  All rights reserved.
***********************************************************/

/*--- common part ---*/

body	{
	margin: 0px;
	padding: 0px;
	font-size: 12px; font-family: arial,helvetica;
	color: #222222;
	min-width: 780px;
	min-height: 300px;
}
td, p, div	{
	font-size: 12px;
	font-family: arial,helvetica;
}

h1,h2,h3,h4 { font-family: arial,helvetica; }
p {
	margin: 8px 0 8px 0;
	text-align: justify;
}

img	{ border: none }

ul {
	margin: 0px 0px 5px 0px;
	padding-left: 18px;
}
ol {
	margin: 0px 0px 5px 0px;
	padding-left: 22px;
}
li { padding: 0px; }

form { display: inline; }
input	{
	font-size:12px; font-family: arial,helvetica;
	height: 20px;
}
input.fld {
	border: inset 1px;
	width: 100%;
}
input.chk {
	height: 15px;
}
input.small {
	color: black;
	font-size: 10px; font-family: arial,helvetica;
	height: 16px;
	border: inset 1px;
}
textarea	{
	width: 100%;
	font-size:12px; font-family: arial,helvetica;
	border: inset 1px;
}

hr {clear:both; margin-top:18px}

.small	{
	font-size: 10px;
	color: #666666;
}

.titl	{
	font-weight: bold;
}

.titlr {
	font-weight: bold;
	color: #7C070A;
}

.indent {padding-left: 16px; }


/*=== custom parts ===*/

/*--- header black ---*/
#topLine {
	height: 30px;
	padding: 0 20px 1px 0;
	text-align:right;
	color:#fff;
}
#topLine a {
	padding: 3px 2px 5px 2px;
	line-height: 30px;
	text-decoration: none;
	color:#fff;
}
#topLine a:hover {
	color: #B91C20;
}
#topLine input {
	width: 60px;
	height: 16px;
	margin-left: 2px;
	border: solid 1px #555;
	background-color: #333;
	font-size: 11px;
	line-height: 12px;
	color: #aaa;
}
#topLine span {
	margin: 0 12px 0 12px;
	font-size: 15px;
	color: #777
}
.topbanner {
	float: right;
	padding: 3px;
}
.topbanner img { margin-left: 3px; }

/*--- header logo ---*/
#headLine {
	height: 102px;
	background: url(../img/bg_head.gif) left repeat-y #CAC9CD;
}
#headLine .logo { position: absolute; }
#headLine .logo img {
	position: relative;
	top: -18px; left: 12px;
}
#headLine .slogan {
	padding-top: 14px;
	width: 390px;
	text-align:right;
}
#headLine .slogan h1{
	margin:0; padding:0;
	font-size:30px;
	color: #000;
}
#headLine .slogan h2{
	margin:0; padding: 4px 0 0 0;
	font-size:14px;
	color: #525659;
	font-style: italic;
}
#headLine a, a:hover { text-decoration: none; }
#headSep {
	height:10px;
	background-color:#7F0509;
}

/*--- main menu ---*/
#mainMenu {
	height: 45px;
	background: url(../img/bg_mainmenu.gif) top repeat-x;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #8e8e91;
}
#mainMenu a {
	display: block;
	float:left;
	min-width: 90px;
	height: 45px;
	padding: 0 8px 0 8px;
	text-align: center;
	text-decoration: none; 
	line-height:43px;
	color: #333;
}
#mainMenu a:hover {
	background: url(../img/bg_activeblock.gif) top repeat-x;
	text-decoration: none; 
	color: #fff;
}
#mainMenu a.cur {
	background: url(../img/bg_mainmenu_hover.gif) top repeat-x;
	color: #B91C20;
}
#mainMenu div {
	float:left;
	width: 2px;
	height: 45px;
	background: url(../img/mainmenu_sep.gif) bottom right no-repeat;
}

/*--- last line black ---*/
#lastLine {
	padding-right:80px;
	color:#999;
}
#lastLine a {
	padding: 4px 10px;
	font-size: 11px;
	line-height: 31px;
	text-decoration: none;
	color:#999;
}
#lastLine a:hover {
	color: #fff;
}
#lastLine a.cur {
	color:#FF575B;
}
#lastLine div { display:none; }


/*=== body ===*/

/*--- left menu ---*/
#bodyLeftMenu {
	padding-bottom: 16px;
	border-right: solid 1px #6E6E6E;
	background: url(../img/bg_leftmenu.gif) right repeat-y #fff;
}
#bodyLeftMenu h1 {
	margin: 1px 1px 8px 0;
	padding: 14px 6px 13px 6px;
	background: url(../img/bg_activeblock.gif) top repeat-x;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
#bodyLeftMenu a {
	display: block;
	padding: 3px 0 1px 28px;
	text-decoration: none; 
	line-height:16px;
	background: url(../img/menu_0_0.gif) top left no-repeat;
	color: #333;
}
#bodyLeftMenu a:hover {
	background: url(../img/menu_0_1.gif) top left no-repeat;
	text-decoration: none; 
	color: #B91C20;
}
#bodyLeftMenu a.cur {
	background: url(../img/menu_0_1.gif) top left no-repeat;
	color: #900; /*#B91C20;*/
}
#bodyLeftMenu a.cur:hover { color: #d00; }
#bodyLeftMenu div.subLevel a {
	padding: 1px 0 1px 40px;
	background: url(../img/menu_1_0.gif) top left no-repeat #F0EFEF;
	font-size: 11px;
}
#bodyLeftMenu div.subLevel a:hover {
	background: url(../img/menu_1_1.gif) top left no-repeat #F0EFEF;
}
#bodyLeftMenu div.subLevel a.cur {
	background: url(../img/menu_1_1.gif) top left no-repeat #F0EFEF;
	color: #900; /*#B91C20;*/
}
#bodyLeftMenu div.subLevel a.cur:hover { color: #d00; }
#bodyLeftMenu .ads a {
	display: inline;
	padding:0;
  background: none;
}
#bodyLeftMenu .ads a:hover { background: none; }
#bodyLeftMenu .ads img { margin: 0 16px 16px 0; }

/*--- body bottom ---*/
.bodyBottom {
	height: 36px;
	background: url(../img/bg_bodybottom.gif) bottom repeat-x #fff;
}
.bodyBottom .leftmenu_rb {
	position: relative;
	top: -36px;
}
.navigator {float:right}
/*--- BODY ---*/
#bodyBody {
	padding: 16px 20px 0 22px;
	background: url(../img/bg_body_rb1.gif) bottom right no-repeat #fff;
}
#bodyBody p { text-align:justify }

#bodyBody .flashplayer {
	width: 320px;
	text-align:center;
	background-color:#333;
	color:#fff;
}
#bodyBody strong img {
	padding: 1px;
	border: solid 1px #ccc;
	backgrund: #fff;
}

a:link    { color: #B91C20; text-decoration: none; }
a:visited { color: #9D181C; text-decoration: none; }
a:hover   { color: #B91C20; text-decoration: underline; }
a:active  { color: #8F161A; text-decoration: none; }

div.a_black a { color: #333; }
div.a_black a:hover {
  text-decoration: underline;
  color: #B91C20;
}
#bodyBody cit { color: #B91C20; font-size: 12px; font-family: arial,helvetica; }

h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color:#000; }

.eee { background:#eee; padding:0 margin:0; }

div.tail, div.fake { display: none; }

div.scroll {
	float: left;
	width: 240px; height: 350px;
	margin-right: 16px;
	padding: 0 0 0 2px;
	overflow: auto;
	border-top: solid 1px #ccc; border-left: solid 1px #ccc;
	border-bottom: solid 1px #eee; border-right: solid 1px #eee;
	font-size: 11px;
}
div.scroll a { color: #333; }
div.scroll a:hover {
	text-decoration: underline; 
	color: #B91C20;
}
div.scroll div { font-size: 11px; }