body {
	background-color: #222;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	overflow-y: scroll;
}

a {
	text-decoration:none;
	color:#9f6405;
}
a:hover {
	color:#344560;
}

small {
	font-size:80%;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:6px;
}

h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

pre {
	font-family: monospace;
}

label {
	cursor: pointer;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}

/****************
 * HEADER
 ****************/

#container {
	width: 850px;
	margin: 0 auto;
}

#header {
	width: 840px;
	height: 175px;
	margin-bottom: 10px;
	border: 5px solid #000;
	background: #000 url(../images/header.jpg) no-repeat center center;
}

#top-container {
	height: 34px;
	background-color: #000;
	margin-bottom: 10px;
}

#top {
	width: 850px;
	height: 34px;
	margin: 0 auto;
}

#user-actions {
	
}

#user-actions a.button {
	float: left;
	margin: 5px 1px 3px 4px;
	background-color: #333;
	color: #ccc;
}
#user-actions a.button:hover, #user-actions a.button.current {
	background-color: #344560;
	color: #fff;
}

#user-actions .left {
	float: none;
	position: absolute; 
	margin-left: -461px; 
	width:300px;
}
#user-actions .left a.button {
	float:right;
}

#user-actions a.button.mysoldier {
	text-transform: none;
}
#user-actions a.button.mysoldier img {
	margin-bottom:-7px; 
	opacity:0.7;
}
#user-actions a.button.mysoldier:hover img, #user-actions a.button.mysoldier.current img {
	opacity:1.0;
}

#user-actions a.button.current {
	background-image: none;
	padding-right: 6px;
}

#user-actions p {
	float: left;
	height: 24px;
	line-height: 24px;
	margin: 5px 1px 3px 4px;
	padding: 0 6px;
	color: #000;
	background: #fff;
	font-weight: bold;
}

a#header-link {
	display: block;
	width: 330px;
	height: 84px;
	margin: 28px 0;
}

#header-bottom {
	width: 840px;
	height: 40px;
	background-color: #000;
}

ul#site-nav {
	float: left;
	margin: 5px 0 0 0;
}
ul#site-nav li {
	display: inline;
}
ul#site-nav li a {
	display: block;
	float: left;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0 8px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
ul#site-nav li a:hover {
	background-color: #fff;
	color: #000;
}
ul#site-nav li a.c {
	background-color: #fff;
	color: #000;
}

#searchbox {
	position: absolute;
	width: 170px;
	height: 24px;
	overflow: hidden;
	margin-left: -173px;
	margin-top: 8px;
	background: #000;
	color: #ccc;
	z-index: 1;
}
#searchbox.multiplat:hover {
	height: auto;
	background: #222;
	border: 3px solid #111;
	margin-left: -176px;
	margin-top: 5px;
}
#searchbox .input-text {
	width: 130px;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	background: #333;
	border: 0;
	float: left;
	color: #999;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#searchbox .input-text:focus {
	color: #ccc;
}
#searchbox button {
	width: 24px;
	height: 24px;
	background: #333 url(../images/ui/search_24x24.png) no-repeat center center;
	border: 0;
	padding: 0;
	float: left;
	cursor: pointer;
}
#searchbox label {
	display: block;
	float: left;
	margin: 8px 5px 8px 5px;
}
#searchbox .platform-select {
	clear: both;
	border-top: 3px solid #111;
}

#adbox {
	text-align: center;
	padding: 10px 0;
	background: #fff;
	border-color: #fff;
}

.important-message {
	background: darkred; 
	color: #fff; 
	padding: 10px; 
	margin-bottom: 10px;
}
.important-message a {
	color: #fff; 
	font-weight: bold;
}

/****************
 * FOOTER
 ****************/

#footer {
	width: 700px;
	margin: 12px auto;
	font-size: 10px;
	text-align: center;
	color: #999;
}
#footer p {
	margin-top: 6px;
}
#footer p a {
	color: #ccc;
}
#footer p a:hover {
	color: #eee;
}

/****************
 * CONTENT - GLOBAL
 ****************/
 
