body {
	background: #000 url(../assets/body_bg.jpg) no-repeat 50% 0;
	font: normal 10px arial, helvetica, verdana, sans-serif;
	color: #666;
	}
	body.homepage {background: #000 url(../assets/body_bg_homepage.jpg) no-repeat 50% 0;}
	/* default links */
	a,
	a:link,
	a:active {color: #2eb0ff;}
	
	a:hover,
	a:active,
	a:focus {color: #666;}

.overall_container {
	width: 960px;
	margin: 0 auto;
	}
	
	#head h1 {
		width: 248px;
		height: 122px;
		background: transparent url(../assets/alpine_underground_logo.jpg) no-repeat 0 0;
		float: left;
		margin: 0;
		}
		#head h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			}
		/************************************************************
		MAIN NAVIGATION
		see navigation and navigation:hover layers in:
			/prduction_source/underground_homepage_1b_jc.psd
		************************************************************/
		ul#main_nav {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none outside;
			width: 380px;
			height: 122px;
			}
			ul#main_nav li {
				display: block;
				float: left;
				}
			ul#main_nav li a {
				display: block;
				width: 112px;
				height: 122px;
				text-indent: -9999px;
				background: transparent url(../assets/main_nav.jpg) no-repeat 0 0;
				}
				ul#main_nav li a:hover {background-position: 0 -122px;}
				
			ul#main_nav li.rock a {width: 162px; background-position: -112px 0;}
				ul#main_nav li.rock a:hover {background-position: -112px -122px;}
			
			ul#main_nav li.events a {width: 106px; background-position: -274px 0;}
				ul#main_nav li.events a:hover {background-position: -274px -122px;}

	/************************************************************
	SEARCH AREA IN HEADER
	/prduction_source/underground_homepage_1b_jc.psd
	************************************************************/			
	#head .search {
		float: left;
		width: 299px;
		padding: 0 0 0 33px;
		height: 122px;
		background: transparent url(../assets/search_head_bg.jpg) no-repeat 0 0;
		}
		.search p {
			text-align: right;
			margin: 28px 21px 35px 0;
			}
		.search span {padding: 0 6px;}
		.search div {
			float: left;
			width: 196px;
			background: transparent url(../assets/search_input_bg.png) no-repeat 0 0;
			margin-right: 4px;
			}
		.search input {
			width: 184px;
			height: 20px;
			padding: 6px 6px 0 6px;
			background-color: transparent;
			border-style: none;
			font: normal 10px verdana, arial, sans-serif;
			color: #fff;
			}
			
		/***********************************************************************************************
		possibly use this on ALL buttons! That's why we're using HTML text for the button value
		************************************************************************************************/
		button {
			display: block;
 			float: left;
			width: 81px;
			height: 26px;
			background: transparent url(../assets/button_bg.png) no-repeat 0 0;
			font: normal 10px verdana, arial, sans-serif;
			color: #fff;
			cursor: pointer;
			text-transform: uppercase;
			text-align: center;
			}
			button:hover {background-position: 0 -26px;}
			
			
/**********************************************************
generic form values
**********************************************************/
legend {display: none;}
label:hover {cursor: pointer;}

fieldset,
button	{border-style: none;}
 
 
/**********************************************************
homepage flash placeholder
	you'll likely need to create a unique flash placeholder on each page
**********************************************************/ 
#flash_homepage_top_block {
	height: 332px;
	clear: both;
	margin-bottom: 15px;
	/*background: url(../assets/homepage_flash_temp.jpg);*/
	}
#flash_garage_top_block {
	height: 330px;
	width: 702px;
	margin-bottom: 15px;
	float: left;
	}	
ol.featured_videos {
		clear: both;
		width: 179px;
		margin: 0;
		padding: 27px 21px 0 10px;
		background: transparent url(../assets/featured_videos_header.jpg) no-repeat 0 0;
		float: left;
		}
		ol.featured_videos li {
			list-style: none outside;
			border-bottom: 1px dotted #163b64;
			overflow: auto;
			padding: 10px 0;
			}
			ol.featured_videos li.more {text-align: right; border-style: none;}

		ol.featured_videos li img {
			float: left;
			margin: 0 9px 0 0;
			width: 52px;
			border: 4px solid #dcdcdc;			
			}

		/*********************************************************************************************************************
		we set a width on all elements to keep them from dropping below the thumbnail
		 - line-height keeps wrapped titles nice looking
		*********************************************************************************************************************/
		ol.featured_videos li h3,
		ol.featured_videos li h4 {
			width: 110px;
			float: right;
			margin: 0;
			padding: 0;
			font-size: 13px;
			font-weight: normal;
			line-height: 13px;
			}
			ol.featured_videos li h4 {
				font-size: 11px;
				}
				
			ol.featured_videos ul {
				width: 110px;
				float: right;
				}


