body {
	color: #000000;
	margin: 0;
	padding: 0;	
	background-image: url('/static/images/body-bg.gif');
	background-repeat: repeat-x;
	background-color: #111111;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;	
}

a {
	color: #6E6E6E;
	text-decoration: underline;
}

a:hover {
	color: #444444;
	text-decoration: underline;
}

form, input { margin: 0; padding: 0; display: inline; }

input[type="text"], input[type="password"]
{
	width: 150px;
	height: 20px;
	vertical-align: middle;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;	
}

img { border: 0px; }

table { padding: 0; border: 0; border-spacing: 0; }

table.main {
	width: 100%;
	border-left: 1px solid #888888;	
	border-top: 1px solid #333333;
}

table.main th {
	color: #FFFFFF;
	background-color: #151515;	
	padding: 5px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

table.main td { 
	padding: 5px; 
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

.maincontainer {
	margin: auto;
	width: 100%;
	height: 100%;
	display: block;
}

.topcontainer {
	width: 1000px;
	height: 400px;
	background-image: url('/static/images/header-bg.gif');
	background-repeat: no-repeat;
	margin: auto;
}

.topwrapper {
	width: 876px;	
	margin: auto;
}

.header-logo {
	width: 230px;
	height: 35px;
	padding-top: 30px;
	padding-left: 48px;
}

.header-totalpsn {
	color: #FFFFFF;
	padding-top: 35px;
	padding-right: 5px;
}

.header-nav {
	width: 874px;
	padding-top: 25px;
}

.header-nav-links {
	list-style: none;
	border: 1px solid #000000;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.header-nav-links li {
	float: left;
	width: 145px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	text-align: center;
	background: url('/static/images/menu-devider.gif') top right repeat-y;
	padding-right: 2px;
}

.header-nav-links li a  {
	color: #d5d5d5;
	display: block;
	text-decoration: none;
	background: url('/static/images/menu-tali.gif') repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;	
}

.header-nav-links li a:hover {
	color: #ababab;
	background: url('/static/images/menu-tali-active.gif') top repeat-x;
}

.header-nav-links .active a {
	color: #ababab;
	background: url('/static/images/menu-tali-active.gif') top repeat-x;
}

.header-nav-links .last {
	background: none;
	padding: 0; 
	width:139px;
}

.menu1 {border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; height:18px; width:145px; background-color:#333333;}
.menu1 a {color:#d5d5d5; text-decoration:none;}
.menu1 a:hover{text-decoration:none; color:#ff8a00;}

.menu2 {border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; height:18px; width:139px; background-color:#333333;}
.menu2 a {color:#d5d5d5; text-decoration:none;}
.menu2 a:hover{text-decoration:none; color:#ff8a00;}

.promo {
	width: 874px;
	height: 274px;
	background-image: url('/static/images/promo-bg.gif');
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.mainwrapper {
	width: 790px;
	background-color: #FFFFFF;
	margin: auto;
	padding-top: 68px;
	padding-left: 43px;
	padding-right: 43px;
	padding-bottom: 35px;
}

.gamercard {
	padding-top: 27px;
	padding-right: 12px;	
}

.footerwrapper {
	color: #717171;
	width: 790px;
	height: 72px;
	margin: auto;
	padding-top: 25px;
	padding-left: 43px;
	padding-right: 43px;
	padding-bottom: 25px;
	background-color: #111111;
	font-size: 11px;
}

.footerwrapper a {
	color: #a4a4a4;
	font-size: 11px;
}

.footerwrapper .submenu {float:right;}
.footerwrapper .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
.footerwrapper .submenu li a {color:#a4a4a4; text-decoration: none;}
.footerwrapper .submenu li a:hover {color:#a4a4a4; text-decoration: underline;}
.footerwrapper .submenu .first {border:none;}

.spacer { padding-bottom: 10px; }

.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }

.paginate {
	padding:8px;text-align:right;font-size:11px;
}
.paginate a {
	display:inline-block;padding:5px 6px;background:#111111;text-decoration:none;margin:0 1px;
}
.paginate strong {
	display:inline-block;padding:5px 6px;background:#666;text-decoration:none;margin:0 1px;
}

.topbarwrapper {
	width: 98%;
	margin: auto;
}

.topbar {
	position: fixed;
	width: 98%;
	height: 18px;
	top: 0px;
	margin: 0;
	padding: 0;
	background-image: url('/static/images/top-bar-bg.gif');
	background-repeat: repeat-x;
}

.progress-wrap {
position: relative;
background: url(/static/images/bar.png) top left no-repeat;
}

.progress-wrap, .progress-value, .progress-text  {
width: 100px; height: 50px;
}

.progress-value {
background: url(/static/images/fill.png) top left no-repeat;
}

.progress-text {
position: absolute;
top:0; left:0;
margin-top: auto;
color: #000000;
text-align: center;
font-weight: bold;
font-size: 9px;
width: 100%;
}

.txtarea
{
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	width: 350px;
	height: 45px;
}

.menu .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
.menu .submenu li a {color:#a4a4a4; text-decoration: none;}
.menu .submenu li a:hover {color:#a4a4a4; text-decoration: underline;}
.menu .submenu .first {border:none;}