/**
 * Copyright (c) 2008 ClanTemplates.com
 * Chained Up; a free template by Talis at ClanTemplates.com
 * No part of this file may be redistributed without written permission
 * Designed by Talis <remco_kruizinga@hotmail.com>
 * Coded by Ross <ross@clantemplates.com>
 * http://www.clantemplates.com/pages/Legal
 */

*{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	background: #0e0e0e;
	text-align: center;
	font: 12px verdana;
	color: #ffffff;
}

.navpage {
	text-align: center;
}

.navpage th {
	padding-top: 15px;
	font-size: 14px;
}

.navpage td {
	vertical-align: top;
}

/* ------------------- */
/*	Hyperlinks		   */
a{
	color: #CCCCCC;
}
a:link, a:active, a:visited  {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* ------------------- */
/*	Container		   */
#container{
	width: 942px;
	text-align: left;
	margin: 0 auto;
	background: url('images/container_bg.jpg') repeat-y center;
}

.padcenter th {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 50%;
}

.padcenter td {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #273214;
}

 
 .padlr th {
 	padding-right: 5px;
 	padding-left: 5px;
 	text-align: right;
 }
 
 .padlr td {
 	padding-right: 5px;
 	padding-left: 5px;
 	border: 0px;
 	text-align: left;
 }
 
 .padlrs th {
 	padding-right: 5px;
 	padding-left: 5px;
 	text-align: left;
 }
 
 .padlrs td {
 	padding: 5px;
 	text-align: left;
 }
#container_inner{
	padding: 0 22px 0 22px;
}

/* ------------------- */
/*	Header, Nav		   */
#banner{
	background: url('images/banner.jpg') no-repeat;
	height: 163px;
}

h1{
	display: none;
}

h10{
	font-weight: bold;
	font: 16px "Arial Black";
	color: #ffffff;
}
u {
	text-decoration: underline;
}

#navigation{
	padding: 140px 0 0 0;
	text-align: center;
}

#navigation li{
	display: inline;
	color: #3f4e5d;
	font-size: 12px;
	font-weight: bold;
}

#navigation a{
	color: #ffffff;
	text-decoration: none;
}

/* ------------------- */
/*	Content Headers	   */
.header{
	background: url('images/head_bg.jpg') repeat-x;
	border: 1px solid #3f4b2d;
	height: 15px;
	clear: both;
	font: 12px Arial;
	color: #ffffff;
}

h2{
	font: 11px "Arial Black";
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 25px 0 25px;
}

.header span{
	padding: 0 5px 0 5px;
}

.right{
	float: right;
}

/* ------------------- */
/*	Matches, advert	   */
.matches{
	list-style: none;
	width: 201px;
	float: left;
	clear: right;
}

.matches li{
	background: url('images/list_item.jpg');
	border: 1px solid #3f4b2d;
	margin: 1px 0 0 0;
	font: 10px Arial;
	padding: 1px;
	color: #CCCCCC;
}

.stats{
	list-style: none;
	width: 201px;
	float: right;
	clear: right;
}

.stats li{
	background: url('images/list_item.jpg');
	border: 1px solid #3f4b2d;
	font: 10px Arial;
	color: #CCCCCC;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin: 0px;
}

.stat_text{
	color: #ff6600;
	padding-left: 5px;
}

.loser,.date,.victory,.defeat{
	color: #ffffff;
}

.date,.victory,.defeat{
	float: right;
}

.victory{
	background: url('images/victory.jpg') 2px no-repeat;
	padding: 0 0 0 12px;
}

.defeat{
	background: url('images/defeat.jpg') 2px no-repeat;
	padding: 0 0 0 12px;
}

.advert{
	float: left;
}

/* ------------------- */
/*	Columns			   */
.column{
	float: left;
	padding: 2px 0 0 0;	
}

.side{
	width: 203px;
}

.main{
	width: 483px;
	margin: 0 3px 0 3px;
}

.column h2{
	background: url('images/column_head_bg.jpg') no-repeat;
	border: 1px solid #3d542d;
	padding: 0;
	margin: 10px 0 0 0;
}
 
