/*************************************************/
/*
/* project: annual-report.ru
/* date: 16.07.2009
/* css: for all pages (ie hacks in ie.css)
/*
/**************************************************/

html,body {height:100%; margin:0; padding:0;}
body {background: #E7E8EA url('/i/bg.gif') repeat-x; font:normal 0.71em Verdana, Arial, Helvetica, sans-serif;}

a {color: #4a7b9e;}
a img {border: 0;}
p.right {clear: both; text-align: right;}
p.left {clear: both; text-align: left;}
p.just {clear: both; text-align: justify;}
img.left {float: left; padding: 5px;}
img.right {float: right; padding: 5px;}
input, select, label {font:normal 1em Verdana, Arial, Helvetica, sans-serif;}
table.top tr td {vertical-align: top;}

h1, h2, h3 {font-weight: normal; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 5px 0;}
h1.clear, h2.clear, h3.clear, h4.clear {margin-top: 0;}
h1 {font-size: 1.9em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em; margin-bottom: 5px;}

#content {padding: 10px; min-width: 850px;}
#header {background: #43677F url('/i/h_b_bg.gif') repeat-x; height: 192px;}
#header #header-r {background: url('/i/h_b_i.gif') 100% 0% no-repeat; height: 192px;}
#header #header-c {background: url('/i/left.gif') 0% 0% no-repeat; height: 192px; position: relative; overflow: hidden;}
#header #header-c a {color: #fff;}
#header #header-c #logo {position: absolute; top: 55px; left: 10px; width: 220px;}
#header #header-c #logoLabel {color: #4d4d4d; position: absolute; top: 95px; left: 85px; width: 170px; font-size: 1.2em; font-weight: bold;}
#header #header-c #logo span {color: #4d4d4d; display: block; margin-top: 10px; font-weight: bold;}
#header #header-c #right-side {position: relative; top: 15px; left: 58%; overflow: hidden; text-align: right; width: 40%;}
#header #header-c #logora {padding: 2px;}
#header #header-c #aboutReport {background: #395a6f url('/i/header/blackBlocktl.gif') no-repeat 0% 0%; color: #fff;  margin: 5px 0 0 0; padding: 5px 5px 8px 8px; text-align: left;}
#header #header-c #aboutReport h1 {color: #fff; font:normal 1.8em Tahoma; margin: 0; padding: 0;}
#header #header-c #aboutReport ul {list-style-type: none; padding: 0; margin: 5px 0 0 0;}
#header #header-c #aboutReport ul li {margin: 6px 0 0 0;}
#header #header-c #links {position: absolute; top: 25px; left: 300px; width: 20%;}
#header #header-c #links ul {list-style-type: none; margin: 0; padding: 0;}
#header #header-c #links ul li {margin: 7px 0 0 0;}

#menu, #subcontent {margin: 10px 0 10px 0;}
#subcontent img {padding: 5px;}
/*#subcontent .whiteBlock {min-height: 850px;}*/

*body #menu, #subcontent {margin: 5px 0 5px 0;}
#menu {width: 300px; float: left;}
#menu #menu-t {background: #fff url('/i/wblock/tl.gif') 0% 0% no-repeat;}
#menu #menu-r {background: url('/i/wblock/tr.gif') 100% 0% no-repeat;}
#menu #menu-l {background: url('/i/wblock/lr.gif') 0% 100% no-repeat;}
#menu #menu-c {background: url('/i/wblock/br.gif') 100% 100% no-repeat; padding: 8px;}
#menu ul {list-style-type: none; margin: 0; padding:0;}
#menu ul li {margin: 13px 0 0 0;}
#menu ul li#first {margin: 0;}
#menu ul li a {color: #4d4d4d; font-weight: bold;}
#menu ul li ul {margin: 5px 0 0 10px;}
#menu ul li ul li {margin: 7px 0 0 0;}
#menu ul li ul li a {font-weight: normal;}

#subcontent {margin-left: 305px; padding: 5px;}
*body #subcontent {margin-left: 310px; overflow: hidden;}


#subcontent .yellowBlock {background: #ffdb43 url('/i/yblock/h_bg.gif') repeat-x; height: 39px; color: #fff; font-weight: bold;}
#subcontent .yellowBlock .l {background: url('/i/yblock/h_l.gif') 0% 0% no-repeat; height: 39px;}
#subcontent .yellowBlock .c {background: url('/i/yblock/h_r.gif') 100% 0% no-repeat; height: 39px; text-align: center; padding: 12px 0 0 5px; _height: 27px; white-space: nowrap;}


#subcontent .area {padding: 4px; overflow: hidden;}

#menu .whiteBlock {margin-top: 10px;}
.whiteBlock, .whiteBlock .r, .whiteBlock .l, .whiteBlock .c {height: 100%;}
.whiteBlock {background: #fff url('/i/wblock/tl.gif') 0% 0% no-repeat;}
.whiteBlock .r {background: url('/i/wblock/tr.gif') 100% 0% no-repeat;}
.whiteBlock .l {background: url('/i/wblock/lr.gif') 0% 100% no-repeat;}
.whiteBlock .c {background: url('/i/wblock/br.gif') 100% 100% no-repeat; padding: 15px;}

.whiteBlockLittle .r, .whiteBlockLittle .l, .whiteBlockLittle .c {height: 100%;}
#subcontent .whiteBlockLittle {background: #fff url('/i/wblock/tl.gif') 0% 0% no-repeat;}
#subcontent .whiteBlockLittle .r {background: url('/i/wblock/tr.gif') 100% 0% no-repeat;}
#subcontent .whiteBlockLittle .l {background: url('/i/wblock/lr.gif') 0% 100% no-repeat;}
#subcontent .whiteBlockLittle .br {background: url('/i/wblock/br.gif') 100% 100% no-repeat;}
#subcontent .whiteBlockLittle .c {padding: 5px;}

#subcontent table#linePage {width: 100%; _width: 99%; min-height: 10%;}
#subcontent table#linePage td {vertical-align: top;}
#subcontent table#linePage td.line, #subcontent table#linePage td.lineF, #subcontent table#linePage td.lineL {height: 100%; width: 30%; vertical-align: top; background: #fff; padding: 0;}
#subcontent table#linePage td.lineF {background: #fff url('/i/wblock/lr.gif') 0% 100% no-repeat;}
#subcontent table#linePage td.lineF div.content {padding: 5px;}
#subcontent table#linePage td.lineF div.grayBG {background: #E7E8EA; padding: 0 0 3px 0;}

#subcontent table#linePage td.lineL {background: #fff url('/i/wblock/br.gif') 100% 100% no-repeat;}
#subcontent table#linePage td.lineL div#analitika {background: #6c7c95 url('/i/images/analitika.jpg') 50% 0% no-repeat; height: 108px;}
#subcontent table#linePage td.lineF form#selection input, select, label {width: 90%; display: block;}
#subcontent table#linePage td.lineF form#selection label {margin: 10px 0 2px 0; font-weight: bold;}
#subcontent table#linePage td.lineF form#selection input.button {width: 50%; margin-top: 10px; padding: 2px; cursor: pointer;}
#subcontent table#linePage td.banner {border: 1px solid gray; background: #fff; text-align: center; padding: 0;  cursor: pointer;}
/*#subcontent table#linePage div.banner {background: #fff url('/i/banner.gif') 0% 0% no-repeat; height: 286px;}*/
#subcontent table#linePage td.banner div.banner table {width: 100%; border-collapse: collapse;}
#subcontent table#linePage td.banner div.banner table tr td {padding: 0;}
#subcontent table#linePage td.banner div.banner table tr td.f {background: url('/i/banner_l.gif') repeat-x;}
#subcontent table#linePage td.banner div.banner table tr td.s {background: url('/i/banner.gif') 0 0 no-repeat; height: 286px; width: 455px;}
#subcontent table#linePage td.banner div.banner table tr td.t {background: url('/i/banner_r.gif') repeat-x;}


#subcontent table#winnersTable {border-collapse: collapse; width: 100%; margin-top: 10px; background: #f5d244 url('/i/wtables/bg.gif') repeat-x;}
#subcontent table#winnersTable thead {height: 23px; text-align: center; color: #fff; font-weight: bold;}
#subcontent table#winnersTable thead td {width: 30%;}
*body #subcontent table#winnersTable {width: 99%;} /* ie6 only */
#subcontent table#winnersTable thead td.f {background: url('/i/wtables/l.gif') 0% 0% no-repeat;}
#subcontent table#winnersTable thead td.l {background: url('/i/wtables/r.gif') 100% 0% no-repeat;}
#subcontent table#winnersTable tbody td.w {background: #e4ebf1 url('/i/wtables/w.gif') 98% 5% no-repeat;}
#subcontent table#winnersTable tbody td.wcol {background: #e4ebf1 url('/i/wtables/w.gif') 99% 5% no-repeat;}
#subcontent table#winnersTable tbody td {background: #e4ebf1; border: 4px solid #fff; padding: 5px; vertical-align: middle;}

#subcontent ul#partners {list-style-type: none; overflow: hidden; height: 1%;}
#subcontent ul#partners li {float: left; text-align: center; width: 30%; height: 95px;}
#subcontent #request {background: #b1c2cc url('/i/images/request.gif') 50% 0% no-repeat; height: 123px;}

fieldset.adv {border:1px solid #C0C0C0; padding: 5px;}
fieldset.adv legend {color: #C0C0C0; font-weight: bold;}
fieldset.adv a {color: #C0C0C0;}
fieldset.adv p {display: block;}
fieldset.adv p.f {margin-top: 0;}

#footer {clear: both;}
#banners {width: 300px; float: left; line-height: 100px; text-align: center;}
#copy, #copy-l, #copy-r {height: 90px}
#copy {background: #55778e url('/i/footer/bg.gif') repeat-x; color: #fff; margin-left: 310px;}
#copy a {color: #355a75;}
#copy #copy-l {background: url('/i/footer/l.gif') 0% 0% no-repeat;}
#copy #copy-r {background: url('/i/footer/r.gif') 100% 0% no-repeat;}
#copy #copy-c {width: 200px; position: relative; top: 20px; left: 20px;}