ol.pulse_menu {
		clear: both;
		width: 179px;
		margin: 0;
		padding: 27px 21px 0 10px;
		background: transparent url(../assets/hdr_pulse.jpg) no-repeat 0 0;
		float: left;
		}
		ol.pulse_menu li {
			list-style: none outside;
			border-bottom: 1px dotted #163b64;
			overflow: auto;
			padding: 10px 0;
			}
			ol.pulse_menu li.more {text-align: right; border-style: none;}

		ol.pulse_menu li img {
			float: left;
			margin: 0 9px 0 0;
			width: 52px;
			border: 4px solid #dcdcdc;			
			}

		/*********************************************************************************************************************
		we set a width on all elements to keep them from dropping below the thumbnail
		 - line-height keeps wrapped titles nice looking
		*********************************************************************************************************************/
		ol.pulse_menu li h3,
		ol.pulse_menu li h4 {
			width: 110px;
			float: right;
			margin: 0;
			padding: 0;
			font-size: 13px;
			font-weight: normal;
			line-height: 13px;
			}
			ol.pulse_menu li h4 {
				font-size: 11px;
				}
				
			ol.pulse_menu ul {
				width: 110px;
				float: right;
				}

/* STAR RATINGS */
/* defaults to zero stars */
.rating {
	width: 62px;
	height: 11px;
	margin: 0;
	padding: 0;
	list-style: outside none;
	position: relative;
	background: transparent url(../assets/ratings.png) no-repeat 0 -55px;
	overflow: hidden;
	}

	/* add these classes to the ul to change to the correct number of stars */
	/* .nostar {background-position: 0 -55px;} */
	.rated_ {background-position: 0 -55px;}
	.rated_1 {background-position: 0 -44px;}
	.rated_2 {background-position: 0 -33px;}
	.rated_3 {background-position: 0 -22px;}
	.rated_4 {background-position: 0 -11px;}
	.rated_5 {background-position: 0 0;}

ul.rating li {
	cursor: pointer;
	float:left;
	text-indent: -9999px;
	margin-right: 2px;
	}
	
ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 11px;
	height: 11px;
	text-decoration: none;
	z-index: 200;
	}
	ul.rating li.one a {left: 0;}
	ul.rating li.two a {left: 13px;}
	ul.rating li.three a {left: 26px;}
	ul.rating li.four a {left: 39px;}
	ul.rating li.five a {left: 52px;}
		
		ul.rating li a:hover {
			z-index: 2;
			width: 62px;
			height: 11px;
			overflow: hidden;
			left: 0;	
			background: transparent url(../assets/ratings.png) no-repeat 0 0;
			}
			
	ul.rating li.one a:hover {background-position: 0 -44px;}
	ul.rating li.two a:hover {background-position: 0 -33px;}
	ul.rating li.three a:hover {background-position: 0 -22px}
	ul.rating li.four a:hover {background-position: 0 -11px}
	ul.rating li.five a:hover {background-position: 0 0px}
/* END STAR RATINGS */

/**********************************************************
your_rides
	center place holder
**********************************************************/ 
/* used when multiple items sit in center */
.center_container{
	float: left;
	width: 490px;
	}
	.left_container {float: left;}

#your_rides {
	position: relative;
	float: left;
	width: 480px;
	height: 250px;
 	background: #000 url(../assets/your_ride_bg.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
	}
	#your_rides ol {
		list-style: none outside;
		margin: 20px 0 0 11px;
		padding:0;
		}
		#your_rides ol li {
			margin: 15px 0 0 0;
			width: 153px;
			text-align: center;
			float: left;
			}
		#your_rides ol li ul {
			margin: 0 auto;
			}
	#your_rides img {
		border: 4px solid #fff;
		}
	#your_rides h3 {
		font-size: 15px;
		margin: 0;
		}
	#your_rides h4 {
		font-size: 11px;
		margin: 2px 0 10px 0;
		line-height: 12px;
		}
	#your_rides h5 {
	text-align:right; border-style: none; font-size:9px; margin: 10px 20px 0 0 ;}
	
/**********************************************************
your rides navigation
**********************************************************/ 
#your_rides ul.your_rides_navigation {
	position: absolute;
	left: 167px;
	top: 240px;
	width: 150px;
	height: 26px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}
	ul.your_rides_navigation li {
		display: block;
		float: left;
		height: 26px;
		width: 75px;
		}
		ul.your_rides_navigation li a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			background: transparent url(../assets/your_rides_navigation.png) 0 0 no-repeat;
			}
			ul.your_rides_navigation li.next  a {background-position: -75px 0;}
				
				ul.your_rides_navigation li a:hover {background-position: 0 -26px;}
				ul.your_rides_navigation li.next  a:hover {background-position: -75px -26px;}

/**********************************************************
Extreme_rides
	center place holder
**********************************************************/ 
#extreme_rides {
	position: relative;
	float: left;
	width: 480px;
	height: 259px;
	margin: 0 0 20px 0;
	background: #000 url(../assets/Extreme_Rides_bg.jpg) no-repeat 0 0;
	}
	#extreme_rides ol {
		list-style: none outside;
		margin: 20px 0 0 11px;
		padding: 0;
		
		}
		#extreme_rides ol li {
			margin: 15px 0 0 0;
			width: 153px;
			text-align: center;
			float: left;
			}
		#extreme_rides ol li ul {
			margin: 0 auto;
			}
	#extreme_rides img {
		border: 4px solid #fff;
		}
	#extreme_rides h3 {
		font-size: 15px;
		margin: 0;
		}
	#extreme_rides h4 {
		font-size: 11px;
		margin: 2px 0 10px 0;
		line-height: 12px;
		}
	#extreme_rides h5 {
	text-align:right; border-style: none; font-size:9px; margin: 10px 20px 0 0;}
