/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 665px;	 
	width: 390px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #3c3c3c;
	padding:8px;
	font-size:10.5px;
	background:url(/images/cellbg.jpg) repeat-x;
	height:72px;
	color:#fff;
}

.item:hover {
	border-bottom:1px solid #3c3c3c;
	padding:8px;
	color:#ccc;
	background:url(/images/cellbghover.jpg) repeat-x;

}

.item h3 hover {
color:#fff;
}
/* elements inside single item */
#infobox .item img {
	float:left;
	margin-right:12px;
	height:65px;
	width:65px;
	border:1px solid #7a7a7a;
	padding:0;
}

.item h3 {
	margin:0;
	font-size:14.5px;
	color:#08ffff;
	font-weight:normal;
	text-decoration:none;
	
}


.item:hover h3{
	text-decoration:none;
	color:#fff;
}


.item p {
	margin:0;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:390px;
	margin:15px 0 10px 0;
	float:left;	
}

#actions a {
	font-size:12px;		
	cursor:pointer;
	color:#08ffff;
}

#actions a:hover {
	text-decoration:none;
	color:#eee;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}

.item div.playbtn{
width:23px;
height:49px;
float:right;
margin:0;
padding:0 5px;
background:url(/images/playbtn.png) no-repeat scroll center center;
}



.item:hover .playbtn{
background:url(/images/playbtn-hover.png) no-repeat scroll center center;


}

#rightplayercol{
	width:372;
	padding:0px;
	margin:0 0 0 3px;
	

}

#playertitle{
	height:28px;
	width:764px;
	background:url(/images/playertitlebg.jpg) repeat-x;
	padding:0;
	margin:0;
	color:#fff;
	font-size:14px;
	line-height:26px;
}

#playertitle h1{
	padding:0;
	margin:0 0 0 15px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	display:inline;
}

#playertitle h1.gray {
color:#555555;
display:inline;
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:0.5px;
margin:0 5px 0 0;
padding:0;
text-decoration:none;
text-transform:lowercase;
float:right;
}

#theplaya{
	margin-top:0px;
}

#player-300ad{
	padding:5px;
	margin:0;
	background:#333;
	text-align:center;
}
	
	
#recentlyplayed{
margin:0;
padding:0;	
/*background:url(/images/menu-bg-bottom.jpg) no-repeat bottom;*/
}

#recentlyplayed h4{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	padding:3px 3px 3px 7px;
	margin:0px;
}

.rptitle{
	width:100%;
	background:url(/images/rptitle-background.jpg) repeat-x;
	height:27px;
	line-height:23px;
	text-transform:lowercase;
	color:#00f9ff;
	font-weight:100;
	font-family: arial black, arial;
}

.rptitle p{
	margin: 0 0 0 8px;
	padding:0;
	display:inline;
}

div.sc_menu_wrapper {
  position: relative;   
  height: 600px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 390px;
  border-bottom:1px solid #333;
/*  background:url(/images/menu-bg-bottom.jpg) no-repeat bottom;*/
border-right:1px solid #333333;
 /* margin-top: 30px;*/
  overflow: auto;
}
div.sc_menu {
  padding: 0;
/*used to be padding 15px 0*/
}
.sc_menu a {
  display: block;
  margin-bottom: 5px;
  width: 380px;

  border: 2px rgb(79, 79, 79) solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  /* When image support is turned off */
  color: #fff;
  background: rgb(79, 79, 79);  
}
.sc_menu a:hover {
  border-color: #00f9ff;
  border-style: dotted;
}
.sc_menu div {
  display: block;
  border: none;
width:380px;
}

form#contact_form {
font-size:11px;
padding:8px;	
}

form#contact_form input, select, checkbox, radio{
margin:7px;
padding:2px;
}

form#contact_form textarea{
	padding:3px;
}

h1.gray {
color:#555555;
display:inline;
font-family:arial;
font-size:11px;
font-weight:bold;
letter-spacing:0.5px;
margin:0px;
padding:5px 0 5px 5px;
text-decoration:none;
text-transform:lowercase;
}

form#contact_form table.hostform td{
	vertical-align:top;
	font-size:11px;
}

form#contact_form table.hostform input{
	margin:0 0 7px 0;
	color:#00FFFF;
}

form#contact_form td.hostforminfo{
	width:90px;
}

div.hostbio {
	padding:8px;
	font-size:11px;
}

div.nonlogged-in-message{
	padding:8px;
	
}



