body { margin: 0; padding: 0;   font: 12px Arial, Helvetica, sans-serif;}
a {outline: none;}
p, h1, h2 {margin: 0;padding: 0;}
h1, h2 {margin-bottom: 10px;}
h2 {font-size: 11px;}
#page {width: 1000px;height: 696px;margin: 0 auto;position: relative;background: #FFF;padding-bottom: 10px;}
#l24logo {margin-top: 10px; float: left;}
#header p {float: left; text-align: center;}
#header .logo {width: 230px; margin-right: 5px;}
#header .banner {width: 493px; margin-top: 5px;}
#main {padding-top: 5px; width: 100%; clear: both;}
#left, #center, #right, #footer #banner728x90 {float: left; margin-left: 4px;}
#left {width: 300px; height:auto; margin: 0; overflow: hidden; position: relative;}
#shows, #info {width: 100%; margin-bottom: 5px;}
#shows h1 {margin: 0;}

#info_placeholder {height: 80px;   margin: 10px 0; }
#shows_placeholder {height: 312px; margin-top: 10px;}
#shows span {margin-right: 5px;}
#shows p {margin: 0 5px 2px 10px;}
#info {position: relative;  overflow: hidden; }
#info p {margin: 0 10px;}
#info h2 {margin: 0 10px;   font: italic 25px Georgia, "Times New Roman", Times, serif; font-weight: normal;}

#center {width: 300px; margin: 0 10px;}
#now {height: 150px;border-bottom: 5px solid #fff;}
#now h2, #now p {margin: 0 10px 10px;}
#right {overflow: hidden;height: 554px;margin: 0;}
#right h1 a { display: block; width: 380px; height: 35px; background: 0 0 no-repeat;}
#right h1 a:hover {background-position: 0 -40px;}

#st-logo {margin-bottom: 5px;}
#messages {height: 285px;line-height: 11px;margin-bottom: 5px;}
#message-list {margin: 0 10px;height: 181px;overflow: auto;}
#message-list p {margin-bottom: 3px;}
#message-list span {font-weight: bold; margin-right: 5px;}
#messages textarea {border: 1px solid #F3A05F; margin: 5px 5px 0 10px; width: 220px; height: 44px; float: left; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 2px 4px; overflow: hidden;}

#messages input { height: 50px; width: 50px; border: 0; float: left; margin-top: 5px;}

#player {width: 300px; background-color: #4a4c58; position: relative; min-height: 90px;}
#player p {text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; margin-bottom: 5px;}
#player a {color: #fff; text-decoration: none;}
#player a:hover {text-decoration: underline;}
#recommendation {overflow: hidden; width: 100%; text-align: center; background: #ddd; padding: 5px 0; margin-top: 5px; color: #333;}
#recommendation span {font-weight: bold; color: #f00;}
#footer {clear: both; border-top: 5px solid #fff; height: 90px;}
#footer #live24 {float: left;}
#clear {clear: both;}

