/* CSS Document 
orange #1BB4E1
*/
body{
background:#f0f0f2;
font-family:Helvetica, sans-serif;
font-size:13px;
font-weight:400;
color:#333;
line-height:150%;
margin:0;
}
p{
margin:6px 0;
}
a{
text-decoration:none;
color:#007ca1;
}
strong{
	font-weight:600;}
a:hover{
text-decoration:underline;
color:#EA0027;
}
a:visited{
color:#007ca1;
}
img{
border:0;
}
body, p, ul, ol, table, input, select, form{
font-size:13px;
}
ul{
}
h1, h2, h3, h4, h5, h6{
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
}
h1, h2{
font-weight:400;
}
h3, h4, h5, h6{
font-weight:400;
}
h1{
font-size:24px;
margin: 12px 0;
}
h1 span.stage-details{
	font-size:50%;
	}
h1 span.profile_button{
	font-size:50%;
	padding: 4px;
background:#1BB4E1;
color:#fff;
	}
h1 span.profile_button a, h1 span.profile_button a:hover{
color:#fff;
	}
h2{
font-size:20px;
}
h3{
font-size:18px;
}
h4{
font-size:16px;
}
.float-right{
	float:right !important;
	}
.tooltip h3{
	margin:0;
	padding:0;
	}
div{
display:block;
}
table, tr, th, td{
text-align:left;
}
th{
font-weight:700;
color:#FFFFFF;
background:#333;
padding:1px 1px 1px 3px;
}
tr{
background:#FFFFFF;
color:#333;
}
td{
padding:1px 1px 1px 3px;
}
.red{
	color:#c00 !important;
	}
.content{
padding:10px 15px;
}
#wrapper{
width:1000px;
margin: 0px auto;
background:#fff;
padding-bottom:20px;
}
#main{
width:960px;
margin:0px 20px;
}
#header{
float:left;
clear:left;
width:960px;
margin:15px 0 10px 0;
overflow:hidden;
}
#header #logo{
	float:left;
	clear:none;
	width:100%;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0;
	}
#header .lb-adbox{
min-width:728px;
min-height:90px;
float:right;
clear:none;
margin:0 0 0 0;
}
#gamewindow{
float:left;
clear:left;
width:960px;
min-height:100px;
}
#sidebar{
float:left;
clear:none;
width:300px;
min-height:100px;
margin: 0 0 0 20px;
}
#mainnav{
font-family: 'Roboto Condensed', sans-serif;
float:left;
clear:left;
width:960px;
background:#fff;
border-bottom: solid #1BB4E1 2px;}
.submenu{
float:left;
clear:left;
width:960px;
height:30px;
background:#1BB4E1;
margin:0;
padding:0;
	}
#mainnav a{
text-decoration:none;
text-transform:uppercase;
font-size:14px;
}
.submenu a{
text-decoration:none;
text-transform:none;
font-size:12px;
}
#mainnav a span.purist{
font-size:12px;
}
#mainnav ul, .submenu ul{
padding:0;
margin:0;
list-style-type:none;
}
#mainnav li{
background:#fff;
list-style-type:none;
float:left;
padding: 6px 4px 2px 4px;
background:#f0f0f0;
border-right: solid 4px white;
height:20px;
margin: 8px 0 4px 0;
}
#compnav{
font-family: 'Roboto Condensed', sans-serif;
		background: #1bb4e1;
		width:960px;
		padding:0 0 0 0;
		margin: 0;
		color: #fff;
}
#compnav ul{
	margin:0;
	padding:0;
	}
#compnav h1{
	margin: 0;
	}
#compnav li{
list-style-type:none;
float:left;
margin: 6px 0 0 0;
text-transform:uppercase;
border-right: solid 4px #1bb4e1;
padding: 6px 8px 2px 8px;
background:#aaddec;
height:20px;
}
#compnav li a{
	color:#222;
}
#compnav li:hover, #compnav li.selected{
	background:#007ca1;
}
#compnav li.selected{
	height:30px;
	font-size:130%;
	}
#compnav li:hover a, #compnav li.selected a{
	color:#fff;
	text-decoration:none;
}
.compslist, .user-info.upcoming{
	width:	640px;
}
.user-info.upcoming table{
	width:620px;
}
.compbox{
	float:left;
	width:200px;
	height: 130px;
	background: #f0f0f0;
	margin: 20px 20px 0 0;
  position: relative;
  z-index: 90;
	}
.compbox.last{
	margin: 20px 0 0 0;
	}
