body {
background:url("../images/bg.png") repeat-x scroll 0 0 #262626;
font-family:Arial,Helvetica,Sans-Serif;
margin:0;
padding:0;
}

#container {
color:#D7D7D7;
margin:auto;
min-height:100%;
width:990px;
}

/* ---- Basic Elements ---- */

a {
color:#55AAFF;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:active {
color:#FFFFFF;
text-decoration:none;
}

h1, h2, h3, h4, h5 {
color:#FFFFFF;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:bolder;
margin:0 0 10px;
padding:0;
text-shadow:1px 1px 0 #000000;
}

h1 {
font-size:24px;
}

h2 {
font-size:18px;
}

h3 {
font-size:16px;
}

h4 {
font-size:14px;
}

h5 {
font-size:13px;
}

p {
line-height:25px;
margin:0;
padding:0;
}

textarea {
background:none repeat scroll 0 0 #252525;
border:1px solid #444444;
color:#888888;
padding:7px;
}

ul li {
list-style-type:none;
}

form select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D5D5D5;
color:#333333;
font-size:12px;
padding:5px;
}

.right {
float: right;
}

/* ---- Header Elements ---- */

#header {
height:128px;
margin-bottom:20px;
width:990px;
}

.header_container {
margin:auto;
width:100%;
}

.header_logo {
background:url("../images/logo.png") repeat scroll 0 0 transparent;
float:left;
height:128px;
width:219px;
}

.sidebar_bg ul li {
line-height:20px;
}
form .small-input {
padding:5px;
width:200px !important;
}


/* ---- Admin Login Elements ---- */

.header_login {
background-color:#171717;
border:1px solid #444444;
float:left;
font-family:arial,helvetica,sans-serif;
font-size:12px;
height:48px;
line-height:48px;
margin-bottom:50px;
margin-left:363px;
margin-top:50px;
padding:0px 5px 0px 5px;
text-align:center;
width:386px;
}

.login_input {
background-color:#444444;
border:1px solid #444444;
color:#999999;
padding:5px;
width:100px;
}
.login_input nput:focus, input.focused {
border-color:#55AAFF;
color:#999999;
}
.admin_login {
color:#D7D7D7;
font:12px Arial,Helvetica,Sans-Serif;
padding-right: 5px;
}

/* ---- Buttons ---- */

.button {
background-color:#55AAFF;
border:0 solid #223F5C !important;
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-family:Arial,Helvetica,Sans-Serif;
font-size:12px;
font-weight:bolder;
padding:7px 5px 5px 5px !important;
text-shadow:1px 1px 0 #0A5482;
text-transform:uppercase;
}
.button:hover {
background-color:#289DE7;
text-decoration:none;
}
.button:active {
padding: 7px 5px 5px 5px !important;
}

/* ---- Search Bar Elements ---- */

#navsubcontainer {
background-color:#171717;
border:1px solid #444444;
float:left;
font-family:arial,helvetica,sans-serif;
margin-bottom:25px;
padding:10px 0;
width:100%;
}

#search {
margin:auto;
width:100%;
}

#playersearch {
float:left;
margin-right:2%;
text-align:right;
width:49%;
}

#mapsearch {
float:right;
text-align:left;
width:49%;
}

/* ---- Navigation Bar Elements ---- */

#navcontainer {
float:left;
font-family:arial,helvetica,sans-serif;
padding: 0px 0px 0px 6px;
width:990px;
}

#navlist ul li {
display:inline;
}
#navlist li a {
background-color: #444444;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,Sans-Serif;
font-size:13px;
font-weight:bolder;
margin-bottom:20px;
margin-right:5px;
padding:10px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 #0A5482;
text-transform:uppercase;
width:98px;
}
#navlist li a:hover {
background-color: #55AAFF;
color:#FFFFFF;
}

/* ---- Content Container ---- */

#content_container {
background-color:#171717;
border:1px solid #444444;
float:left;
font-family:arial,helvetica,sans-serif;
margin-bottom:20px;
padding:20px;
width:950px;
}

#left {
display:inline;
float:left;
margin-bottom:15px;
margin-right:10px;
width:650px;
}

#no_columns{
display:inline;
float:left;
margin-bottom:15px;
margin-right:10px;
min-height:700px;
width:100%;
}

