/*
TopGunStats.com

==========*/

/* General
==========*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: url("/images/header_repeatx.jpg") #000 repeat-x top left;
   text-align: left; 
   color:#000;
}

img {
   border:none;
   outline:none;
}

a {
   outline:none;
}

#logo {
   margin-left:-5px;
}

#header {
   height:125px;
}

#banner {
   border:1px solid #2a2a2a;
   margin:30px 0 0 -28px;
}

#bottom-banner {
   border:1px solid #2a2a2a;
   margin:28px 0 30px 8px;
   width:120px;
}

#nav {
   height:80px;
}

#mainnav {
   margin-top:18px;
}

#mainnav li {
   float:left;
   list-style:none;
}

#mainnav li a {
   color:#fff;
   padding:20px;
   text-decoration:none;
   font-weight:bold;
}

#featured {
   background:url('../images/featured.jpg') no-repeat left top;
   height:300px;
}

#featured h2 {
   color:#fff;
   font-size:14px;
   margin:258px 0 0 15px;
}

#loginbox {
   height:300px;
   background: url('../images/loginbg.jpg') repeat-x left top;
}

#login {
   height:298px;
   border:1px solid #313131;
}

#login h3 {
   color:#fff;
   font-size:12px;
   background: url('../images/headingsbg.jpg') repeat-x left top;
   padding:4px 3px 2px 3px;
   margin:2px;
   text-align:center;
}

#login h4 {
   color:#9a6108;
   font-size:12px;
   margin:10px;
}

#login .cust-input {
   margin-left:10px;
   background-color:#000;
   border:1px solid #000;
   color:#fff;
   font-size:28px;
   height:35px;
   width:195px;
}

#login p {
   margin:10px;
   color:#9a6108;
}

#login #submit {
   margin:5px 10px;
}

#login p a {
   color:#9a6108;
}

#gamertag-search-contain {
   height:115px;
}

#gamertag-search {
   background:url('../images/gamertagbg.jpg') repeat-x left top;
   height:73px;
   margin-top:25px;
}

#search {
   height:71px;
   border:1px solid #313131;
}

#search p {
   font-size:24px;
   color:#fff;
   margin:18px 0 0 20px;
   font-weight:bold;
}

#search p input {
   width:375px;
}

#go-button {
   margin:15px 20px 0 10px;
   float:right;
}

#tagsearch {
   margin:0;
   padding:0;
}

#rankings {
   min-height:651px;
}

#rankings-grid {
   background:url('../images/loginbg.jpg') repeat-x left top;
   margin-top:20px;
   margin-bottom:15px;
   min-height:651px;
}

#rankings-border {
   border:1px solid #313131;
   min-height:651px;
}

#rankings h3 {
   color:#fff;
   font-size:12px;
   background: url('../images/headingsbg.jpg') repeat-x left top;
   padding:4px 3px 2px 3px;
   margin:2px;
   text-align:left;
}

.top100 {
   color:#fff;
   font-size:11px;
   width:760px;
   margin:10px;
}

.top100 a {
   color:#ffdf01;
}

.top100 td {
   padding:3px 3px;
}

.center {
   text-align:center;
}

.top100 .current {
   background:url('../images/selected-bg.png') repeat left top;
}

.primary_weapon {
   float:left;
   margin-left:25px;
}

.top100 .weapon_kills {
   margin:10px 0 0 -48px;
   float:left;
   font-weight:bold;
}

.emblem {
   width:30px;
   height:30px;
   border:1px solid #ccc;
}

#ads {
   margin-top:20px;
}

#ad {
   height:31px;
   border:1px solid #313131;
}

#ad h3 {
   margin:0;
   text-align:center;
   font-size:14px;
}

#tracked {
   color:#fff;
   margin:10px 0 0 10px;
}

#paginator-contain {
   text-align:center;
   width:700px;
   border:1px solid #fff;
}

.paginator {
   margin:10px 0 0 250px;
}

.paginator li {
   float:left;
   list-style:none;
}

.paginator li {
   color:#ffdf01;
   text-decoration:none;
   padding:2px 5px;
   cursor:pointer;
}

.paginator li.current {
   color:#ffdf01;
   font-size:20px;
   margin-top:-5px;
   font-weight:bold;
}

.paginator li.current span {
   padding:2px 10px;
}

.gametype {
   float:right;
   color:#aaa;
   text-align:center;
   padding:1px 3px 1px 3px;
   margin-top:-1px;
   margin-right:3px;
}

.gametype:hover {
   color:#fff;
}

.error {
   border:2px solid #fff;
   padding:10px;
   margin:15px;
   color:#fff;
   font-weight:bold;
}

.type-standard {
   border-right:1px solid #fff;
   padding-right:6px;
}

.gametype:hover {
}

#register-contain {
   color:#fff;
   margin:15px;
}

#register-contain p {
   margin:10px 0; 
}

#register-contain a {
   color:#fff;
}

.regerror {
   border:1px solid #c00;
   padding:5px;
   margin:3px;
   color:#fff;
}

.get-started {
   color:#fff;
   padding:10px;  
}

.get-started a {
   color:#fff;
}

#personal {
   color:#fff;
   font-size:10px;
   margin:3px 0 0 3px;
}

#personal .right {
   text-align:right;
}

#personal td {
   padding:4px 5px;
}

#personal .primary_weapon {
   float:left;
   margin-left:5px;
}

#personal .weapon_kills {
   margin:7px 0 0 -33px;
   float:left;
   font-weight:bold;
}

#footer {
   color:#fff;
   font-size:11px;
   margin-bottom:25px;
}

#footer a {
   color:#fff;
}

#footer p {
   margin:3px;
}

#footer img {
   margin-left:10px;
}

#footer ul li {
   float:left;
   list-style:none;
}

#footer ul li a {
   padding:2px 5px;
}

#faq {
   color:#fff;
}

#faq a {
   color:#fff;
}

#faq ul {
   margin:20px 0 20px 35px;
   list-style:none;
}

#faq ul li {
   margin:5px 0;
}

#faq h4 {
   margin:0 0 0 10px;
}

#faq p {
   margin:15px 20px;
}

.loading {
   background: url('../images/loadingBar.gif') no-repeat 335px 75px;
   min-height:500px;
   padding:105px 0 0 315px;
   font-size:16px;
   color:#fff;
   float:left;
}

.clearboth {
   clear:both;
}

#notinlist {
   display:none;
}

#search-results {
   float:left;
}

/* Typography
==========*/