/**********************************************************
your rides bottom navigation
**********************************************************/ 
#extreme_rides ul.navigation {
	position: absolute;
	left: 167px;
	top: 240px;
	width: 150px;
	height: 26px;
	margin: 0;
	padding: 0;
	list-style: none outside;
	}
	ul.navigation li {
		display: block;
		float: left;
		height: 26px;
		width: 75px;
		}
		ul.navigation li a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			background: transparent url(../assets/your_rides_navigation.png) 0 0 no-repeat;
			}
			ul.navigation li.next  a {background-position: -75px 0;}
				
				ul.navigation li a:hover {background-position: 0 -26px;}
				ul.navigation li.next  a:hover {background-position: -75px -26px;}

/**********************************************************
Top Rides
**********************************************************/ 
#top_rides {
	position: relative;
	float: left;
	width: 480px;
	height: 259px;
	margin: 0 0 20px 0;
	background: #000 url(../assets/top_rides_bg.jpg) no-repeat 0 0;
	}
	#top_rides ol {
		list-style: none outside;
		margin: 20px 0 0 11px;
		padding: 0;
		
		}
		#top_rides ol li {
			margin: 15px 0 0 0;
			width: 153px;
			text-align: center;
			float: left;
			}
		#top_rides ol li ul {
			margin: 0 auto;
			}
	#top_rides img {
		border: 4px solid #fff;
		}
	#top_rides h3 {
		font-size: 15px;
		margin: 0;
		}
	#top_rides h4 {
		font-size: 11px;
		margin: 2px 0 10px 0;
		line-height: 12px;
		}
	#top_rides h5 {
	text-align:right; border-style: none; font-size:9px; margin: 10px 20px 0 0;}


/**********************************************************
Pulse
**********************************************************/ 
	ol#pulse
	{
	clear: both;
	width: 480px;
	padding: 40px 0 0 0;
	background: #000 url(../assets/pulse_bg.jpg) no-repeat 0 0;
	list-style: none outside;
	}
	ol#pulse  li {
		border-bottom: 1px dotted #163b64;
		clear: left;
		overflow: auto;
		background: #000 url(../assets/local_event_line_bg.jpg) no-repeat 0 0;
		padding: 0 10px;
		}
		ol#pulse li:hover {
		background: #000 url(../assets/local_event_line_hover_bg.jpg) no-repeat 0 0;
		}
		#pulse li p.right {
		padding-top: 6px;
		}
		#pulse img {
		float: left;
		margin: 0 10px 0 15px;
		}
		#pulse h3 {
		font-size: 11px;
		margin: 0 15px 0 15px;
		}
		#pulse h4 {
		font-size: 11px;
		margin: 2px 0 10px 15px;
		line-height: 12px;
		}	
	ol#pulse li.view_more {
		background-image: none;
		background-color: transparent;
		text-align: right;
		margin: -30px 0 20px 0;
		border: 0;
	}

/**********************************************************
Local Events
**********************************************************/ 
	ol#local_events
	{
	clear: both;
	width: 480px;
	padding: 40px 0 0 0;
	background: #000 url(../assets/local_event_bg.jpg) no-repeat 0 0;
	list-style: none outside;
	}
	ol#local_events  li {
		border-bottom: 1px dotted #163b64;
		clear: left;
		overflow: auto;
		background: #000 url(../assets/local_event_line_bg.jpg) no-repeat 0 0;
		}
		ol#local_events li:hover {
		background: #000 url(../assets/local_event_line_hover_bg.jpg) no-repeat 0 0;
		}
		#local_events li p.right {
		padding-top: 6px;
		}
		#local_events h3 {
		font-size: 11px;
		margin: 0 15px 0 15px;
		}
		#local_events h4 {
		font-size: 11px;
		margin: 2px 0 10px 15px;
		line-height: 12px;
		}	
		
/**********************************************************
SIGN_IN
**********************************************************/ 	
#sign_in_module {
	width: 250px;
	height: 170px;
	float:right;
	background: transparent url(../assets/sign_in_bg.jpg) no-repeat 0 0;
	}
	/* sign up GO link*/
	#sign_in_module a.sign_up_go {
		display: block;
		width: 116px;
		height: 28px;
		float: right;
		text-indent: -9999px;
		margin-bottom: 11px;
		}
	#sign_in_module form {
		width: 190px;
		height: 100px;
		clear: both;
		float: right;
		}
	#sign_in_module label {padding-left: 2px; position: relative; top: -3px;}

	/* text inputs */
	#sign_in_module div {
		background: transparent url(../assets/sign_in_input_bg.png) no-repeat 0 0;
		margin: 0 0 4px 0;
		}
		
	#sign_in_module div input {
		clear: both;
		width: 168px;
		height: 20px;
		padding: 6px 6px 0 6px;
		background-color: transparent;
		border-style: none;
		color: #fff;
		}
		/* Checkbox */
		#sign_in_module div input#remember_me {
			width: auto;
			}
			#sign_in_module button {margin-left: 6px;}
		#sign_in_module p.forgot_pass {
			text-align: right;
			clear: both;
			margin: 4px 14px 16px 0;
			}
			p.forgot_pass a {color: #3fcbf4;text-decoration: underline;}
			p.forgot_pass a:hover {cursor: pointer;color: #666;}

/**********************************************************
SURVEY
**********************************************************/ 	
 #survey_module {
 	width: 235px;
 	float: right;
 	clear: right;
 	
 	background: transparent url(../assets/survey_header.png) no-repeat 0 0;
 	padding: 40px 0 0 15px;
 	}
 /*/	#survey_module * {border: 1px solid #ff0000;} /**/
 	#survey_module h3 {
 		font: normal 12px arial, verdana, helvetica;
 		color: #fff;
 		margin-bottom: 9px;
 		}
 	#survey_module ul {
 		list-style: none outside;
 		margin: 0;
 		padding: 0;
 		}
 		#survey_module li {
 			clear: both;
 			/* leave border intact for IE 6 please */
 			border: 1px solid #000;
 			}
 		#survey_module input {
 			display: block;
 			float: left;
 			}
 		#survey_module label {
 			display: block;
 			float: right;
 			width: 190px;
 			padding: 3px 20px 0 0;
 			margin-bottom: 4px;
 			}
 
