html, body, div, img  {
 padding: 0px;
 margin: 0px;
 border: 0px;
}

html, body {                
 height: 100%; 
}

div, img {
 position: relative;
}
body {
 font-family: Tahoma, Arial, Sans Serif;
 font-size: 12pt;
 color: black;     
}

#main {
 min-height: 100%;
 _height: 100%;
 background: black url('img/header/bg.png') left top repeat-x; 
}

.mess {
 border: 1px solid #616161 !important;
 background-color: #521817 !important;
 margin: 10px 100px;
}
                                         
#main, #mainInner {  
 position: relative;
 border-left: 3px solid black;
 border-right: 3px solid black;
 padding: 0px 14px;   
}    
#mainInner {
 padding: 0px; 
 margin: 0px; 
 border-style: none;  
}

#header {}
#header #logo {
 position: absolute;
 left: 4px;
 top: 27px;
 display: block;
 width: 217px;
 height: 165px;
}
#header .menu {
 margin: 0px 0px 0px 241px;
 color: #9d9d9d;
 line-height: 24px;
 font-size: 12px;
 font-weight: normal;
 top: 21px;
 background: #1f1e1e url('img/header/menuBG.png') left top repeat-x;   
}
#header .menu a {
 color: #cf0000;
 text-decoration: none;
}
#header .menu a:hover {text-decoration: underline;}
#header .menu .menu {
 top: 0px;
 margin: 0px;
 background: transparent url('img/header/menuRightBG.png') right top no-repeat;
}
#header .menu .menu .menu {
 background: transparent url('img/header/menuLeftBG.png') left top no-repeat;
 height: 120px;
 overflow: hidden;
}
#header .menu .menu .menu div.vbmenu_control {
 position: absolute;
 bottom: 2px;
 left: 5px;
 height: 35px;
 overflow: hidden;
}
#header .menu .menu .menu td.vbmenu_control {
 vertical-align: middle;
}
#header .menu .menu .menu td.vbmenu_control a {
 font-size: 12px;
 padding: 10px 11px 16px 11px;
 line-height: 35px;
 color: #9d9d9d;       
}
#header .menu .menu .menu td.vbmenu_control a:hover {
 background: transparent url('img/header/menuHover.png') 50% top repeat-x;
 text-decoration: none;
}



#header .menu .menu .menu .regUser {
 top: 5px;
 margin-left: 16px; 
}
.regUser #navbar_username,
.regUser #navbar_password {
 border: 1px solid #474747;
 font-size: 12px; 
 width: 100px;
}
.regUser label,
.regUser .button {
 color: #cf0000 !important; 
 cursor: pointer;
}
.regUser #cb_cookieuser_navbar {  
 margin-top: 5px !important;
}   
.regUser form,
.regUser form input,
.regUser form label {
 margin: 0px !important;
 padding: 0px !important;
 display: inline !important;
 text-align: left !important;
 width: auto !important;
}
.regUser form input#navbar_username,
.regUser form input#navbar_password {width: 100px !important;}





#header .menu .menu .menu .panelUser {
 top: 5px;
 margin-left: 16px;
}
#header #icons {
 margin-left: 240px;
 margin-top: 31px;
 padding: 6px 0px 20px 0px;
}
#header #icons img {
 width: 159px;
 height: 26px;
 margin: 0px 6px 0px 1px; 
}
#header #icons a {
 font-size: 16px;
 color: white;
 text-decoration: none;
 cursor: pointer;
}
#header #icons a:hover {text-decoration: underline;}


