*, body
{
	color: #ddd;
	font-family : verdana, tahoma, arial, sans-serif;
	font-size: 12px;
	margin: 0;
}

body
{
	background-color: #313D4B;
}

p
{
	margin: 10px 0;
}

a 
{
	color: #adf;
	text-decoration: none;
}
	a:hover, .like_a 
	{
		color: #fff;
		background-color: #adf;
		background-color: #479;
	}
tr, td { vertical-align: top; }
form { margin: 0; display: inline; }
img { border: none; }

/* Layout */
#head {
	text-align: center;
	background-color: #313D4B;
	background-image: url(/_i/default/background.jpg);
	background-repeat: repeat-x; 
	margin-bottom: 15px;
}


#footer 
{
	clear: both;
	text-align: right;
	margin: 5px;
	
}


h2, h3
{
	background: url(/_i/default/title_mid.gif) repeat-x;
}
	h2 .left, h3 .left, h2 .right, h3 .right { display: block; }
	
	h2 .left
	{
		background: url(/_i/default/title_head_left.gif) no-repeat left;
	}
	
	h2 .right
	{
		color: white;
	}
	
	h3 .left
	{
		background: url(/_i/default/title_left.gif) no-repeat left;
	}
	
	
	h2 .right, h3 .right
	{
		background: url(/_i/default/title_head_right.gif) no-repeat right;
		height: 22px;
		padding: 8px 0 0 10px ;
		text-align: center;
		font-weight: bold;
	}
	
	h3 .right
	{
		text-align: left;
		background: url(/_i/default/title_right.gif) no-repeat right;
	}
	
	h3 .date 
	{
		font-weight:normal;
		font-size: 9px;
		color: #aaa;
	}

.bad {
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	border: 3px solid black;
	border-color: #f00 #800 #800 #f00;
	background-color: #b00;
	text-align: center;
}

.info {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #555;
	background-color: #667381;
	background-color: #86f3a1;
	margin: 5px 0;
	padding: 1px;
	text-align: center;
	color: black;
}

#content {	margin: 0 160px;}

/* Side stuff*/
.title { height: 20px; }
	.title span { display: none; }
#title-user { 	background: url(/_i/default/title_user.gif) no-repeat left; }
#title-station { 	background: url(/_i/default/title_station.gif) no-repeat left; }
#title-site { 	background: url(/_i/default/title_site.gif) no-repeat left; }
#title-store { 	background: url(/_i/default/title_store.gif) no-repeat left; }
#title-online_users { 	background: url(/_i/default/title_online_users.gif) no-repeat left; }

#title-affiliates { 	background: url(/_i/default/title_affiliates.gif) no-repeat left; }

.nav-links ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.nav-links a
	{
		display: block;
		width: 132px;
		height:18px;
		padding: 2px 0 0 5px;
		background: url(/_i/default/link.gif) no-repeat;
		background-position: 0 0;
	}
		.nav-links a:hover
		{
			background-position: 0 -20px;
		  color: #000;
		}
	.nav-links .selected
	{
		color: black;
		font-weight: bold;
		background-position: 0 -40px;
	}
	.nav-links .normal a, .nav-links .normal a:hover
	{
	   display: inline;
	   width: auto;
	   height: auto;
	   background: none;
	   padding: 0;
	}


#area-1, #area-2 {	width: 150px; position: absolute;}
	#area-1 
	{ 
		left: 0;
		background: url(/_i/default/left_mid.gif) repeat-y left;
	}
	#area-1 .top
	{
		padding-top: 15px;
		background: url(/_i/default/left_top.gif) no-repeat top left;
	}
	#area-1 .bottom
	{
		background: url(/_i/default/left_bottom.gif) no-repeat bottom left;
		padding-bottom: 20px;
		padding-right: 13px;
	}
	
	#area-1 .container
	{
	   margin-left: 5px;
	}


/* Login */
#login
{
	text-align: center;
	padding-bottom: 5px;
}
	#login label
	{
		font-size: 10px;
		padding-bottom: 2px;
	}
	#login a
	{
		background: none;
		display: inline;
		font-weight: bold;
	}
		#login a:hover	
		{ 
			color: #fff;	
			background-color: #479; 
		}


/* listeners */
#area-1 #listeners
{
	 color: #fa0; 
	 font-size: 10px; 
	 text-align: right; 
	 border-bottom: 1px solid #69717B; 
	 padding: 1px 2px 2px 0;
}

#playlist-search
{
	margin: 2px 0 0 5px; 
	padding: 0;
}

#server-status
{
	font-size: 10px;
	padding: 7px 0 7px 10px;
}

#area-2 
{ 
	right: 0;
	background: url(/_i/default/right_mid.gif) repeat-y right;
}
#area-2 .top
{
	padding-top: 15px;
	background: url(/_i/default/right_top.gif) no-repeat top right;
}
#area-2 .bottom
{
	background: url(/_i/default/right_bottom.gif) no-repeat bottom right;
	padding-bottom: 15px;
	padding-left: 13px;
}

#area-2 .affiliates div
{
	font-size: 10px;
	border-bottom:1px solid #88f;
	padding: 5px;
	margin: 5px 0;
}
#user_regen 
{ 
	margin: 3px; 
}
	#regen_bars  { margin: 3px 0; }
	#regen_bars .regen_border { border: 1px solid #888; }
	#regen_bars .regen_border_on { border: 1px solid #fff; }