.table_header {
	background: url('images/column_head.jpg') no-repeat;
}

.column h2 span {
	background: url('images/column_head.jpg') no-repeat;
	display: block;
	padding: 0 0 0 25px;
	height: 17px;
}

.side h2 span{
	background: url('images/column_head_side.jpg') no-repeat;
}

.main h2 span{
	padding: 0 0 0 5px;
}

.column .box{
	background: #192606;
	border: 1px solid #333e23;
	border-top: 0px;
	border-top: 0px;
	padding: 4px;
}

/* ------------------- */
/*	Lists			   */
.box li{
	margin: 0 0 0 15px;
	font-size: 11px;
}

.box a:hover
{
	text-decoration: none;
}

/* ------------------- */
/*	Text formatting	   */
.overlay{
	opacity: 0.5;
	-moz-opacity:0.5;
}

.noborder td {
	border: 0px;
}

.clear{
	clear: both;
}

.orange{
	color: #ff6600;
}

.navlink a:hover {
	color: #ff6600;
}

.orange a:hover {
	padding-left: 5px;
	font-weight: bold;
}

.dark{
	color: #666666;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.block{
	display: block;
}

.right{
	float: right;
}

.leftf{
	float: left;
}

/* ------------------ */
/*  Form formatting   */
input, select, textarea{
	background: #283711;
	border-top: 1px solid #192606;
	border-right: 1px solid #3f4b2d;
	border-bottom: 1px solid #3f4b2d;
	border-left: 1px solid #192606;
	font-size: 12px;
	color: #CCCCCC;
	padding: 3px;
	margin: 2px 0 2px 0;
}

.button_submit{
	background: url('images/button_bg.jpg') repeat-x;
	border: 1px solid #0d1c2d;
	font-weight: bold;
	color: #ffffff;
	height: 17px;
	padding: 0 3px 0 3px;
	text-transform: uppercase;
	font-size: 8px;
}

/* ------------------ */
/*  News formatting   */
.news p, .news ul, .news ol, .news h3{
	border: 1px solid #3f4b2d;
	color: #999999;
	padding: 5px;
	margin: 4px;
}

/* ------------------ */
/*  Stats table	  	  */
table{
	width: 100%;
	font-size: 11px;
}

th{
	font-size: 11px;
	font-weight: bold;
}

td{
	border: 1px solid #273214;
}
.advertisement {
	width: 468px;
	height: 60px;
	float: left;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 14px;
}


.bar_full{
	height: 7px;
	display: block;
	background-image: url('images/bar.jpg');
	background-repeat: repeat-x;
	margin-top: 3px;
	float: right;
	clear: left;
}
.bar {
	float: right;
	width: 125px;
}

.bar_empty{
	height: 7px;
	display: block;
	background-image: url('images/bar2.jpg');
	background-repeat: repeat-x;
	margin-top: 3px;
	float: right;
	clear: left;
}

/* ------------------ */
/*  Roster Images  	  */
.roster a{
	padding: 5px;
}

.roster a img{
	border: 1px solid #ffffff;
}

/* ------------------ */
/*  Footer		  	  */
#footer{
	clear: both;
	color: #CCCCCC;
	text-align: center;
	padding: 20px 0 10px 0;
}

#footer a{
	color: #CCCCCC;
}
.game_stats {
	list-style: none;
	width: 100%;
	font: 10px Arial;
}
game_stats li {
	background: url('images/list_item.jpg');
	border: 1px solid #506174;
	margin: 1px 0 0 0;
	font: 10px Arial;
	padding: 1px;
	color: #CCCCCC;
}

#mainContainer{
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		background: #283711;
		border-left:3px double #000;
		border-right:3px double #000;
}
#formContent{
	padding:5px;
}
/* END CSS ONLY NEEDED IN DEMO */


/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background: #283711;	/* White background color */
	text-align:left;
	font-size:14px;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background: #283711;
	position:absolute;
	z-index:5;
}

form{
	display:inline;
}