/**********************************************************
Categories list, garage page, top right side
**********************************************************/ 	
	ol.categories {
		width: 254px;
		height: 300px;
		margin: 0 0 0 0;
		padding: 47px 0 0 4px;
		background: transparent url(../assets/categories_bg1.jpg) no-repeat 0 0;
		float: left;
		list-style: none outside;
		}
		ol.categories li img {
		float: left;
		border: 4px solid #dcdcdc;
		margin: 0 9px 0 22px;
		}
		ol.categories li h3 {
		margin: 0 0 0 0;
		font-size:13px;
		}
		ol.categories h3 a {color: #fff; text-decoration: none;}
		ol.categories h3 a:hover {color: #999;}
		ol.categories li {
			list-style: none outside;
			height: 73px;
			overflow: hidden;
			padding: 10px 32px 0 0;
			background: transparent url(../assets/categories_bg_line.jpg) no-repeat 0 0;
			color: #999;
			}
		ol.categories p a {color: #999; text-decoration: none;}
		ol.categories li:hover {
		background: transparent url(../assets/categories_bg_hover.jpg) no-repeat 0 0;
		}

/**********************************************************
Create Webpage
**********************************************************/ 	
#create_webpage {
	margin: 0 0 14px 0;
	padding: 0;
	text-align: center;
	}
	/* sign up GO link*/
	
/**********************************************************
who_just_joined
**********************************************************/ 
#who_just_joined {
		width: 250px;
		height: 283px;
		margin: 0;
		background: transparent url(../assets/who_just_joined.jpg) no-repeat 0 0;
		float: right;
		padding: 44px 0 0 0;
		list-style: none outside;
		}
		#who_just_joined li {
			height: 69px;
			border-bottom: 1px dotted #163b64;
			margin: 0 0 12px 0;
			}
		#who_just_joined li img {
			float: left;
  			width: 52px;
			border: 4px solid #dcdcdc;			
			margin-right: 10px;
			}
		#who_just_joined li h3{
			float: left;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: normal;
			line-height: 13px;
			margin-top: 15px;
			width: 180px;
			}
		#who_just_joined li h4 {
			Width: 110px;
			float: left;
			margin: 0;
			padding: 0;
			font-size: 11px;
			font-weight: normal;
			line-height: 13px;
			}
			#who_just_joined li h4 a {
				color:#666666;
				}
			#who_just_joined li h4 a:hover {
				color:#2EB0FF;
				}

/**********************************************************
Related Media
**********************************************************/ 
#related_media {
		width: 250px;
		margin: 0;
		background: transparent url(../assets/hdr_related_media.jpg) no-repeat 0 0;
		float: right;
		padding: 44px 0 0 0;
		list-style: none outside;
		}
		#related_media li {
			height: 69px;
			border-bottom: 1px dotted #163b64;
			margin: 0 0 12px 0;
			}
		#related_media li img {
			float: left;
  			width: 52px;
			border: 4px solid #dcdcdc;			
			margin-right: 10px;
			}
		#related_media li h3{
			float: left;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: normal;
			line-height: 13px;
			margin-top: 15px;
			width: 180px;
			}
		#related_media li h4 {
			Width: 110px;
			float: left;
			margin: 0;
			padding: 0;
			font-size: 11px;
			font-weight: normal;
			line-height: 13px;
			}
			#related_media li h4 a {
				color:#666666;
				}
			#related_media li h4 a:hover {
				color:#2EB0FF;
				}
				
/**********************************************************
BANNER ADD
**********************************************************/ 	
		ol.banner_add
		{background: transparent url(../assets/banner_add_bg.jpg) no-repeat 0 0;
		}		
/**********************************************************
LATEST OPLOADS
**********************************************************/ 	
  ol.latest_uploads {
		clear: both;
		width: 179px;
		margin: 10px 0;
		padding: 33px 21px 0 10px;
		background: transparent url(../assets/latest_uploads_header.gif) no-repeat 0 0;
		float: left;
		}
		ol.latest_uploads li {
			list-style: none outside;
			border-bottom: 1px dotted #163b64;
			overflow: auto;
			padding: 10px 0;
			}
			ol.latest_uploads li.more {text-align: right; border-style: none;}
		ol.latest_uploads li img {
			float: left;
			margin: 0 9px 0 0;
			width: 52px;
			border: 4px solid #dcdcdc;			
			}

		/*********************************************************************************************************************
		we set a width on all elements to keep them from dropping below the thumbnail
		 - line-height keeps wrapped titles nice looking
		*********************************************************************************************************************/
		ol.latest_uploads li h3,
		ol.latest_uploads li h4 {
			width: 110px;
			float: right;
			margin: 0;
			padding: 0;
			font-size: 13px;
			font-weight: normal;
			line-height: 13px;
			}
			ol.latest_uploads li h4 {
				font-size: 11px;
				}
			ol.latest_uploads ul {
				width: 110px;
				float: right;
				}

