* {
font-family : Trebuchet MS,Arial;
font-size : 9pt;

}
html {height:100%}
body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
margin : 0;
top : 0;
overflow : hidden;
position : relative;
}

#map {
width :auto;
height : 100%;
margin : 0;
float: right;
overflow : hidden;
}
#side {
padding : 0;
background-color : #333;
color : silver;
font-size : 9pt;
overflow : auto;
width : 190px;
float:right;
height:100%
}

#ondemand .list {margin-left:0.14em;cursor:pointer}

#listeners,#playlist {padding:0 5px}

#playlist li,ul {margin:0;padding:2px 3px;color:#ddd;list-style:none;font-size:99%}
ul {list-style:none;}
#side h1 {cursor:pointer;background-color:black;color:white;font-size:120%;margin:0;padding:5px 15px;border-bottom:1px solid #444}
.clear {clear:all}

.h300 {overflow:auto;max-height:300px}
.list {
background-color : #333;
color : silver;
font-size : 9pt;
margin-top : 5px;
}
.list:hover {
background-color : #d5221a;
}
#title {
background-color : #d5221a;
position : absolute;
padding : 0 0 0 5px;
color : white;
font-size : 12pt;
width : 480px;
font-weight : bold;
right : 80px;
bottom : 0;
}
#m {
position : absolute;
left : 380px;
cursor : pointer;
display : none;
top : 0;
z-index : 9999;
}
#player { height:32px;margin:5px 0 0 5px;
top:0px;padding:0px;z-index:9999;
}
#fb {margin-top:1.4em;padding:1px;border:none; overflow:hidden; width:170px; height:50px;}
#map a, #map span {
font-size : 7px !important ;
color : gray !important ;
text-decoration : none !important ;
}
#addown {
position : absolute;
top : 0;
left : 35px;
}
#ownform {
position : absolute;
top : 0;
background-color : orange;
z-index : 9999;
left : 35px;
padding : 5px;
width : 300px;
}
#playlist .curr {background-color:darkred;}   
.listen {vertical-align:middle;padding: 0 0 0 3px;width:46px;display:inline-block;cursor:pointer;height:20px;background:url("http://o.aolcdn.com/shoutcast/images/V19R1/US/spriteCommon.gif") no-repeat scroll -285px -48px transparent}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(./blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}