body{
	height: 100%;
}
#overlay{
	position: absolute;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	
	opacity: .8;
	filter:alpha(opacity=80);
}

/*
 * Menus
 */
.menu{
	position: absolute;
	background: #fff;
	top: 10px;
	left: 50%;
	width: 760px;
	padding: 10px;
	margin: 0 -395px;
	border: 5px solid #aaa;
	font-size: 11px;
	z-index: 9999;
}
.menu h1{
	position: relative;;
	margin: 0;
	font-size: 16px;
	line-height: 25px;
}
.menu a{
	color: #60788b;
	text-decoration: none;
}
.menu h2,
.menu h3,
.menu p{
	margin: 10px 0;
}
.menu h1 small{
	display: block;
	font-size: 11px;
	font-weight: normal;
}
.menu h1 a.cancel:hover{
	background: #4a4a4a;
}
.menu h1 a.cancelButton{
	position: absolute;
	background: #000;
	color: #fff !important;
	top: 0;
	right: 0;
	width: 50px;
	padding: 0 10px;
	margin: 0 10px;
	border: 1px solid #aaa;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.menu p.disclaimer{
	font-size: 10px;
}
.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu h2{
	position: relative;
	background: #aaa;
	background-color: #aaa;
	color: #000;
	padding: 0 25px;
	margin: 0;
	font-size: 12px;
	line-height: 2em;
	
	zoom: 1;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.menu h2 label{
	display: inline;
	float: left;
	width: 150px;
}
.menu .content{
	margin: 10px 0 0 0;
}
.menu .content ul.tabs{
	height:27px;
	overflow:hidden;
	background: transparent url(/includes/gfx/sqr-tabs-kickline-2px-ddd.gif) repeat-x scroll 0 25px;
	margin:0 0 10px 0;
	padding:0;
	font:bold 11px Arial,sans-serif;
	text-align: right;
}
.menu .content ul.tabs li{
	background: none;
	list-style: none;
	display: inline;
	padding: 0 !important;
	float:left;
	clear: none;
	line-height: 14px;
}
.menu .content ul.tabs li.odd{
	background: none;
}
.menu .content ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:block;
	float:left;
	height:11px;
	border:2px solid #ddd;
	border-left:none;
	margin-top:4px;
	padding: 4px 15px;
	background-color:#ececec;
}
.menu .streams ul.tabs li.streams a,
.menu .urls ul.tabs li.urls a{
	height:25px;
	color:#000;
	margin:0 0 0 2px;
	padding:6px 11px;
	background-color:#fff;
	border:2px solid #ddd;
}
.menu .streams ul.tabs li.streams a{
	margin:0 2px 0 0;
	border-left: none;
}
.menu .streams ul.tabs li.urls a{
	border: 2px solid #ddd;
}
.menu .streams div.urls,
.menu .urls div.streams{
	display: none;
}
.menu .content div.mask{
	overflow: auto;
}
.menu .content ul{
	font-size: 10px;
	line-height: 20px;
}
.menu .content ul label{
	display: inline;
	text-align: left;
}
.menu .content ul.terrestrial{
	margin-bottom: 10px;
}
.menu .content ul li{
	clear: both;
	background-color: #eeeeee;
	padding: 0 0 0 25px;
	font-size: 11px;
	line-height: 20px;
}
.menu .content ul li.odd{
	background-color: #dddddd;
}
.menu .content .url,
.menu .content .play{
	display: inline;
	float: left; 
	width: 150px;
	font-weight: bold;
}
.menu .content .play2{
	display: inline;
	float: left; 
	width: 150px;
	font-weight: bold;
}
.menu .content ul li a img{
	border: none;	
}
.menu .content ul li img.playing,
.menu .content ul li img.infoButton{
	display: inline;
	float: right;
	padding: 0;
	margin: 2px 5px;
}
.menu .content ul li img.playing{
	float: left;
	margin-left: -20px;
}
.menu .content ul li p.description{
	clear: both;
	float: left;
	width: 545px;
	padding: 0;
	margin: 0 0 0 150px;
	border-top: 1px solid #aaa;
	line-height: 1.5em;
}
.menu .content label.province,
.menu .content label.city{
	float:left;
}
.menu .content label.province,
.menu .content label.city,
.menu .content label.channel{
	width: 150px;
	font-weight: bold;
	color: #000;
}
.menu .content label.program,
.menu .content label.trackTitle{
	margin-right: 10px;
	font-weight: bold;
	color: #000;
}
.menu .footer{
	font-size: 11px;
}
.menu div.streams h2 .url,
.menu div.urls h2 .play,
.menu div.urls h2 .play2,
.menu div.streams li .url,
.menu div.urls ul.streamList li .play,
.menu div.urls ul.streamList li .play2,
.menu div.urls ul.streamList li span.metadata,
.menu div.urls ul.streamList li span.loader{
	display: none;
}
.menu div.urls li a.url{
	width: auto;
}

#liveRadio .content{
	margin: 10px 0;
}
#liveRadio a{
	color: #60788B;
}
#liveRadio .content .network{
	position: relative;
	float: left;
	background: #ddd;
	width: 240px;
	padding: 10px 0;
	margin: 0 5px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#liveRadio .content .network h2{
	background: #ddd;
	padding-bottom: 10px;
	border-bottom: 1px dashed #000;
}
#liveRadio .content .network a{
	font-size: 11px;
	font-weight: normal;
}
#liveRadio .content .network .info{
	position: relative;
	background: #eee;
	height: 120px;
	padding: 10px 0;
	margin: 0 10px;
	font-size: 11px;
	overflow: hidden;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#liveRadio .content .network .info strong,
#liveRadio .content .network .info em,
#liveRadio .content .network .info small{
	display: inline;
	margin: 0;
}
#liveRadio .content .network .info strong{
	font-size: 12px;
}
#liveRadio .content .network .info em{
	margin-left: 10px;
	font-style: normal;
}
#liveRadio .content .network .info small{
	color: #666;
}
#liveRadio .content .network .info p{
	margin: 5px 10px;
}
#liveRadio .content .network h2{
	text-align: center;
	margin: 0 15px;
}
#liveRadio .content .network h3{
	font-size: 16px;
	text-align: center;
}
#liveRadio .content .network a.listen{
	position: absolute;
	background: #60788B url(../imgs/icn-speaker-white.gif) 5px center no-repeat;
	color: #fff;
	bottom: 0;
	left: 0;
	padding: 2px 10px 2px 25px;
	margin: 10px;
	font-size: 12px;
	font-weight: bold;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#liveRadio .content .network strong{
	display: block;
	margin: 0 15px;
}
#liveRadio .footer{
	margin-left: 250px;
}
#liveRadio .footer .channels{
	float: left;
	width: 210px;
	padding: 0 15px;
	margin: 5px;
}
#liveRadio .loader{
	background-position: 65px center;
	padding: 0;
}
#liveRadio .footer .channels h3{
	margin: 0;
	font-size: 11px;	
}

#allStreams .radio1{
	margin-bottom: 20px;
}
#allStreams .radio1 .streamList,
#radio1 .streamList{
	clear: both;
	height: 210px;
	padding: 0;
	overflow: auto;
}
#allStreams .radio2{
	padding-bottom: 20px;
}

.hide{
	display: none;	
}
.loader{
	background: url(../imgs/icn-loader.gif) left center no-repeat;
	height: 20px;
	padding-left: 20px;
	line-height: 20px;
	text-align: center;
}