.compbox .header{
	height: 80px;
background:#1BB4E1;
color:#fff;
	}
.compbox .content{
	padding:8px;
	width: 150px;
	}
.compbox .content.button{
	width:200px;
	padding:10px 0 0 0;
	text-align:center;
	}
.compbox h2{
	margin:0;
	font-size:160%;
	}
.ribbon-wrapper {
  width: 62px;
  height: 65px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

.ribbon {
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
font-size:14px;
  text-align: left;
  text-shadow: rgba(50,50,50,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  color: #fff;
}

.ribbon:before, .ribbon:after {
  content: "";
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon.ribbon-red{
	background:#c00;
	}
.ribbon.ribbon-green{
	background: #33A238;
	}
.ribbon.ribbon-grey{
	background: #999;
	}
.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}
.roadcc-link{
	float:right;
	padding-top:4px;
	}
.submenu li{
background:#fff;
list-style-type:none;
float:left;
padding: 6px 6px 2px 6px;
background:#ff9826;
border-right: solid 2px #1BB4E1;
height:20px;
margin: 0;
}
.submenu li.submenu-right{
border-left: solid 2px #1BB4E1;
border-right: none;
float:right;

	}
.submenu li.selected a, .submenu li a:hover{
	color:#fff;
}
#selected-races{
}
#mainnav li.selected{
	height: 36px;
	margin:0 0 0 0;
}
#mainnav li.selected a{
	font-size:24px;
}
#mainnav li.selected, #mainnav li:hover{
background:#1BB4E1;
}
.submenu li.selected{
background:#333;
}
.submenu li:hover{
background:#1BB4E1;
	}
#mainnav li.selected a, #mainnav li:hover a{
color:#FFFFFF;
}
#page{
	margin:0;
	/* border-top: solid #1BB4E1 2px; */
	}
#home-steps{
width:960px;
}
.three-steps{
float:left;
clear:none;
width:306px;
height:306px;
margin:20px 20px 20px 0;
background:#fff;
overflow:hidden;
}
.three-steps.step-one{
background:url(../images/step1-bg.png?v=202501);
}
.three-steps.step-two{
background:url(../images/step2-bg.png?v=202501);
}
.three-steps.step-three{
margin:20px 0 20px 0;
background:url(../images/step3-bg.png?v=202501);
}
.three-steps h2{
margin:4px 0;
}
.clear{
width:100%;
height:0px;
float:none;
clear:both;
}
#gamewindow-main{
width:640px;
min-height:200px;
float:left;
overflow:hidden;
}
#gamewindow-main table.leagues{
	width:620px;
}
#gamewindow-sidebar{
width:300px;
min-height:200px;
float:right;
}
.rider-box{
width:156px;
height:220px;
overflow:hidden;
margin:0 4px 4px 0;
padding:0 0 4px 0;
border-bottom:solid #ddd 1px;
float:left;
clear:none;
background: #f0f0f2;
}
.rider-box.teampage{
height:190px;
}
table.roster-details{
	background: none;
	width: 100%;
	border: none;
	margin:0;
	padding:1px;
}
table.roster-details td{
	background: none;
	width: 50%;
	text-align: center;
}
span.roster-details-heading, span.roster-details-info{
	font-family: "Roboto Condensed", sans-serif;

}
span.roster-details-info{
	font-weight: 800;
}
.type-GC, .type-PC, .type-AR, .type-KM, .type-DS{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.rider-row{
background:#f0f0f2;
}
.type-GC{
background:#FBB03B;
padding:0px 4px;
color:#333;
}
.type-PC{
background:#07AA55;
color:#FFFFFF;
padding:0px 4px;
}
.type-KM{
background:#EA0027;
color:#FFFFFF;
padding:0px 4px;
}
.type-AR{
background:#2c395b;
color:#FFFFFF;
padding:0px 4px;
}
.type-DS{
background:#fff;
padding:0px 4px;
color:#333;
}
.legend{
border:solid #ccc 1px;
}
.sml{
font-size:9px;
}
.rt-legend{
background:#ddd;
width:100%;
margin:6px 0;
}
.rt-legend .content{
padding:6px;
}
.notriding{
background:#ccc !important;
}
.notriding-jersey{
opacity: .3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}
.roster-jersey{
float:left;
clear:none;
width:156px;
height:80px;
background: #666;
margin: 0;
overflow: hidden;
}
.roster-jersey .type{
	margin: 4px;
	float: left;
	vertical-align: top;
	clear: none;
}
.roster-jersey img.flagimage{
	margin: 4px;
	float: right;
	vertical-align: top;
	clear: none;
}
.roster-jersey img.kitimage{
	float: left;
	clear: none;
	margin: -20px 40px 0 ;
}
.roster-jersey img.kitimage.norider{
	margin: 10px 40px 0 ;
}
.roster-name, .roster-stats{
width: 156px;
}
.roster-name{
clear:both;
height: 48px;
background: #222;
text-align: center;
margin: 0;
padding: 1px 0;
}
.roster-name h4, .roster-name h4 a{
color: #fff;
font-size:14px;
line-height: 16px !important;
margin:6px 0;
}
.roster-name h4 span.roster-firstname{
	text-transform:capitalize !important;
}
.roster-name h4 span.roster-surname{
font-size: 16px !important;
}
.removebutton{
background-color: #666666;
text-align: center;
width:144px;
overflow:hidden;
float:left;
clear:both;
margin: 0 6px;
padding:4px 0;
}
.removebutton a{
	color:#fff;display: block;
	
}
.rider-box.last{
margin:0;
}
.pager{
height:22px;
overflow:hidden;
margin:6px 0;
}
.pager a{
width:19px;
height:30px;
display:block;
background:#ddd;
float:left;
margin:0 0 0 2px;
text-align:center;
padding-top:2px;
text-decoration:none;
color: #222;
}
.pager-highlight a{
background:#333;
color:#FFFFFF;
}
.pager a.selected{
background:#333;
color:#FFFFFF;
}
.pager a.button{
background:#333;
color:#FFFFFF;
}
#storepage{
display:none;
}
#overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background:#fff;
	
	width:600px;	
	min-height:200px;
	border:none;
	float:left;
	margin:0;
	padding:0;
	}

