body { margin: 0; padding: 0; font: 11px Tahoma, Verdana, 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;margin: 0 auto;position: relative;background: #FFF;padding: 3px;padding-bottom: 10px;}
#header{margin-bottom: 5px;float: left;text-align: center;width: 100%;}
#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;margin-bottom: 20px;height: 415px;}
#left, #center, #right, #footer #banner728x90 {float: left;margin-left: 4px;}
#left {width: 347px;height: 415px;margin: 0;overflow: hidden;position: relative;}
#shows, #info {width: 100%;}
#shows h1 {margin: 0;}
#shows_placeholder {height: 335px;margin-top: 10px;}
#shows span {margin-right: 5px;}
#shows p {margin: 0 5px 2px 10px;}
#info {position: absolute; overflow: hidden;}
#info p {margin: 0 10px;}
#info h2 {margin: 0 10px;}
#left h1 a { display: block; width: 347px; height: 35px; background: 0 0 no-repeat;}
#left h1 a:hover {background-position: 0 -40px;}
#center {width: 300px;margin-right: 4px;}
#now {height: 160px;border-bottom: 5px solid #fff;}
#now h2, #now p {margin: 0 10px 10px;}
#right {width: 345px;margin: 0;}
#messages {height: 250px; line-height: 11px; margin-bottom: 5px;}
#message-list {margin: 0 10px; height: 140px; overflow: auto;}
#message-list p {margin-bottom: 3px;}
#message-list span {font-weight: bold; margin-right: 5px;}
#messages textarea {margin: 5px 5px 0 10px;width: 263px;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: 345px;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;width: 185px;}
#clear {clear: both;}

.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; }
div.jp-audio-stream { width:290px; 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; /*padding-top:10px;*/ }

/* @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;}

#messages {height: 295px;}
#message-list {height: 185px;}
.addthis_pill_style { width: 50px !important; margin-left:5px; }
.addthis_button_tweet{width: 54px; overflow:hidden;}
/* #fbShare{overflow: hidden;} */
#socialbar {height: 33px; margin-bottom: 5px;}
#audio-tag { width: 300px; height: 100px;}
@media (max-device-width: 480px) { body{font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif; }}