.banner { height: 250px; width: 300px; margin-bottom: 10px; background: #eee;}

.alert_holder {position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; background-image: url(custom-popups/alert_bg.png); background-repeat: no-repeat; height: 60px; width: 289px; top: 0; right: 0; display: none;}
.alert_holder span {display: block; margin-left: 50px; padding-top:15px;}

/* Skin for jPlayer Plugin (jQuery JavaScript Library) http://www.jplayer.org (jPlayer 2.2.0) */

div.jp-audio-stream{ font-size:1.25em; font-family:Verdana, Arial, sans-serif; line-height:1.6;	color: #fff; background-color:#4a4c58; width:280px; padding: 17px 10px 0px 10px;}

div.jp-interface { position: relative; width:100%; background-color:#4a4c58; /* Required for the full screen */ }
div.jp-audio-stream .jp-interface { height: 40px;  }

/* @group CONTROLS */
div.jp-controls-holder { clear: both; width:440px; margin:0 auto 10px auto; position: relative; overflow:hidden; }
div.jp-interface ul.jp-controls { list-style-type:none; padding: 1px 0 2px 1px; overflow:hidden; width: 102px; height: 40px; }
div.jp-interface ul.jp-volume-controls { list-style-type:none; padding: 1px 0 2px 1px; overflow:hidden; width: 88px; height: 11px; top: 5px; left:195px; }
div.jp-audio-stream ul.jp-controls { margin:0 auto; }
div.jp-audio-stream ul.jp-controls { position:absolute;}
div.jp-interface ul.jp-controls li { display:inline; float: left; }
div.jp-interface ul.jp-controls a {	display:block; overflow:hidden; text-indent:-9999px; height: 40px; margin: 0 1px 2px 0; padding: 0; }

/* @group single player controls */
div.jp-type-single  .jp-controls li a{ width: 99px; border-left:1px solid #333; }
div.jp-type-single  .jp-play { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -40px no-repeat; }
div.jp-type-single  .jp-play:hover { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -100px -40px no-repeat; }
div.jp-type-single  .jp-pause { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -120px no-repeat; }
div.jp-type-single  .jp-pause:hover { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -100px -120px no-repeat; }

/* The right border is normally in the ul background image. */
div.jp-audio-stream .jp-play,
div.jp-audio-stream .jp-pause { border-right:1px solid #180920; }

/* @group volume controls */
div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute,
div.jp-interface ul.jp-controls a.jp-volume-max { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -330px no-repeat; position: absolute; width: 16px; height: 11px; border:none; }
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute { border:none; }
div.jp-audio-stream ul.jp-controls a.jp-volume-max { top:0px; left: 70px; }
div.jp-interface ul.jp-controls a.jp-mute:hover { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -25px -330px no-repeat; }
div.jp-interface ul.jp-controls a.jp-unmute { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -60px -330px no-repeat; }
div.jp-interface ul.jp-controls a.jp-unmute:hover { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -85px -330px no-repeat; }
div.jp-interface ul.jp-controls a.jp-volume-max { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -350px no-repeat; }
div.jp-interface ul.jp-controls a.jp-volume-max:hover { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") -25px -350px no-repeat; }

.jp-volume-bar { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -300px repeat-x; position: absolute; height: 4px; padding: 2px 2px 1px 2px; overflow: hidden; }
.jp-volume-bar:hover { cursor:  pointer; }

div.jp-audio-stream .jp-interface .jp-volume-bar { top: 22px; left: 194px; }
div.jp-audio-stream .jp-interface .jp-volume-bar { width: 80px; border-right:1px solid #180920; padding-right:1px; }
.jp-volume-bar-value { background: url("custom-popups/jplayer_default/jplayer.grey.flag.jpg") 0px -320px repeat-x; height: 4px; }

/* @group playlist */
.jp-title{position:absolute; left:115px; top:10px;}
.jp-title ul { list-style-type:none; font-size:.7em; margin: 0; padding: 0; }
.jp-title li { position: relative; padding: 2px 0; border-top:1px solid #554461; border-bottom:1px solid #180a1f; overflow: hidden; }
.jp-title li{ border-bottom:none; border-top:none; padding:0; text-align:center; }
div.jp-jplayer audio,
div.jp-jplayer { width:0px; height:0px; }
div.jp-jplayer { background-color: #000000; }

/* @group NO SOLUTION error old player hidden */
.jp-no-solution { display:none; }

div.jp-type-single{position: relative;}
div.jp-error{font-size: 0.8em; padding: 10px 0;}
div.jp-error a{color: #fff;}


.addthis_pill_style { width: 50px !important; margin-left:5px; }
.addthis_button_tweet{width: 54px; overflow:hidden;}
/* #fbShare{overflow: hidden;} */

#socialbar {height: 20px; margin: 10px 0 10px 0;}

#audio-tag { width: 300px; height: 100px;}

#navigation {width: 514px; float: right; margin-top: 10px;   margin-bottom: 10px;}
#navigation a {text-decoration: none; font-size: 12px; color: #062B7C;}
#navigation a:hover {text-decoration: underline;}
.header {background: #fff url(generic-popup-v2/images/top-header-bg.png) 0 0 no-repeat; float: left;}
#menu {height: 28px;}
#menu h3 {width: 175px; margin: 0; padding-top: 3px; text-align: center; color: #fff; font-size: 12px;}
#menu .links {width: 339px; float: left;}
.links a {float: right; margin: 5px 10px 0;}
#areas {background-position: 0 -28px; height: 54px; width: 100%; padding-top: 10px;}
#areas a {text-decoration: none; display: block; float: left; margin: 5px 10px 0 10px; background: url(../images/sprites.png) 0 -819px no-repeat; padding-left: 11px;}
#areas a:hover {text-decoration: underline;}

.radio-logo {  max-width: 60px;  max-height: 50px;  float: left;  margin: 10px;}
@media (max-device-width: 480px) { body{font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif; }}