.siderow-GC{
background:#FBB03B;
}
.siderow-PC{
background:#07AA55;
color:#FFFFFF;
}
.siderow-KM{
background:#EA0027;
color:#FFFFFF;
}
.siderow-AR{
background:#686868;
color:#FFFFFF;
}
.siderow-PC a, .siderow-KM a, .siderow-AR a {
color:#FFFFFF;
}
.siderow-GC a, .siderow-DS a {
color:#333;
}
.in-team{
background:#FFFF44;
color:#333;
}
.in-team a{
color:#333;
}
.riderlist{
width:300px;
}
.riderlist .jersey{ 
width:25px; 
text-align:center;
}
.riderlist .name{}
.riderlist .code{ 
width:26px;
text-align:center;
 }
.riderlist .actionbutton{ 
text-align:center;
width:30px; }
.riderlist .actionbutton input{
font-size:9px;
}
#stagescroller{
width:960px;
height:120px;
background:url(../images/stageticker-bg.png) no-repeat;
}
#stagescroller.current{
background:url(../images/stageticker-bg-current.png) no-repeat;
}
#stagescroller-prev, #stagescroller-next{
float:left;
width:40px;
height:120px;
}
#stagescroller-content{
width:560px;
float:left;
height:120px;
}
.flag{
border: solid #ddd 1px;
}
table.leagues, table.stages, table.mytransfers, table.roster{
width:610px;
}
table.leagues td, table.stages td, table.leagues th, table.stages th {
padding:4px 6px;
}
table.leagues.sidebar{
width:250px;
}

 #plinks {
font-size:100%;
width:960px;
float:left;
display:inline;
margin:0 0 10px 0;
background:#fff;
padding:8px 0;
/*position:absolute;
left:0px;
bottom:0px!important;
bottom:-1px;
*/		}
 #plinks ul{
padding:0;
margin:0;
list-style-type:none;
padding-left:10px;
}
 #plinks ul li {
	display: inline;
	float:left;
	font-family:"Noto Serif", serif;
	font-size:110%;
	height:18px;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
	}

 #plinks ul li a {
	color:#333333;
	padding:2px 5px !important;
	display:block;
	border-right: solid 1px #ddd;
	font-weight:100;
	margin:0 !important;
	}

 #plinks ul li a:hover {
	background:#e6b933;
	color: #fff;
	text-decoration: none;
	}

 #plinks ul li a.active,
 #plinks ul li a.active:hover {
	color: #fff !important;
	background:#e6b933;
	text-decoration: none;
	font-weight:100;
	}
.mpu-adbox{
margin:0 0 15px 0;
}
.starriders{
	clear: both;
width:640px;
padding:10px 0 0 0;
margin:15px 0 0 0;
}
.starriders.all9{
	}
.sr-header, .ds-header{
width:350px;
height:50px;
}
.starriders h3{
	color:#fff;
	background:#333;
	padding:4px 4px 6px 12px;
	}
.sr-header h3, .ds-header h3{
padding:12px 0 0 10px;
}
.domestiques{
width:350px;
height:315px;
background:url(../images/ds-bg.gif) no-repeat;
padding:0;
margin:0 0 20px 0;
}
.scr-stagemarker{
	background:#333;
color: #fff;
padding:4px;
float:left;
	}
	.scr-stagemarker.current{
		background: #33A238;}
.scr-name, .scr-details, .scr-options{
	clear:both;
	}
.scr-options a{
	color:#1BB4E1;
	}
.scr-name{	padding: 5px 0 0 0 ;
}
.scr-lhs{
	float:left;
	width:60px;
	height:120px;
	}
.scr-bignumber{
	background:#1BB4E1;
	color:#fff;
	font-size:24px;
	width:60px;
	height:60px;
	float:left
	}
.scr-profile{
	width:60px;
	height:60px;
	float:left
	}
.scr-rhs{
	float:right;
	width:110px;
	height:120px;
	}
.gamewindow-bg{
background: #f0f0f2;
width:960px;
}
.gamewindow-bg.scroller{
	padding-top:30px;
}
.gamewindow-bg.gopremium{
background: #f0f0f2;
}
.gamewindow-title{
width:960px;
}
.gamewindow-title h1{
padding:14px 14px;
margin:0;
}
.user-info{
width: 300px;
background: #f0f0f2;
margin:15px 0 0 0;
}
.user-info.teamstrengths{
width: 640px;
}
.mpubar-box{
background: #f0f0f2;
margin:15px 0;
}
.mpubar-box.invites{
margin-top:0;
}
.mpubar-box ul{
padding:0 0 0 12px;
}
.mpubar-box li{
margin:2px 0;
}
.user-info .content{
padding:10px;
}
.user-info h4, .mpubar-box h4{
margin: 0 0 0 0;
padding:2px 6px 3px 12px;
color:#fff;
background: #1BB4E1;
}
#transferlist{
background:#FFFFFF;
padding:0;
margin-bottom:20px;
}
#ticker{
width:640px;
height:40px;
overflow:hidden;
background: #1BB4E1;
margin:15px 0 0 0;
text-align:center;
}
#ticker.ending{
background:url(../images/deadline-bg-red.png);
}
#ticker h1, #showbalance h1, #showfreetransfers h1{
	font-weight:400;
color:#FFFFFF;
margin:0;
padding:10px 10px 0 10px
}
#showbalance, #showfreetransfers, #showpenalty{
float:left;
margin: 10px 0;
width:315px;
height:56px;
overflow:hidden;
text-align:center;
background:#666;
padding:0;
}

#showpenalty.penalty, #showbalance.penalty{
background:#c00;
}
#showbalance{
margin-right:10px;
}
#showbalance p, #showfreetransfers p, #showpenalty p, #showbalance h1, #showfreetransfers h1, #showpenalty h1{
padding:0;
margin:0;
color:#FFFFFF;
}
#showbalance p, #showfreetransfers p, #showpenalty p{
padding-top:4px;
}
.blackout{
position:absolute;
top:0;
left:0;
z-index:9000;
background:#000000;
opacity: .7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}
.pointer{
cursor:pointer;
}
.ro-name{
float:left;
width:354px;
height:30px;
padding:11px 0 0 20px;
}
.ro-premhead{
float:left;
width:450px;
height:28px;
padding:11px 0 0 36px;
}
.ro-name h3, .ro-premhead h3{
padding:0;
margin:0;
}
.ro-pop, .ro-hide{
float:left;
padding:11px 0 0 0;
width: 100px;
}
.ro-hide{
text-align:right;
}
.ro-statstop{
	padding:10px 0;
	background:#f0f0f2;
	}
.ro-mainstats{
float:left;
width:600px;
}
.ro-image{
float:left;
width:100px;
height:130px;
overflow:hidden;
margin:10px 20px 0 20px;
}
.ro-graph{
float:left;
clear:left;
background:#FFFFFF; 
width:600px;
}
.ro-graph-legend{
float:left;
clear:left;
width:500px;
margin: 8px 20px;
}
#ridergraph{
float:left;
clear:left;
height:300px;
width:560px;
margin:0px 20px 20px 20px;
background:#FFFFFF; 
}
#msg{
background:#eee998;
width:960px;
margin:8px 0;
}
.login-bar{
background:#fff;
float:right;
clear:none;
width:960px;
margin:0 0 0 0;
background:#f0f0f2

}
.login-bar.top{
width:450px;
margin:0 0 4px 0;
float:right;
clear:none;
height:30px;
text-align:right;
background:#fff;
}
.login-bar.homepage{
	background:#1BB4E1;
	}
.login-bar .content{
padding:5px 8px;
}
.login-submit{
background: #4ba82e;
border: solid 2px #4ba82e;
height:30px;
padding: 0 4px;
overflow:hidden;
font-family:"Roboto Condensed", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFFFFF;
font-size:18px;
cursor:pointer;
}
.login-submit:hover{
	border: solid 2px #26710f;
}
.login-input{
width:100px;
height:28px;
background:#fff;
border:none;
padding:0 4px;
	}
.signup-button{
background:#333;
padding:3px;
font-weight:700;
font-size:10px;
}
.signup-button:hover{
background:#c00;
}
.signup-button a, .signup-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.confirmbutton{
float:left;
background: #4ba82e;
border:none;
width:315px;
height:40px;
overflow:hidden;
font-family:"Roboto Condensed", Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
cursor:pointer;
}
.confirmbutton.autocomplete{
	background:#1BB4E1;
	float:left;
	clear: both;
	width: 640px;
	margin: 10px 0;
	}
.resetbutton{
float:right;
background: #ececec;
border:none;
width:315px;
height:40px;
overflow:hidden;
font-family:"Roboto Condensed", Verdana, Arial, Helvetica, sans-serif;
color:#999;
font-size:18px;
cursor:pointer;
}
.resetbutton.transferoverlay{
	clear: both;
	float: left;
	margin: 10px 0 
}
.confirmbutton:hover{
	border: solid 2px #26710f;
	}
.confirmbutton.autocomplete:hover{
	border: solid 2px #007ca1;
	}
	
	
.confirmbutton.disabled:hover{
	border:none;
	}
.resetbutton:hover{
	border: solid 2px #ccc;
	}
.confirmbutton.disabled{
background:#c00;
color: #ececec;
}
.debug{
width:900px;
background:#fff;
padding:20px;
margin:10px auto;

}
a.white, a:visited.white{
color:#FFFFFF;
}
.green{
color:#36B34A;
}
/* footer */
.footer{
	width:960px;
	background:#2c395b;
	font-size:92%;
	line-height:18px;
    font-family: 'Noto Serif', serif;
	margin:10px 0 0 20px;
	}
.footer, .footer a{
	color:#e5f0f5 !important;
	}
.footer .content {
	padding:20px;
	}
.footer .column-1, .footer .column-2, .footer .column-3, .footer .column-4{
	float:left;
	overflow:hidden;
	padding: 0 10px 20px 0;
	margin:0 20px 0 0;
	}
.footer .column-1{
	clear:left;
	width: 800px;
	}
.footer .column-2{
	clear:none;
	width: 110px;
	}
.footer .column-3{
	clear:none;
	width: 130px;
	}
.footer .column-4{
	clear:none;
	width: 230px;
	border:none;
	margin:0;
	padding:0;
	}
.footer ul{
	list-style-type:none;
	padding:0;
	margin: 0;
	}
.footer ul.trophy li{
	font-family:'Source Sans Pro', sans serif;
		background:url(../img/footer/award.png) no-repeat;
	margin:0 0 0 0;
	padding: 2px 0 0 30px;
	height:30px;
	}
.footer ul.external li{
	float:left;
	clear:left;
	margin:0 0 0 0;
	padding: 3px 0 0 30px;
	height:30px;
	width:100%;
	}
.footer ul.external li.fb{
	background:url(../img/footer/external-fb.png) no-repeat;
}
.footer ul.external li.tw{
	background:url(../img/footer/external-tw.png) no-repeat;
}
.footer ul.external li.gp{
	background:url(../img/footer/external-gp.png) no-repeat;
}
.footer ul.external li.yt{
	background:url(../img/footer/external-yt.png) no-repeat;
}
.footer ul.external li.fl{
	background:url(../img/footer/external-fl.png) no-repeat;
}
.footer ul.external li.pi{
	background:url(../img/footer/external-pi.png) no-repeat;
}
.footer ul.external li.rs{
	background:url(../img/footer/external-rs.png) no-repeat;
	margin-bottom: 20px;
}

.footer ul.sitelinks li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.footer p.footer-title{
	color:#1bb4e1;
	font-style:italic;
	font-size:143%;
	}
.footer p.trophy-head{
	margin-top:20px;
	}
	#search-block-form {
		margin-bottom:20px;
		}
#search-block-form label{
	display:none;
	}
.footer .flannel{
	font-size: 85%;
	font-family:'Source Sans Pro', sans serif;
			color:#bbb !important;
	}
.footer .input{
	margin:0;
	
}
.footer .form-submit{
	background: #1bb4e1;
	}
.footer p.contact{
	margin:0 0 4px 0 !important;
	}
.footer span.ext{
	display:none;
	}

.prizebanner{
width:960px;
height:auto;
overflow:hidden;
margin: 0 0 20px 0;
}
.leagueapprove{
padding:4px;
background:#FFD300;
}
table.pointsoverlay{
width:570px;
}
table.pointsoverlay td, table.pointsoverlay th{
padding:4px 6px;
}
.rankmarker{
width:45px;
height:16px;
overflow:hidden;
}
.ranksame{
background:url(../images/position-same.png) no-repeat;
}
.rankup{
background:url(../images/position-up.png) no-repeat;
}
.rankdown{
background:url(../images/position-down.png) no-repeat;
}
.rankmarker span.rankjump{
padding:3px 0 0 20px;
}
.leaguechat{
background:#FFFFFF;
margin-top:15px;
}
.leaguechat h2{
margin:0;
}
.chat-entry{
border:solid #ccc 1px;
margin-bottom:10px;
}
.chat-image{
float:left;
width:40px;
height:40px;
margin: 0 10px 0 0;
border:solid #ccc 1px;
}
.chat-body{
float:left;
width: 490px;
min-height:40px;
}
.tablestage{
margin:0 0 10px 0;
padding:3px 6px;
border:solid #ccc 1px;
background:#fff;
}
#stages_submenu{
display:none;
float:left;
width:600px;
height:600px;
z-index:1000;
position:relative;
top:240px;
left:80px;
}
#mainnav ul
{	margin: 0;
	padding: 0;
	z-index: 30}

#mainnav ul div
{	position: absolute;
	visibility: hidden;
	margin: 5px 0 0 0;
	padding: 0;
	background:#f0f0f0;
	border: 1px solid #333}

	#mainnav ul div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: none;
		color: #333 !important;
		}
	#mainnav ul div a.completed{
	color:#999 !important;
	}
		#mainnav ul div a.current{
		color:#c00 !important;
		}
	#mainnav ul div a:hover
	{	background: #fff;
		color: #FFF}

#comps, #prem{
color:#c00 !important;
display:block;
}
.prem-mpu{
width:300;
height:250;
margin:0 0 15px 0;
}
#m1 p, #m2 p{
margin:0 !important;
padding:0 !important;
}
.signup-homebox{}
.userbadgeimg{
	float:left;
	border:0;
	margin: 0 4px 4px 0
	
	}
.userbadgeimg.right{
	margin: 0 0 4px 0;
}
.userbadges{
	background:#FFF;
	padding-bottom:20px;
	}
.usercurrent{
	background:#f0f0f2;
	}
.userhistory{
	margin: 20px 0;
	}
  .tooltip {
    display:none;
    background:transparent url(../js/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }
  .archivesection .content{
	  padding:4px 10px;
	  }
  .archivetable, .userpalmares table, .comingup table{
	  width:100%;
  }
  .comingup table td{
	  }
  .comingup table td,   .comingup table th{
	  padding:3px 6px;
	  }
 .archivetable td.title{
	 width:75%;
	 }
 .archivetable td.desc{
	 width:25%;
	 }
.archivecompdata{
	display:none;
	background:#f0f0f2;
	padding:10px;
}
 .comingup, .usertransfers, .userhistory{
	background:#f0f0f2;
 }
.user-info.transfers{
	width: 640px;
}
 #archivedata h2{
	 width:560px;
	 display:block;
	 background:#fff;
	 color:#666;
	 margin: 0 0 1px 0;
	 padding:4px 25px;
	 font-size:16px;
	 }
 #archivedata h2.close{
	 background:#fff url(../images/h2-close.png) no-repeat 0 2px;
	 }	
 #archivedata h2.open{
	 background:#fff url(../images/h2-open.png) no-repeat 0 2px;
	 }	
	  #archivedata h2 a{
		  color:#666;
		  }
.archive-rowtype-1, .archive-rowtype-2{
	background:#33A238;
	color:#fff;
	}
.archive-rowtype-3{
	background:#D9EBC3;
	}
	.archive-rowtype-4{
	background:#FFFAF0;
	}
	.archive-rowtype-5{
	background:#FFD300;
	}
