﻿/* v1.0 | 20080212  Meyer Reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BASE STYLES */
body {
	font-size: 62.5%; /*font-family:'Lucida Grande','Segoe UI','Trebuchet MS','Lucida Sans Unicode',sans-serif;*/
	font-family: "Lucida Sans Unicode" , Optima, Georgia, Cambria, Georgia, 'Lucida Grande' , 'Trebuchet MS' ,sans-serif;
	line-height: 1.3;
	margin: 0 auto;
	padding: 0; /*background:#87E3FF url(http://i81.photobucket.com/albums/j223/drawkbox/drawlogic3-back-black.png) repeat-x fixed center top;*/
	background: url(/static/img/v2-bg.png) repeat-y center top;
	color: #231f20;
	text-align: center;
}



a {
	color: #32A3C8;
}
a:hover {
	/*background: #ffffcc none repeat scroll 0 0;*/
	color: #3B3326;
}
code, pre {
	background: #EFEFEF none repeat scroll 0 0;
	font-family: Consolas, "Courier New";
}
h1 {
	font-size: 3.3em;
}

h2 {
	font-size: 2.1em;
}

h3 {
	font-size: 1.9em;
}

h4 {
	font-size: 1.7em;
}

h5 {
	font-size: 1.5em;
}

h6 {
	font-size: 1.3em;
}

#container p {
	margin-bottom: 5px;
}

input, select, button, textarea {
	font-size: 1.3em;
	font-family: "Myriad Pro" , "Lucida Sans Unicode" , Optima, Georgia, Cambria, Georgia, 'Lucida Grande' , 'Trebuchet MS' ,sans-serif;
	padding: 3px;
}

select {
	margin: 5px;
}

hr {
	height: 0px;
	border-bottom: solid #ccc 1px;
}

table {
	margin: 5px; /*border: 1px #efefef solid;*/
}

table td {
	padding: 5px;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -143px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 110px; /* .push must be the same height as .footer */
}

#footer {
	margin-top: 50px;
}

.footer-line {
	background: url(/static/img/v2-footer-line.png) repeat-x;
	height: 15px;
}


/* IDS */

#collection-keys {
	width: 860px;
	height: 40px;
	text-align: left;
}

#collection-keys select {
	font-size: 1.5em;
}

#bar-top {
	height: 110px;
	background: url(/static/img/v2-bg-bar-top.png) repeat-x top;
}

#bar-bottom {
	height: 143px;
	background: url(/static/img/v2-bg-bar-bottom.png) repeat-x bottom;
}

#vbar-logo {
	height: 87px;
	width: 199px;
	background: url(/static/img/v2-logo-live.png) no-repeat top;
	float: left;
	padding: 5px;
	margin: 10px;
}

#vbar {
	height: 143px;
	width: 900px;
	background: url(/static/img/v2-bg-v-top.png) no-repeat top;
	margin: 0 auto;
	position: absolute;
	top: 1px;
	left: 50%;
	margin-left: -450px;
}

#vbar-footer {
	height: 143px;
	width: 900px;
	background: url(/static/img/v2-bg-v-bottom.png) no-repeat bottom;
	margin: 0 auto;
}

#vbar-footer .footer-content {
	padding-top: 60px;
	font-size: 1.3em;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#vbar-navs {
	margin-left: 450px;
	width: 455px;
	height: 130px;
}

#vbar-navs ul {
	margin: 0px;
	padding: 0px;
}

#vbar-navs ul li {
	margin: 0px;
	display: inline;
	height: 110px;
}

#vbar-navs div {
	float: left;
}

/* navs */

#header {
	height: 90px;
}

#container {
	width: 860px;
	margin: 0 auto;
	font-size: 1.2em;
	padding: 20px;
}



#live-search {
	width: 880px;
	clear: right;
	height: 36px;
	text-align: center;
	margin-left: 20px;
	margin-top: 5px;
	float: left;
	background: url(/static/img/input-search.png) no-repeat;
}

#live-search input {
	width: 220px;
	height: 25px;
	border: none;
	font-size: 1.1em;
	background: transparent;
}

#live-search-input {
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 3px;
	float: left;
}

#live-search-button {
	padding-top: 1px;
	float: left;
}

#live-search form span a {
	padding-top: 15px;
}