/* ---- Messages ---- */
.error {
background-image:url("../images/error.png");
border:1px solid #444444;
color:#FFFFFF;
font-size:12px;
font-style:italic;
height:38px;
margin:auto auto 20px;
max-width:500px;
padding:22px 0 0 65px;
width:75%;
}
.success {
background-image:url("../images/success.png");
border:1px solid #444444;
color:#FFFFFF;
font-size:12px;
font-style:italic;
height:38px;
margin:auto auto 20px;
max-width:500px;
padding:22px 0 0 45px;
width:75%;
}
.form_help {
font-size:11px;
font-style:italic;
margin-top:7px;

}

/* ---- Content Elements ---- */

#inside {
border-collapse:collapse;
border-style: solid;
border-color: #444444;
border-width: 1px 0px 0px 0px;
clear:both;
font:12px/20px Arial,Helvetica,Sans-Serif;
padding-top: 20px;
text-align:left;
width:100%;
}

#insideleft {
float:left;
min-height:450px;
padding:0px 2.5% 20px 2.5%;
text-align:left;
width:45%;
}

#insideright {
float:right;
min-height:450px;
padding:0px 2.5% 20px 2.5%;
text-align:left;
width:45%;
}

#playerlist {
  padding-left:20px;
  margin:0;
  }
#playerlist li {
  list-style-type: disc;
  }

#leftcol {
border:0px solid #434343;
float:left;
font:12px/20px Arial,Helvetica,Sans-Serif;
padding:2%;
text-align:left;
width:45%;
}

#rightcol {
background-color: #222222;
border:1px solid #434343;
float:right;
font:12px/20px Arial,Helvetica,Sans-Serif;
margin-bottom: 25px;
padding:2%;
text-align:center;
width:45%;
}

.rank_icon {
height: 40px;
width: 40px;
float: left;
margin-right: 10px;
margin-top: 5px;
margin-left: 2px;
}

.player_name {
font-size:24px;
color:#FFFFFF;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:bolder;
text-shadow:1px 1px 0 #000000;
height: 40px;
line-height: 40px;
float: left;
margin-top: 5px;
margin-left: 2px;
}

#player_award_banner {
height: 50px;
position: relative;
line-height: 50px;
background: url('/images/Banner.png');
width: 950px;
}

#player_overview_title {
height: 40px;
position: relative;
line-height: 40px;
}

#player_overview_container {
min-height: 312px;
clear:both;
}

#player_overview_left {
float:left;
padding:0px 10px 0px 0px;
text-align:left;
width: 320px;
}

#player_overview_center {
float:left;
padding:0px 0px 0px 10px;
text-align:left;
width: 320px;
}

#player_overview_right {
float:right;
margin-bottom: 10px;
padding: 90px 20px 0px 10px;
width:250px;
}

.pieGraph p.title{
background:none repeat scroll 0 0 transparent;
color:#FFFFFF;
font:normal bolder 13px Arial,Helvetica,Sans-Serif;
letter-spacing:0.03em;
margin-bottom:0.7em;
padding: 18px 0px 0px 0px;
width:70px;

}

.pieGraph p.number{
background:none repeat scroll 0 0 #848484;
color:#FFFFFF;
font-size:14px;
height:26px;
line-height:26px;
padding-left:9px;
width:61px;
}

.pieGraph .victory {
float:right;
text-align:left;
}

.pieGraph  .victory p.number{
background: none repeat scroll 0 0 #4ba800;
}

.pieGraph .defeat {
clear:both;
float:right;
text-align:left;
}

.graphContainer {
float:left;
width:250px;
margin-bottom: 10px;
}


.graph {
text-align:center;
width: 155px;
height: 155px;
}

.innerCircle {
background:url("../images/pie-graph-overlay.png") no-repeat scroll center center transparent;
border:0px solid #444444;
text-align:center;
width: 155px;
height: 155px;
line-height: 155px;
color:#FFFFFF;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:bolder;
text-shadow:1px 1px 0 #000000;
font-size: 30px;
}

.innerCircle span{
font-size: 20px;
}

.innerCircleContent {
border:0px solid #444444;
font:12px Arial,Helvetica,Sans-Serif;
text-align:center;
width: 135px;
height: 135px;
margin-left: 149px;
margin-top: -135px;
position: absolute;
z-index: 10;
}

.aleft {
		float: left;
}

.aright {
		float: right;
}


#game_overview_container {
clear:both;
}

#game_overview_left {
float:left;
padding:0px 10px 0px 0px;
text-align:left;
width: 300px;
}

#game_overview_center {
float:left;
padding:0px 0px 0px 10px;
text-align:left;
width: 340px;
}