#left {
 width: 220px;
 float: left;
 background: #121212 url('img/left/bg.png') left top repeat-y;
}
#left #menu a,
#left #menu span {
 color: #cf0000;
 text-decoration: none;
 font-size: 12px;      
}
#left #menu a:hover,
#left #menu span {color: white;}
#left #menu li,
#left #menu ul {list-style: none; padding: 0px; margin: 0px;}
#left #menu ul {padding: 10px;}
#left #leftMessage {
 padding: 30px 10px;
 color: #838383;
 text-align: center;
 font-size: 12px;
}
#left #titleStation {
 color: white;
 font-size: 16px;
 font-weight: bold;
 padding-top: 11px;
 font-family: Tahoma;
 height: auto !important;
}
#left #playerTitle,
#left #playerTitle div,
#left #playerTitle div div {
 height: 43px;
} 
#left #playerTitle img {margin-top: 2px;}
#left #playerTitle {
 background: #131313 url('img/border/borderTopCenter.png') left top repeat-x;
 text-align: center;
 vertical-align: middle;
}
#left #playerTitle div {
 background: transparent url('img/border/borderTopLeft.png') left top no-repeat;
}
#left #playerTitle div div {
 background: transparent url('img/border/borderTopRight.png') right top no-repeat;
}
#left #playerFooter {
 height: 6px;
 line-height: 0px;
 font-size: 0px;
 background: transparent url('img/left/bgBottom.png') left top no-repeat; 
}
#left #complaint,
#left #copyToClipboard {
 display: block;
 font-size: 9px;
 color: #8c8c8c;
 padding-left: 25px;
 background: transparent url('img/left/complaint.png') left center no-repeat; 
 height: 17px;
 line-height: 17px;
 margin: 12px 16px;
 text-decoration: none;
 cursor: pointer;
}
#left #copyToClipboard {background: transparent url('img/left/clipboard.png') left center no-repeat;}
#left #copyToClipboard:hover {background: transparent url('img/left/clipboardOn.png') left center no-repeat;}
#left .player {
 width: 200px;
 height: 27px;
 margin: 31px 9px  0px 9px;
}
#left #bitrayPlay {
 margin-top: 5px;
 padding: 2px 10px;
 font-size: 10px;
 color: #A0A0A0;
 border-top: 1px solid #474747;
 border-bottom: 1px solid #474747;
}
#left #stationLogo {
 margin: 31px 19px 0px 19px;
}
#left #complaint:hover {
 color: white;
 background: transparent url('img/left/complaintOn.png') left center no-repeat; 
}
#left #bitrayLinks {
 width: 202px;
 height: 198px;
 margin: 0px 9px;
 background: transparent url('img/left/bitrayLinksBG.png') left top no-repeat;
}
#left #bitrayLinks h1 {  
 margin: 1px 0px 0px 6px;
 padding: 0px;
 font-size: 11px;
 font-weight: bold;
 color: #979797;
 display: block;
 text-align: center;
 height: 24px;
 line-height: 24px;
 cursor: default;
}
#left #bitrayLinks .content {
 position: absolute;
 top: 23px;
 left: 1px;
 overflow: hidden; 
 height: 147px;
}
#left #bitrayLinks .content,
#left #bitrayLinks .content table {width: 200px;}
#left #bitrayLinks .content td { border-top: 1px solid #090909;}
#left #bitrayLinks .content td td { border-top: 1px solid #595959;}
#left #bitrayLinks .icoStation {
 position: absolute;
 left: 8px;
 top: 173px;
 width: 218px;
 height: 10px;     
 font-size: 18px;
}
#left #bitrayLinks .icoStation a,
#left #bitrayLinks .icoStation span {
 color: #777777;
 text-decoration: none;
 font-size: 18px;
 position: absolute;
}
#left #bitrayLinks .icoComment,
#left #bitrayLinks .icoValuation {
 width: 37px;
 height: 18px;
 left: 15px;
 top: 0px; 
 text-align: center;
}
#left #bitrayLinks .icoComment:hover,
#left #bitrayLinks .icoValuation:hover {
 color: white;
}
#left #bitrayLinks .icoValuation {
 width: 40px;
 height: 18px;
 left: 72px;
 top: 0px; 
 text-align: center;
}
#left #bitrayLinks .icoSelected {
 width: 18px;
 height: 17px;
 left: 150px;
 top: 0px;  
}

#left #selected {
 width: 202px;
 height: 77px;
 margin: 9px;
 background: transparent url('img/left/nextSelectedBG.png') left top no-repeat;
}
#left #selectedtitle {
 padding-top: 5px;
 color: white;
 font-size: 11px;
 text-align: center;
 font-weight: bold;
 cursor: default;
}
#left #selected table {
 margin-left: 0px;
 margin-top: 5px;
 width: 202px;
 height: 54px;
 padding: 0px; 
}
#left #selected table td,
#left #selected table a {  
 font-size: 11px;
 vertical-align: middle;
 text-align: center;
 color: #777777;
 text-decoration: none;
}
#left #selected table a {display: block;}  
#left #selected table #next {
 background: transparent url('img/left/nextSelected.png') right top no-repeat;
 padding-right: 17px;
 padding-left: 5px;
 width: 101px;             
} 
#left #selected table #previous {
 background: transparent url('img/left/previousSelected.png') left top no-repeat;
 padding-right: 5px;
 padding-left: 17px;
 width: 100px;
}     
#left #selected table #next:hover {background: transparent url('img/left/nextSelectedOn.png') right top no-repeat;}
#left #selected table #next:hover a {color: white;}
#left #selected table #previous:hover {background: transparent url('img/left/previousSelectedOn.png') left top no-repeat;}
#left #selected table #previous:hover a {color: white;}