#live-login {
	width: 295px;
	text-align: left;
	margin-left: 0px;
	float: left;
	padding: 2px;
}

#live-login {
	font-size: 1.2em;
}

#live-login a {
	text-decoration: none;
}

#live-login a:hover {
	text-decoration: underline;
}

#loading-data {
	position: absolute;
	width: 220px;
	height: 20px;
	top: 10px;
	left: 50%;
	margin-left: 220px;
	z-index: 50000;
	display: none;
}

#live-login-username {
	width: 124px;
	height: 29px;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	background: url(/static/img/input-search-sm.png) no-repeat;
}

#live-login-username input {
	width: 115px;
	height: 23px;
	border: none;
	font-size: .9em;
	background: transparent;
}

#live-login-password {
	width: 124px;
	height: 29px;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	background: url(/static/img/input-search-sm.png) no-repeat;
}

#live-login-password input {
	width: 115px;
	height: 23px;
	border: none;
	font-size: .9em;
	background: transparent;
}

#live-login-button {
	margin-top: 5px;
	float: left;
}

#no-user {
	text-align: left;
	padding: 10px;
	padding-left: 20px;
}

/* profile page */

#msg {
	display: none;
	margin-top: 40px;
}

#profile-container {
	padding-left: 40px;
	padding-right: 40px;
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

#profile-login {
	float: left;
	width: 380px;
	text-align: left;
	margin-top: 40px;
}

#profile-form {
	float: left;
	width: 400px;
	text-align: left;
	margin-top: 40px;
	display: none;
	clear: left;
}

.profile-form-input {
	width: 380px;
	clear: right;
	height: 36px;
	text-align: left;
	float: left;
	margin: 5px;
	background: url(/static/img/input-search.png) no-repeat;
}

.profile-form-input input {
	width: 220px;
	height: 25px;
	border: none;
	font-size: 1.1em;
	padding: 5px;
	background: transparent;
}

.profile-item {
	padding: 5px;
}

/* leaderboard */

.leaderboard-tab {
	height: 26px;
	float: left;
	font-size: 1.3em;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	background: #efefef;
	padding: 10px;
	text-align: center;
}

.leaderboard-tab-inset {
	float: left;
	width: 10px;
	height: 27px;
	font-size: 1.3em;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px #ccc solid;
	padding: 10px;
	text-align: center;
}

.leaderboard-tab-inset-full {
	float: left;
	height: 26px;
	width: 380px;
	font-size: 1.3em;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px #ccc solid;
	padding: 10px;
	text-align: center;
}

/*
a .selected .leaderboard-tab{
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-top: 1px #ccc solid;    
    border-bottom: none;
    background: #f5f6f7;
}

a:visited .selected .leaderboard-tab{
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-top: 1px #ccc solid;    
    border-bottom: none;
    background: #f5f6f7;
}

a:link .selected  .leaderboard-tab{
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-top: 1px #ccc solid;    
    border-bottom: none;
    background: #f5f6f7;
}*/

a:hover .leaderboard-tab {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	border-bottom: none;
	background: #f5f6f7;
}

.leaderboard-tab-selected {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	border-bottom: none;
	background: #f5f6f7;
}

#leaderboard-grid {
	width: 890px;
	text-align: left;
}

#leaderboard-list {
	width: 860px;
	padding: 10px;
	text-align: left;
	clear: left;
}

#leaderboard-display {
	width: 810px;
	padding: 10px;
	clear: left;
	font-size: 1.2em;
}

#leaderboard-list ul {
	width: 250px;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}

#leaderboard-list ul li {
	width: 250px;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}

#leaderboard-list ul li a {
	width: 250px;
	margin: 0px;
	padding: 5px;
}

#leaderboard-list ul li a:hover {
	background: #ffffcc;
}



/* CLASSES */

a .game-select-item {
	/*border: 4px solid #f5f6f7;      text-decoration:none;*/
}

a:link .game-select-item {
	text-decoration: none;
}

a:visited .game-select-item {
	text-decoration: none;
}

a:hover .game-select-item {
	/*border: 4px solid #00aeef;       background: #fff;       text-decoration:none;*/
}

.game-select {
	margin-top: 40px;
}

.game-select-item {
	height: 250px;
	width: 200px;
	float: left;
}

.game-select-item-banner {
	height: 250px;
	width: 200px;
	float: left;
}