/**********************************************************
LATEST OPLOADS
**********************************************************/ 	
  ol.latest_uploads_extreme {
		clear: both;
		width: 179px;
		margin: 10px 0;
		padding: 33px 21px 0 10px;
		background: transparent url(../assets/latest_uploads_extreme_header.gif) no-repeat 0 0;
		float: left;
		}
		ol.latest_uploads_extreme li {
			list-style: none outside;
			border-bottom: 1px dotted #163b64;
			overflow: auto;
			padding: 10px 0;
			}
			ol.latest_uploads_extreme li.more {text-align: right; border-style: none;}
		ol.latest_uploads_extreme li img {
			float: left;
			margin: 0 9px 0 0;
			width: 52px;
			border: 4px solid #dcdcdc;			
			}

		/*********************************************************************************************************************
		we set a width on all elements to keep them from dropping below the thumbnail
		 - line-height keeps wrapped titles nice looking
		*********************************************************************************************************************/
		ol.latest_uploads_extreme li h3,
		ol.latest_uploads_extreme li h4 {
			width: 110px;
			float: right;
			margin: 0;
			padding: 0;
			font-size: 13px;
			font-weight: normal;
			line-height: 13px;
			}
			ol.latest_uploads_extreme li h4 {
				font-size: 11px;
				}
			ol.latest_uploads_extreme ul {
				width: 110px;
				float: right;
				}

/**********************************************************
FOOTER
**********************************************************/ 	
 #footer {
 	width: 930px;
 	margin-left: 30px;
 	padding: 70px 0 0 0;
 	clear: both;
 	background: transparent url(../assets/footer_bg.png) no-repeat 0 0;
 	text-align: center;
 	color: #333;
 	}
 #footer p.logos {margin-bottom: 18px;}
 #footer p {margin: 0 0 3px 0;}
 #footer p.legal {margin: 0 0 36px 0;}
 #footer img {
 	margin-right: 15px;
 	}
 /* "contests" */
 #footer span {color: #306aa5;}
 
 /* Inc. line */
 #footer .legal span {color: #666;}
 #footer a {padding: 0 4px;}
 
 
#site_content {
	background: transparent url(../assets/content_bg.jpg) no-repeat top left;
}

h3.comments {
	width: 690px;
	height: 31px;
	background: url(../assets/comment_head_bg.jpg) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

div.comment {
	font-size: 11px;
	padding-bottom: 10px;
	background: transparent url(../assets/divider_dot.jpg) bottom left repeat-x;
	width: 690px;
	margin-bottom: 10px;
}

div.comment p {
	color: #666666;
	margin: 0 0 5px 0;
}

div.comment img {
	margin-right: 10px;
}

div.comment p.posted_by {
	font-weight: bold;
	font-size: 11px;
}

div.comment p a {
	color: #2eb0ff;
}

div.comment p.content {
	margin: 10px 0;
	color: #487096;
}

div.comment p.date {
	font-style: italic;
	font-size: 10px;
}

div.tab_content {
	clear: both;
	width: 690px;
	margin-bottom: 15px;
}

div.tab_content ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
	background: transparent url(../assets/tab_bg.png) bottom left no-repeat;
	width: 690px;
	height: 28px;
}

div.tab_content ul li {
	margin: 0;
	padding: 0;
	float: left;
	height: 28px;
}

/** Tab Off **/
div.tab_content ul li div.left {
	background: transparent url(../assets/tab_left_off.png) top left no-repeat;
	width: 9px;
	height: 28px;
}

div.tab_content ul li a {
	float: left;
	display: block;
	background: transparent url(../assets/tab_middle_off.png) top left repeat-x;
	line-height: 28px !important;
	height: 28px;
	padding: 0 5px;
	margin: 0;
	font: bold 12px Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	color: #3d648d;
}

div.tab_content ul li div.right {
	background: transparent url(../assets/tab_right_off.png) top left no-repeat;
	width: 27px;
	height: 28px;
	float: left;
}

/** Current Tab **/
div.tab_content ul li.current div.left,
div.tab_content ul#page_rides li#nav_my_rides div.left,
div.tab_content ul#page_gallery li#nav_my_gallery div.left,
div.tab_content ul#page_events li#nav_my_events div.left,
div.tab_content ul#page_blog li#nav_my_blog div.left {
	background: transparent url(../assets/tab_left_on.png) top left no-repeat;
	width: 30px;
	height: 28px;
}

div.tab_content ul li.current a,
div.tab_content ul#page_rides li#nav_my_rides a,
div.tab_content ul#page_gallery li#nav_my_gallery a,
div.tab_content ul#page_events li#nav_my_events a,
div.tab_content ul#page_blog li#nav_my_blog a {
	background: transparent url(../assets/tab_middle_on.png) top left repeat-x;
	color: #fff;
}

div.tab_content ul li.current div.right,
div.tab_content ul#page_rides li#nav_my_rides div.right,
div.tab_content ul#page_gallery li#nav_my_gallery div.right,
div.tab_content ul#page_events li#nav_my_events div.right,
div.tab_content ul#page_blog li#nav_my_blog div.right {
	background: transparent url(../assets/tab_right_on.png) top left no-repeat;
	width: 32px;
	height: 28px;
	float: left;
}