#game_overview_right {
float:right;
margin-bottom: 10px;
padding: 42px 67px 0px 67px;
height:112px;
width:145px;
text-align: center;
position: relative;
}

#game_overview_right .vs {
    background: url("../images/vs.png")  no-repeat scroll center top transparent;
    bottom: 0px;
    height: 29px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.bargraph {
width: 145px;
height: 155px;
margin: auto;
}

.single {
border:1px solid #444444;
font:13px Arial,Helvetica,Sans-Serif;
margin-bottom:25px;
text-align:center;
}

.single td {
padding:12px;
text-align:center;
}

.single th {
background:none repeat scroll 0 0 #444444;
color:#FFFFFF;
font-weight:bolder;
padding:12px;
text-align:center;
}

.single tfoot td {
background-color:#262626;
border-top:1px solid #444444;
color:#FFFFFF;
font-weight:bolder;
padding:12px;
text-align:center;
}

.single tr {
background-color:#222222;
text-align:left;
}

.expand {
border:0px solid #444444;
font:13px Arial,Helvetica,Sans-Serif;
margin: auto auto auto auto;
text-align:left;
width:100%;
}

.expand td {
padding:5px 20px 5px 20px;
text-align:left;
}

.expand th {
background-color: #171717;
color:#FFFFFF;
font:14px Arial,Helvetica,Sans-Serif;
font-weight:bolder;
padding:5px 12px 5px 12px;
text-align:left;
}

.expand tfoot td {
background-color:#171717;
color:#FFFFFF;
font:14px Arial,Helvetica,Sans-Serif;
font-weight:bolder;
padding:12px;
text-align:center;
}

.expand tr {
background-color: #121212;
border-bottom:1px solid #171717;
}

.expand tr:nth-child(2n) {
background-color:#131313;
}

.expand tr:nth-child(2n+1) {
background-color:#121212;
}

.table {
border:0px solid #444444;
font:13px Arial,Helvetica,Sans-Serif;
margin: auto auto 25px auto;
text-align:left;
width:100%;
}

.table td {
padding:12px;
text-align:center;
border: 1px solid #171717;
}

.table .left {
text-align: left;
}

.table .right {
padding:12px;
text-align: right;
}

.table .team {
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

#green {
background-color: #43a443;
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

#red {
background-color: #d53030;
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

#blue {
background-color: #3b74ca;
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

#yellow {
background-color: #ffdc00;
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

#multiteams{
background-color: #444444;
padding:12px;
text-align: left;
width: 15px;
-moz-border-radius-topleft: 4px;
}

.rank1 {
    background: url("../images/ranks/1.png")  no-repeat scroll center center transparent;
}
.rank2 {
    background: url("../images/ranks/2.png")  no-repeat scroll center center transparent;
}

.rank3 {
    background: url("../images/ranks/3.png")  no-repeat scroll center center transparent;
}

.rank4 {
    background: url("../images/ranks/4.png")  no-repeat scroll center center transparent;
}

.rank5 {
    background: url("../images/ranks/5.png")  no-repeat scroll center center transparent;
}

.rank6 {
    background: url("../images/ranks/6.png")  no-repeat scroll center center transparent;
}

.rank7 {
    background: url("../images/ranks/7.png")  no-repeat scroll center center transparent;
}

.rank8 {
    background: url("../images/ranks/8.png")  no-repeat scroll center center transparent;
}

.rank9 {
    background: url("../images/ranks/9.png")  no-repeat scroll center center transparent;
}

.rankrecruit {
    background: url("../images/ranks/recruit.png")  no-repeat scroll center center transparent;
}

#achievement_image {
padding: 0px 15px 0px 12px;
vertical-align: middle;
}

#rankmore {
text-align: left;
padding: 0px;
line-height: 100%;
}

#green_text {
color: #43a443;
}

#red_text {
color: #d53030;
}

.table th {
background-color: #171717;
color:#FFFFFF;
font:14px Arial,Helvetica,Sans-Serif;
font-weight:bolder;
padding:12px;
text-align:center;
}

.table tfoot td {
background-color:#171717;
color:#FFFFFF;
font:14px Arial,Helvetica,Sans-Serif;
font-weight:bolder;
padding:12px;
text-align:center;
}

.table tr {
background-color: #121212;
}

.table tr:nth-child(2n) {
background-color:#131313;
}

.table tr:nth-child(2n+1) {
background-color:#121212;
}

