/* *************21.10.09************** */
.relative {position:relative;}
.top-panel {font-family:Arial, Arial Cyr; font-weight:normal; font-size:8px; width:990px; height:24px; cursor: default; background-color:#E8F1F5;text-align:center;}
.top-panel-b {height:23px; background: url(http://www.petromap.ru/img/s_icons2/top_panel_corn2_a.gif) left top no-repeat #FBFBD3; text-align: center;}
.top-panel-c {height:23px; padding:0 10px 0 10px; background: url(http://www.petromap.ru/img/s_icons2/top_panel_corn2_b.gif) right top no-repeat;}
.top-panel ul {width:915px; margin:0 auto; padding:0; list-style-type:none;}
.top-panel li {height:19px; float:left; padding:4px 5px 0 5px; font-size:11px;}
.top-panel a {color:#000; padding:0; font-size:11px; text-decoration: none; outline: none;}
.top-panel a span {text-decoration: underline; font-weight:normal; font-size:11px; color:#000;}
.top-panel a:hover, .top-panel a:hover span {font-weight:normal; font-size:11px; color:#000; text-decoration: none;}
.top-panel img {vertical-align: middle; margin:0 3px 0 0;}

.top-panel .ddlevel {margin:0 0 0 4px; padding:4px 11px 0 4px;}
.top-panel ul.tp-more {width:130px; height:auto; display: none; margin:0; padding:5px 0 0 0; background-color:#FBFBAB; position:absolute; top:3px; left:-80px; z-index:1000;}
.top-panel ul.tp-more a {text-decoration: underline;}
.top-panel ul.tp-more a:hover {text-decoration: none;}
.tp-more li {float: none; padding:4px 10px 0 10px; text-align:right; line-height:1;}
.top-panel .js-link span {text-decoration: none; border-bottom:1px dashed #000;}
.top-panel li.hover {background-color:#FBFBAB;}
.top-panel li.hover ul, .top-panel li.hover ul.tp-more {display: block;}