div.tab_content div.content {
	clear: both;
	margin-top: 54px 0 0 0;
	padding: 0;
	color: #fff;
	background: #061329 url(../assets/tab_content_bg.png) no-repeat;
	width: 690px;
}

div.tab_content div.content, body#tinymce {
	font: normal 11px Arial, Tahoma, Verdana, sans-serif;
}

div.tab_content div.content div.pad {
	padding: 40px 40px 20px 40px;
	margin: 0;
}

div.tab_content div.bottom {
	background: transparent url(../assets/tab_content_bottom.png) top left no-repeat;
	width: 690px;
	height: 18px;
}

div.tab_content div.content div.result_item {
	background: transparent url(../assets/result_item_bg.gif) no-repeat top left;
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 610px;
}

div.tab_content div.content div.result_item h4 {
	margin: 0;
	float: left;
	width: 395px;
	padding: 8px 0 0 32px;
	background: url(../assets/result_item_divider.jpg) no-repeat 17px 8px;
}

div.tab_content div.content div.result_item h4 a {
	font-weight: bold;
	font-size: 12px;
	color: #2eb0ff;
	text-decoration: none;
}

div.tab_content div.content div.result_item h4 a:hover {
	color: #fff;
}

div.tab_content div.content div.result_item p {
	width: 100px;
	float: left;
	padding: 0;
	margin: 0 0 0 32px;
}

div.tab_content div.content div.result_item ol.info {
	list-style: none outside;
	padding: 7px 0 7px 32px;
	margin: 0;
	float: left;
}

div.tab_content div.content div.result_item ol.info li {
	float: left;
	color: #6a6a6a;
	margin-right: 15px;
}

div.tab_content div.content div.result_item ol.info li h6 {
	font-weight: bold; 
	margin-bottom: 3px;
	color: #fff;
	padding-right: 15px;
}

div.tab_content div.content div.result_item ol.btns {
	list-style: none outside;
	float: right;
	margin: 0;
	padding: 0;
}

div.tab_content div.content div.result_item ol.btns li a.btn_edit {
	float: right;
	background: transparent url(../assets/btn_edit.gif) no-repeat;
	width: 71px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

div.tab_content div.content div.result_item ol.btns li a.btn_delete {
	float: right;
	background: transparent url(../assets/btn_delete.gif) no-repeat;
	width: 71px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 5px;
}

/**********
* My Ride *
**********/
#myride {
	background: transparent url(../assets/myride_bg.jpg) top left no-repeat;
	width: 702px;
	height: 326px;
	margin-bottom: 15px;
}

#myride img.photo {
	margin: 35px 45px 0 0;
	max-height: 240px;
}

#myride .info {
	padding: 107px 0 0 55px;
}

#myride h2 {
	font: normal 20px Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
	margin: 0;
	width: 180px;
}

#myride #year_make_model {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 7px;
}

#myride .add_to_favs {
	float: left;
	margin-top: 5px;
}

#myride .add_to_favs a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	float: left;
	line-height: 22px;
	color: #00a2ff;
}
#myride .add_to_favs a:hover {
	color: #fff;
}

#myride .add_to_favs img {
	margin-left: 5px;
}

#myride .description {
	width: 180px;
	margin-top: 35px;
	height: 65px;
	overflow: hidden;
}

#hdr_my_profile {
	width: 89px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../assets/hdr_my_profile.gif) no-repeat;
	margin: 20px 158px 17px 0;
}

#user_info {
	background: url(../assets/user_info_bg.jpg) no-repeat;
	width: 237px;
	height: 255px;
	text-align: center;
}

div#user_info h3 {
	margin: 0;
	padding: 17px 0 26px 0;
}

#user_info h3 a {
	display: block;
	font: bold 16px Arial, Tahoma, Verdana, sans-serif;
	color: #37c0ff;
}

#user_info p {
	margin-top: 30px;
	color: #355980;
}

.thick_border_white {
	border: 6px solid white;
}

.medium_border_white {
	border: 3px solid white;
}

/**********
* My Account *
**********/
.my_account {
	background: transparent url(../assets/my_account_bg.jpg) top left no-repeat !important;
}

/**********************************************************
products_in_my_ride
**********************************************************/ 
#products_in_my_ride {
	width: 250px;
	background: transparent url(../assets/hdr_products_in_my_ride.jpg) no-repeat 0 0;
	list-style: none outside;
	padding: 44px 0 0 0;
}
#products_in_my_ride li {
	border-bottom: 1px dotted #163b64;
	margin: 0 0 12px 0;
	padding-bottom: 5px;
}
#products_in_my_ride li img {
	float: left;
	width: 52px;
	border: 4px solid #dcdcdc;			
	margin-right: 10px;
}
#products_in_my_ride li h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 5px;
	color: #37c0ff;
}
#products_in_my_ride li h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}
#products_in_my_ride li h4 a {
	color:#666666;
}
#products_in_my_ride li h4 a:hover {
	color:#2EB0FF;
}

/**********************************************************
latest_entries
**********************************************************/ 
#latest_entries {
	width: 250px;
	background: transparent url(../assets/hdr_latest_entries.jpg) no-repeat 0 0;
	list-style: none outside;
	margin: 0;
	padding: 35px 0 0 0;
}
#latest_entries li {
	border-bottom: 1px dotted #163b64;
	margin: 0 0 12px 0;
	padding-bottom: 5px;
}
#latest_entries li img {
	float: left;
	width: 52px;
	border: 4px solid #dcdcdc;			
	margin-right: 10px;
}
#latest_entries li h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 5px;
}
#latest_entries li h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}
#latest_entries li h4 a {
	color:#666666;
}
#latest_entries li h4 a:hover {
	color:#2EB0FF;
}

/**********************************************************
profile_links
**********************************************************/ 
ul#profile_links {
	clear: both;
	width: 250px;
	background: transparent url(../assets/profile_links_top.jpg) no-repeat 0 0;
	padding: 14px 0 0 0;
	list-style: none outside;
	margin-top: 34px;
}

ul#profile_links li.my_blog a {
	display: block;
	width: 250px;
	height: 34px;
	background: url(../assets/btn_my_blog.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#profile_links li.my_rides a {
	display: block;
	width: 250px;
	height: 34px;
	background: url(../assets/btn_my_rides.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#profile_links li.my_gallery a {
	display: block;
	width: 250px;
	height: 34px;
	background: url(../assets/btn_my_gallery.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#profile_links li.my_events a {
	display: block;
	width: 250px;
	height: 34px;
	background: url(../assets/btn_my_events.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#profile_links li.my_favorites a {
	display: block;
	width: 250px;
	height: 34px;
	background: url(../assets/btn_my_favorites.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#profile_links li.bottom {
	width: 250px;
	height: 20px;
	background: url(../assets/profile_links_bottom.jpg) no-repeat;
}

/**********************************************************
Media For My Ride
**********************************************************/ 
#media_for_my_ride {
	position: relative;
	float: left;
	width: 690px;
	height: 170px;
	margin: 0px 0 30px 0;
	background: #000 url(../assets/bg_media_for_my_ride.jpg) no-repeat 0 0;
}
#media_for_my_ride ol {
	list-style: none outside;
	margin: 30px 0 0 40px;
	padding: 0;
}
#media_for_my_ride ol li {
	text-align: center;
	float: left;
	height: 69px;
	margin-right: 27px;
}
#media_for_my_ride ol li ul {
	margin: 0 auto;
}
#media_for_my_ride img {
	border: 4px solid #fff;
}
#media_for_my_ride ol li img.play {
	position: absolute;
	border: 0;
	margin: 8px 0 0 8px;
}
#media_for_my_ride h3 {
	font-size: 15px;
	margin: 0;
}
#media_for_my_ride h4 {
	font-size: 11px;
	margin: 2px 0 10px 0;
	line-height: 12px;
}
#media_for_my_ride h5 {
	text-align: right;
	border-style: none;
	font-size: 9px;
	margin: 5px 20px 0 0;
}

#media_for_my_ride ul.navigation {
	clear: both;
	margin: 135px auto;
	width: 150px;
}

/*******************
* Add Comment Area *
*******************/
#comment {
	width: 688px;
	height: 168px;
	background: url(../assets/bg_comment.jpg) no-repeat;
	margin: 10px 0 0 0;
}

#comment textarea {
	background-color: transparent;
	border: 0;
	color: #84c3ff;
	width: 671px;
	height: 109px;
	margin: 8px 0 10px 8px;
	padding: 8px;
	font: normal 11px Arial, Tahoma, Verdana, sans-serif;
}

#comment button {
	float: right;
	margin-right: 10px;
}

/*************
* Pagination *
*************/
div.pagination {
	width: 690px;
	text-transform: uppercase;
	color: #39536b;
	height: 25px;
	clear: both;
}

div.pagination div.results {
	font-size: 11px;
	color: #fff;
	float: left;
}

div.pagination div, div.pagination a {
	float: left;
}

div.pagination a {
	font-size: 11px;
	color: #39536b;
	text-decoration: none;
}

div.pagination div.current, div.pagination a:hover {
	color: #86c4ff;
}

div.pagination .next a, div.pagination .prev a {
	color: #86c4ff;
}

div.pagination .prev a, div.pagination .next a {
	padding: 0;
}

div.pagination .prev {
	background: url(../assets/arrow_left.gif) no-repeat left center;
	padding-left: 12px;
}

div.pagination .next {
	background: url(../assets/arrow_right.gif) no-repeat right center;
	padding-right: 12px;
}

div.pagination div.divider, div.pagination a, div.pagination div.current {
	padding: 0 5px;
}

/***************
* Item Content *
***************/
div.item_content {
	background: #061329 url(../assets/item_content_bg.jpg) no-repeat;
	width: 702px;
	float: left;
}

div.item_content h3 {
	font: bold 18px Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
	padding: 26px 0 0 40px;
	margin: 0;
	text-transform: uppercase;
	background: transparent url(../assets/icon_glow_dot.jpg) no-repeat 21px 31px;
	float: left;
}

div.item_content ul.info {
	float: right;
	list-style: none outside;
	padding: 0;
	margin: 21px 30px 0 0;
	background: transparent url(../assets/item_content_info_bg.jpg) no-repeat top right;
	height: 33px;
}

div.item_content ul.info li {
	color: #37c0ff;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding: 1px 5px 1px 2px;
}

div.item_content ul.info li span {
	color: #fff;
	text-transform: uppercase;
	margin-right: 5px;
}

