/* CSS Document */

* {margin: 0; padding: 0;}
html {min-height: 870px; position: relative; width: 100%; color: white;}
body {position: relative; min-width: 920px; background-position: bottom; background-repeat: repeat-x; background-image: url("/images/background.jpg"); background-color: #000; font-family: Verdana,Tahoma,Arial; font-size: 80%; color: #E7CE56;}
table td, div, p, li, ul {text-align:left;}
ul { margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; list-style: none; }
img { border: 0px; margin: 0px; padding: 0px; text-align: left; border-collapse: collapse;}
table,td,tr {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	vertical-align: top;
	border-collapse: collapse;
}
.rel {position: relative;}
.abs {position: absolute;}
.wdiv {position:relative;width:100%;height:100%;}
.mt {width:100%; height:100%;}
.mtw {width:100%;}
.mth {height:100%;}
.bld {font-weight:bold;}
.fl {float: left}
.ar {text-align: right;}
.cb {clear: both;}
.dl {text-decoration:none; border-bottom-width: 1px; border-bottom-style: dashed; }
.nl {text-decoration: none;}
.hidden {display: none;}
.over {overflow: hidden; height: 1%;}
.overline {border-top: 1px solid #C3C4C5; padding-top: 30px;}
.underline {border-bottom: 1px solid #C3C4C5;}

h1 {}
h2 {font-size: 165%; color: #FFD201; text-align: center; padding: 25px 0px 0px 10px; font-weight: normal;}
h3 {}
h4 {}

html {min-width: 920px; height:100%;}
#content {height:100%}
body {height:100%;}

#content {min-height:100%; position: relative;}
#footer {height: 0px; position:relative;}
#before_footer {min-height: 870px; height: 100%; position: relative; clear:both; }

/* ------------ */

.test {position: absolute; left: 400px; background-color: red; width: 100px; height: 100px;}
.conteiner {}

.content {position: relative;}
.lt-stations {position: absolute; width: 160px; height: 175px; left: 7px; top: 77px; background-image: url("/images/lt-station.jpg"); z-index: 100;}
.lb-stations {position: absolute; width: 160px; height: 175px; left: 7px; top: 374px; background-image: url("/images/lb-station.jpg"); z-index: 100;}
.rt-stations {position: absolute; width: 160px; height: 175px; right: 10px; top: 77px; background-image: url("/images/rt-station.jpg"); z-index: 100;}
.rb-stations {position: absolute; width: 160px; height: 175px; right: 10px; top: 374px; background-image: url("/images/rb-station.jpg"); z-index: 100;}

.radio {position: absolute; margin-left: -460px; bottom: 2px; height: 825px; width: 920px; left: 50%;}
.head {height: 100px; overflow: hidden;}
.head div {float: left; height: 100%;}
.head .lc {width: 274px; background-image: url("/images/head-lc.jpg"); position: relative;}
.head .rc {width: 275px; background-image: url("/images/head-rc.jpg"); position: relative;}
.head .middle, .head .selected-middle {cursor: pointer; width: 371px; background-image: url("/images/head-middle.jpg");}

.body {height: 400px; overflow: hidden;}
.body div {float: left; height: 100%;}
.body .lc {width: 274px; background-image: url("/images/body-lc.jpg"); position: relative;}
.body .rc {width: 262px; background-image: url("/images/body-rc.jpg"); position: relative;}
.body .middle {width: 384px; height: 400px; overflow: hidden;  background-image: url("/images/body-middle.jpg");}
.body .middle p {padding: 15px 15px 15px 15px;}


#panel {height: 300px; width: 300px; z-index: 100; z-index: 50; width: 100%;}
#panel .content {width: 300px; min-height: 400px;}


.scroll-pane {
				width: 400px;
				overflow: auto;
				float: left;
			}

#pane1 {
				height: 400px;
			}

#pane1 .pane1 {width: 370px;}
#pane1 .pane1 div {width: 100%; float: none; clear: both; height: auto;}
#pane1 a, #pane1 a:visited, #pane1 a:hover {color: #F88B00;}

/* Новости */
.news-list, .news-list * {margin: 0px; padding: 0px; line-height: 1.4em;}
.news-list {padding-top: 12px;}
.news-list .news-item {overflow: hidden; list-style-type: none; border-bottom: 1px dotted #FFE35F; font-size: 0.9em; padding: 10px 20px 10px 20px; }
.news-list .date {font-weight: bold; text-align: right; font-size: 0.9em; display: block; padding-bottom: 6px;}
.news-list .title, .news-list .answer {text-align: left; display: block; font-weight: bold; padding: 0px 0px 6px 0px;}
.news-list .body {width: 100%;}
.news-list .answer {padding-top: 5px;}
.news-list .ask {text-align: center; font-size: 1.2em;}
.news-list .a {border-bottom:1px dashed #FFE35F; padding:0 0 2px; cursor: pointer; text-align: center; color: #FFE35F;}
.news-list .a:hover {color: #FF6D0B}

.news-list .archive-item .title {font-size: 1.39em; font-family: Verdana; color: #e7ce56;}
.news-list .archive-item .date {text-align: left; color: #ffffff; font-weight: normal; font-family: Arial; font-size: 1em;}
.news-list .archive-item .source {display: block; visibility: hidden; height: 40px;}
/* /Новости */

/* Задать вопрос */
.anketa {padding-top: 20px;}
input {background-color: #0E0402; color: #FFE35F; border: 1px solid #FFE35F;}
label em {float: left; width: 150px; padding-left: 20px; padding-top: 2px; font-style: normal;}
.anketa li {overflow: hidden; height: 40px; width: 370px;}
label span {width: 150px; float: right; margin-right: 0px; padding-right: 20px;}
label input {width: 100%;}
label .memo {width: 330px; height: 160px; margin-right: 20px;}
label .memo textarea {overflow: hidden; background-color: #0E0402; color: #FFE35F; border: 1px solid #FFE35F; width: 100%; margin-left: 20px; margin-top: 20px; height: 150px;}
.anketa .memo-li {height: 200px;}
.btn-back {margin-top: 10px; margin-left: 100px; margin-right: 20px;}
.btn-back, .btn-ask {width: 70px; cursor: pointer; background-color: #1A0105;}
/* /Задать вопрос */

.body .middle .scroller {position:absolute; top: 0px; right: 0px; height: 400px; width: 80px; background-image: url("/images/scroller-vertical.jpg"); background-position: right; background-repeat: no-repeat; z-index: 50;}
.body .middle .bar {position: absolute; top: 60px; width: 80px; height: 36px; background-image: url("/images/scroller-bar.png"); z-index: 50;}

.bottom {height: 327px; overflow: hidden;}
.bottom div {float: left; height: 100%;}
.bottom .lc {width: 205px; background-image: url("/images/bottom-lc.jpg");}
.bottom .rc {width: 209px; background-image: url("/images/bottom-rc.jpg");}

.bottom .rc a {position: absolute; bottom: 10px;}
	
.bottom .middle {position: relative; width: 506px; background-image: url("/images/bottom-middle.jpg");}
.bottom .middle p {font-size: 0.92em; padding-top: 290px; white-space: nowrap; text-align: center;}
.bottom .middle p a {color: #ff6d0b}
.bottom .middle p a:hover {color: #fda468}
.bottom ul li i {display: block; height: 62px; width: 102px; cursor: pointer;}
.bottom .news, .bottom .about, .bottom .links, .bottom .archive, .bottom .guest, .bottom .selected-news, .bottom .selected-about, .bottom .selected-links, .bottom .selected-guest, .bottom .selected-archive {background-image: url("/images/_buttons.jpg");}

.bottom ul {margin-left: 0px;}
.bottom ul li {list-style-type: none; float: left; padding-top: 49px; padding-right: 8px; padding-left: 14px;}

.bottom * {outline: none}

.bottom .news {background-position: 0px 0px;}
.bottom .about {background-position: -102px 0px;}
.bottom .guest {background-position: -204px 0px;}
.bottom .links {background-position: -306px 0px;}
.bottom .archive {background-position: -306px 0px;}

.bottom .selected-news {background-position: 0px -62px;}
.bottom .selected-about {background-position: -102px -62px;}
.bottom .selected-guest {background-position: -204px -62px;}
.bottom .selected-links {background-position: -306px -62px;}
.bottom .selected-archive {background-position: -306px -62px;}

.btn {position: absolute; cursor: pointer; left: 39px; top: 75px; z-index: 1; background-image: url(/images/buttons.gif); width: 80px; height: 80px;}
.round-btn, .round-btn-active {width: 80px; height: 80px; position: absolute; left: 39px; top: 75px;}
.round-btn-active {background-position: 0px -80px;}
.rb-stations .round-btn, .rb-stations .round-btn-active, .lb-stations .round-btn, .lb-stations .round-btn-active {top: 10px; }

.lt-stations .round-btn {background-image: url(/images/round-btn-lt.jpg);}
.lb-stations .round-btn {background-image: url(/images/round-btn-lb.jpg);}
.rt-stations .round-btn {background-image: url(/images/round-btn-rt.jpg);}
.rb-stations .round-btn {background-image: url(/images/round-btn-rb.jpg);}

.lt-stations .round-btn-active {background-image: url(/images/round-btn-lt-active.jpg);}
.lb-stations .round-btn-active {background-image: url(/images/round-btn-lb-active.jpg);}
.rt-stations .round-btn-active {background-image: url(/images/round-btn-rt-active.jpg);}
.rb-stations .round-btn-active {background-image: url(/images/round-btn-rb-active.jpg);}

.kbps {list-style-type: none; position: absolute; top: 150px; left: 27px; white-space: nowrap;}
.kbps li {display: inline-block; display: -moz-inline-box; cursor: pointer; position: relative; font-size: 0px; line-height: 0px; width: 22px; white-space: nowrap; height: 12px; background-image: url(/images/_kbps.gif); margin-right: 20px;}
.kbps .select-kb64 {background-position: 0px -12px;}
.kbps .kb128 {background-position: -22px 0px; top: 15px;}
.kbps .select-kb128 {background-position: -22px -12px; top: 15px;}
.kbps .kb256 {background-position: -44px 0px;}
.kbps .selected-kb256 {background-position: -44px -12px;}
.kbps .kb256 {background-position: -44px 0px;}
.kbps .select-kb256 {background-position: -44px -12px;}
.kbps .kb224 {background-position: -66px 0px;}
.kbps .select-kb224 {background-position: -66px -12px;}
.kbps .kb-none {background: none}

.lb-stations div.kb64, .rb-stations div.kb64 {background-position: 0px -80px;}
.lb-stations div.kb128, .rb-stations div.kb128, .lb-stations div.kb224, .rb-stations div.kb224 {background-position: -80px -80px;}
.lb-stations div.kb256, .rb-stations div.kb256 {background-position: -160px -80px;}
.lt-stations div.kb64, .rt-stations div.kb64 {background-position: 0px 0px;}
.lt-stations div.kb128, .rt-stations div.kb128, .lt-stations div.kb224, .rt-stations div.kb224 {background-position: -80px 0px;}
.lt-stations div.kb256, .rt-stations div.kb256 {background-position: -160px 0px;}
.rb-stations .kbps, .lb-stations .kbps {top: 0px;}
.rb-stations .kbps .kb128, .rb-stations .kbps .select-kb128, .lb-stations .kbps .kb128, .lb-stations .kbps .select-kb128, .rb-stations .kbps .kb224, .rb-stations .kbps .select-kb224, .lb-stations .kbps .kb224, .lb-stations .kbps .select-kb224 {top: -15px;}
.rb-stations .btn, .lb-stations .btn {top: 10px;}

.lt-station, .selected-lt-station, .lb-station, .selected-lb-station, .rt-station, .selected-rt-station, .rb-station, .selected-rb-station {position: absolute; cursor: pointer; top: 128px; background-color: transparent; z-index: 2000; height: 20px; width: 120px; left: 30px;}
.lt-station, .selected-lt-station {width: 135px; left: 20px;}
.rt-station, .selected-rt-station {left: 770px;}
.lb-station, .selected-lb-station {top: 465px;}
.rb-station, .selected-rb-station {top: 467px; left: 770px;}

.jScrollPaneTrack {z-index: 200; background-image: url("/images/scroller-vertical.jpg"); background-position: right; background-repeat: repeat-y; background-color: transparent;}
.jScrollPaneDrag {z-index: 3000; background-image: url("/images/scroller-bar.png"); background-repeat: no-repeat; background-color: transparent;}
.jScrollPaneDragBottom {background: none; background-image: none; background-position: top; background-repeat: no-repeat;}
.jScrollPaneDragTop {background: none; background-image: none; background-position: bottom; background-repeat: no-repeat;}

.shadow {z-index: 2000; position: absolute; left: 273px; top: 100px; height: 24px; width: 367px; background-image: url(/images/shadow.png);}

.bottom .middle .radio-pnl {right: 70px; top: 68px; position: absolute; width: 1px; height: 1px;}

.radio-play, .radio-pause, .radio-stop {cursor: pointer; top: 15px; width: 48px; height: 20px; display: block; line-height: 20px; position: absolute; background-image: url(/images/btns.jpg);}
.radio-play {left: 40px; background-position: 0px -20px;}
.radio-pause {left: 418px; background-position: -48px -20px;}
.radio-stop {left: 100px; background-position: -96px -20px;}
.radio-play:hover {background-position: 0px -0px;}
.radio-pause:hover {background-position: -48px -0px;}
.radio-stop:hover {background-position: -96px -0px;}

.radio-title {display: block; position: absolute; top: 10px; font-family: arial; left: 205px;}

.volume {position: absolute;}
.volume { top: 125px; left: 185px; width: 112px; height: 23px; font-size: 0px; background-image: url(/images/volum-bar.gif); background-position: center; background-repeat: no-repeat;}
.volum-icon {top: 126px; left: 320px; width: 129px; position: absolute; height: 15px;}
.volume .volum-scrol {display: block; position: absolute; right: -48px; top: 3px; width: 29px; height: 15px; background-image: url(/images/volum-icon.gif);}

.left-eq, .right-eq {display: block; position: absolute; top: 13px; left: 139px; background-position: bottom; width: 66px; height: 28px; display: block; line-height: 20px; position: absolute; background-image: url(/images/eq-passive.gif);}
.right-eq {left: 296px; background-image: url(/images/eq-passive.gif);}
.eq img {height: 28px; left: 0px; position: relative; z-index: 10;}
/* */

.copyrights {font-size: 0.78em; letter-spacing: 0.7px; position: absolute; right: 375px; bottom: 5px; color: #ffe35f; text-decoration:none; z-index:100;}
.copyrights img {margin-bottom: -2px; margin-left: 3px;}
.copyrights:hover {color: #fda468}

.copy {position: absolute; z-index: 1; left: 285px; bottom: 23px; font-size: 0.78em; letter-spacing: 0.7px; white-space: nowrap; text-align: center;}
.copy a {color: #ff6d0b}
.copy a:hover {color: #fda468}

.rambler {font-size: 0.78em; letter-spacing: 0.7px; position: absolute; bottom: 5px; color: #ffe35f; text-decoration:none; z-index:100;}