.column {
	float: left;
	width: 420px;
	margin-right: 10px;
}
.column.col-60 {
	width: 500px;
}
.column.col-40 {
	width: 340px;
}
.column.last {
	margin-right: 0;
}

 
.box {
	margin-bottom: 10px;
	background-color: #fff;
	border: 3px solid #fff;
}

.box h2 {
	padding: 0 10px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

.box h3, .box .h3 {
	padding: 0 3px 0 10px;
	margin-bottom: 6px;
	background-color: #333;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	font-weight: bold;
	text-transform: none;
}

.box h3 a {
	color: #ddd;
}
.box h3 a:hover {
	color: #fff;
}

.box p, .box pre {
	margin: 10px;
}

.box .column-half {
	float:left; 
	width:419px; 
	margin-right:6px;
}
.box .column-half.last {
	margin-right: 0;
}

.box-bottom {
	background: #ddd;
	line-height: 28px;
	padding: 0 8px;
}

/****************
 * TABLES
 ****************/

table {
	border-collapse: collapse;
	margin: -2px;
	margin-bottom: 4px;
}
thead tr th {
	padding: 0 10px;
	line-height: 34px;
	border: 2px solid #fff;
	background: #222;
	color: #fff;
	font-weight: bold;
}
thead tr th a {
	display: block;
	margin: 0 -10px;
	padding: 0 10px;
	background-color: #111;
	color: #fff;
}
thead tr th a.c, thead tr th a.c:hover {
	background: #344560 url(../images/ui/arrow_sort_down_34x34.png) no-repeat center right;
	color: #000;
}
thead tr th.headerSortUp, thead tr th.headerSortUp:hover {
	background: #344560 url(../images/ui/arrow_sort_down_26x26.png) no-repeat center right;
	color: #fff;
}
thead tr th.headerSortDown, thead tr th.headerSortDown:hover {
	background: #344560 url(../images/ui/arrow_sort_up_26x26.png) no-repeat center right;
	color: #fff;
}
thead tr th a:hover {
	background-color: #344560;
	color: #fff;
}
tfoot tr td {
	line-height: 34px;
	padding: 0 6px;
	background-color: #bbb;
	border: 2px solid #fff;
	font-size: 12px;
	font-weight: bold;
}
tbody tr td {
	line-height: 34px;
	padding: 0 6px;
	background-color: #ddd;
	border: 2px solid #fff;
	font-size: 12px;
}
tbody tr.odd td {
	background-color: #eee;
}
tbody tr.mysoldier td {
	background-color: #fff;
}
tbody tr td.c, tbody tr td.sorted {
	background-color: #f6f6f6;
}
tbody tr:hover td, tbody tr:hover td.c {
	background-color: #ccc;
}
tbody tr td a {
	font-weight: bold;
	color: #222;
}
tbody tr td a:hover {
	color: #444;
}

.pagination {
	background: #333;
	margin-top: -4px;
}
.pagination a {
	display: block;
	line-height: 28px;
	width: 120px;
	text-align: center;
	background-color: #000;
	color: #ccc;
}
.pagination a:hover {
	color: #fff;
}

/* LEADERBOARD */
table.leaderboard th {
	width: 80px;
}
table.leaderboard th.l-position {
	width: 30px;
}
table.leaderboard tr td {
	text-align: center;
}
tbody tr td.l-position {
	text-align: right;
	border-left: 2px solid #fff;
}
tbody tr td.l-rank {
	
	text-align: center;
}
tbody tr td.l-rank img {
	margin-top: 5px;
	margin-bottom: -5px;
}
tbody tr td.l-name {
	width: 227px;
}
tbody tr td.l-name img {
	margin-bottom: -5px;
}
tbody tr td.l-score {
	width: 100px;
	text-align: center;
}
tbody tr td.l-kdr {
	width: 90px;
	text-align: center;
}
tbody tr td.l-kills {
	width: 90px;
	text-align: center;
}
tbody tr td.l-time {
	width: 90px;
	text-align: center;
}
tbody tr td.l-dogtags {
	width: 90px;
	text-align: center;
	border-right: 2px solid #fff;
}

/* SERVER LIST */
tbody tr td.s-name {
	width: 436px;
	border-right: 2px solid #fff;
}
tbody tr td.s-level {
	width: 120px;
	border-right: 2px solid #fff;
}
tbody tr td.s-gamemode {
	width: 120px;
	border-right: 2px solid #fff;
}
tbody tr td.s-players {
	width: 70px;
	border-right: 1px solid #fff;
	text-align: center;
}
tbody tr td.s-ranked, tbody tr td.s-hardcore {
	width: 16px;
	padding: 0 2px;
}
tbody tr td.s-ranked img, tbody tr td.s-hardcore img {
	margin-top: 3px;
	margin-bottom: -3px;
}

tbody tr td.s-flag {
	width: 16px;
	padding: 0 6px;
}
tbody tr td.s-softcore img {
	
}

/* SERVER */

.server-map {
	float:left; 
	width:151px; 
	height:97px; 
	margin-right:3px;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
}

td.p-rank {
	width: 29px;
	text-align: center;
}
tbody tr td.p-rank img {
	margin-bottom: -7px;
}
td.p-kd {
	text-align: center;
}
td.p-kdr {
	text-align: center;
}
td.p-score {
	text-align: center;
}

/*

*/
.stats-top {
	
}
.stats-top h2 {
	text-transform: none;
}
.stats-top h2 img.platform {
	width:22px; 
	height:22px;
	margin-bottom: -3px;
}
.stats-top h2 a.me {
	color: #1d9bd9;
}
.stats-top h2 a.opp {
	color: #d14320;
}
.stats-top .rank {
	float: left;
	width: 150px;
	height: 172px;
	background: #344560;
	margin-right: 3px;
}
.stats-top .rank .rank-img {
	width: 112px;
	height: 112px;
	padding: 10px 19px;
}
.stats-top .rank .rank-name {
	font-weight: bold;
	text-align: center;
}
.stats-top .rank.compare {
	
}
.stats-top .rank.compare .rank-img {
	height: 72px;
	width: 150px;
	padding: 0;
	margin-top: 40px;
	text-align: center;
}
.stats-top .rank.compare .rank-img img {
	width: 72px;
	height: 72px;
}

ul.stats {
	float: left;
	margin-right: 3px;
}
ul.stats li {
	background-color: #eee;
	height: 22px;
	line-height: 22px;
	padding: 0 12px;
	width: 204px;
	margin-bottom: 3px;
}
ul.stats li.odd {
	background-color: #ddd;
}
ul.stats li .label {
	display: block;
	float: left;
	font-weight: bold;
}
ul.stats li .single {
	display: block;
	float: right;
}

ul.stats li .c-label {
	display: block;
	text-align: center;
	font-weight: bold;
}
ul.stats li .me {
	display: block;
	float: left;
	margin-top: -22px;
}
ul.stats li .opp {
	display: block;
	float: right;
	margin-top: -22px;
}
ul.stats li .me.win {
	color: #117baf;
	text-shadow: #1d9bd9 0 0 6px;
}
ul.stats li .opp.win {
	color: #a93114;
	text-shadow: #d14320 0 0 6px;
}

ul.stats.big li {
	font-size: 17px;
	height: 32px;
	line-height: 32px;
	width: 204px;
}
ul.stats.big li .me, ul.stats.big .opp {
	margin-top: -32px;
}

ul.stats.medium {
	margin-right: 6px;
}
ul.stats.medium li {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 168px;
}
ul.stats.medium li .me, ul.stats.medium li .opp {
	margin-top: -30px;
}

ul.stats.halfcol li {
	width: 184px;
}

ul.stats.big-4 li {
	height: 25px;
	line-height: 25px;
}
ul.stats.big-4 li .me, ul.stats.big-4 li .opp {
	margin-top: -25px;
}

ul.stats.last {
	margin-right: 0;
}

.box-nav {
	height: 36px;
	background-color: #000;
	margin-bottom: 6px;
}
.box-nav .left {
	
}
.box-nav .left ul {
	margin: 6px;
}
.box-nav .left ul li {
	display: inline;
}
.box-nav .left ul li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 12px;
	margin-right: 6px;
	font-size: 14px;
	font-weight: bold;
	background-color: #333;
	color: #ccc;
}
.box-nav .left ul li a:hover {
	color: #ccc;
	background-color: #666;
}
.box-nav .left ul li a.current {
	color: #000;
	background-color: #fff;
}
.box-nav .left ul li a.loading {
	color: #ccc;
	background-color: #666;
}