div.item_content div.content {
	margin: 30px 45px 0 43px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 11px;
}

div.item_content div.content img {
	max-width: 600px;
}

div.item_content div.bottom {
	background: transparent url(../assets/item_content_bottom.jpg) top left no-repeat;
	width: 700px;
	height: 19px;
}

/*****************
* Search Results *
*****************/
div.result_list {
	width: 947px;
	background: url(../assets/result_list_bg.jpg) no-repeat;
	padding-top: 57px;
}

div.result_list div.bottom {
	width: 947px;
	height: 42px;
	background: url(../assets/result_list_bottom.jpg) no-repeat;
}

div.result_list div.pagination {
	float: left;
	width: 826px;
	height: 30px;
	font-weight: bold;
	margin: 10px auto 13px 60px;
	background: transparent url(../assets/pagination_bg.gif) no-repeat;
}

div.result_list div.pagination div {
	margin: 8px 0 0 10px;
}

div.result_list p {
	margin: 25px 60px 20px 60px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

div.result_list div.result_item {
	padding-bottom: 10px;
	background: url(../assets/divider_dot.jpg) repeat-x left bottom;
	width: 820px;
	margin: 15px auto 0;
}

div.result_list div.result_item img {
	float: left;
	margin-right: 15px;
}

div.result_list div.result_item h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

div.result_list div.result_item h3 a {
	font-size: 17px;
	font-weight: bold;
	color: #2eb0ff;
}

div.result_list div.result_item p {
	margin: 0 0 5px 0;
	text-align: left;
}

div.event_results {
	background: url(../assets/events_result_list_bg.jpg) no-repeat;
}

div.pulse_results {
	background: url(../assets/pulse_result_list_bg.jpg) no-repeat;
}

div.pulse_results div.result_item {
	width: 650px;
	color: #fff;
	font-size: 12px;
}

div.blog_results {
	background: url(../assets/blogs_result_list_bg.jpg) no-repeat;
}

div.member_results {
	background: url(../assets/member_result_list_bg.jpg) no-repeat;
}

form.formatted label {
	width: 110px;
	display: block;
	float: left;
	text-align: right;
	line-height: 19px;
	clear: left;
	margin-bottom: 15px;
	font-size: 12px;
	cursor: default;
}

form.formatted .field_data label {
	width: auto;
	display: inline;
	margin: 0 5px 0 0;
	text-align: left;
	line-height: 12px;
	float: none;
	clear: none;
}

form.formatted label.required {
	font-weight: bold;
}

form.formatted .field_data {
	float: left;
	clear: right;
	margin-left: 10px;
}

form.formatted .field_data input, form.formatted .field_data select, form.formatted .field_data textarea {
	width: 250px;
}

form.formatted .field_data input[type=checkbox], form.formatted .field_data input[type=radio] {
	width: auto;
}

form.formatted button {
	clear: both;
	margin-top: 10px;
}

div.messages {
	clear: both;
	margin-bottom: 15px;
}

div.messages ul {
	border: none;
	background: none;
	width: auto;
	height: auto;
}

div.messages ul li {
	float: none;
	padding: 5px;
	margin: 0;
	line-height: 12px;
	height: auto;
}

div.messages ul.errors {
	background-color: #be0000;
	color: #fff;
}

div.messages ul.notices {
	background-color: #09be00;
	color: #000;
}

div.messages ul li a {
	color: #fff;
	display: inline;
	float: none;
	background: none;
	text-decoration: underline;
}

div#media_list {
	width: 290px;
}

div#media_list div {
	float: left;
	margin: 5px 5px 0 0;
	text-align: center;
}

div#media_list img {
	display: block;
}

.clear {
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.poll_bar_container {
	border: 1px solid #000;
	margin-bottom: 15px;
	width: 400px;
}

.poll_bar {
	height: 10px;
	background-color: #fff;
}

.remove_product {
	display: block;
	margin-right: 5px;
	float: left;
	background: transparent url(../assets/icon_x.gif) no-repeat;
	width: 13px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
}

option#product_selector_none {
	font-style: italic;
}

a.flag.icon {
	display: block;
	width: 7px;
	height: 9px;
	background: transparent url(../assets/icon_flag.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.my_account_nav {
	float: right;
	list-style-type: none;
	margin: -65px 25px 0 0;
}

.my_account_nav li {
	float: left;
	margin-right: 8px;
}

.my_account_nav li a {
	display: block;
	width: 128px;
	height: 220px;
}

.my_account_nav li a img {
	margin: 8px 0 0 8px;
	position: absolute;
	width: 111px;
}

.my_account_nav li#start_commenting a {
	background: transparent url(../assets/btn_start_commenting.gif) no-repeat;
}
.my_account_nav li#start_commenting a:hover {
	background: transparent url(../assets/btn_start_commenting_over.gif) no-repeat;
}

.my_account_nav li#listen_and_vote a {
	background: transparent url(../assets/btn_listen_and_vote.gif) no-repeat;
}
.my_account_nav li#listen_and_vote a:hover {
	background: transparent url(../assets/btn_listen_and_vote_over.gif) no-repeat;
}

.my_account_nav li#meet_share_park a {
	background: transparent url(../assets/btn_meet_share_park.gif) no-repeat;
}
.my_account_nav li#meet_share_park a:hover {
	background: transparent url(../assets/btn_meet_share_park_over.gif) no-repeat;
}