#viewmore a {
color:#D7D7D7;
cursor:pointer;
padding: 5px;
}

#viewmore a:hover {
background-color: #55AAFF;
color: #FFFFFF;
padding: 5px;
-moz-border-radius:4px;
}

#text {

color:#FFFFFF;
font:14px Arial,Helvetica,Sans-Serif;
font-weight:bolder;
padding:12px;
text-align:center;

}



/* Style for Player Profile Tabs */
.tabs {
  margin-top: 20px;
  clear: both;
}

.tabs li { 

list-style:none;
 float:left;
 }
 
.tabs ul {
margin-left: 0px;
}

.tabs ul a {
	display:block;
	background-color:#444444;
	border:0px solid #444444;
	color:#FFFFFF;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:13px;
	font-weight:bolder;
	margin-right: 5px;
	padding: 10px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 #0A5482;
    text-decoration:none!important;
}
.tabs ul a:hover {
  color:#FFFFFF;
  background-color:#55aaff;
  }
.tabs ul a.selected {
	border-style: solid;
	border-color: #444444;
	border-width: 0px;
	margin-bottom:0;
	color:#FFFFFF;
	background-color:#55aaff;
	cursor:default;
  }
.tabs div {
  padding:0px 0px 0px 0px;
  *padding-top:3px;
  *margin-top:-15px;
}
.tabs div a { 
	font-weight:normal;
 }



/* ---- News Elements ---- */

#news {
width:100%;
}
.title {
color:#55AAFF;
font:italic bolder 20px Arial,Helvetica,Sans-Serif;
padding:12px 12px 0;
}

.date {
color:#FFFFFF;
font:bolder 15px/16px Arial,Helvetica,Sans-Serif;
padding:10px;
}

.content {
color:#D7D7D7;
font:12px/20px Arial,Helvetica,Sans-Serif;
margin-bottom:10px;
padding:0 10px 10px;
}

/* ---- Chart Elements ---- */

div.chartbar span {
background-color:#55AAFF;
border:0 solid #489500 !important;
color:#FFFFFF;
display:block;
height:23px;
margin:0 3px 0 0;
overflow:hidden;
padding:1px 5px 0;
}
table.chart {
border-collapse:collapse;
font-family:Arial,Helvetica,sans-serif;
width:100%;
}
table.chart td {
line-height:25px;
}
table.chart th {
height:23px;
line-height:25px;
text-align:left;
width:4%;
}
table.chart td.chartbarCell {
height:23px;
line-height:25px;
padding:0;
width:60%;
}
.chart .rank {
height:23px;
line-height:25px;
text-align:right;
width:4%;
}
.chart .playerName {
height:23px;
line-height:25px;
padding-left:2%;
text-align:left;
white-space:nowrap;
width:34%;
}

div.chartbar {
overflow:hidden;
}


/* ---- Sidebar Elements ---- */

.sidebar {
margin-left:10px;
width:280px;
float:left;
}

.tourney_status {
		-moz-border-radius:4px;
		background-color: #d5ffce;
		border:1px solid #9adf8f;
		color: #556652;
		font: bolder 15px/38px Arial,Helvetica,Sans-Serif;
		height:38px;
		margin-bottom: 25px;
		padding:0 10px;
		text-align: center;
		width:258px;
}

.tourney_status a {
color:#556652;
display: block;
text-transform:uppercase;
}

.sidebar_bg span {
		float: right;
}

.sidebar_title {
border:1px solid #262626;
color:#FFFFFF;
font:bolder 15px/38px Arial,Helvetica,Sans-Serif;
height:38px;
padding:0 10px;
text-align: left;
text-shadow:1px 1px 0 #000000;
text-transform:uppercase;
width:258px;
}

.sidebar_bg {
border-color:#262626;
border-style:solid;
border-width:0 1px 1px;
font:12px Arial,Helvetica,Sans-Serif;
margin-bottom:25px;
padding:10px;
width:258px;
}

/* ---- Footer Elements ---- */

#footer {
background-color:#171717;
border:1px solid #444444;
clear:both;
color: #d7d7d7;
font-family:arial,helvetica,sans-serif;
font-size:12px;
height:50px;
line-height:50px;
margin: auto auto 20px auto;
text-align:center;
width:990px;
}

 #viewport { 
		border: 1px solid #444444;
        width: 900px; 
        height: 400px; 
        cursor: move; 
        margin: auto; 
        overflow: hidden; /*keep map contents from spilling over if JS is disabled*/ 
    }