div#tabs{
	margin:0px 0 0px 0;
	text-align:left;
}
div#tabs a:link, div#tabs a:visited{
	padding:5px;
	margin:0px 5px 0px 0px;
	background-color:#999999;
	font-size:12px;
	color:#FFFFFF;
	display:block;
	width:100px;
	text-align:center;
	float:left;
}
div#tabs a:hover, div#tabs a.selected{
	background-color:#CCCCCC;
}


#rightCol{
	width:300px;
	float:right;
	padding:5px 3px 0 0;
}
div.thumbnailImg{
	float:left;
	clear:left;
	width:88px;
	height:66px;
	overflow:hidden;
}
div.thumbnailText{
	float:right;
	font-size:10px;
	width:182px;
	margin-left:10px;
	text-align:left;
}
span.pageLink{
	color:#999999;
	font-size:18px;
	margin:5px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
div.noPics{
	padding:100px 50px 100px 50px;
}
div.stripes{
	width:980px;
}
 /*Calendar styles*/ 
.ds_box { 
    background-color: #FFF; 
    border: 1px solid #000; 
    position: absolute; 
    z-index: 32767; 
} 
.ds_tbl { 
    background-color: #FFF; 
} 
.ds_head { 
    background-color: #333; 
    color: #FFF; 
    font: bold 13px Arial, Helvetica, sans-serif;  
    text-align: center; 
    letter-spacing: 2px; 
} 
.ds_subhead { 
    background-color: #CCC; 
    color: #000; 
    text-align: center; 
    font:bold 12px Arial, Helvetica, sans-serif; 
    width: 32px; 
} 
.ds_cell { 
    background-color: #EEE; 
    color: #000; 
    text-align: center; 
    font: 13px Arial, Helvetica, sans-serif; 
    padding: 5px; 
    cursor: pointer; 
} 
.ds_cell:hover { 
    background-color: #F3F3F3; 
} /* This hover code won't work for IE */

div.theRidePlayer{
	text-align:center; width:900px; margin:20px;
}
div.theRidePlayerImage{
	float:left; width:123px;
}
div.theRidePlayerText{
	 float:left; margin-left:20px; width:700px; text-align:left;
}

div.theRideInterviewImage{
	float:left; width:173px;
}

div.theRideInterviewText{
	 float:left; margin:10px 20px 20px 20px; width:680px; text-align:left;
}

h2.questionTitle{
	text-align:left;
	font-weight:bold;
	font-size:16px;
	margin:0 0 0 20px;
	float:left; 
	width:700px;
	clear:right;
}

div#theRideInterview{
	text-align:center; width:900px; margin:20px;
}

div#theRideInterview h1{
	text-align:left;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating,
.star-rating .your-rating{
background: url(/images/08/star.png) left -1000px repeat-x;
}
.star-rating .current-rating{
background: url(/images/08/red_star_voted.png) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:80px;
height:16px;
overflow:hidden;
list-style:none;
margin:10px;
padding:0;
float:left;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating,
.star-rating .your-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:16px;
line-height:16px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.half-star{
width:10%;
z-index:11;
}
.star-rating a.one-star{
width:20%;
z-index:10;
}
.star-rating a.one-half-stars{
width:30%;
z-index:9;
}
.star-rating a.two-stars{
width:40%;
z-index:8;
}
.star-rating a.two-half-stars{
width:50%;
z-index:7;
}
.star-rating a.three-stars{
width:60%;
z-index:6;
}
.star-rating a.three-half-stars{
width:70%;
z-index:5;
}
.star-rating a.four-stars{
width:80%;
z-index:4;
}
.star-rating a.four-half-stars{
width:90%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating,
.star-rating .your-rating{
z-index:1;
background-position: left center;
}