body {
background:white url("background.gif") repeat-x  ;
color: #000;
	font-family: sans-serif;
	font-size: 12px;
}
h3 {
  margin: 0px;
  font-size:16px;

}
h1 {
  margin: 0px;
  font-size:15px;
  background:white url("background.gif") repeat-x  ;
	padding:10px;
	border:1px solid #333;

}
h2 {
  margin: 0px;
  font-size:15px;
  background:white url("background.gif") repeat-x  ;
	padding:10px;
	border:1px solid #333;

}
#wrapper {
	width: 960px;
}
#header {
	width: 150px;
	height: 100px;
	padding:10px;
}
#menu-bar{
  float:center;
  height:20px;
  	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
  border:1px solid #333;
  padding:10px;
  background:#f4f5f5;
  margin:10px;
}
#navigation-bar{
  float:left;
  height:160px;
  margin-left:450px;
  width:550px;
  clear:right;
}

li.navlist {
  display:inline;
  float:left;
  padding-right:22px;
}
a.home-icon:hover{
  background:transparent url("home.png") no-repeat left -75px;
  display:block;
  height:75px;
  width:62px;
}

a.home-icon{
  display:block;
  background:url("home.png") no-repeat;
  height:75px;
  width:62px;
}

a.join-icon:hover{
  display:block;
  background:transparent url("join.png") no-repeat left -75px;
  height:75px;
  width:62px;
}
a.join-icon{
  background:url("join.png") no-repeat;
  display:block;
  height:75px;
  width:62px;
}

a.usercp-icon:hover{
  background:transparent url("usercp.png") no-repeat left -75px;
  display:block;
  height:75px;
  width:62px;
}
a.usercp-icon{
  background:url("usercp.png") no-repeat;
  display:block;
  height:75px;
  width:62px;
}
a.stats-icon:hover{
  background:transparent url("stat_img.png") no-repeat left -75px;
  display:block;
  height:75px;
  width:92px;
}
a.stats-icon{
  background:url("stat_img.png") no-repeat;
  display:block;
  height:75px;
  width:92px;
}




#navigation a, .table_top_title a { color: #FFF; }
#navigation a:hover, .table_top_title a:hover {
	color: #ddd;
	text-decoration: none;
}

#filters {
	float: right;
	margin: 2px;
	background:#4a4a4a;
	padding:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#search {
	float: right;
	margin: 2px;
	background:#4a4a4a;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:10px;
}
#search input {
	float: right;
	margin: 2px;
	background:#4a4a4a;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	padding:2px;
	background:#FFFFFF;
}


#content {
	clear: both;
	padding:10px;}
	
#copyright {
	margin: 10px;
	background:#333 url(collpasible_back.png) repeat-x ;
	text-align: center;
	color:#fff;
}

#copyright a {
color: #fff; font-weight:bold; 
}
#copyright a:hover {
color: #f5f5f5; font-weight:bold;
}

/* Hyper Links */
a { color: #333; font-weight:bold; text-decoration:none;}
a:hover { color: #7dbe0c; font-weight:bold;}


.table_border {
	border: 1px solid #555756;
	margin-bottom: 10px;
		-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding: 0px;
}
/* Top Ranking Style */
.table_top_title {
	background: #4a4a4a url("collpasible_back.png") repeat-x left -15px;
	font-size: 14px;
	color: #FFF;
		-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:10px;
	text-align: left;
}
.tablecontent{
		-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:5px;
	margin:5px;
	border:1px solid #ccc;
	background:#fff;
}
.table_top_rank {
	background-color: #a2d84e;
	font-size: 16px;
	font-weight: bold;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_top_description { }
.table_top_banner {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.table_top_stats {
	background-color: #DCDCDC;
	padding: 2px;
}
.table_top_rating {
	background-color: #DCDCDC;
	text-align: center;
}
/* Ranking Style */
.table_title {
	background: #4a4a4a url("collpasible_back.png") repeat-x left -20px;
	color: #FFF;
	-moz-border-radius: 8px;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.table_rank {
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_description { width: 100%; }
.table_stats {
	background-color: #DCDCDC;
	padding: 0px;
	text-align: center;
}

/* Stats Style */
.stats_top {
	background: #4a4a4a url("collpasible_back.png") repeat-x left -20px;
	color: #FFF;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.stats_left { background-color: #DCDCDC; }
.stats1 {
	background-color: #DCDCDC;
	text-align: center;
}
.stats2 {
	background-color: #FFF;
	text-align: center;
}

/* Admin */
.darkbg {
  background-color: #737373;
  color: #fff;
}
.mediumbg {
	background: #4a4a4a url("collpasible_back.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lightbg {
	color: #000;
	background-color: #FFF;
}
.lightbgalt {
	color: #000;
	background-color: #DCDCDC;
}

table { width: 100%; }
/* No Borders Images */
img { border: 0; }
fieldset{
-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	margin:10px;
	background:#f5f5f5;
}

fieldset input{
-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	margin:10px;
	background:#fff;
}
fieldset legend{
color :green;
font-size:20px;
font-weight:bold;
}


textarea, input {
	font-family: sans-serif;
	font-size: 14px;
	border:1px #ccc solid;
	color:#333;
	background:#FFFFFF;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }