/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
html { 
	overflow-y: scroll; 	
	font-size: 100%;	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


body {
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	text-align: center;
}

#wrapper {
	background-image:url(http://www.concept2.com/us/images/drop_shadow_gradientv2.jpg);
	background-repeat:repeat-y;
	background-position:center;
	width: 971px;
	margin:0 auto;
	text-align:left;
}

#page {
	padding:0 8px;
}

#uk_version{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content {
	min-height:500px;
	height:auto!important;
	height:500px;
}

#content, #uk_version {
	padding: 0 8px;
}

#navbar {
	background-image:url(http://www.concept2.com/us/images/header_blue_955.jpg);
	background-repeat:no-repeat;
	height:111px;
	font-family: arial; 
	font-size: 15px;
	font-weight: bold;
}

#logo {
	float:right;
	position:relative;
	right:18px;
	top:15px;
}

#printlogo {
	display:none;
	float:right;
	position:relative;
	right:18px;
	top:15px;
}

#topnav {
	float:right;
	position:relative;
	right:27px;
	top:24px;
	color:#fff;
	clear:both;
	font-size:14px;
	display:none;
}

#topnav a {
	font-weight:bold;
	color:#fff;
	font-size:14px;
}

#footer {
	background-image:url(http://www.concept2.com/us/images/footer.jpg);
	color:#003579;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	height:51px;
	margin-top:20px;
	padding:14px 0pt 0pt 5px;
}

#footernav {
	margin-top:10px;
}

a img {
	border:0;
}

#content,p,th,td,li,h1,h2,h3,h4,h5,h6 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#content,p,td,li { 
	font-size:12px;
}

.rank {
	color: #00f;
	font-family: Arial, Helvetica, sans-serif;
}

th a.tooltip {
	color: #fff;
	text-decoration: none;
}


.lightBlue {
	color: #B7C8D8;
}

.accordion {
	margin:10px auto;
	border: 1px solid #4473ab;
}

.head {
	border: 1px solid #4473ab;
	padding:3px;
	color: #000;;
	text-align:left;
	text-indent: 15px;
	cursor:pointer;
	background: #fff url(http://www.concept2.com/us/images/blue-arrow-right.png) left no-repeat;
}

.body {
	border: 1px solid #4473ab;
	padding:3px;
	text-align:left;
}

a:link         	{color: #003B78; text-decoration: underline; font-weight: bold}
a:visited      	{color: #003B78; text-decoration: underline; font-weight: bold}           
a:active       	{color: #003B78;}            
a:hover        	{color: #4473AB; text-decoration: underline; font-weight: bold}         
a.link       	{color: #003B78; font-weight:bold; cursor:pointer;}            

.image {
	text-decoration:none!important;
}
/* ------------------------------------------ */
/* SIDE NAV  AND RANKING CONTENT */
/* ------------------------------------------ */
#rankingcontent {
	width:740px;
	float:left;
}

#sidenav {
	position:relative;
	z-index:2;
	float:left;	
	width:160px;
	margin: 0 25px 0 0px;
}


#sidenav ul
{
	list-style-position:outside;
	text-align: left;
	border-top:1px solid #ccc;
	margin-top:25px;
	list-style-image:none!important;
	list-style-type:none!important;
	padding:0!important;
}

#sidenav ul li {
	margin: 0;
	border-bottom:1px solid #ccc;
	padding:0;
}

#sidenav ul li a{
	display:block;
	padding: 4px 0 4px 4px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
}

#sidenav p{
	padding: 4px 0 4px 4px;
}

#sidenav ul li a.category{
	font-weight:bold;	
}
	
#sidenav ul li a:hover{
	background-color:#b7c8d8;
	color: #000;
}

#sidenav ul li a.current{
	background-color:#4473AB;
	color:#fff;
}

/* END SIDE NAV */

/* ------------------------------------------ */
/* PAGE LAYOUTS 							  */
/* ------------------------------------------ */

#log_start #sidenav {
width:180px;
}

#log_start #contents {
width:730px;
float:left;
}

#log_team .panel, #teamManager .panel, #teammanager .panel, .narrow, .width465{
width:465px;
}

#edit_team .panel, .medium {
	width: 600px;
}

/* END PAGE LAYOUTS */


/* ------------------------------------------ */
/* LOG PAGE STYLES */
/* ------------------------------------------ */


#info ul {
	margin:5px 0;
	padding:0!important;
}

#info li {
	margin:0;
	list-style:none;
	padding:0!important;
	margin:0!important;
}

.odd {
	background-color:#fff;
}

.even {
	background-color:#ddd;
}

#info li a{
	text-decoration:none;
	display:block;
	padding:5px;
}

.odd a:hover,.even a:hover {
	background-color:#b7c8d8;
	color:#003B78;
}

#map {
	width:250px; 
	height:225px;
	overflow:hidden;
}
#beijing_home {
	width:250px; 
	margin:0 auto;
}



/* END HOME STYLES */

/* ------------------------------------------ */
/* TABLE STYLES */
/* ------------------------------------------ */

table {
	border-collapse: separate;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells:show;
}

th {
	vertical-align: top;
}

th,td.dark,.theader	{
	background-color: #4473AB; 
	color: #fff; 
	font-weight:bold!important;
}


th.light	{
	background-color: #b7c8d8!important; 
	color: #000; 
	font-weight:normal!important;
}

th a, td.dark a {
	color: #fff!important;
}

td, th {
	padding:3px; margin:0;
}

.lined th  {
	font-weight:bold;
	padding: 3px;
}
.lined td{
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}
table.lined {
	border: 0px; 
}

table.noborder, .noborder td {
	border:0;
}

.boxed th {
	font-weight:bold;
	background-color: #4473AB; 
	border-top: 0; 
	border-right: 0; 
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
	text-align: center;
}
.boxed td {
	border-top: 0; 
	border-right: 0; 
	border-left: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}
table.boxed {
	border-bottom: 0; 
	border-left: 0; 
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
	margin-top: 5px;
}

.none th, .none td, table.none{
	border:0;
}

.top-pad-zero {
	padding-top:0!important;
}

table.top-pad-zero td{
	padding-top:0!important;
}

table.tablesorter td.sort {padding-right:20px;}

/* END TABLE STYLES */

/* PANEL STYLES */

.panel {
	border:1px solid #4473AB;
	margin:0px auto 15px auto;
	text-align:left;
}

.paneltitle {
	background-color:#4473AB;
	color:#fff;
	padding:3px;
	font-weight:bold;
	font-family: Verdana,Arial,Trebuchet MS,Helvetica;
	font-size: 13px;
}

.panelcontents, .panelcontents td {
	padding: 3px;
}

/* END PANEL STYLES */

/* Ranking Themes */

table.solstice th {
	background-color:#ff6600;
	color:#fff; 
}

.solstice {
	color:#f60; 
}


table.skelcrew th {
	background-color:#000;
	color:#f00; 
}

.skelcrew {
	color:#f60; 
}

table.skelcrew, .skelcrew td, .skelcrew th{
border-color: #000!important;
} 

/* End Ranking Themes * /

/* tablesorter */

table.tablesorter thead tr .header {
	background-image: url(http://www.concept2.com/us/images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(http://www.concept2.com/us/images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(http://www.concept2.com/us/images/tablesorter/desc.gif);
}

/* Tools */
.col-split {width: 465px;}

.floatleft { float: left; }
.floatright { float: right; }

.leftmargin,.marginleft { margin-left:10px!important; }
.rightmargin,.marginright { margin-right:10px!important; }
.topmargin,.margintop { margin-top:10px!important; }
.bottommargin,.marginbottom { margin-bottom:10px!important; }

.padding-right-ts {
	padding-right:20px!important;
}

.clear { clear: both; }

.center { text-align:center!important;}
.centerdiv { margin: 0 auto;}
.hide{display:none;}

.left {text-align:left!important;}
.right {text-align:right!important;}

.padding3 { padding:3px;}

.photobox {
	border:1px solid #C4C5C7;
	margin-top:3px;
	padding:3px;
}

/* ------------------------------------------ */
/* FONT STYLES */
/* ------------------------------------------ */

#breadcrumb {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:10px;
}

#content,p,td,li,h1,h2,h3,h4,h5,h6,input,div,span,dl,dd,dt,a,option,select,form,button { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content,p,td,li,h1,h2,h3,h4,h5,h6,input,dl,dd,dt { 
	color: #000;
}

#content,p,td,th,li { 
	font-size:11px;
}

#content ol {
	list-style-type:decimal;
	padding: 3px 0 3px 30px;
}

#content ul {
	list-style-position: outside;
	list-style-type: square;
	padding: 3px 0 3px 30px;
}

#content li{ 
	padding:3px 5px;
}

h1 {
	border-bottom: 2px solid #4473AB;
	margin-bottom: 10px;
	font-size:20px;
}

h2 {
	border-bottom: 1px solid #4473AB;
	margin: 8px 0;
	font-size:15px;
}

h3 {
	font-size:14px;
}

h4  {
	margin: 5px 0;
	font-size: 13px;
}

p { 
padding:5px 0;
}

.darkblue {
color: #4473AB!important;
}

.red,.highlight {color:red!important;}

strong {
	font-weight: bold;
}

.bold { font-weight:bold!important;}

pre {
	font-size:12px;
}

.rank {
	font-color:blue; 
	text-decoration: underline;
}

.blue {
	color:blue;
}
/* Nav Bar */

#nav {
	margin:0 auto;
	width:938px;
}

#nav ul {
	background:white none repeat scroll 0%;
	border-color:#4473AB;
	border-style:solid;
	border-width:0;
	float:left;
	font-weight:bold;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:7px 0 0 0;
	padding:0;
	width:100%;
}

#nav ul.loggedout {
	width: auto;
	float:right;
}

#uk_version {
	padding:6px 0;
	width:938px;
	margin:0 auto;
}

#nav li {
	float:left;
	padding:0pt;
	border-color:#4473AB;
	border-style:solid;
	border-width:1px;
	margin: 0 0px 0px 1px;
	text-align:center;
}

#nav ul li#nav_log {
	margin: 0;
}


#nav a {
	color:#003B78;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}

#nav a:hover, #log li#nav_log a, #log_profile li#nav_profile a, #log_challenges li#nav_challenges a, #log_last li#nav_history a, #log_ranking li#nav_ranked a, #log_team li#nav_team a, #team_join li#nav_team a, #rankings li#nav_rankings a {
	background-color:#4473AB;
	color:#fff;
}


/* US, British, Swedish and Default lang settings */

#nav ul#language li,#nav ul#language1 li, #nav ul#language4 li, #nav ul#language11 li{
	width:111px;
}

#nav ul#language li#nav_log,#nav ul#language1 li#nav_log, #nav ul#language4 li#nav_log, #nav ul#language11 li#nav_log{
	width:114px;
}

#nav ul#language li#nav_ranked,#nav ul#language1 li#nav_ranked, #nav ul#language4 li#nav_ranked, #nav ul#language11 li#nav_ranked{ 
	width:134px;
}

/* French lang settings */

#nav ul#language2 li{
	width:94px;
}

#nav ul#language2 li#nav_log{
	width:167px;
}

#nav ul#language2 li#nav_ranked{ 
	width:174px;
}


/* Italian lang settings */

#nav ul#language3 li{
	width:96px;
}

#nav ul#language3 li#nav_log{
	width:141px;
}

#nav ul#language3 li#nav_ranked{ 
	width:195px;
}

#nav ul#language3 li#nav_ranking{ 
	width:98px;
}

/* Dutch lang settings */

#nav ul#language5 li{
	width:110px;
}

#nav ul#language5 li#nav_log{
	width:111px;
}

#nav ul#language5 li#nav_ranked{ 
	width:143px;
}

/* Gernan lang settings */

#nav ul#language6 li{
	width:107px;
}

#nav ul#language6 li#nav_log{
	width:113px;
}

#nav ul#language6 li#nav_ranked{ 
	width:156px;
}

#nav ul#language6 li#nav_profile{ 
	width:110px;
}

/* Mexican lang settings */

#nav ul#language7 li{
	width:108px;
}

#nav ul#language7 li#nav_log{
	width:113px;
}

#nav ul#language7 li#nav_ranked{ 
	width:153px;
}


/* Danish lang settings */

#nav ul#language9 li{
	width:110px;
}

#nav ul#language9 li#nav_log{
	width:115px;
}

#nav ul#language9 li#nav_ranked{ 
	width:139px;
}

/* End Nav Bar */

/* Facebox Stuff */
#facebox #close, #facebox #header {
display:none;
}

#facebox #content {
margin:0; 
padding:0;
}

#facebox .fbexternal {
display:block!important;
}
/* Facebox */

/* Pagination */

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:right;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none!important; /* no underline */
	color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF!important;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* end pagination */

/* Feeds */
#feed #popup #header, #feed #popup #close{
	display:none;
} 
/* End Feeds */

/* Popups */


#popup{
	margin:0 auto;
	max-width:740px;
	_width: expression(document.body.clientWidth < 482? "480px" : document.body.clientWidth > 742? "740px" : "auto");
	padding:0 10px;
	}

#popup #header {
	background-image: url("http://www.concept2.com/us/images/popupgradient.png");
	background-repeat: repeat-x;
	height: 90px;
}
	

#popup #logo {
	float:none;
	text-align:right;
	margin-bottom:20px;
	right:0;

}

#popup #close {
	margin-top:10px;
	text-align:center;
}

#popup #close a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor:pointer;
	color: blue;
}

#popup #close a:hover {
	font-weight:normal;
	text-decoration:underline;
}

#popup #content,p,td,li { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
}

#popup #content{
	height:auto!important;
	min-height:1px;
	text-align:left;
}

#popup #new_window{
	display:none;
}

#popup #header {
	background-image: url("http://www.concept2.com/us/images/popupgradient.png");
	background-repeat: repeat-x;
	height: 90px;
}
	

#popup #logo {
	float:none;
	text-align:right;
	margin-bottom:20px;
	right:0;

}

#popup .fbexternal { display:none;}
/* End Popups*/