.userpalmares, .userstagescores{
background:#2c395b ;
	}
.userpalmares{
		padding-bottom:10px;
}
.userpalmares h1, .userpalmares p, .userstagescores h1 a, .userpalmares h1 a{
	color:#fff;
	}
	.archivesection h1{
		margin:4px 0;}
h1.close{
	padding: 5px 0 5px 24px;
	background:url(../images/h1-close.png) no-repeat;}
h1.open{
	padding: 5px 0 5px 24px;
	background:url(../images/h1-open.png) no-repeat;}
.userpalmares table th, .userpalmares table td{
	font-size:14px;
	padding:4px 8px;
	}
	.userpalmares table th{
background:	#FFD300;
color:#333;
	}
.premiumbenefits, .premiumintro{
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
line-height:20px;
color:#333;
margin-bottom:10px;
	}
	.premiumbenefits td {
		text-align:center;
		padding:4px 0;
		}
	td.benefit{
		vertical-align:middle;
		padding:4px 8px;
		text-align:left;
		
	}
	th.benefitth{
		text-align:center;
		padding:12px 0;
		background: #333;
		
		}
	th.benefitth.premium{
		background:#a00;
		}
	.textbutton{
font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
line-height:20px;
padding: 3px 8px;
display:inline;
margin: 0 0 10px 0;
		}
	.textbutton.redbutton{
		background:#aa0000;
		color:#fff;
		}
	.textbutton.greenbutton{
		background:#33A238;
		color:#fff;
		}
	.textbutton.bluebutton{
		background:#1BB4E1;
		color:#fff;
		}
	.textbutton.greybutton{
		background:#777;
		color:#fff;
		}
	.textbutton.redbutton:hover{
		background:#990000;
		}
	.textbutton.greenbutton:hover{
		background:#116b15;
		}
	.textbutton.bluebutton:hover{
		background:#007ca1;
		}
	.textbutton.greybutton:hover{
		background:#444;
		}
		.textbutton a, .textbutton a:hover, .textbutton:hover{
		color:#fff;
		text-decoration:none;
			}
.compstable{
width:100%;
font-size:13px;
}
.compstable tr.notopen{
	background:#ccc;
	}
.compstable td, .compstable th{
	padding:3px 6px;
	}
.compstable td.premiumtd{
	text-align:center;
	}
	div.deletaccount{
		background:#F90;
		padding:8px;
		}
		.howto h2{
		 width:916px;
	 display:block;
	 background:#1BB4E1;
	 color:#fff;
	 margin: 20px 0 1px 0;
	 padding:4px 8px;
	 font-size:16px;
}
.incomp{
	background:#ffffe8;
}
#footermpu-wrapper{
	clear:both;
	float:none;
	width:0px;
	height:0px;
	margin: 0;
	}
#footermpu-wrapper.has-ads{
	width:960px;
	height:250px;
	padding:20px 0 0 0
	}
#footermpu-wrapper.has-ads #ad-mpu1{
	float:left;
	clear:none;
	}
#footermpu-wrapper.has-ads #ad-mpu2{
	float:right;
	clear:none;
	}
	#wrapperlb{
	clear:both;
	float:none;
	width:0px;
	height:0px;
	margin: 0;
	}
#wrapperlb.has-ads{
	width:728px;
	height:auto;
	margin:0 auto 10px auto;
	}
.bigpoints{
	padding: 10px;
	background:#333;
	color:#fff;
	margin-top:15px;
	text-transform:uppercase;
	}
.bigpoints .header{
	color:#1BB4E1;
	margin: 0;
	font-size:16px;
	}
.bigpoints .total, .bigpoints .leg{
float:left;
width:auto;
	}
.bigpoints .total{
	font-size:44px;
margin-right:4px;
	}
.bigpoints .leg{
	font-size:14px;
	margin-top: 30px;
margin-right:12px;
color:#ccc;
	}
table.palmares td, table.palmares th{
	padding:10px;
	font-size:16px;
	}
#gamewindow-sidebar .win{
	margin: 15px 0 0 0;
	}
.smallprint{
	font-size:10px;
	line-height:12px;
	color:#999;
	}
td.label{
	text-align:right;
	width: 150px;
	}
.lightgrey{
	color:#999;
	}
.blue{
	color: #1BB4E1 !important;
}

.profile-image{
	background:#fff;
	width:600px;
	text-align:center;
	}
