body{
	margin: 0;
	padding: 0;
	/* background: #232325 url(Img/bg.jpg) repeat; */
	background: #4d4c4b url(Img/bg2.jpg) repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 911px;	
	text-align: center;
	color: #747373;}

/******************************************************************************
	Built-in styles
******************************************************************************/
	
H1{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding-top: 25px;
	padding-bottom: 20px;
}	

H2{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}	

a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
	}
	
/******************************************************************************
	Page Structure
******************************************************************************/
	
#RRBody{
	width: 100%;	
	position: relative;}
#RRHeader{
	width: 911px;	
	background: #0e0e0e url(Img/Header.jpg) center top no-repeat; 
	height: 115px;
	margin:0 auto;	
	position: relative;
	text-align: left;
	border-bottom: solid 4px  #fdc602;}
	#RRNav{
		position: relative;	
		top: 94px;}
	#RRNav a{
		font-weight: bold;
		color: #fdc602;
		text-decoration: none;
		font-size: 12px;
		background: #4d4c4b url(Img/nav-off.png) top repeat-x; 	
		padding: 6px 15px;
		border: solid 1px #000;
	}
	#RRNav .SelectedNav {
		color: #000;
		background: #fdc602; 
		border-bottom: solid 1px #fdc602;
	}
#RRContent{
	width: 911px;
	overflow: auto;
	text-align: left;
	margin:0 auto;
	padding-top: 0;
	position: relative;
	top: 0;}
#RRContainer{
	margin: 0 12px;
	position: relative;}
#RRFooter{
	width: 911px;	
	margin:0 auto 10px auto;	
	position: relative;}



/******************************************************************************
	General Styles
******************************************************************************/
.MoreButton{
	width: 100%;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px; }

.ShareButton{
	text-align: right;
	width: 100%;
	position: absolute;
	top: 305px;
	right: 4px;
}
	.YouTubeComments .Sharebutton{
	}
	
.TableData td, .ResultsPaging td{	
	border-right: 0;
	border-left: 0; }

.FormLabel, .FormButton{
	text-align: right;}
	



.RRFormBox{
	background-color: #ffffff;
	border: 1px solid #4d4c4b;
}
.RRFormBoxTitle{
	background-color: #4d4c4b;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	padding: 10px;
}
.RRForm{
	padding: 2px 10px;
	text-align: left !important;
	font-size: 12px;
}

.YouTubeNote{
	padding: 10px !important;}
	
/******************************************************************************
	Fonts
******************************************************************************/
	
	/* Weight */

	td.Subtotal, td.TotalPart, td.Total, .YTAuthor, .FormLabel, .TableFilter td, .TableData th, .RRCustomLeaderboard th, .SecondaryFP, .FP, .NoData{
		font-weight: bold; }

	.YTAge{
		font-weight: normal; }	
		
	/* Size */
		
	table.Compact td, .TableData th, .YTAge, .YTText, .TableFilter td, .TableData td.Secondary, .SecondaryDriverEntity, .ResultsPaging td, .RREvents th, .RREvents td, td.SecondaryFP, td.FP, .RRLeagueSpecs th, .RRLeagueStatus th, .RRCustomLeaderboard th{
		font-size: 11px; }

	.NoData{
		font-size: 14px;}
	
	
	/* Color */

	td.SecondaryFP, td.FP{
		color: #60738f; }


/******************************************************************************
	Sizes
******************************************************************************/

.RRLeagueHeader, .RRLeagueInfo, .RRLeagueResults, .RRHome{
	width: 880px; }
html>body .RRLeagueHeader, html>body .RRHome  {
	width: 887px; }
html>body .RRLeagueInfo , html>body .RRLeagueResults  {
	width: 885px; }
	
.RRDriverList, .RRLeaderboardList, .RRDetails, #LeagueDetails , #TimeTrialDetails{
	width: 498px; }
html>body .RRDriverList {
	width: 498px; }

.RRRaceResults {
	width: 512px;
}
.RRVideoColumn{
	width: 373px;}

.RRSearch{
	width: 300px;}
	
	
	
.Friends, .Followers{
	width: 178px; }
	
	
.RRLeagueResultsTable{
	width: 100%; }	
		
.YouTubeVideo{
	width: 373px; }	
	
.YouTubeHeading{
	width: 371px; }	
	
th.TableName, div.TableName{
	height: 38px; }
	

	
	
/******************************************************************************
	Positioning
******************************************************************************/

.RRDriverList, .RRLeaderboardList, .RRDetails, .RRVideoColumn, .RRSearch, .RRSearchResults, .Friends, .Followers, .RRLeagueResults, .RRRaceResults{
	position: relative;
	float: left; }

.RRTrackHeader{
	margin: 12px 0; }

.RRLeagueHeader{
	margin: 12px 0 0 0; }

.YouTubeComments{}
	
.RRDetails, .RRDriverList{
	margin-right: 12px; }

.RRSearch{
	margin-right: 40px; }
.RRSearchResults{
	margin-left: 40px; }


.RRLeagueInfo{
	clear: both;
	margin-bottom: 12px;
	overflow: auto; }


