﻿#rolex #page
{
    font-family: 'Lato',sans-serif;
	height:628px;
	margin:10px auto;
	position:relative;
	width:1000px;
    color:#123456
}

#rolex .header
{
    font-family: 'Lato',sans-serif;
	border-bottom:solid 1px #875522;
	color:#875522;
	font-size:9pt;
	font-weight:bold;
}

#rolex a
{
    font-family: 'Lato',sans-serif;
	color:#123456;
	font-size:8pt;
	font-weight:bold;
    text-align:left;
}

#rolex button
{
	color:#123456 !important;
	font-size:8pt;
	font-weight:bold !important;
    text-align:left;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent;
    text-decoration:underline;
}

#rolex .event2
{
	line-height: 11px !important;
}

#rolex li
{
    font-family: 'Lato',sans-serif;
	font-size:8pt;
	font-weight:bold;
	list-style:none;
	margin:3px 0;
    height: 12px;
}

#rolex p
{
    font-family: 'Lato',sans-serif;
	font-size:8pt;	
	font-weight:bold;
	margin: 5px 0;
}

#rolex .points
{
	color:#FFFFFF;
	font-size:30pt;
	font-weight:bold;
	margin:0;
}

#rolex ul
{
	margin:5px 0 0 0;
	padding:0;
}

/*----------COMPLETE LISTS----------*/
#rolex #completeLists
{
	color:#875522;
	left:200px;
	position:absolute;
	top:110px;	
	
}

/*----------UPDATE DATE-----------*/
#rolex #divUpdated
{
	left:225px;
	position:absolute;
	top:125px;	
    font-size: 10px;
    font-weight: bold;
}

/*----------TOP RIDERS----------*/
#rolex #top_10_riders
{
	left:25px;
	position:absolute;
	top:145px;
}

#rolex #top_riders
{
	float:left;
	margin-right:25px;
	width:335px;
}

/*----------TOP HORSES----------*/
#rolex #top_10_horses
{
	display:none;
	left:250px;
	position:absolute;
	top:145px;
}

#rolex #top_horses
{
	float:right;
	width:365px;
}

/*----------TOP RIDERS - 12 MONTH PERIOD----------*/
#rolex #top_riders_12months
{
	height:225px;
	left:25px;
	overflow:hidden;
	position:absolute;
	top:355px;
	width:375px;
    font-size: 11px;
    font-weight:bold;
}

#rolex #top_riders_12months .header
{
	margin-bottom:5px;
}

#rolex #top_riders_12months_lines
{
	height:185px;
	position:absolute;
	top:40px;
	width:373px;
}

#rolex #top_riders_12months_chart
{
	height:140px;
	left:0;
	position:absolute;
	top:69px;
	width:373px;
}

/*----------TOP HORSES - 12 MONTH PERIOD----------*/
#rolex #top_horses_12months
{
	height:225px;
	left:-500px;
	overflow:hidden;
	position:absolute;
	top:350px;
	width:375px;
    font-size: 11px;
    font-weight:bold;
}

#rolex #top_horses_12months .header
{
	margin-bottom:5px;
}

#rolex #top_horses_12months_lines
{
	height:185px;
	position:absolute;
	top:40px;
	width:373px;
}

#rolex #top_horses_12months_chart
{
	height:140px;
	left:0;
	position:absolute;
	top:69px;
	width:373px;
}

#rolex .monthsLegend
{
	display:inline-block;
	height:10px;
	margin-right:3px;
	width:23px;	
}

/*----------RIDER OF THE WEEK----------*/
#rolex #rider_week
{
	left:250px;
	position:absolute;
	top:145px;
}

/*----------HORSE OF THE WEEK----------*/
#rolex #horse_week
{
	left:250px;
	position:absolute;
	top:250px;
	width:150px;
}

/*----------EVENTS OF THE WEEK----------*/
#rolex #eventContainer
{
	height:275px;
	margin-bottom:25px;
	overflow:hidden;
	position:relative;
}

#rolex #events_week
{	
	left:450px;
	position:absolute;
	top:145px;
	width:225px;
}

#rolex #events_week .event
{
	margin-top:10px;
}

#rolex #events_week .event button
{
    text-decoration:none;
}

/*----------NUMBER OF WEEKS ON TOP----------*/
#rolex #weeks_top_rider
{
	left:750px;
	position:absolute;
	top:475px;
}

#rolex #weeks_top_horse
{
	display:none;
	left:750px;
	position:absolute;
	top:475px;
}

/*----------TOP 100 RATIO OF HORSES----------*/
#rolex #top_100ratio_horses
{
	left:750px;
	position:absolute;
	top:360px;
	width:200px;
}

/*----------TOP 100 RATIO OF RIDERS----------*/
#rolex #top_100ratio_riders
{
	display:none;
	left:750px;
	position:absolute;
	top:360px;
	width:200px;
}

#rolex .ratioPie
{
	float:left;
	width:100px;	
}

#rolex .ratioLegend
{
	float:right;
	font-size:8pt;	
	font-weight:bold;
	width:85px;
}

/*-----------GROUPS USED BY JQUERY TO DISPLAY / HIDE ELEMENTS----------*/
.Group0
{
}

#rolex .Group1
{
}

/*----------LINKS AT THE BOTTOM OF THE PAGE----------*/
#rolex #aFAQ
{
	display:block;
	height:45px;
	left:265px;
	top:582px;
	position:absolute;
	width:125px;
}

#rolex #aRolex
{
	display:block;
	height:45px;
	left:392px;
	top:582px;
	position:absolute;
	width:175px;
}

#rolex #aUSEF
{
	display:block;
	height:45px;
	left:570px;
	top:582px;
	position:absolute;
	width:175px;
}

/*-----BOX UNDER VIEW ALL EVENTS-----*/
#rolex ul.boxLinks
{
    border:3px solid #875522;
    color:#875522;
    list-style-type:none;
    margin:10px 0 0 0;
    padding:5px;
    text-align:center;
}

#rolex ul.boxLinks li
{   
    padding:0;
}
    
#rolex ul.boxLinks li a
{
    color:#875522;
    font-size:10pt;
    text-decoration:none;
}
        
#rolex ul.boxLinks li.rankinglistlinktopline a
{
    color:#FFFFFF;
}
        
#rolex ul.boxLinks li.rankinglistlinkbottomline a
{
    font-size:8pt;
}
        
#rolex .boxed
{
    border: 4px solid #875522;
    padding:2px;
    
}