.game-select-game {
	text-align: center;
}

.game-select-game a img {
	/*border: 4px solid #9a999a;*/
	text-decoration: none;
}

.game-select-game a:hover img {
	/*border: 4px solid #00aeef;*/
	text-decoration: none;
}

.game-select-content {
	text-align: center;
}

a .game-select-content {
	color: #000;
	text-decoration: none;
}

a:hover .game-select-content {
	color: #000;
	text-decoration: none;
}

/* 
----------------------------------------------------------------------
NAVIGATION 1
*/
.nav {
	width: 450px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat;
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: 2px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 130px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/* NAVIGATION - HOME */
.nav .home a:link, .nav .home a:visited {
	left: 0px;
	width: 61px;
}
.nav .home a:hover, .nav .home a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -130px;
}
.nav .home a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -260px;
}
.current-home .home a:link, .current-home .home a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -260px;
	cursor: default;
}
.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 61px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -130px;
}
.nav-home-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -260px;
}
/* NAVIGATION - LEADERBOARDS */
.nav .leaderboards a:link, .nav .leaderboards a:visited {
	left: 61px;
	width: 96px;
}
.nav .leaderboards a:hover, .nav .leaderboards a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -130px;
}
.nav .leaderboards a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -260px;
}
.current-leaderboards .leaderboards a:link, .current-leaderboards .leaderboards a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -260px;
	cursor: default;
}
.nav-leaderboards, .nav-leaderboards-click {
	position: absolute;
	top: 0;
	left: 61px;
	width: 96px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -130px;
}
.nav-leaderboards-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -260px;
}

/* NAVIGATION - statistics */
.nav .statistics a:link, .nav .statistics a:visited {
	left: 157px;
	width: 75px;
}
.nav .statistics a:hover, .nav .statistics a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -130px;
}
.nav .statistics a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -260px;
}
.current-statistics .statistics a:link, .current-statistics .statistics a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -260px;
	cursor: default;
}
.nav-statistics, .nav-statistics-click {
	position: absolute;
	top: 0;
	left: 157px;
	width: 75px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -130px;
}
.nav-statistics-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -260px;
}

/* NAVIGATION - achievements */
.nav .achievements a:link, .nav .achievements a:visited {
	left: 232px;
	width: 93px;
}
.nav .achievements a:hover, .nav .achievements a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -130px;
}
.nav .achievements a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -260px;
}
.current-achievements .achievements a:link, .current-achievements .achievements a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -260px;
	cursor: default;
}
.nav-achievements, .nav-achievements-click {
	position: absolute;
	top: 0;
	left: 232px;
	width: 93px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -130px;
}
.nav-achievements-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -260px;
}

/* NAVIGATION - profile */
.nav .profile a:link, .nav .profile a:visited {
	left: 325px;
	width: 63px;
}
.nav .profile a:hover, .nav .profile a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -130px;
}
.nav .profile a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -260px;
}
.current-profile .profile a:link, .current-profile .profile a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -260px;
	cursor: default;
}
.nav-profile, .nav-profile-click {
	position: absolute;
	top: 0;
	left: 325px;
	width: 63px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -130px;
}
.nav-profile-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -260px;
}

/* NAVIGATION - login */
.nav .login a:link, .nav .login a:visited {
	left: 388px;
	width: 62px;
}
.nav .login a:hover, .nav .login a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -130px;
}
.nav .login a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -260px;
}
.current-login .login a:link, .current-login .login a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -260px;
	cursor: default;
}
.nav-login, .nav-login-click {
	position: absolute;
	top: 0;
	left: 388px;
	width: 62px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -130px;
}
.nav-login-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -260px;
}