.profile-image a#overlay-hide, .joinwindow a#overlay-hide{
	padding:8px;
	float:right;
	}
.profile-image img{
	max-width:600px;
	}
.joinwindow h1{
	margin: 0 0 8px 0;
	}
.joinwindow h2{
	margin: 0 0 10px 0;
	color: #1BB4E1;
		}
.joinwindow table{
	width:100%;
	margin: 20px 0;
	}
.joinwindow table td{
	padding:6px;
	background:#f0f0f0;
	}
.joinbutton{
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
font-size:18px;
color:#fff !important;
padding: 4px 8px;
	}
.joinbutton:hover{
color:#fff;
text-decoration:none;
	}
.joinbutton.blue{
	background: #1BB4E1;
}
.joinbutton.blue:hover{
	background:#007ca1;
}
.joinbutton.green{
	background: #33A238;
}
.joinbutton.green:hover{
	background: #116b15;
}
.joinbutton.grey{
	background: #aaa;
}
.joinbutton.grey:hover{
	background: #666;
}
.joinbutton.red{
	background: #c00;
	color:#fff !important;
}
.joinbutton.red:hover{
	background: #900;
}
.joinbutton.comp{
	float:right;
	background: #777;
	color:#fff !important;
}
.joinbutton.comp:hover{
	background: #444;
}
.mypoints{
	color: #1BB4E1;
	}

div.last12{
	padding:4px 20px;
	height: 200px;
	overflow: scroll;
}
table.last12 {

}
table.last12 tr{	
}
table.last12 td{
	margin: 2px;
	padding: 3px;
	background: #f0f0f0;
	text-align: center;
}
table.last12 th{
	margin: 2px;
	padding: 2px;
	background: #666;
	color: #fff;
	text-align: center;
}
table.last12 th.rl, table.last12 td.rl{
	text-align: left;
}
table.last12 td.light{
	background: #f8f8f8;
}
#SA-Unit1{
	margin: 0px auto;
	text-align: center;
}
.upgradenotice{
display: block;
width: 960px;
background:#FF720A;
}

.upgradenotice p{
display: block;
padding:10px 20px;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
    font-size: 16px;
}
.upgradenotice p, .upgradenotice a{
color: #ffffff;
}
.sponsor-transfer-container{
width: 100%;
min-height: 0px;
background: #d9f6fe;
}
.sponsor-transfer-container h2{
width:100%;
padding: 15px 0 8px 0;
margin: 0;
color: #14bbe1;
}
.sponsor-transfer-container p{
font-style: italic;
margin: 2px 0px;
padding: 0 16px 0 16px ;
}
.sponsor-transfer-img{
float: left;
width: 100px;
height: 75px;
margin: 10px 20px 10px 10px;
}




@media only screen and (max-width: 999px) {
	#wrapper, .blackout{
width:500px;
}
	#main{
width:480px;
margin:0px 10px;
}
	#logo img{
		max-width: 400px;
		max-height: 77px;
	}
	#mainnav, #header, #gamewindow, #compnav, #gamewindow-main, #gamewindow-sidebar, #overlay, #msg, #home-steps, .submenu, .footer, .footer.content, .gamewindow-bg, .gamewindow-title, .touchcarousel, .touchcarousel-wrapper, .starriders, .all9, .user-info, .riderlist, #ticker, .autocomplete, .compslist, .ro-mainstats, .ro-graph{
width:480px !important;
	}
	.footer{
margin:0px 10px;
	}
	.footer .column-1{
		width: 440px;
	}
	.user-info{
		float: left;
		clear: both;
	}
	.user-info table{
		width: 460px !important;
	}
	#showbalance, #showfreetransfers, .confirmbutton, .resetbutton{
		width: 235px;
	}
	.compbox{
		width:220px;
	}
	.howto h2{
		 width:436px;
	}
	.howto img{
		max-width: 436px;
	}
	table.leagues, table.roster, table.stages, table.mytransfers {
		width: 440px;
	}
	.profile-image{
	width:480px;
	}
	.profile-image img{
	max-width:480px;
	}
	.login-bar.homepage{
		width:480px;
	}
.three-steps{
width:480px;
height:320px;
margin:20px 0 0;
}
.three-steps.step-one{
background:url(../images/step1-bg-480.png?v=202501);
}
.three-steps.step-two{
background:url(../images/step2-bg-480.png?v=202501);
}
.three-steps.step-three{
margin:20px 0 20px 0;
background:url(../images/step3-bg-480.png?v=202501);
}
.upgradenotice{
width: 480px;
}


}