#content {
 margin-left: 241px;   
 color: white;
}
#content #contentTitle,
#content #contentTitle div,
#content #contentTitle div div {
 height: 43px;
} 
#content #contentTitle {
 background: #131313 url('img/border/borderTopCenter.png') left top repeat-x;
}
#content #contentTitle div {
 background: transparent url('img/border/borderTopLeft.png') left top no-repeat;
}
#content #contentTitle div div {
 background: transparent url('img/border/borderTopRight.png') right top no-repeat;
}
#content #contentTitle div div form {
 padding: 0px 10px;
 margin: 0px;
 line-height: 0px;
 border-style: none;       
}
#content #contentTitle td,
#content #contentTitle td.firstTd {
 vertical-align: top;
 text-align: left;
 padding: 5px 0px 4px 8px;
}
#content #contentTitle td.firstTd {
 padding: 5px 8px 4px 1px;   
 * padding: 5px 8px 4px 4px;
}
#content #contentTitle td.spacer {
 width: 2px;
 padding: 0px;
 background-color: #262626;
}
#content #contentTitle a,
#content #contentTitle a span,
#content #contentTitle a span span {
 line-height: 32px;
 font-size: 14px;  
 margin: 0px;    
}                     
#content #contentTitle a { 
 margin: 0px 7px;
 * margin: 0px 0px 0px 4px;
 padding: 6px 0px 6px 5px;
 * padding: 0px 5px; 
 text-decoration: none;
 background: transparent url('img/forms/pressLeft.png') left top no-repeat;
}
#content #contentTitle a span {
 padding: 6px 5px 6px 0px;
 * padding: 0px 5px 0px 0px;
 background: transparent url('img/forms/pressRight.png') right top no-repeat;
}
#content #contentTitle a span span {
 padding: 6px;  
 * padding: 6px 5px;                   
 background: transparent url('img/forms/pressBG.png') left top repeat-x;
 color: #9d9d9d;
}
#content #contentTitle a:hover,
#content #contentTitle a.pressOn { 
 background: transparent url('img/forms/pressOnLeft.png') left top no-repeat;
}
#content #contentTitle a:hover span,
#content #contentTitle a.pressOn span {
 background: transparent url('img/forms/pressOnRight.png') right top no-repeat;
}
#content #contentTitle a:hover span span,
#content #contentTitle a.pressOn span span {
 background: transparent url('img/forms/pressOnBG.png') left top repeat-x;
 color: white;
}
#content #contentTitle .input {
 width: 168px;
 padding: 5px;     
 font-size: 16px;
 padding-left: 5px;
 margin-top: 2px;
 margin-left: 7px;
 border-style: none;  
 background: transparent url('img/forms/inputBG.png') left top repeat-x;
}
#content #contentTitle .butImg {
 padding: 0px;
 margin-left: -10px;
 margin-top: 2px;
 * margin-top: 3px;
 width: 30px;
 height: 28px;
 z-index: 100;
} /*
#content #contentRadio { 
 _padding-left: 3px;
}   */
#content #contentRadio div {
 border-left: 1px solid #474747;
 border-right: 1px solid #474747;
 background-color: #262626;
 padding: 10px 5px 10px 10px;
}
#content #contentRadio div div {
 border-style: none;
 background-color: transparent;
}

#content #contentFooter {
 line-height: 0px;
 font-size: 0px;
 height: 5px;
 background: #262626 url('img/border/borderContentBG.png') left bottom repeat-x; 
}
#content #contentFooter div,
#content #contentFooter div div {
 height: 5px;
 background: transparent url('img/border/borderContentLeft.png') left bottom no-repeat;
}
#content #contentFooter div div {
 background: transparent url('img/border/borderContentRight.png') right bottom no-repeat;
}  
  