/* 
----------------------------------------------------------------------
NAVIGATION 2
*/
.nav2 {
	width: 450px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -390px;
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: 2px;
}
.nav2 li {
	display: inline;
}
.nav2 li a:link, .nav2 li a:visited {
	position: absolute;
	top: 0;
	height: 130px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/* NAVIGATION - HOME */
.nav2 .home a:link, .nav2 .home a:visited {
	left: 0px;
	width: 61px;
}
.nav2 .home a:hover, .nav2 .home a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -520px;
}
.nav2 .home a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -650px;
}
.current2-home .home a:link, .current2-home .home a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -650px;
	cursor: default;
}
.nav2-home, .nav2-home-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 61px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -520px;
}
.nav2-home-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat 0px -650px;
}
/* NAVIGATION - LEADERBOARDS */
.nav2 .leaderboards a:link, .nav2 .leaderboards a:visited {
	left: 61px;
	width: 96px;
}
.nav2 .leaderboards a:hover, .nav2 .leaderboards a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -520px;
}
.nav2 .leaderboards a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -650px;
}
.current2-leaderboards .leaderboards a:link, .current2-leaderboards .leaderboards a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -650px;
	cursor: default;
}
.nav2-leaderboards, .nav2-leaderboards-click {
	position: absolute;
	top: 0;
	left: 61px;
	width: 96px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -520px;
}
.nav2-leaderboards-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -61px -650px;
}

/* NAVIGATION - statistics */
.nav2 .statistics a:link, .nav2 .statistics a:visited {
	left: 157px;
	width: 75px;
}
.nav2 .statistics a:hover, .nav2 .statistics a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -520px;
}
.nav2 .statistics a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -650px;
}
.current2-statistics .statistics a:link, .current2-statistics .statistics a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -650px;
	cursor: default;
}
.nav2-statistics, .nav2-statistics-click {
	position: absolute;
	top: 0;
	left: 157px;
	width: 75px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -520px;
}
.nav2-statistics-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -157px -650px;
}

/* NAVIGATION - achievements */
.nav2 .achievements a:link, .nav2 .achievements a:visited {
	left: 232px;
	width: 93px;
}
.nav2 .achievements a:hover, .nav2 .achievements a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -520px;
}
.nav2 .achievements a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -650px;
}
.current2-achievements .achievements a:link, .current2-achievements .achievements a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -650px;
	cursor: default;
}
.nav2-achievements, .nav2-achievements-click {
	position: absolute;
	top: 0;
	left: 232px;
	width: 93px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -520px;
}
.nav2-achievements-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -232px -650px;
}

/* NAVIGATION - profile */
.nav2 .profile a:link, .nav2 .profile a:visited {
	left: 325px;
	width: 63px;
}
.nav2 .profile a:hover, .nav2 .profile a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -520px;
}
.nav2 .profile a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -650px;
}
.current2-profile .profile a:link, .current2-profile .profile a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -650px;
	cursor: default;
}
.nav2-profile, .nav2-profile-click {
	position: absolute;
	top: 0;
	left: 325px;
	width: 63px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -520px;
}
.nav2-profile-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -325px -650px;
}

/* NAVIGATION - login */
.nav2 .login a:link, .nav2 .login a:visited {
	left: 388px;
	width: 62px;
}
.nav2 .login a:hover, .nav2 .login a:focus {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -520px;
}
.nav2 .login a:active {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -650px;
}
.current2-login .login a:link, .current2-login .login a:visited {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -650px;
	cursor: default;
}
.nav2-login, .nav2-login-click {
	position: absolute;
	top: 0;
	left: 388px;
	width: 62px;
	height: 130px;
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -520px;
}
.nav2-login-click {
	background: url(/static/img/v2-nav-sprite.png) no-repeat -388px -650px;
}


.clearboth {
	clear: both;
}

/* CLASS STYLES */


#statcard {
}

.row-alt {
	background: #efefef;
}


.statcard-full {
	padding: 5px;
	margin: 3px;
	font-size: 1.3em;
}

.statcard-full .title {
	float: left;
	width: 330px;
}

.statcard-full .value {
	float: left;
	width: 330px;
}


.statcard-wide {
	padding: 5px;
	margin: 5px;
	font-size: 1.1em; /*border: 1px solid #ccc; background: #fff url(/static/img/page-bg.png) repeat-x;*/
	width: 830px;
	float: left;
}

.statcard-wide table {
	padding: 15px;
	margin: 5px;
	text-align: left;
}

.statcard-wide table th {
	padding: 5px;
	border: 0px;
	margin: 3px;
}

.statcard-wide table td {
	padding: 5px;
}

.statcard {
	padding: 5px;
	margin: 5px;
	font-size: 1.1em; /* border: 1px solid #ccc; background: #fff url(/static/img/page-bg.png) repeat-x;*/
	width: 263px;
	float: left;
}

.statcard table {
	padding: 8px;
	margin: 3px;
	text-align: left;
}