.RRLeagueResults{
	zclear: both;
}
	
.YouTubeVideo{
	zmargin-bottom: 12px;
	}	

.YouTubeVideo H2{
	padding-left: 4px;
}	
	
	
.breadcrumbs{
	margin-top: 12px;}	
	
	


.ImageFilter{ padding-top: 2px; padding-left: 75px;}


	
.btnYes, .btnNo, .btn{
	padding: 8px 10px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	text-align: center;
	margin-bottom: 10px;
}
.btn{
	background-color: #ececec;
}
.btnNo{
	background-color: #ececec;
	zbackground: #ececec url(Img/icon/btnNo.png) left top no-repeat;
}

.btnYes{
	background-color: #ececec;
	zbackground: #ececec url(Img/icon/btnYes.png) left top no-repeat;
}



/******************************************************************************
	Padding in divs and table cells
******************************************************************************/

	.SelectedHeading, th.TableName, th.TableNameHome, div.TableName , div.FP, .TableFilter td, .TableHighlighted td{
		padding: 2px; }
		
	.SelectedHeading td {
		padding-right: 4px;}	
		

	
/******************************************************************************
	Text Padding
******************************************************************************/

	.NoData{
		padding-top: 10px;
		padding-bottom: 10px;}	

	
	
	
	
	
	
	
		
		
.RRLeagueSpecs th, .RRLeagueStatus th{
	padding-right: 10px;
}

.RRLeagueSummary{
	padding: 20px;
}

.RRLeagueSpecs th, .RRLeagueSpecs td, .RRLeagueStatus th, .RRLeagueStatus td{
	padding-top: 4px;
	padding-bottom: 4px;}
		
.RREvents th{
			padding: 4px;}
.RREvents td{
			padding: 1px 4px;}


			
.RRDriverInfo td{
	padding: 2px 4px;
}	

.RRCustomLeaderboard td{
	padding: 2px 4px;
}



.YTAvatar{
	padding: 4px;
}

.YTPerson{
	padding-top: 16px;
}	

.RRCustomLeaderboard th{
	padding: 10px 4px; }

.TableData th, .TableDataHome th{
	padding: 4px; }	
	
.TableData td{
	padding: 0 4px; }

.TableDataHome td{
	padding: 2px 4px; }


.TableData td.Secondary, .TableData td.SecondaryDriverEntity{
	padding-top: 2px;
	padding-bottom: 2px; }

.ResultsPaging td, td.ResultsPaging{
	padding: 6px;}

.RRLeagueTracks{
	zpadding: 0; }
	
	
	.SelectedFilter, .UnSelectedFilter {
		padding: 0 10px !important;  }
	
.btnYes{
	padding-left: 30px;
}

.TableExpand {
	padding: 4px;
	height: 32px;
}

.NoPadding{
	padding: 0;}
	
/******************************************************************************
	Alignment
******************************************************************************/
	
	/* Left override inheritance */
	th, td, th.TableName, th.TableNameHome, .Tabledata td {
		text-align: left; }
	
	/* Right align */
	div.FP, td.FP, .FPPart, .FPSubtotal, .numeric, .RRLeagueSpecs th, .RRLeagueStatus th, .AlignRight{
		text-align: right !important; }

	/* center */
	.NoData, .Centered{
		text-align: center;}
	
	
/******************************************************************************
	Background Colour scheme
******************************************************************************/


