body {background: #fff; color: #444; font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
body, ul, li, p, h1, h2, h3, input, textarea, fieldset, select {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
a {text-decoration: none; outline: none;}
input, textarea, select {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 1px 4px 2px;}
#page {width: 1000px; margin: 0 auto;}

#header {padding: 10px 0 100px;}
#header .logo {float: left;}
#header .banner {float: right;}

/* powered by live24 sprites */
.station {background:url(../images/poweredby-live24/poweredbylive24-sprites.png?100427); display: block; float: left; width: 30px; height: 30px;}
#sferaradio {background-position: 0 0;}
#nitroradio {background-position: -60px 0; height: 32px;}
#kissfm {background-position: -120px 0; width: 87px;}
#bestradio {background-position: -237px 0;}
#loveradio {background-position: -297px 0; width: 32px; height: 33px;}
#novasportfm {background-position: -359px 0; width: 87px;}
#diesiradio {background-position: -476px 0; width: 52px;}
#dertiradio {background-position: -558px 0;height: 35px;}
#vfm, #realfm {background-position: -618px 0; width: 47px; height: 35px;}
#realfm {background-position: -695px 0; width: 50px;}
#galaxy92 {background-position: -776px 0; width: 62px;}
#enlefko {background-position: -868px 0; width: 78px;}
#happy932 {background-position: -976px 0;}
#drs {background-position: -1054px 0; width: 100px;}

/* icon sprites */
.sprite {background: url(../images/sprites.png) 0 0 no-repeat;}
.sprite.station-bullet {background-position: 0px -237px;}
.sprite.station-bullet.over {background-position: 0px -357px;}
#rightRadioList .sprite.station-bullet {background-position: 0px -417px;}
#rightRadioList .sprite.station-bullet.over {background-position: 0px -297px;}
.sprite.listen {background-position: 2px -608px;} /* 0 -611px */
a.listen:hover {background-position: 2px -650px;} /* 0px -653px */
.sprite.info {background-position: 2px -524px;} /* 0 -527px */
a.info:hover {background-position: 2px -566px;} /* 0px -569px */
.sprite.bullet {background-position: 0 -819px;} /* 0px -823px */
.sprite.arrowbullet, .sprite.arrowdown, .sprite.arrowright {background-position: 0 -150px; display: block; width: 5px; height: 7px; bottom: 0; float: left; margin-right: 10px;}
.sprite.arrowdown {background-position: 0px -100px; width: 20px; height: 20px;}
.sprite.arrowright {background-position: 0 0; width: 19px; height: 20px;}
.over .sprite.arrowright {background-position: 0 -50px; width: 19px; height: 20px;}
.sprite.music {background-position: 0px -187px;}
a.music:hover {background-position: 0px -477px;}
.loadbackground {background-repeat: no-repeat;}

#navigation {background: #264a8c url(../images/mainmenu_bg.png) top center repeat-x; clear: both;}
#main {font-weight: bold;}
#main li {background: url(../images/mainmenu_item_side_right.png) top right repeat-y; padding-right: 2px; float: left;	display: block;}
#main li a {color: #fff; padding: 10px 20px 7px; background: none; display: block; font: bold 13px Arial;}
#main li.current a {background: #ffa552 url(../images/sprites-bg.png) 0 -10px repeat-x;}
#main ul {margin-left: 20px; float: left; background: url(../images/mainmenu_item_side.png) top left repeat-y; padding-left: 2px;}
#mainright {float: right; font-size: 10px;}
#mainright a {padding: 8px 0 10px 8px; margin-right: 15px; color: #c9d9e7; display: block; float: left;}
#mainright a:hover {text-decoration: underline; color: #e7e7e7;}
#main .sprite {margin: 3px 5px 0 0;}

#radioSub {clear: both; background: #fbe4c6 url(../images/submenu_bg.png) top center repeat-x; padding: 10px 20px 5px; height: 1%;}
#radioSub ul {padding: 10px 0 15px; float: left; height: 1%;}
#radioSub div {clear: both; height: 1%;}
#radioSub .end {font-size: 0; line-height: 0;}
#divider {clear: both; height: 2px; background: url(../images/sprites-bg.png) 0 -60px repeat-x; line-height: 0;}
#radioSub li {display: inline; margin-right: 8px;}
#radioSub .title {background: #d3932b; color: #fff; padding: 3px 5px 4px 7px;}
#radioSub li a {padding: 0 0 4px 11px; color: #002a78;}
#radioSub li a:hover {text-decoration: underline;}
#locationright {float: right; padding: 10px 0 15px; height: 1%;}
#locationright a {background: none; text-decoration: none; padding: 1px 3px 2px 4px; font-size: 10px; color: #8a6d60; border: 1px solid #b18b73;}
#locationright a:hover {color: #002a78; border-color: #002a78; background: #f4af6e; text-decoration: none;}

#poweredby {margin-top: 10px; padding: 10px 0; background: #fdf1e1 url(../images/sprites-bg.png) 0 -82px repeat-x; overflow: hidden; width: 100%;}
#poweredby ul {margin-top: 5px; padding-left:140px;}
#poweredby li {display: block; float: left; margin-right: 5px;}
#postit {position: absolute; top: 235px; z-index: 100; display:block; padding-left: -10px;}

#content {margin-top: 10px;}

#left {float: left; width: 520px; margin-right: 12px;}
.radioList {border: 1px solid #fbb31c; padding-bottom: 10px;}
#advertorial, #leftRadioList, #stationInfo {border: 1px solid #fbb31c; width: 518px;}
#leftRadioList {background: url(../images/station_list_orange_bg.png) top repeat-x;}
.radioList h1, #stationInfo h1, #webRadioList h1 {background: #fbb31c; color: #fff; font: bold 13px Arial; float: left; padding: 3px 12px 3px 10px; margin-top: 10px;}

#stationInfo h1 {font-size: 17px; padding-top: 5px;}
#stationInfo h2 {font-size: 11px; font-weight: normal; padding: 6px 0 5px 10px; clear: left;}
#stationInfo h2 a {color: #666;}
#stationInfo h2 a:hover {color: #7e2217; text-decoration: underline;}

.radioList ul {clear: both; padding: 10px 0 20px 10px;}
.radioList li {float: left; display: block; width: 125px; border-bottom: 1px solid #fedb92; margin: 0 5px 5px 0; padding: 0; overflow: hidden; white-space: nowrap;}
.radioList .area {width: 155px; padding: 7px 0 5px 3px;}
.radioList li.sprite, .radioList .loadbackground {padding: 7px 0 5px 35px;}

#stationInfo h4 {width: 95px;}
.radioList .title, .radioList .warning {border: 0; font-weight: bold; font-size: 14px; color: #333; width: 100%; overflow: hidden;}
.title a, .area a {color: #333; line-height: 18px;}
.title a {color: #333;}
.radioList .over.stationblock {background-color: #FFEBD7;}
.radioList a {font-weight: bold; color: #666;}
.radioList a:hover {color: #7e2217; text-decoration: underline;}
.radioList .genre {height:14px; color: #aaa;}
.radioList .button, .radioList .genre {font-size: 10px; padding-bottom: 3px;}
.button a {font-weight: normal; border: 1px solid #fee8b8; color: #c35617; padding: 2px 2px 2px 17px;}
.button a:hover {border-color: #fdd483; background-color: #fdd483; color: #000; text-decoration: none;}
.radioList .google {width: 468px; border: 0; margin: 0; padding: 10px; background: none;}

.list {clear: both; text-align: right; padding: 10px; font-size: 10px; font-weight: bold; color: #fbb31c;}
.list a {color: #fbb31c;}
.list a:hover {text-decoration: underline;}

#stationInfo p.logo {float: right; margin: 10px 0; padding: 0 10px; background: #fff;}#stationInfo p.logo img {border: 10px solid #f1f1f5;}

#stationInfo .listen {margin: 5px 0 15px 15px;}
#stationInfo .music {padding: 2px 0 10px 25px; font: bold 13px Tahoma; color: #002877;}
#stationInfo a.music:hover {color: #7e2217; text-decoration: underline;}
#nowplaying {padding: 10px; margin: 5px 0; border-left: 10px solid #fff; background: #f1f1f5; float: left; line-height: 16px;}
#nowplaying span {font-weight: bold; color: #7e2217;}
#stationInfo ul {padding: 10px; clear: both;}
#stationInfo li {float: left; margin-right: 3px;}
#stationInfo li a {padding: 5px 10px; border: 1px solid #c3dfec; border-bottom: 0; color: #5974A7; display: block; font-weight: bold;}
#stationInfo .current {background: #c3dfec; color: #264a8c; padding: 5px 10px 5px; font-weight: bold; display: block; border-bottom: 0;}
#stationInfo li a:hover {background: #59a8cb; border-color: #59a8cb; color: #fff;}
#stationInfo .current:hover {background: #c3dfec; border-color: #c3dfec; color: #264a8c;}
#tell a  {padding-left: 25px; background: url(../images/station_tell_icon.png) 10px 50% no-repeat;}
#tell .current {background-color: #c3dfec;}
#tell a:hover {background: #59a8cb url(../images/station_tell_icon.png) 10px 50% no-repeat;}
#tell a.current:hover {background-color: #c3dfec;}
#stationInfo .stationSub {clear: both; margin: 0 10px; padding: 15px 10px 10px; background: #c3dfec; color: #333; height: 1%;}
#stationInfo .stationSub p {padding-bottom: 10px; clear: both; text-align: justify;}
#stationInfo .stationSub a {color: #264a8c;}
#stationInfo .stationSub a:hover {text-decoration: underline; color: #000;}
#stationInfo .stationSub ul {padding: 15px 0;}
#stationInfo .stationSub .add {clear: both; padding-bottom: 15px; white-space: nowrap;}
#stationInfo .stationSub .add a {font-weight: normal; border: 0; padding: 5px 0 0 3px;}
#stationInfo .stationSub .add a:hover {background: none;}
#stationInfo .stationSub fieldset {float: left; border: 0; padding: 0 10px 10px 0;}
#stationInfo .stationSub fieldset.mandatory label {font-weight: bold}
#stationInfo .stationSub fieldset.error label {color: #ff0000;}
#stationInfo .stationSub input, #stationInfo .stationSub select, #stationInfo .stationSub textarea {display: block; width: 180px; margin-top: 3px; border: 1px solid #aaa; padding: 2px 5px 3px; font-size: 11px;}
#stationInfo .stationSub textarea {width: 380px;}
#stationInfo .stationSub select {width: 192px;}
#stationInfo .stationSub p.actions {padding-top: 15px; font-weight: bold;}
#stationInfo .stationSub p.actions a, #stationInfo .stationSub p.actions a:hover {background: #264a8c; color: #fff; padding: 5px 10px 6px;}
#stationInfo p.list, #stationInfo p.list a {color: #59a8cb; clear: none;}
#stationInfo h3 {padding: 10px 0 5px 28px; margin: 0 0 5px 7px; font-size: 14px; color: #333; background: url(../images/location_title_bullet.png) 3px 85% no-repeat;}
#stationInfo h4 {padding: 7px 0 5px 27px; margin: 5px 5px 0 7px; background: url(../images/location_bullet.png) 3px 3px no-repeat;}
#stationInfo .block {padding: 0 10px 10px 12px; line-height: 16px;}
#stationInfo .block a {font-weight: bold; color: #264a8c;}
#stationInfo .block a:hover {text-decoration: underline;}
#stationInfo .hidden {display: none}

#content .right, #aepi {float: left; width: 466px; border: 1px solid #007aaf; margin-bottom: 10px;}
#content .right#up {border: 0; margin-bottom: 10px; width: 468px;}
#advertorial, #rightRadioList {border: 0; background: url(../images/sprites-bg.png) 0 -152px repeat-x; padding-top: 5px; margin-bottom: 10px;}
#rightRadioList {clear: both;}
#advertorial h1, #rightRadioList h1 {background: #007aaf; margin-top: 5px;}
#rightRadioList li {width: 111px; border-color: #9dcce0; margin: 0 4px 5px 0;}
#rightRadioList li a:hover {color: #26498c;}
#rightRadioList .over {background-color: #C3DFEC;}
#rightRadioList .button a {border-color: #B6D9E8; color: #286898;}
#rightRadioList .button a:hover {background-color: #7dbbd6; color: #000;}

#up.banners .lbanner {float: left;}
#up.banners .rbanner {float: right;}
#up.banners .cbanners {clear: both;}
#up.banners .banner {padding-top: 10px;}

#webRadioList {float: right; background: #e1f5f7; margin-bottom: 10px; width: 165px;}
#webRadioList h1 {background: #8CB7D2; float: right; margin-bottom: 10px;}
#webRadioList ul {margin: 0 10px; clear: both; padding-left: 10px;}
#webRadioList li {margin: 0 5px 5px 0; background: url(../images/station_web_bullet.png) 3px 0 no-repeat; padding: 2px 0 3px 14px; overflow: hidden; white-space: nowrap;}
#webRadioList li.over {background: #c3dfec url(../images/station_web_bullet_over.png) 3px 0 no-repeat;}
#webRadioList li a {color: #000;}
#webRadioList li a:hover {color: #002675; text-decoration: underline;}
#webRadioList li.over {background-color: #c3dfec;}
#webRadioList li p {font-size: 10px; color: #888;}

#home_right_down_banner {margin-bottom: 10px;}

#aepi p, #aepi object, #aepi a {float: left;}
#aepi p {text-align: justify; width: 400px; padding: 3px;}

#footer {clear: both; padding: 20px 20px 15px; background: url(../images/footer_bg.png); height: 1%; border-top: 20px solid #fff; font-size: 10px;}
#footer li {margin-right: 3px; float: left;	display: block;}
#footer span {padding: 2px 5px 3px; color: #999; border: 1px solid #999; display: block;}
#footer a {padding: 2px 5px 3px; color: #999; background: #fff; border: 1px solid #fff; display: block;}
#footer a:hover {color: #000; background: none; border-color: #999;}
#validation {float: right; color: #999; padding-top: 4px;}
#validation a {color: #999; display: inline; border: 0; background: none;}
#validation a:hover {color: #000; text-decoration: underline;}

.size468x60, .size157x250, .size60x60 {display: block; width: 468px; height: 60px;}
.size157x250 {width: 157px; height: 250px;}
.size60x60 {width: 60px;}