.right.detail-dropdown {
	
}
.right.detail-dropdown ul.dropdown {
	width: 120px;
	margin: 6px 6px 6px -126px;
}
.dropdown-explanation {
	line-height: 36px;
	background: #ddd;
	margin-bottom: 6px;
	padding: 0 12px;
}

.explanation {
	line-height: 36px;
	background: #ddd;
	margin-bottom: 6px;
	padding: 0 12px;
	text-align: center;
}

.h2-right ul.dropdown {
	width: 120px;
	margin-top: 8px;
	margin-left: -128px;
}

ul.dropdown {
	position: absolute;
	height: 24px;
	width: 156px;
	overflow: hidden;
}
ul.dropdown:hover {
	height: auto; /* 24 x 7 */
}
ul.dropdown li {
	display: inline;
}
ul.dropdown a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	color: #ccc;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #222;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
ul.dropdown a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	background: #000;
	color: #eee;
}
ul.dropdown a.c {
	background: #333 url(../images/ui/arrow_down_24x24.png) no-repeat top right;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
ul.dropdown:hover a.c {
	background-image: url(../images/ui/arrow_down_grey_24x24.png);
}

ul.dropdown#sv-nav {
	width: 176px;
	margin: 5px 5px 5px 1px;
	z-index: 9990;
}

