/* main */
html {height:100%; background:#000; color:#000;}
body {margin:0; padding:0; background:#000000; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif;}
img {border:none;}
* {padding:0; margin:0;}
p {padding-top:3px;}
a {color:#000db1; text-decoration:underline;}
a:hover {color:#000db1; text-decoration:none;}
td {vertical-align:top;}

/* page */
#rounded-box-5 { width:990px; margin:0 auto; min-height:100%; height:auto!important; height:100%; position:relative;}
*+html #rounded-box-5 {height:auto; min-height:100%;}
.inner-box { width:984px; margin : 0 auto; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
.inner-box, b { background-color: #fef8cc; }
.r1, .r2, .r3, .r4, .r5 {display: block;height: 1px;overflow: hidden;font-size:1px;}
#rounded-box-5 .inner-box { padding: 3px 3px; }

/* MENU */
.menu { background:url(/template/images/menu_bg.jpg) repeat-x; height:22px; padding-left:20px; }
ul#cssmenu {

        margin:0;
        border: 0 none;
        padding: 0;
        list-style: none;
        height: 22px;
		font-size:15px;
		font-weight:bold;
        
}

ul#cssmenu li {
        margin: 0;
        border: 0 none;
        padding: 0;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
        height: 22px;
}

ul#cssmenu ul {
        margin: 0;
        border: 0 none;
        padding: 0;
        width: 200px;
        list-style: none;
        display: none;
        position: absolute;
        top: 22px;
        left: 25px;
}

ul#cssmenu ul:after {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
}

ul#cssmenu ul li {
        width: 250px;
        float: left;
        display: block !important;
        display: inline;
}

/* Main Menu */
ul#cssmenu a {
        border: 0px;
        padding: 0 10px;
        float: none !important;
        float: left;
        display: block;
        color: #FFFFFF;
        text-decoration: none;
        height: auto !important;
        height: 1%;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
        
        color:#FFF; 
		text-decoration:underline;
       
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
        border:1px solid #CCC;
        float: none;
        background:url(/template/images/menu_bg.jpg) repeat-x;
		height:22px;
        color: #FFFFFF;
		padding-bottom:3px;
			text-decoration:none;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
        
     	background:url(/template/images/menu_bg.jpg) repeat-x;
		height:22px;
        color:#FFF;
		padding-bottom:3px;
		text-decoration:underline;
        
}

ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li.iehover ul {
        display: block;
} 



/* Tool tip*/
.whybuy a { color:#595959; text-decoration:none; font-weight:bold;}
.whybuy a:hover { color:#595959; text-decoration:underline;}
a.tt span{
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
font-size:11px;
color:#595959;
width:330px;
border:1px solid #FF3300;
padding:6px;
top:-10px;
left:295px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
background:#fafafa;/*фон, что бы было видно тултип*/
}
a.tt:hover span ol {margin:0; padding:0; list-style: none;}
a.tt:hover span ol li {margin:0; padding-top:5px;}

/*OTHERS*/
.content {padding:8px; padding-top:2px;}
.logotype { margin-left:40px; margin-bottom:12px;}
#block { width:266px; height:248px; display:block; background:url(/template/images/block.gif) no-repeat; padding:10px;  }
#block h1 { color:#d83c08; font-size:28px; font-weight:bold; width:240px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
#block h1 a { color:#d83c08; text-decoration:none;}
#block h1 a:hover { color:#d83c08; text-decoration:none;}
.main_text h2 {color:#595959; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif;  padding-bottom:10px;}
.main_text {color:#595959; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/template/images/line.jpg) no-repeat; background-position: 280px 0;}
.main_text ol { padding-left:30px;}
.main_text ol li { font-weight:bold;}
.footer {background:url(/template/images/menu_bg.jpg) repeat-x; height:19px; padding-left:20px; font-size:11px; padding-top:3px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer a {color:#FFFFFF; text-decoration:none;}
.footer a:hover {color:#FFFFFF; text-decoration:underline;}
#footer_menu  a {font-size:12px; color:#000; text-decoration:none;}
#footer_menu  a {font-size:12px; color:#000;text-decoration:underline;}


.content h1 { color:#d83c08; font-size:28px; font-weight:bold;  text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;}
.content h1 a { color:#d83c08; text-decoration:none;}
.content h1 a:hover { color:#d83c08; text-decoration:none;}
.q {margin-bottom:10px; border-bottom:#CCC 1px dotted;}
.q a {color:#d21e1e; text-decoration:none;}
.q a:hover {color:#f8b016; text-decoration:underline;}

.text h2 { color:#d83c08; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px;}
.text h2 a { color:#d83c08; text-decoration:none;}
.text h2 a:hover { color:#d83c08; text-decoration:none;}
.text {padding:10px 0px;}
.text {color:#595959; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.text table {color:#595959; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.tables {border:1px solid #f8b016; }
.tables td {border:1px solid #f8b016; padding:5px; vertical-align:middle;  font-size:13px;}
.tables img {border:1px solid #CCC;}


.otvet {padding-left:10px; padding-top:10px;}


.block { margin:5px; float:left;}
.img_block {border:1px solid #e8c088; margin:5px;}
.font_block {color:#666; font-size:12px;}



/* Scroller Box */

#scroller_container {
position: relative;
width: 250px;
height: 150px;
overflow: hidden;

}

#scroller {
white-space: nowrap;
line-height: 30px;
font-size: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Scoller Box */

.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}