/* BEGIN FONT NORMALIZATION
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/* END FONT NORMALIZATION */



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
	width:60px;
}
    .container_12 .grid_2 {
	width:140px;
}
    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4 {
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_9 {
	width:700px;
}
    .container_12 .grid_10 {
	width:780px;
}
    .container_12 .grid_11 {
	width:860px;
}
    .container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
	padding-left:80px;
}
    .container_12 .prefix_2 {
	padding-left:160px;
}
    .container_12 .prefix_3 {
	padding-left:240px;
}
    .container_12 .prefix_4 {
	padding-left:320px;
}
    .container_12 .prefix_5 {
	padding-left:400px;
}
    .container_12 .prefix_6 {
	padding-left:480px;
}
    .container_12 .prefix_7 {
	padding-left:560px;
}
    .container_12 .prefix_8 {
	padding-left:640px;
}
    .container_12 .prefix_9 {
	padding-left:720px;
}
    .container_12 .prefix_10 {
	padding-left:800px;
}
    .container_12 .prefix_11 {
	padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
	padding-right:80px;
}
    .container_12 .suffix_2 {
	padding-right:160px;
}
    .container_12 .suffix_3 {
	padding-right:240px;
}
    .container_12 .suffix_4 {
	padding-right:320px;
}
    .container_12 .suffix_5 {
	padding-right:400px;
}
    .container_12 .suffix_6 {
	padding-right:480px;
}
    .container_12 .suffix_7 {
	padding-right:560px;
}
    .container_12 .suffix_8 {
	padding-right:640px;
}
    .container_12 .suffix_9 {
	padding-right:720px;
}
    .container_12 .suffix_10 {
	padding-right:800px;
}
    .container_12 .suffix_11 {
	padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
	left:80px;
}
    .container_12 .push_2 {
	left:160px;
}
    .container_12 .push_3 {
	left:240px;
}
    .container_12 .push_4 {
	left:320px;
}
    .container_12 .push_5 {
	left:400px;
}
    .container_12 .push_6 {
	left:480px;
}
    .container_12 .push_7 {
	left:560px;
}
    .container_12 .push_8 {
	left:640px;
}
    .container_12 .push_9 {
	left:720px;
}
    .container_12 .push_10 {
	left:800px;
}
    .container_12 .push_11 {
	left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
	right:80px;
}
    .container_12 .pull_2 {
	right:160px;
}
    .container_12 .pull_3 {
	right:240px;
}
    .container_12 .pull_4 {
	right:320px;
}
    .container_12 .pull_5 {
	right:400px;
}
    .container_12 .pull_6 {
	right:480px;
}
    .container_12 .pull_7 {
	right:560px;
}
    .container_12 .pull_8 {
	right:640px;
}
    .container_12 .pull_9 {
	right:720px;
}
    .container_12 .pull_10 {
	right:800px;
}
    .container_12 .pull_11 {
	right:880px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}