body {background: #fff; color: #444; font: 11px/14px Arial, Verdana, Tahoma, 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;}
a:hover {text-decoration: underline;}
input, textarea, select {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 1px 4px 2px;}
#page {width: 1000px; margin: 0 auto; position: relative; background: #fff;}

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

/* powered by live24 sprites */
.station {
	background-image:url(/resrc/images/poweredby-live24/poweredbylive24-sprites35.png);
	display: block; 
	float: left; 
	width: 30px; 
	height: 35px; 
	text-decoration: none;
}
a.station:hover {text-decoration: none;}
#sferaradio {background-position: -1px 0;}
#nitroradio {  background-position: -47px 0;   height: 36px;   width: 60px;   margin-top: -4px;}
#kissfm {background-position: -120px 0; width: 39px; height: 38px;}
#pepper {background-position: -228px 0; width: 37px;   height: 38px;}
#loveradio {background-position: -297px 0; width: 58px; height: 38px;}
#novasportfm {background-position: -376px 0; width: 58px; height: 37px;	margin-top: -3px;}
#diesiradio {background-position: -476px 0; width: 52px;}
#dertiradio {background-position: -557px 0; height: 37px; margin-top: -4px;}
#realfm {background-position: -698px 0; width: 47px; height: 35px;}
#galaxy92 {background-position: -776px 0; width: 64px;}
#enlefko {background-position: -868px 0; width: 78px;}
#happy932 {background-position: -976px 0;}
#drs {background-position: -1056px 0; width: 96px;}
#dromos { background-position: -1180px 0; width: 40px; height: 45px; margin-top: -10px;}
#avanti {background-position: -1250px 0; width: 32px; height: 34px;}
#xrwma {background-position: -1320px 0; width: 40px; height: 32px;}
#rythmos {background-position: -1390px 0; width: 55px; height: 32px;}
#lampsi { background-position: -1519px 0; height: 44px; width: 33px; top: 0px; margin-top: -7px; }
#menta { background-position: -1581px 0;  width: 38px; height: 38px; }
#mousikos { background-position: -544px 0; height: 36px; margin-top: 0px; width: 62px;}
#atlantis {background-position: -1650px 0; width: 40px;	height: 37px;}
#thema {background-position: -1704px 0; width: 46px;	height: 37px;}
#smooth {background-position: -1770px 0; width: 46px;	height: 37px;}
#myradio {background-position: -1705px 0; width: 46px;	height: 37px;}
#skai {background-position: -1836px 0; width: 36px;	height: 37px;}
#rythmos {background-position: -1394px 0; width: 38px;	height: 38px;}
#easy {background-position: -50px 0; width: 40px;	height: 38px;}
#happy {background-position: -1901px 0; width: 36px;	height: 38px;}

/* icon sprites */
.sprite {
	background-image: url(/resrc/images/sprites.png);
	background-position: 0 0;
	background-repeat: 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 -609px;} /* 0 -611px */
a.listen:hover {background-position: 2px -651px;} /* 0px -653px */
.sprite.info {background-position: 2px -525px;} /* 0 -527px */
a.info:hover {background-position: 2px -567px;} /* 0px -569px */
.sprite.bullet {background-position: 0 -817px;} /* 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-color: #264a8c;
	background-image: url(/resrc/images/mainmenu_bg.png);
	background-position: top center;
	background-repeat: repeat-x; 
	clear: both;
}
#main {font-weight: bold;}
#main li {
	background-image: url(/resrc/images/mainmenu_item_side_right.png);
	background-position: top right;
	background-repeat: repeat-y; 
	padding-right: 2px; 
	float: left;
	display: block;
}
#main .tab {color: #fff; padding: 10px 20px 7px; background-color: #ffa552; background-position: 0 -10px; display: block; font: bold 13px Arial;}
#main a:hover {text-decoration: none; color: #ffddae;}
#main ul {
	margin-left: 20px; 
	float: left; 
	background-image: url(/resrc/images/mainmenu_item_side.png);
	background-position: top left;
	background-repeat: 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 {color: #e7e7e7;}
#main .sprite {margin: 3px 5px 0 0;}

#submenu,
#submenu .row {overflow: hidden; clear: both;}

#submenu .row {margin: 10px;}
#submenu {
	width: 100%;
	background-color: #fbe4c6;  
	background-image: url(/resrc/images/submenu_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
}

#divider {height: 2px; background-position: 0 -60px; margin: 0 10px;}

#submenu .title,
#submenu .items,
#submenu a {display: block; float: left;}

#submenu .items,
#submenu .title {width: 890px; text-align: center;}

#submenu .title {background: #d3932b; color: #fff; width: 80px; margin-right: 10px; padding: 3px 0;}

#submenu a {padding: 3px 0 3px 11px; margin: 1px 13px 1px 0; color: #002a78;}

#submenu .right {float: right; color: #8a6d60; border: 1px solid #b18b73; padding: 3px 2px; margin: 0;}
#submenu a.right:hover {color: #002a78; border-color: #002a78; background: #f4af6e; text-decoration: none;}

.widebanner {text-align: center; margin: 10px auto;}

#poweredby {margin-top: 10px; padding: 15px 0; background-color: #fdf1e1; background-position: 0 -82px; width: 100%; position: relative;}
#poweredby ul {margin-top: 5px; padding-left:123px; float: left;}
#poweredby li {display: block; float: left; margin-right: 8px;}
#poweredby .last {margin-right: 0px;}
#postit {position: absolute; z-index: 100; display:block; top: -10px;}
#content {margin-top: 10px;}

#left {float: left; width: 520px; margin-right: 12px;}
.radioList {border: 1px solid #fbb31c; padding-bottom: 10px;}
#leftRadioList, #stationInfo {border: 1px solid #fbb31c; width: 518px;}
#leftRadioList {
	background-image: url(/resrc/images/station_list_orange_bg.png);
	background-position: top;
	background-repeat: 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;}

.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 .name {font-weight: bold; color: #666;}
.radioList a.name:hover {color: #7e2217;}
.radioList .genre {height:14px; color: #aaa;}
.radioList .button, .radioList .genre {font-size: 10px;}
.button {font-weight: normal; border: 1px solid #fee8b8; color: #c35617; padding: 1px 2px 1px 17px; display: block; float: left; margin-right: 2px;}
a.button: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;}

#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;}
#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;}
#tell .current {background-color: #c3dfec;}
#tell a:hover {background-color: #59a8cb;}
#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 {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;}
#stationInfo h4 {padding: 7px 0 5px 27px; margin: 5px 5px 0 7px;}
#stationInfo .block {padding: 0 10px 10px 12px; line-height: 16px;}
#stationInfo .block a {font-weight: bold; color: #264a8c;}
#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;}
#rightRadioList {border: 0; background-image: url(/resrc/images/sprites-bg.png); background-repeat: repeat-x; background-position: 0 -152px; padding-top: 5px; margin-bottom: 10px; width: 100%; overflow: hidden;}
#rightRadioList {clear: both;}
#rightRadioList h1 {background: #007aaf; margin-top: 5px;}
#rightRadioList ul {padding: 10px 0 20px 5px;}
#rightRadioList li {width: 115px; border-color: #9dcce0; margin: 0 4px 5px 0; padding-left: 33px;}
#rightRadioList li a:hover {color: #26498c;}
#rightRadioList .over {background-color: #C3DFEC;}
#rightRadioList .button {border-color: #B6D9E8; color: #286898;}
#rightRadioList a.button:hover {background-color: #7dbbd6; color: #000;}

#streameeRadioList {border: 1px solid #c91111; padding-top: 5px; margin-bottom: 10px; width: 100%; overflow: hidden;}
#streameeRadioList {background: linear-gradient(180deg, rgba(235,141,141,1) 0%, rgba(235,141,141,0) 20%);}
#streameeRadioList {clear: both;}
#streameeRadioList h1 {background: #da1010; margin-top: 5px;}
#streameeRadioList ul {padding: 10px 0 20px 5px;}
#streameeRadioList li {width: 115px; border-color: #f58282; margin: 0 4px 5px 0; padding-left: 33px;}
#streameeRadioList li a:hover {color: #d16666;}
#streameeRadioList .button {border-color: #f58282; color: #a30000;}
#streameeRadioList a.button:hover {background-color: #e47070; color: #000;}

#up.banners .lbanner {float: left; width: 300px;}
/* .lbanner {position: absolute; width: 300px; top: 308px; display: block; left: 533px;}
.lbanner-space {float: left;width:300px; height:250px;} */
#up.banners .rbanner {float: right;}
#up.banners .b10 {margin-bottom: 10px;}
#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; padding: 2px 0 3px 14px; overflow: hidden; white-space: nowrap;}
#webRadioList li.over {background-color: #c3dfec;}
#webRadioList li a {color: #000;}
#webRadioList li a:hover {color: #002675;}
#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;}

.error {margin: 20px;}
.error ul {margin: 1em 1em 1em 3em;}
.error li {display: list-item;}

#footer { clear: both; padding: 20px 20px 15px; background-image: url(/resrc/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; text-decoration: none;}
#footer a:hover {color: #000; background: none; border-color: #999;}
#footer .claimer { text-align: center; margin-bottom: 6px;}
#validation {float: right; color: #999; padding-top: 4px;}
#validation a {color: #999; display: inline; border: 0; background: none;}
#validation a:hover {color: #000;}

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

#fblikebox {border:none; overflow:hidden; width:100%; height:200px;}

.cookieBar{ border: 1px solid #285896; display:none; position: fixed; color: white; background-color: #dae4ee; bottom: 0; left: 30px; width:320px; padding-bottom:10px; z-index:999;}
.cookieBar .text{padding:9px; color: #26488b;font-size: 130%;}
.cookieBar .btn { 	background:#438b61;    text-align: center; height:27px;
					-webkit-border-radius: 2px; -moz-border-radius: 2px; line-height: 27px; border-radius: 2px; margin: 15px 75px; font-weight:bold;}
.cookieBar .btn .text {color: white;     text-decoration: none;}
.cookieBar a {    color:#26488b; text-decoration: underline;}
.cookieBar .btn a {  text-decoration: none;}
.cookieBar .headers{	line-height: 40px;padding-left: 15px; font-size: 120%; font-weight: bold; color: #FFFFFF; background-color: #47688d;
	background-repeat: no-repeat; height: 40px; width: 305px;    margin-bottom: 10px;}
.cookieBar .content{padding-bottom:10px;}