ul.dropdown.wide {
	width: 256px;
}

ul.dropdown.user-list {
	margin-top: 5px;
}
ul.dropdown#following {
	margin-left: -157px;
	z-index: 9990;
}
ul.dropdown#mysoldiers {
	margin-left: -318px;
	z-index: 9990;
}
ul.dropdown.user-list:hover {
	width: 200px;
	border-bottom: 3px solid #111;
	border-left: 3px solid #111;
	margin-top: 2px;
}
ul.dropdown#following:hover {
	margin-left: -160px;
}
ul.dropdown#mysoldiers:hover {
	margin-left: -321px;
}
ul.dropdown.user-list a {
	text-transform: none;
	border-right: 3px solid #111;
}
ul.dropdown.user-list a.c {
	width: 136px;
	text-transform: uppercase;
	border-bottom: 3px solid #111;
	/*
	background-color: #fff;
	color: #000;
	*/
}
ul.dropdown.user-list:hover a.c, ul.dropdown.user-list:hover a.c:hover {
	border-top: 3px solid #111;
	border-right: 3px solid #111;
	background: #344560 url(../images/ui/arrow_down_24x24.png) no-repeat center right;
	color: #fff;
}
ul.dropdown.user-list a img.rank {
	float: right;
}
ul.dropdown.user-list:hover li:nth-child(2) a {
	border-top: 3px solid #111;
	margin-top: -3px;
}
ul.dropdown.user-list:hover a:hover {
	background: #000;
}
ul.dropdown.user-list li.tip {
	display: block;
	background: #222;
	color: #ccc;
	padding: 6px;
	border-right: 3px solid #111;
}

ul.dropdown a.heading {
	height: 18px;
	line-height: 18px;
	background: #000;
	color: #fff;
	font-size: 11px;
}

