/* CSS Document */
#Overlay {
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image: url(../images/overlay.png);
	display:none;
}
#StreamTimeout {
	display:none;
	padding:10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	position:absolute;
	z-index:205;
}
.StreamTimeout {
	padding:10px;
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
#helpDiv {
	padding:10px;
	border:1px solid #cccccc;
	width:600px;
	height:250px;
	overflow:auto;
}
#HelpButton {
	position:absolute;
	left:150px;
	top:122px;
}
.HelpButton {
	font-size: 10px;
	font-weight: normal;
}

.HelpText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #222;
	text-decoration:none;
}
.HelpText a:link, .HelpText a:visited, .HelpText a:hover, .HelpText a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #222;
	text-decoration:none;
}
#StationLogo {
	position:absolute; 
	left:16px; 
	top:16px; 
	width:200px; 
	height:100px;
	overflow:hidden;
}
#AddThis {
	position:absolute;
	left:12px;
	top:126px;
}
.AddThis {
	font-size: 10px;
	font-weight: normal;
}
#NowPlaying {
	position: absolute;
	left: 16px;
	top: 154px;
	width: 200px;
	height: 60px;
	margin: 0px;
	overflow: hidden;
	padding-top: 3px;
}
#albumart {
	position:relative;
	float:left;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	margin: 0px;
	overflow: hidden;
	padding-Right: 5px;
	float:left;
}
#metadata {	/* For Icecast/Shoutcast */
	position:relative; 
	left:0px; 
	top:0px; 
	/*width:190px;*/
	height:50px;
	margin: 5px;
	/* word-wrap: break-word */
	/* overflow:hidden; */
	/* text-wrap:none;*/
}
#playerstatus {
	position: absolute;
	left: 82px;
	top: 240px;
	width: 100px;
	height: 15px;
}
#volumeslider {
	position:absolute;
	top:20px;
	left:60px;
	width: 60px;
}
#volumcontroller {
    height: 22px;
    width: 50px;
    float:right;
}
#volumcontroller div{
    height:27px;
}
.volumecontrollerbar{
    border-left:1px solid #222;
    float:right;
    width:3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    background-color: #4c4c4c;
    cursor:pointer;
}
.volumecontrollerbar:hover{
    background-color:#bcbcbc !important;
}
#volumeindicator{
	height: 22px;
    float:left;
	font-size:10px;
	font-weight:normal;
	margin-top: 12px;
}
.volumeicon {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	right: 3px;
	position: absolute;
	margin-top: -5px;
	background-image: url(../javascript/volumeslider/images/volume.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	top: 18px;
}
#TransportControls {
	position: absolute;
	left: 16px;
	top: 235px;
	width: 200px;
	height: 40px;
}
#PlayerControls {
	position: absolute;
	left: 10px;
	top: 4px;
	width: 32px;
	height:32px;
}
#EmbeddedPlayerDiv {
	z-index:15;
	position:absolute; 
	left:-2000px; 
	/*top:225px;*/ 
	top:400px; 
	width:200px; 
	height:40px;
	/*
	height:44px;
	padding-top: 4px;
	*/
}
#EmbeddedPlayer {
	position: absolute;
	left: 16px;
	top: 225px;
	width: 200px;
	height: 40px;
}
#MenuBox {
	position: absolute;
	left: 228px;
	top: 16px;
	width: 203px;
	height: 260px;
}
.MenuBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/* color: #E1E1E1; */
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}
.MenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/* color: #E1E1E1; */
	text-decoration:none;
	text-align:center;
	margin-bottom: 10px
}
#CompanyLogo {
	position: absolute;
	width: 185px;
	height: 50px;
	left: 235px;
	top: 235px;
	text-align: center;
}
#PoweredBy {
	position: absolute;
	width: 216px;
	height: 14px;
	left: 521px;
	top: 374px;
}
.PoweredBy {
	text-align: right;
}
#banner300 {
	position:absolute;
	left:443px;
	top:16px;
	width:300px;
	height:250px;
	overflow:hidden;
}
#banner728 {
	position:absolute;
	left:16px;
	top:284px;
	width:728px;
	height:90px;
	overflow:hidden;
}
#FooterCode {
	position:absolute;
	display:none;
	left:0px;
	top:400px;	
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.hidden {
	display:none
}
ul.Menu2 {
  margin-top: 0px;    /* gets rid of space at the top */
  margin-left: 17px;  /* gets rid of extra space to the left  (IE) */
  padding-left: 0px;  /* gets rid of extra space to the left  (Firefox) */
  margin-bottom: 0px; /* gets rid of space at the bottom */
}