/* News */
#news .content, #news .bottom 
{
	border: 1px solid #555;
	margin: 0 5px;
}

#news .content 
{
	border-top: 0;
	border-bottom: 0;
	background-color: #414D5B;
	padding: 5px;
}

#news .bottom {
	background-color: #364351;
	margin-bottom: 10px;
	padding: 1px;
	text-align: center;
}

#news .bottom .comments  
{
	float: right;
	font-size: 10px;
	color: #db0;
}
#news .bottom .comments:hover 
{
	color: #fff;
	background-color: #616D7B;
}
#information_head  { width: 100%; border-collapse: collapse; }
#information_head th 
{
  background: url('/_i/default/info_head.gif') #6A737C repeat-x 0 -2px;
  padding: 5px;
  text-align: left;
  color: #bdf;
  font-size: 120%;
}
#information_head td { width: 50%; padding: 0;}
#information_head td a
{
  display: block;
  height: 22px;
  padding-top: 5px;
  border-bottom: 2px solid #999;
  background: #333;
  color: #aaa;
  text-align: center;
  font-weight: bold;
}
#information_head td a:hover { background: #444; color: #fff;}
#information_head td a.cur 
{ 
  background: #555; 
  border: 2px solid #999;
  border-bottom: none;
  color: #fff; 
}
#information_body 
{ 
  padding: 5px;
  background: #555; 
  border: 2px solid #999;
  border-top: none;
}
/* Playlist drawing */
.playlist 
{
	border-collapse: collapse;
}

.playlist td, .playlist th, .playlist dt, .playlist dd
{
	font-family: arial, tahoma, verdana;
	font-size: 10px;
}
.playlist td, .playlist th
{
	border: 1px solid #555;
	padding: 3px;
	text-align: right;
}

.playlist th 
{  
	font-size: 11px; 
	background-color: #004371;	
	text-align: center;
  vertical-align: bottom;
}
.playlist .desc
{
	width: 100%;
	text-align: left;
	white-space: normal;
}

.no-top { border-top: 0; }

.playlist .current td, .playlist .current-requested td
{
	padding: 5px;	
	font-size: 12px;	
	font-weight: bold;
}
	.playlist .current  { background-color:#064; }
	.playlist .current td { border: 2px solid #666; }
	.playlist .current-requested  { background-color:#6B314D; }
	.playlist .current-requested td  { border: 2px solid #844;	}
	.playlist .user { color: #bdf; font-size: 12px; }
	.playlist .vertical td 
	{ 	
		border: 0; 	
		padding-right: 5px; 
		text-align: center;
		padding-top: 3px;
	}
	.playlist .no-attributes td 
	{ 	
		border: 0; 	
		padding: 0; 
		text-align: center;
		padding-top: 3px;
	}
.request_allowed  { cursor: url('/forum/images/smiles/icon_biggrdin.gif'), pointer; color: #0f0; font-size: 11px; font-weight: bold;}
.request_allowed_on  { background-color: #080;  color: #fff;}
.request_lack_points  { color: #888; }
.request_played  { color: #d44; }

.requested { background-color: #6B414D; }

.pagination { text-align: center; margin: 5px; }
	.pagination a, .pagination .current  { margin: 0 2px; padding: 2px; border: 1px solid #888; background: #222;}
	.pagination .current { background: #ddd; color: #222; }

.color01 { background-color: #414D5B; }
.color02 { background-color: #364351; }

.hl_on { background: #888; cursor: help;}
.hl_warning { background-color: #f00; cursor: crosshair; color: #000;}

.listSearch {	text-align: center;	border: 1px solid #666;	padding: 3px;	margin-bottom: 10px;	background-color: #414D5B;	-moz-border-radius: 10px;	font-weight: bold; }
	.listSearch .input {	color: white;	border: 1px solid white;	background: #515D6B;	padding: 2px;	font-size: 10px;}
	.listSearch SELECT, .listSearch OPTION {	border: 0;	color: white;	background: #515D6B;	font-size:10px;}
	
/* FAQ PAGE */

#answers p {border: 1px solid #666; padding: 5px;background-color: #414D5B;}
#answers strong {color: #8fd};

.nice_table table { border-collapse: collapse; }
.nice_table th, .nice_table td { border: 1px solid #666; padding: 2px 5px; margin: 0; } 

/* Generic Classes */
.info STRONG { color: black; }
.submit {	color: white;	border: 1px solid white;	background: #717D8B;	padding: 0px;	font-size: 10px; }

.white { color: #fff; }
.red { color: #f00; }
.green { color: #0f0; }
.yellow { color:#ff0; }
.orange { color:#FFCC00; }
.gray { color: #888; }
.lightGray { color: #b8b8b8; }

.small { font-size: 10px; }
.large {	font-size: 11pt; }

.largeSpace { 
	font-size: 12pt; 
	letter-spacing: 5px;
	color: #8bf;
}

.clear { clear: both; }

.pad5 {	padding: 5px; }
.pad10 {	padding: 10px; }
.pad20TD TD { 	padding-left: 20px; }

.center {text-align: center; }
.bold { font-weight: bold; }

.legal { font-size: 7pt;  color: #CCCCCC;}
	.legal a {font-size: 7pt;}

.input /* Input to look like the theme */
{
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	padding: 1px 5px 1px 5px;
	background: #616D7B;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}
textarea { color: #000; }