body {
	background-color: #fff;
	background-position: top left;
	background-repeat: no-repeat;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	color: #000;
}
td {
	font-size: 11px;
	color: #000;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

#title {
	font-size: 16px;
	line-height: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}
#artist {
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}
#now_onair {
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}
#nexttitle {
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}
#nextartist {
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}

#lastsongs{
	margin:0; padding:0; list-style:none;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
}
#lastsongs ul{
	margin:0; padding:0; list-style:none;
}
#lastsongs li{
	display: block;
	float: left;
	list-style-type: none;
	list-style:none;
	width: 350px;
	margin: 0 20px 0 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	text-transform: uppercase;
}


.mTitle {
	color: #777;
	font-weight: bold;
}
.mTime{
	background:#777;
	border-radius: 2px;
	color: #fff;
	line-height: normal;
	float:left;
	display: block;
	padding: 1px 3px 1px 3px;
	margin: 0 3px 0 0;
}
.subtitle {
	display: inline-block;
	padding: 1px 4px 1px 4px; letter-spacing: 1px;
	font-size: 10px;
	font-weight: 300;
	font-weight: normal;
	background: #ffdc17;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.subtitle2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#stationLogo{
	position: absolute;
	left: 195px;
	top: 130px;
	width: 100px;
	z-index: 299;
	overflow: hidden;
	height: 60px;
	background:url(album_shadow.png) bottom center no-repeat;
}
#song_pic {
	display: none;
	float: right;
	margin: 0 0 5px 5px;
	width:100px;
	border-radius: 2px;
	border: 2px solid #000;
}
#song_pic img{;
	width: 90px;
}
#panelHeader_logo{
	position:absolute;
	top: 0;
	left:0;
	z-index: 99;
	display: block;
	width: 130px;;
	height: 50px;
}

#panelHeader{
	background: #000;
	display: block;
	width: 100%;
	height: 50px;
}
#panelListen {
	position: absolute;
	left: 6px;
	top: 65px;
	width: 300px;
	height: 160px;
	z-index: 10;
	overflow: hidden;
	padding: 0;
}
.panel { display:block; width: 400px; height:430px; overflow:auto} 


#panelMenu{
	position: absolute;
	left: 330px;
	top: 65px;
	width: 400px;
	height: 24px;
	z-index: 99;
	overflow: hidden;
	padding: 0;
	background: #000;
	border-radius: 4px;
}
#panelMenu ul{
	list-style: none;
	margin:0;
	padding:0;
}
#panelMenu li {
	float: left;
	display:block;
	margin:0;
	padding:0;
	list-style-type:  none;
	letter-spacing: 1px;
	font-size: 10px;
	font-weight: 300;
	color: #fff;
	font-weight: normal;
	width: 100px;
}

#panelMenu li a {
	border-top: 1px solid #525252;
	border-right: 1px solid #303030;
	border-left: 1px solid #000;
	display:block;
	margin:0;
	padding: 4px 0 0 0;
	height: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px #000;
	width: 100px;
}

#panelMenu li a:hover {
  background-color: #000;
}

#panelMenu li a:active {
  background-color: #191A1B;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}
#panelMenu li a.current {
  background-color: #191A1B;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
  color: #ffdc17;
  text-shadow: 0 0 6px #fbff99;
}



#panelMenu li a.selected {
	background:#000; 
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#323232));
	background:-moz-linear-gradient(#000, #323232);
	background:-o-linear-gradient(#000, #323232);
	background:linear-gradient(#000, #323232);
  text-shadow: none;
  color: #fff;
}


#panelPlayer {
	position: absolute;
	left: 6px;
	top: 220px;
	width: 300px;
	height: 60px;
	z-index: 3;
	text-align: center
}
#panelRadios {
	position: absolute;
	left: 200px;
	top: 0;
	width: 535px;
	height: 50px;
	z-index: 99;
	text-align: right;
	color: #777;
}
#panelRadios a{color: #777}
#panelRadios img{
	opacity: 0.7;
	width: 48px;
	margin: 0 2px 0 0;
	padding: 0;
	border: none;
}
#panelRadios img:hover{
	opacity: 1;
}
.bannerLeaderboard {
	position: absolute;
	left: 6px;
	top: 540px;
	width: 728px;
	height: 90px;
	z-index: 99;
	overflow: hidden;
	background-color: #000000;
}
.bannerSky{
	position: absolute;
	left: 746px;
	top: 30px;
	width: 120px;
	height: 600px;
	z-index: 99;
	overflow: hidden;
	background-color: #000000;
}
.bannerBox {
	position: absolute;
	left: 6px;
	top: 283px;
	width: 300px;
	height: 250px;
	z-index: 99;
	overflow: visible;
	background-color: #fff;
}
#panelExtras {
	position: absolute;
	left: 330px;
	top: 100px;
	width: 400px;
	height: 430px;
	z-index: 99;
	overflow: hidden;
	padding: 0;
	margin:0;
}
#panelExtras .divContent{
	padding: 0 10px 0 0; height:auto;
}

.playerPosts{	width: 400px; height:auto; padding: 0; margin: 0; }

.playerPosts a{ display: table; width: 400px; margin:0 0 7px 0; padding: 0; text-decoration: none; background: #fff; position:relative; }

.playerPosts a .left{display:block; width:70px; height:50px; float:left;  overflow:hidden; padding:0; margin-right:5px; }
.playerPosts a .right{display:block; width:325px; float:left;}

.playerPosts a .leftspider{ position: absolute; width:70px; height:50px; top:0; left:0; opacity:0.6; font-size:28px; color: #fff; }
.playerPosts a .alert{ font-weight:bold; font-size: 10px; background:#ffdc00; color:#333}

.playerPosts a:hover .right h3{ text-decoration: underline; color: #777}
.playerPosts a:hover .right h4{ text-decoration: none; color: #777}

.playerPosts a h3{ margin:0; padding:0; font-weight: 400; color: #000; font-size: 13px; line-height: 14px; }
.playerPosts a h4{ display:block; padding-bottom: 2px; margin:0; font-size: 11px; font-weight: 300; line-height: 12px; color:#777; }

.absolute-center {

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;

}