.statcard table th {
	padding: 5px;
	border: 0px;
	margin: 3px;
}

.statcard table td {
	padding: 5px;
}

.statcard-thin {
	padding: 5px;
	margin: 5px;
	font-size: 1.2em; /*border: 1px solid #ccc; background: #fff url(/static/img/page-bg.png) repeat-x;*/
	width: 110px;
	float: left;
}

.statcard-thin table {
	padding: 8px;
	margin: 3px;
}

.statcard-thin table th {
	padding: 5px;
	border: 0px;
	margin: 3px;
}

.statcard table td {
	padding: 5px;
}

.statcard-small {
	padding: 5px;
	margin: 5px; /* border: 1px solid #ccc; background: #fff url(/static/img/page-bg.png) repeat-x;*/
	width: 263px;
	float: left;
	height: 180px;
}

.statcard-small table {
	padding: 8px;
	margin: 3px;
	text-align: left;
}

.statcard-small table th {
	padding: 5px;
	border: 0px;
	margin: 3px;
}

.statcard table td {
	padding: 5px;
	text-align: left;
}

.stats-trackname {
	font-weight: bold;
}

.stats-cols {
	font-weight: bold;
	font-size: 1.3em; /*background: url(/static/img/tab-bg.png) repeat-x;*/
}

.stat-row {
	/*background: url(/static/img/bg-item-alt.png) repeat-x bottom;*/
	padding: 5px;
	margin: 5px;
}
.stat-row-alt {
	/* background: url(/static/img/bg-item-alt.png) repeat-x bottom;*/
	padding: 5px;
	margin: 5px;
}
.achievement-table {
	margin-top: 10px;
	display: none;
	text-align: left;
	font-size: 1.4em;
}

.achievement-tr {
	height: 50px;
	padding: 5px;
}

.achievement-cols {
	font-weight: bold;
	font-size: 1.3em; /*background: url(/static/img/tab-bg.png) repeat-x;*/
	padding: 10px;
}
.achievement-table table tr th {
	padding: 5px;
}
.achievement-table table tr {
}
.achievement-row {
	/* background: url(/static/img/bg-item.png) repeat-x bottom;     padding: 5px;     font-size: 1.3em;     height: 45px;*/
	padding: 5px;
	width: auto;
}

.achievement-description {
	width: 300px;
}
.achievement-row-alt {
	/*background: url(/static/img/bg-item-alt.png) repeat-x bottom;     padding: 5px;     font-size: 1.3em;     height: 45px;*/
	padding: 5px;
	width: auto;
}

.achievement-tr td img {
	margin-top: 10px;
}

.matinee-atv1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	background: url(/static/img/v2-game-head-atv1.jpg) no-repeat;
}

.matinee-supercross1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	background: url(/static/img/v2-game-head-supercross1.jpg) no-repeat;
}

.matinee-supercross-pc1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(/static/img/v2-game-head-supercross-pc1.jpg) no-repeat;
}

.matinee-fleetdefense1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	background: url(/static/img/v2-game-head-fleetdefense1.jpg) no-repeat;
}

.matinee-snocross1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	background: url(/static/img/v2-game-head-snocross1.jpg) no-repeat;
}

.matinee-trophylite1 {
	height: 470px;
	width: 900px;
	margin: 0 auto;
	background: url(/static/img/v2-game-head-trophylite1.jpg) no-repeat;
}

/* HELPER CLASSES */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clearboth {
	clear: both;
}



/* ADMIN STYLES */


#admin-container {
	padding-top: 60px;
}

#admin-data {
	font-size: 9px;
}

/* SYNDICATION STYLES */

#syndication {
	text-align: left;
}

#twitter {
	padding: 20px;
}

#twitter-data {
	text-align: left;
	padding: 20px;
}

#syndication-twitter a img {
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: bottom;
}

small {
	font-style: italic;
}

#tweets li {
	padding: 10px;
	background: url(/static/img/twittersm.png) no-repeat left;
	padding-left: 20px;
	margin-left: 10px;
	margin-top: 8px;
	list-style-type: none;
}

#game-select-title {
	margin-top: 60px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: left;
}

#games-mobile {
	width: auto;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

#games-pc {
	width: auto;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

#games-mobile-title {
	margin-bottom:20px;
}

#games-pc-title {
	margin-bottom:20px;
}