/* Borders */

			/* Borders around groups of elements */

			
			.RRLeaderboardList, .RRLeagueInfo, .YouTubeVideo, .TableHighlighted, .RRDriverList, .Friends, .Followers, .RRLeagueResults, .HasBorder{
				border: solid 1px #4d4c4b !important;}

			/* Borders between columns */
			.RRLeagueTracks, .TableData td.RRLeagueTracks, .TableData td.RRLeagueTotal {
				border-left: solid 1px #d4d4d4;			}
			.RRLeagueTracksRight, .TableData td.RRLeagueTracksRight {
				border-right: solid 1px #d4d4d4;}


			/* Borders between table rows */
			.TableData td{
				border-top: solid 2px #d4d4d4; }
			
			/* Summation */
			td.Subtotal, td.Total{
				border-top: solid 2px #000000;}
				
			.TableDataHome td{
				border-bottom: solid 2px #d4d4d4;}
				

	.YTAvatar, .YTPerson{
		border-top: solid 1px #dedede;
	}
	
td.TotalPart{
	border-top: solid 1px #a4a3a3;
}


			/* Borders around images */
			.RR_Object_MemberAvatar{
				border: solid 1px #4d4c4b;}
				
			.YTUser{
				border: solid 1px #d4d4d4;}


			.NoBorder{
				border: 0 !important;}
				
/* Page and table elements - Grey */

			/* White - table data and text bg */
			
			.TableData td, .TableDataHome td, .YouTubeVideo, .RRLeagueResults, .RRCustomLeaderboard td{
				background-color: #FFFFFF; }




				
			/* Lighest grey - content area background, pretend transparency */
			
			#RRContent, td.Total, td.Subtotal, td.tablegap, .Color1{
				background-color: #ececec; }


				
			/* Grey #2 - column headings, paging controls, subtotals */	

			.TableData th, .RRCustomLeaderboard th, .ResultsPaging td, td.ResultsPaging, .Subtotal td, .NoData{
				background-color: #d4d4d4;
				color: #000000; }
				
			.Color2{
				background-color: #d4d4d4 !important;
				color: #000000; }
			.TextColor2{
				color:  #d4d4d4 !important;
			}
				

			/* Grey #3 - table filters, expand/collapse headings  */	

			.TableFilter td, .TableExpand, th.TableExpand, .Color3{
				background-color: #afafaf;
				color: #000000; }
			.TextColor3{
				color:  #afafaf !important;
			}
			.Color3{
				background-color: #afafaf !important;
				color: #000000; }
			.TextColor3{
				color:  #afafaf !important;
			}

				
				
			/* Darkest grey - table and section names */
		
			th.TableName, div.TableName, th.TableNameHome, .TableFilter th, .Color4{
				background-color: #4d4c4b;
				color: #FFFFFF;	}

			.RRCustomLeaderboard td{
				border-top: solid 2px #d3d3d3; }
	
	



	
td.TotalPart{
	background-color: #d5e7ff;
}

		

.TableHighlighted {
	background-color: #fff; 
}

	

.TableData td.Secondary{
	background-color: #f4f4f4;
	color: #747373;
}

.Borderless td, .Borderless th{
	border-top: 0;
}
	
.RRLeagueInfo{
	background-color: #fff;
}
	
	
	
	





/* CR Points - Blue */
			div.FP, td.FP{
				background-color: #b6cae8 !important;
			}
			/* Subtotal and total */
			.FPPart{
				background-color: #e8f1ff !important;
			}
			.FPSubtotal{
				background-color: #d5e7ff !important;
			}
			/* Duller blue */
			.SecondaryFP{
				background: #cfdae9 !important;
			}

/* Highlighting - Gold */
			/* Lighter yellow */
			.DriverEntity, .DriverEntityRank{
				background-color: #fff3c4 !important; 
			}
			
			/* Duller yellow */
			.SecondaryDriverEntity{
				background-color: #f4ecce !important;	
			}
			/* Races */
			.RRLeagueTracks, .TableData td.RRLeagueTracks  {
				background-color: #fffee4; }
				
			/* Current Selection */
			.SelectedHeading, .SelectedRow, .SelectedFilter, .SelectedOption{
				background-color: #fdc602 !important;
				color: #000;
			}

			
			
			
			
/* Driver page - vehicle class tabs */

			.SelectedFilterDriver{
				background-color: #d4d4d4;}
			
			.UnSelectedFilterDriver{
				background-color: #afafaf;}
			
			.SelectedFilterDriver, .UnSelectedFilterDriver{
				padding: 4px !important;
				zborder-bottom: solid 4px #d4d4d4;
				margin: 0 2px;
			}

			
			/* Current Selection */
			th.SelectedFilter, .SelectedFilter{
				background-color: #ececec !important;
				border-left: solid 2px #4d4c4b;
				padding: 4px !important;
				color: #000; }
			th.ExpandedSelectedFilter{
				background-color: #d4d4d4 !important;
				color: #000;
			}

				
				
				
			th.UnSelectedFilter, .UnSelectedFilter{
				background-color: #afafaf !important;
				border-left: solid 2px #4d4c4b;
				padding: 4px !important;
				color: #000;}
			th.ExpandedUnSelectedFilter{
				background-color: #afafaf !important;
				border-left: solid 2px #afafaf;
				padding: 4px !important;
				color: #000;}
			}

	
	
/******************************************************************************
	Show/hide content
******************************************************************************/
	.DoShow{
		display: block;
	}
	.DoNotShow{
		display: none;
	}
	
	
	
/******************************************************************************
	Styles that override the above styles...
******************************************************************************/



.LeftColumn{
	margin-right: 12px;
}

.DriverEntity, .DriverEntityRank {
	font-weight: bold;
}

div.FP, td.FP, .FPPart, .FPSubtotal{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}


.SelectedFilter, .UnSelectedFilter {
	margin: 0 2px;
	zborder: solid 1px #000;
	}


.note{
	font-size: 11px !important;
}

.Supplemental{
	font-weight: normal !important;
}

.Prominent{
	font-weight: bold !important;
}

.Video{
	width: 80px;
	text-align: center;
	}	

td.Video {
	text-transform: uppercase; 
	font-size: 11px;
	font-weight: bold;}

td.FP, .FPPart, .FPSubtotal{
	width: 60px;
	height: 32px;
	font-weight: bold !important;
}
	
	
div.MemberAvatar{
	border: solid 1px #000 !important;
	width: 32px;
	margin-left: 2px;
}		
	
div.MemberAvatarVIP{
	border: solid 1px #000 !important;
	padding: 2px;
	background-color: #fdc602;
	width: 32px;
}	


#CC_UH_Avatar_Div img{
	border: solid 1px #000 !important;
}

ol li {
	padding-top: 10px;	
}

ol li a{
	text-decoration: underline;
}