#content #contentTop {_left: -3px;}
#content #contentTop,
#content #contentTop div,
#content #contentTop div div { 
 line-height: 0px;
 font-size: 1px;
 height: 5px;   
 background: #262626 url('img/border/borderContentBG.png') left top repeat-x;
}
#content #contentTop div {background: transparent url('img/border/borderFooterLeft.png') left top no-repeat;}
#content #contentTop div div {background: transparent url('img/border/borderFooterRight.png') right top no-repeat;}    


#content #contentRadioInner,
#content #contentRadioInner  {
 padding: 0px;
 margin: 0px;
}
#contentRadioInner {
 *position: relative;
}
#content .hr {
 border-bottom: 1px solid #474747 !important;
 height: 0px;
 margin: 10px 0px;
 padding: 0px;
 font-size: 0px;
 line-height: 0px;
}

#content #paging {
 bottom: 0px;
}
#content #paging a,
#content #paging span,
#content #paging #pagingLinks .space {
 margin: 0px 4px;
 color: #c3c3c3;
 text-decoration: none;
 font-size: 18px;
 line-height: 0px;  
 background-image: none; 
}
#content #paging a:hover span span {color: white;}
#content #paging #pagingLinks {margin: 0px;}
#content #paging #pagingLinks span, #content #paging #pagingLinks a {
 margin: 0px;
 padding: 6px 0px 6px 6px;   
 background-image: none;
}
#content #paging #pagingLinks span span, #content #paging #pagingLinks a span {
 padding: 6px 6px 6px 0px;    
 background-image: none;   
}
#content #paging #pagingLinks span span span, #content #paging #pagingLinks a span span {
 padding: 6px 0px;  
 * padding-right: 1px;         
 background-image: none;  
}
#content #paging #pagingLinks span, #content #paging #pagingLinks a:hover {
 background: transparent url('img/content/pagingBorderLeft.png') left center no-repeat; 
}
#content #paging #pagingLinks span span, #content #paging #pagingLinks a:hover span {
 background: transparent url('img/content/pagingBorderRight.png') right center no-repeat; 
}
#content #paging #pagingLinks span span span, #content #paging #pagingLinks a:hover span span {
 background: transparent url('img/content/pagingBorder.png') left center repeat-x; 
}