.stats-top-bottom {
	height: 24px;
	background: #333;
	padding: 4px;
	margin-top: 3px;
}
.stats-top-bottom .right a.button {
	float: right;
	margin-left: 4px;
}
.stats-top-bottom .twitter-share-button {
	display: block;
	float: left;
	margin: 2px 4px 2px 2px;
	width: 55px;
	height: 20px;
	background: transparent url(http://platform0.twitter.com/widgets/images/tweet.png) no-repeat top left;
}
.stats-top-bottom .addthis_button {
	display: block;
	float: left;
	margin: 2px;
	width: 55px;
	height: 20px;
	background: transparent url(../images/ui/share_button_tiled.png) no-repeat top left;
}
.stats-top-bottom .addthis_button:hover {
	background-position: bottom left;
}


.progress {
	margin-bottom: 3px;
}
.progress .progressnotch {
	float: left;
	width: 25%;
	text-align: center;
}
.progress .progressnotch .notch {
	width: 2px;
	height: 8px;
	margin: 6px auto 0 auto;
	background-color: #000;
}
.progress .progressbar {
	height: 16px;
	background: #000;
	padding: 3px;
}
.progress .progressbar div {
	height: 16px;
	background: #344560;
}
.progress .progressbar span {
	display: block;
	text-align: right;
	line-height: 16px;
	margin-right: 5px;
}

a.scrollgrid-scrollbutton {
	display: block;
	float: left;
	width: 20px;
	height: 162px;
	line-height: 162px;
	margin-right: 6px;
	background: #bbb;
	color: #333;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
a.scrollgrid-scrollbutton.disabled, a.scrollgrid-scrollbutton.disabled:hover {
	background: #ddd;
	color: #ddd;
}
a.scrollgrid-scrollbutton:hover {
	background: #344560;
	color: #000;
}
.scrollgrid {
	float: left;
	margin-bottom: 6px;
}
.scrollgrid.last {
	margin-right: -6px;
}
.scrollgrid-scroller-container {
	position:relative;
	float: left;
	width: 600px;
	height: 162px;
	overflow: hidden;
}
.scrollgrid-scroller-container .items {
	position: absolute;
	width: 5000px;
}
.item-group {
	float: left;
}
.scrollgrid-item {
	float: left;
	width: 144px;
	height: 162px;
	margin-right: 6px;
	background: #ddd;
}
.scrollgrid-item .image {
	text-align: center;
	height: 32px;
	padding: 9px 0 8px 0;
	background-color: #ddd;
}
.scrollgrid-item .stars {
	position: absolute;
	width: 32px;
	height: 18px;
	line-height: 18px;
	margin: 28px 0 0 108px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
.scrollgrid-item .stars img {
	margin-right: -4px;
}
.scrollgrid-item .stars.compare.me {
	margin-left: 0;
}
.scrollgrid-item .name {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 3px;
	background-color: #ddd;
}
.scrollgrid-item .description {
	font-size: 11px;
	text-align: center;
	color: #666;
	padding: 10px;
}
ul.stats.scrollgrid-item-stats li {
	width: 126px;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	margin-left: 3px;
}
ul.stats.scrollgrid-item-stats li .me, ul.stats.scrollgrid-item-stats li .opp {
	margin-top: -20px;
}

.scrollgrid-item.locked {
	opacity: 0.6;
	filter: alpha(60);
}
.scrollgrid-item.in-progress {
	opacity: 0.8;
	filter: alpha(80);
}
.scrollgrid-item.in-progress .image, .scrollgrid-item.in-progress .name {
	background-color: transparent;
}

.scrollgrid.fullwidth .scrollgrid-scroller-container {
	width: 798px;
}
.scrollgrid.fullwidth .scrollgrid-item {
	width: 154px;
}
.scrollgrid.fullwidth .scrollgrid-item ul.stats.scrollgrid-item-stats li {
	width: 136px;
}

ul.h3-tabs {
	float: right;
	margin-right: 3px;
}
ul.h3-tabs li {
	display: inline;
}
ul.h3-tabs li a {
	display: block;
	float: left;
	background: #666;
	color: #ddd;
	line-height: 25px;
	margin-top: 3px;
	font-size: 12px;
	padding: 0 8px;
	margin-left: 3px;
	font-weight: bold;
	outline: 0;
}
ul.h3-tabs li a:hover {
	background: #999;
	color: #ccc;
}
ul.h3-tabs li a.current, .h3-tabs ul li a.current:hover {
	background: #fff;
	color: #000;
}

.grid {
	margin-right: -6px;
}
.grid-item {
	float: left;
	background-color: #ddd;
	width: 164px;
	height: 174px;
	margin-right: 6px;
	margin-bottom: 6px;
}
.grid-item.disabled {
	background-color: #fff;
	color: #555;
}
.grid-item .pin-count {
	position: absolute;
	width: 32px;
	height: 18px;
	line-height: 18px;
	margin: 88px 0 0 128px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
.grid-item .image {
	text-align: center;
	height: 96px;
	padding-top: 10px;
}
.grid-item .image.small {
	height: 64px;
}
.grid-item .image.small img {
	width: 64px;
	height: 64px;
}
.grid-item.disabled .image {
	opacity: 0.5;
}
.grid-item .name {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	
	margin-bottom: 3px;
	padding: 0 3px;
}
.grid-item .name.onerow {
	height: 16px;
	margin-bottom: 2px;
}
.grid-item .requirement {
	text-align: center;
	font-size: 11px;
}
ul.grid-item-stats li {
	width: 146px;
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	padding: 0 6px;
	margin-left: 3px;
	text-align: center;
	background: transparent;
}
ul.grid-item-stats li .progressbar {
	height: 14px;
	background: #eee;
	margin: 0 -6px -14px -6px;
}
ul.grid-item-stats li .progressbar div {
	height: 14px;
	background: #ccc;
}

table.stats {
	
}
table.stats th, table.stats td {
	line-height: 26px;
}
table.stats th.header, table.leaderboard.sortable th.header {
	cursor: pointer;
}

table.stats-kits {
	
}

table td .stars {
	display: block;
	float: left;
	width: 32px;
	font-size: 10px;
	font-weight: bold;
	margin-left: -42px;
}
table td .stars img {
	margin: 0 -2px -3px 3px;
}

.rank-item {
	background: #ddd;
}
.rank-item .rank-img {
	float: left;
}
.rank-item .rank-info {
	float: left;
}

.find-a-player h2 {
	margin-bottom: 20px;
}

.find-a-player p {
	text-align: center;
}
.find-a-player p.submit {
	padding-top: 3px;
}

.find-a-player .input-text {
	border: 1px solid #333;
	padding: 3px;
	font-size: 22px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.find-a-player .input-text.inactive {
	color: #999;
	border: 1px solid #999;
}
.find-a-player .input-text:hover {
	border: 1px solid #333;
}

.find-a-player label {
	display: block;
	width: 210px;
	margin: 0 auto;
	text-align: left;
	line-height: 42px;
	font-size: 22px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.find-a-player label img {
	margin-bottom: -9px;
}

.find-a-player select {
	font-size: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 210px;
}

a.button {
	display: block;
}
a.button, button {
	height: 24px;
	line-height: 24px;
	padding: 0 30px 0 6px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	background: #fff url(../images/ui/arrow_right_24x24.png) no-repeat top right;
	border: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
a.button:hover, button:hover {
	background-color: #344560;
	color: #fff;
}

a.button.loading {
	background-image: url(../images/ui/button_loading_24x24.gif);
}
a.button.close {
	background-image: url(../images/ui/close_24x24.png);
}

.find-a-player button {
	height: 34px;
	line-height: 34px;
	padding: 0 42px 2px 8px;
	margin: 0 auto;
	background-color: #000;
	background-image: url(../images/ui/arrow_right_34x34.png);
	color: #fff;
	font-size: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.find-a-player button:hover {
	background-color: #344560;
	color: #000;
}

.loading-indicator {
	width: 24px;
	height: 24px;
	background: #000 url(../images/ui/preloader_black.gif) no-repeat top left;
}

.h2-right {
	float: right;
}
.h2-right a.button {
	float: left;
	margin: 8px 8px 8px 0;
}
.h2-right a.close-button {
	float: left;
	margin: 9px 9px 9px 0;
}
.h2-right .update-info {
	float: left;
	height: 24px;
	margin: 8px 8px 8px 0;
	color: #999;
	line-height: 24px;
	font-size: 11px;
}
.h2-right .loading-indicator {
	margin: 6px 3px 6px 0;
}

.box.twitter {
	height:288px; 
	background:#fff; 
	border-color:#fff;
}
.box.twitter .box-bottom {
	background: #ddd;
	color: #666;
	text-align: center;
	margin-top: 3px;
}

.svhome-find-a-player {
	height: 348px;
}
.box.twitter.svhome-twitter {
	height: 348px;
}

.twtr-hd, .twtr-ft { display: none; }

.twtr-scroll .twtr-timeline {
	overflow-y: hidden !important;
	padding-right: 20px !important;
}

.twtr-scroll .twtr-timeline:hover {
	overflow-y: scroll !important;
	padding-right: 3px !important;
}

.box.reddit {
	height: 288px;
}

.rembeddit {
	border: 0 !important;
	margin-top: -6px;
}
.reddit-header {
	position: absolute;
	margin-top: 221px;
	width: 404px;
}
.reddit-title {
	text-align: center;
}
.rembeddit-content {
	height: 211px;
	overflow: hidden;
	padding-right: 25px !important;
}
.rembeddit-content:hover {
	overflow-y: scroll;
	padding-right: 6px !important;
}
.reddit-link-title {
	font-size: 100% !important;
}

.box.signatures {
	width: 840px;
}

.sig {
	width:420px; 
	float:left; 
	text-align:center;
	padding: 6px 0;
}

.sig:hover {
	background: #344560;
}

.sig .codes {
	display: none;
	background: #344560;
	margin: 0 auto;
}
.sig:hover .codes {
	display: block;
	position: absolute;
}

.sig .code {
	margin: 2px;
	padding:5px 3px;
	width: 410px;
	clear:both;
}

.sig .code input {
	width:300px;
	float:right;
	clear:both;
	font-size:12px;
	background:#fff;
	padding:2px;
	border:0px solid #fff;
	margin-top:-2px;
}

#charts-tabs-container .chart {
	margin: 0 auto;
	width: 800px;
	height: 430px;
}

/* BOXES WITH FORMS */
.box.form .input-text {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 274px;
}
.box.form .input-text.inactive {
	color: #999;
	border: 1px solid #999;
}
.box.form .input-text:hover, .box.form .input-text:focus {
	border: 1px solid #333;
}
.box.form textarea {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 274px;
	height: 170px;
}

/* LOGIN / REGISTER BOXES */
.login-box-bottom, .action-box-bottom {
	background: #222;
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
}
.login-box-bottom .remember-me {
	float: left;
	color: #ccc;
}
.login-box-bottom .remember-me input {
	margin-bottom: -3px;
}
.login-box-bottom button#login-submit {
	float: right;
	margin-top: 5px;
}
.action-box-bottom a.button, .action-box-bottom button {
	margin-top: 5px;
}


ul.gamelist {
	
}
ul.gamelist li {
	
}
ul.gamelist li a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 10px;
	line-height: 34px;
	height: 34px;
	color: #444;
	background: #eee;
	margin-bottom: 3px;
}
ul.gamelist li a:hover {
	color: #fff;
	background: #000;
}

ul.gamelist li a.sitelink-bfbc2:hover {
	background: #da8600;
	color: #000;
}
ul.gamelist li a.sitelink-bfbc:hover {
	background: #af9a6f;
	color: #000;
}
ul.gamelist li a.sitelink-bf1943:hover {
	background: #dccc9b;
	color: #000;
}
ul.gamelist li a.sitelink-bfh:hover {
	background: #8d3430;
	color: #fff;
}
ul.gamelist li a.sitelink-bf2142:hover {
	background: #0796d1;
	color: #000;
}
ul.gamelist li a.sitelink-bf2:hover {
	background: #8c0001;
	color: #fff;
}
ul.gamelist li a.sitelink-moh:hover {
	background-color: #364d4c;
	color: #fff;
}

.nextranks .scrollgrid-scrollbutton, .nextranks .scrollgrid-scroller-container, .nextranks .scrollgrid-item {
	height: 150px;
}
.nextranks .scrollgrid-scrollbutton {
	line-height: 150px;
}
.nextranks .scrollgrid-item .image {
	height: 60px;
}
.nextranks .scrollgrid-item .image img {
	width: 60px;
	height: 60px;
}
.nextrank {
	background: #eee;
	text-align: center;
	padding: 10px 6px;
	line-height: 16px;
}

tr td .remove-link {
	font-size: 10px;
	line-height: 10px;
	color: darkred;
	display: none;
}
tr:hover td .remove-link {
	display: inline;
}

tbody tr td.l-name {
	text-align: left;
}