/** NEW CSS ADDED BY ME **/
.header-logo { 
background: url(headerbg.gif);
width: 100%;
height: 125px;
}

.header-top {
	background:url(headertopbg.gif);
	height: 38px;
	width: 100%;
}

.text-title-top  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(toptitleleft.gif) no-repeat;
height:20px;
padding-left:9px;
padding-top:9px;
}
.text-title-top-2 {
color:#FFFFFF;
left:1px;
position:relative;
text-decoration:none;
top:1px;
}
.text-title-top-span {
color:#FFFFFF;
left:-1px;
position:absolute;
text-decoration:none;
top:-1px;
}


/** NAVIGATION RELATED CSS **/
.navt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(navtbg.gif) repeat-x scroll 0 0;
}
.navtr {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(navtr.gif) no-repeat scroll right top;
height:44px;
}

.navtl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(navtl.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:verdana;
font-size:11px;
height:38px;
padding-top:6px;
}
.navitem {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:url(navitembg.gif) no-repeat scroll right top;
height:30px;
line-height:30px;
text-align:center;
}

.footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(footerbg.gif) repeat-x scroll left top;
height:42px;
padding-top:10px;
}


/** DEFAULT SSKIN CSS **/
body {
margin: 0px auto;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#00385D url(bg.gif) repeat-x scroll 0 0;
color:#001F4B;
font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
h3 {
  margin: 0px;
  font-size:16px;

}
h1 {
  margin: 0px;
  font-size:15px;
  background:#060b44 ;
	padding:10px;
	border:1px solid #333;
	color:#FFFFFF;

}
h2 {
	background: #060b44;
  margin: 0px;
  font-size:15px;
	padding:10px;
	border:1px solid #333;
		color:#FFFFFF;


}
#wrapper {
background:  #FFFFFF;
padding:10px 10px 10px 10px ;
min-height:400px;
}

#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:right;
  height:30px;
  margin-right:10px;
  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: left;
	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 {
	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: #000000; font-weight:bold; text-decoration:none;}
a:hover { color: #b9d8ea; font-weight:bold; text-decoration: underline;}
.navt a { color: #FFFFFF; font-weight:bold; text-decoration:none;}
.navt a:hover { color: #FFFFFF; font-weight:bold; text-decoration: none;}

.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: #A7C0E2;
	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: #A7C0E2;
	padding: 2px;
}
.table_top_rating {
	background-color: #A7C0E2;
	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 : #003456;
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; }