.station {
 width: 230px;
 height: 230px;
 padding: 0px !important;
 background: transparent url('img/content/station.png') left top no-repeat;
 float: left;
 overflow: hidden;
} 
.station .stationLogo {
 position: absolute;
 left: 6px;
 top: 6px;
 width: 218px;
 height: 186px;  
 cursor: pointer;
}
.station .content {
 position: absolute; 
 left: 6px;
 top: 25px;
 overflow: hidden; 
 width: 220px;
 height: 167px;  
 padding: 0px !important;
 display: none;        
}
.station .content table {
 padding: 0px; 
 margin: 0px;
}
.station h1 {  
 margin: 1px 0px 0px 6px;
 padding: 0px;
 font-size: 11px;
 font-weight: bold;
 color: #979797;
 display: none;
 text-align: center;
 height: 24px;
 width: 218px;
 line-height: 24px;
 background: #070707 url('img/content/title.png') left top no-repeat;
 cursor: default;
}
.station table {
 margin-left: 6px;
 width: 218px;
 height: 168px;
}
.station table td { border-top: 1px solid #090909;}
.station table td a,
.station table td span {
 color: #777777;
 text-decoration: none;
}
.station .icoStation {
 position: absolute;
 left: 0px;
 top: 194px;
 width: 218px;
 height: 10px;     
 font-size: 18px;
}
.station .icoStation a,
.station .icoStation span {
 display: block;
 position: absolute;
 text-decoration: none !important;
 color: #777777 !important; 
}
.station .icoStation .icoPlay {
 width: 16px;
 height: 18px;
 left: 13px;
 top: 2px;   
}
.station .icoStation .icoComment,
.station .icoStation .icoValuation {
 width: 37px;
 height: 18px;
 left: 30px;
 top: 0px; 
 text-align: center;
}
.station .icoStation .icoComment:hover,
.station .icoStation .icoValuation:hover {
 color: white !important;
}
.station .icoStation .icoValuation {
 width: 40px;
 height: 18px;
 left: 95px;
 top: 0px; 
 text-align: center;
}
.station .icoStation .icoSelected {
 width: 18px;
 height: 17px;
 left: 170px;
 top: 2px;  
}


.linkSubMenu,
.linkSubMenuOff,
.leftLinkSubMenu,
.leftLinkSubMenuOff {
 display: block;
 text-align: center;
 font-size: 12px;
 color: #aeaeae !important;
 height: 20px;
 background-color: #595959;
 line-height: 20px;
 text-decoration: none;
 cursor: default;
}
.linkSubMenuOff, .leftLinkSubMenuOff {color: #4d4d4d !important;}
.leftLinkSubMenu:hover, .linkSubMenu:hover {color: white !important;}

.inset,
.leftInset {
 height: 85px;
 overflow: hidden;
 display: block;
 background: #b40101 url('img/content/innerBG.png') left top no-repeat; 
 text-decoration: none;
 font-size: 12px;  
}
.leftInset a, .inset a {
 text-decoration: none;
 color: #b9b9b9 !important;
 display: block;
}
.leftInset a:hover {text-decoration: none;}
.leftInset td:hover, .inset td:hover {
 background: #b40101 url('img/content/innerBGon.png') left center no-repeat !important; 
}
.leftInset td:hover a, .inset td:hover a {
 color: white !important;
}
.insetReal {background: #b40101 url('img/content/formats/real.jpg') left top no-repeat;}
.insetWin {background: #b40101 url('img/content/formats/win.jpg') left top no-repeat;}
.insetMp3 {background: #b40101 url('img/content/formats/mp3.jpg') left top no-repeat;}
.insetReal:hover {background: #da5400 url('img/content/formats/realOn.jpg') left top no-repeat;}
.insetWin:hover {background: #da5400 url('img/content/formats/winOn.jpg') left top no-repeat;}
.insetMp3:hover {background: #da5400 url('img/content/formats/mp3On.jpg') left top no-repeat;}
.insetReal:hover, .insetWin:hover, .insetMp3:hover {text-decoration: none;}

.inset td:hover a,
.leftInset td:hover a,
.inset td a:hover,
.leftInset td a:hover {
 color: white !important;
 text-decoration: none !important;
} 
.inset table,
.leftInset table {
 height: 85px;
 text-align: center;
 vertical-align: middle;
 margin: 0px; 
}
.inset table td,
.leftInset table td {
 border-top: 1px solid #595959;
}
.inset .bitray,
.inset .listen,
.inset .format,
.leftInset .bitray,
.leftInset .listen,
.leftInset .format {
 display: block;
}
.inset .bitray,
.leftInset .bitray {
 margin-top: -85px;
 margin-left: 85px;
 font-size: 21px;
 font-weight: bold;
 color: white;
}
.inset .listen,
.leftInset .listen {
 margin-left: 87px;
 margin-top: 12px;
 height: 130px; 
 color: white;
}
.inset .format,
.leftInset .format {
 left: 6px;
 top: 11px;
}


#clear {         
 clear: both;
 font-size: 0px;
 height: 70px;
} 
   
#footer {      
 padding-top: 15px;
 padding-right: 15px;
 margin-top: -70px;  
 padding-left: 258px; 
 height: 52px;
}
#footer #footerInner {
 height: 52px;
}
#footer #footerInner #footerTop, #footer #footerInner #footerTop div, #footer #footerInner #footerTop div div {
 height: 5px;    
}
#footer #footerInner #footerTop {   
 font-size: 0px;        
 padding-left: 5px;
 background: transparent url('img/border/borderFooterLeft.png') left top no-repeat;
}
#footer #footerInner #footerTop div {     
 padding-right: 5px;
 background: transparent url('img/border/borderFooterRight.png') right top no-repeat;
}
#footer #footerInner #footerTop div div {    
 background: #262626 url('img/border/borderContentBG.png') left top repeat-x;
}
#footer #footerInner #footerContent {
 border-left: 1px solid #616161;
 border-right: 1px solid #616161;  
 height: 50px;
 background-color: #262626;
}

#contentRadioInner a {color: #cf0000;}
.station .icoPlayImage {display: none;}

#adminP {
 padding: 20px 0px;
}



#searchForm_fs select {
 width: 100%;
 margin: 0px;
}

.file {
 color: white;
 border: 1px solid white;
}







a {
 color: #cf0000;
 text-decoration: none;
}
a:hover {text-decoration: underline;}

#cb_cookieuser_navbar {margin: 0px 2px 0px 0px !important;}