/*  

Theme Name: RateMyTriathlon Home Theme

Theme URI: http://ratemytriathlon.com/

Description: The theme for the home of an install

Version: 1

Author: Dominic Tancredi

Author URI: http://domntom.com

*/



/***********************************************************

 Global Reset

************************************************************/



*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0; position: relative; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

q:before, q:after { content:'' }

a { text-decoration:none }

strong { font-weight:bold }

em { font-style:italic }

a img { border:none }

* { outline: none; }

div { position: relative; }



ol, ul, li { list-style: none; margin: 0; padding: 0; }



blockquote, p, form { margin: 0 0 10px 0; padding: 0; }

input, select { background: #fff; border: 1px solid #999; color: #555; display: block; float: left; ; margin: 0; padding: 2px 4px; vertical-align: middle;}

input[type="hidden"]  {display:none;}

fieldset { border: 0; clear: both; margin: 0 0 5px 0; padding: 0; }

label { color: #555; display: block; float: left; font-size: 11px; margin: 0 10px 5px; }

legend { }

textarea { background-color: #fff; border: 1px solid #999; color: #555; display: block; font: inherit; margin: 0; padding: 5px; width: 555px; }

/* ??? ^ ??? This below to set the textarea on the review page...*/

#comm {

	line-height:14px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;





}

button { background: #999; border: none; color: #555; cursor: pointer; font: inherit; font-size: 11px; font-weight: bold; font-style: italic; margin: 0; padding: 2px 10px; vertical-align: middle; }

button:hover { background-color: #555; color: #fff; }



em { color: #000; }	



table { border-collapse: collapse; }



/* 

////////////////////////

CUSTOM STYLES 

//////////////////////// 

*/



/* MAIN STYLES */



html { height: 100%; }

body { background: url(images/global/bkrd_tile.jpg) 0 0 repeat; color: #000; font: 69% normal Arial, Helvetica, sans-serif; line-height: 1.45em; margin: 0 auto; text-align: left; width: 100%; }

a, a:link, a:visited { color: #f26b2a; text-decoration: none; }

a.selected { color: #1d1dd1; text-decoration: none; }



h1, h2, h3, h2, h3, h6 { font-size: 100%; font-weight: normal; }

h1 { }

h2 { color: #000; font-size: 21px; font-weight: normal; margin-bottom: 0px; }

h3 { color: #f26b2a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; padding: 5px 0 5px 0; margin: 0 0 10px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }

h4 { color: #1d1dd1; font-size: 18px; line-height: 22px; padding: 2px 0 0 0; }

h5 { color: #999; border-bottom: 1px solid #999; font-size: 14px; font-weight: bold; margin: 5px 0 12px 0; padding: 0 0 10px 10px; }

h6 { }



#shell { background: #fff; clear: both; margin: 0 auto; padding: 10px 10px 10px 10px; width: 950px; }



div.clear { clear: both; }



/*** HEADER **********/

#header { clear: both; margin: 0 0 10px 0; padding: 0 10px 0 0; width: 940px; }

	

	/* RMT LOGO */

	.logoRMT { float: left; height: 90px; margin: 0 8px 0 0; overflow: hidden; width: 204px; }

	.logoRMT a, .logoRMT a:focus, .logoRMT a:hover, .logoRMT a:active{ background: url(images/global/logo.jpg) 0 0 no-repeat; display: block; height: 90px; width: 204px; }

	.logoRMT a i { visibility: hidden; }
	



	

	/* 728x90 AD */

	.adTop { background: #999; float: left; height: 90px; width: 728px; }

	/* 300x250 AD */

	.adSidebar { background: #999; height: 250px; width: 300px; }

	

#navigation { background: #ddd; clear: both; display: none; height: 53px; width: 950px; }

	#featurednav { background: url(images/global/bkrd_nav_featured.png) bottom right no-repeat #575757; clear: both; font-size: 11px; height: 18px; padding: 0 20px 0 0; width: 720px; }

	#featurednav li { float: left; }

	#featurednav li a, #featurednav li a:link, #featurednav li a:visited { color: #fff; display: inline-block;; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; height: 16px; padding: 2px 20px 0 7px; }

	#featurednav li a:hover, #featurednav li a:active{ color: #f26b2a; }

	#featurednav li.selected a { background: url(images/global/bkrd_nav_featured_selected.png) bottom right no-repeat #ddd; color: #000; }

	

	#mainnav { background: #ddd; clear: both; height: 35px; width: 950px; }

	#mainnav li { float: left; }

	#mainnav li a, #mainnav li a:link, #mainnav li a:visited { background: url(images/global/bkrd_nav_main.png) 0 0 repeat; color: #f26b2a; display: inline-block; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 13px; height: 11px; margin: 7px 0 3px 3px; padding: 7px; }

	#mainnav li a:hover, #mainnav li a:active{ color: #1d1dd1; }

	#mainnav li.selected a { color: #1d1dd1; }

	

	/*** FOOTER **********/

	#footer { background: #f26b2a; clear: both; color: #000; padding: 20px 10px 20px 10px; text-align: right; width: 930px; display:block;}

		#footernav { color: #fff; display: block; padding: 0 0 15px 0; }

		#footernav li { display: inline; }

		#footernav li a, #footernav li a:link, #footernav li a:visited { color: #fff; display: inline; font-weight: bold; }

		#footernav li a:hover, #footernav li a:active{ color: #000; }

		#footernav li.selected a { color: #000; }

		

		#legal a, #legal a:link, #legal a:visited { color: #000; display: inline; font-weight: bold; }

		#legal a:hover, #legal a:active{ color: #fff; }

		#legal .selected a { color: #fff; }

	

#sidebar { float: right; margin: 0 0 0 0; width: 320px; }

#right-column { float: right; margin: 0 0 0 15px; width: 320px; }



	/*** WIDGETS **********/

	.widget { background: #eaeaea; clear: both; margin: 0 0 10px 0; width: 320px; }

		.widgettitle { background: url(images/sidebar/sidebar_arw.jpg) bottom right no-repeat #f26b2a; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; line-height: 22px; height: 20px; margin: 0 0 10px 0; padding: 0 40px 0px 0; width: 245px; }

		.widgettitle img{ float: left; padding: 0 5px 0 0;}

		.widgettitleText {  height:16px; padding-right:15px;}

		.bp_core_widget_welcome h2 { background: url(images/welcome_header_back.gif) top left no-repeat !important; color: #fff !important; }

	

	.widget ul.item-list li { background: url(images/item_list_back.gif) top left repeat-x; padding: 15px; }

		.widget ul.item-list li .item-avatar, .avatar-block img.avatar { float: left; margin: 0 15px 0 0; }

		.widget ul.item-list li .item-avatar img, img.avatar { border: 3px solid #ddd; }

		.widget ul.item-list li h4.item-title { font: normal 1.4em "Georgia", Times, serif; margin: 0 0 7px 0; }

		.widget ul.item-list li .item { margin: 0 0 0 71px; }

		.widget ul.item-list li .item-meta { font: normal 1em "Georgia", Times, serif; margin: 10px 0; }

		.widget .item-options { text-align: right; font-size: 0.9em; margin: -15px 0 5px 0; }

	.widget-error { background: #eaeaea; padding: 10px; }

	

	.widget form { width: 300px; padding: 0 10px 5px 10px; }

	.widget fieldset { margin: 0 0 5px 0; }

	.quickSearchText { margin: 0 10px 0 0; width: 210px; }

	.quickSearchInput { background: #f26b2a; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; width: 70px; }

	.quickSearchInput:hover { background: #999; color: #000; }

	

	#sidebar .widget ul { padding-left: 15px; }

	#sidebar .widget li { list-style-type: square; margin-left: 16px; padding-left: 5px; margin-bottom: 5px; }

	#sidebar .widget .activity-list li { margin: 15px 0; padding-left: 21px; }

	

	#sidebar #adWrapper { border: 1px solid #999; clear: both; height: 248px; margin: 0 0 10px 0; padding: 9px; width: 300px; }

		

	#sidebar .topic { background: #f5f5f5; clear: both; margin: 0 0 20px 0; width: 320px; }

	#sidebar .topic img { float: left; }

	#sidebar .topic div { margin: 0 0 0 115px; }

	

	#sidebar .mostReviewed { background: #f5f5f5; clear: both; font-weight: bold; font-size: 13px; margin: 0 0 20px 0; padding: 25px 20px 10px 90px; width: 210px; }

	#sidebar  h2 { font-size: 16px; line-height: 18px; font-weight: bold; }

	#sidebar .mostReviewed span { color: #999; }

	#sidebar .mostReviewed li { list-style-type: decimal; list-style:decimal; margin: 0 0 10px 0; }

	#sidebar .mostReviewed ol { list-style-type: decimal; list-style:decimal;}

	#sidebar .mostReviewed a, 

	#sidebar .mostReviewed a:link, 

	#sidebar .mostReviewed a:visited { color: #000; }

	#sidebar .mostReviewed a:hover,

	#sidebar .mostReviewed a:active { color: #f26b2a; }

	

	

	/*** SEARCH / LOGIN BAR **********/ /****** TO EDIT ******/

	#search-login-bar { border-top: 10px solid #f7740a; background: #fff9df; padding: 7px 20px; }

	#search-login-bar #search-form { float: left; }

	#search-login-bar #login-form, #logout-link { float: right; }

	#logout-link img { vertical-align: middle; }



/*** CONTENT **********/

#content { float: left; margin: 0 0 15px 0; width: 600px; }

#contentSplash { float: none; text-align: center; margin: 0 200px 0 200px; width: 500px; }

	

	/* RACE SEARCH - GOOGLEMAPS */

	#raceSearchPanel { background: #000f5f; font-size: 14px; margin: 0; padding: 10px; width: 580px; }

	#raceSearchPanel h2 { border-bottom: 1px solid #fff; color: #f26b2a; font-size: 18px; line-height: 20px; margin: 0 0 20px 0; }

	

	#locationSearch { float: left; height: 100%; margin: 0; padding: 0 10px 0 0; width: 165px; }

	#radiusSearch { float: left; height: 100%; margin: 0; padding: 0 10px 0 0; width: 110px; }

	#dividerSearch { float: left; height: 100%; margin: 0; padding: 0 10px 0 0; width: 60px; clear:right;}

	#nameSearch { float: left; height: 100%; margin: 0; padding: 0; width: 200px; }

	

	#raceSearchPanel label { color: #fff; display: block; float: none; font-size: 14px; margin: 0 0 2px 0; }

	#raceSearchPanel input { font-size: 10px; margin: 0 10px 0 0; padding: 2px 4px; width: 150px; vertical-align: middle; }

	#raceSearchPanel .go { background: url(images/sidebar/go_input.png) 0 0 no-repeat; border: none; cursor: pointer; float: left; height: 21px; margin: 0; width: 21px; }

	#raceSearchPanel select { cursor: pointer; height: 21px; margin: 0 10px 0 0; }

	

	#raceCount { color: #333; font-size: 12px; line-height: 16px; margin: 0 0 10px 0; padding: 0 5px 0 5px; width: 580px; }

	#raceCountOverlay { font-size: 14px; line-height: 18px; margin: 0 auto 0 auto; text-align: center; padding: 10px; }

	#raceCountOverlay span { font-size: 12px; line-height: 18px; margin: 0 auto 0 auto; text-align: center; padding: 10px; }

	

	#map { background: #999; overflow: hidden; height: 340px; margin: 0 0 5px 0; width: 600px; }

	

	#filterTable { margin: 0 0 25px 0; }

	#filterTable label { font-size: 12px; color: #000; padding: 0; line-height: 20px; margin: 0; }

	#filterTable #daterangestart, #filterTable #daterangestop { width: 150px; }

	#filterTable input { margin: 3px 0 3px 0; }

	#filterTable h4 { color: #000; font-size: 14px; padding: 0; margin: 0; }

	#filterTable span { font-size: 11px; }

	#filterTable button { background: #f26b2a; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 10px; margin: 5px 0 5px 0; padding: 2px; }

	#filterTable button:hover { background: #999; color: #000; }

	

	#gmapsidebar { clear: both; max-height: 525px; padding: 0 0 10px 0; width: 600px; }

	#gmapsidebar h3 { color: #000; font-family: Arial, Helvetica, sans-serif; line-height: 18px; padding: 7px 0 7px 0; margin: 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }

	#gmapsidebar select { cursor: pointer; float: none; display: inline; height: 22px; margin: 0 0 0 10px; }

	

	#gmapsidebarresult { clear: both; overflow: auto; max-height: 500px; width: 600px; }

	#gmapsidebar .result { clear: both; border-bottom: 1px solid #dedede; padding: 10px 0 0 0; width: 570px; }

	#gmapsidebar .marker { background: url(images/sidebar/marker.png) 0 0 no-repeat; height: 35px; padding: 7px 0 0 11px; width: 24px; }

	#gmapsidebar .markerwide { background: url(images/sidebar/marker.png) 0 0 no-repeat; height: 35px; padding: 7px 0 0 8px; width: 27px; }

	#gmapsidebar .markerwidest { background: url(images/sidebar/marker.png) 0 0 no-repeat; height: 35px; padding: 7px 0 0 4px; width: 31px; }

	#gmapsidebar .resultContent { font-size: 12px; width: 535px; }

	

	#gmapsidebar .resultContent .dateValue { display: none; }

	

	.markername { font-size: 14px; font-weight: bold; display:block;}

	.markername span { font-size: 10px; font-weight: normal; }

	.markername p { margin: 0 0 5px 0;}

	#infoWindow { margin: 0; padding: 0 5px 0 5px; }

	#infoWindow table { margin: 0 0 0 0; padding: 0; }

	#infoWindow p.links { margin: 0; }

	

	#raceInfo { clear: both; padding: 0 0 10px 0; width: 600px; }

	#raceDetails { float: left; font-size: 14px; line-height: 18px; width: 400px; }

	#raceSidebar { float: left; width: 200px; }

		

		.backToSearchResultsLink { display: block; padding: 0 0 15px 0; }

		

		#raceDetails a.amtReviewLink { color: #1d1dd1; text-decoration: underline; }

		#raceDetails a.addReviewLink { color: #1d1dd1; font-style: italic; }

		#raceDetails a:hover.amtReviewLink { color: #f26b2a; }

		#raceDetails a:hover.addReviewLink { color: #f26b2a; }

		

		#raceDetails #raceDetailsTable { font-size: 12px; }

		

		#raceSidebar h4 { font-size: 10px; }

		

		#raceSidebarLinks { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 5px 0; padding: 2px 0 2px 0; width: 200px; }

		

		#raceSidebarLinks li { display: inline; }

		#raceSidebarLinks a, #raceSidebarLinks a:link, #raceSidebarLinks a:visited { color: #000; cursor: pointer; display: block; font-size: 10px; font-weight: bold; padding: 5px 0 5px 55px; width: 145px; }

		#raceSidebarLinks a:hover, #raceSidebarLinks a:active{ color: #f26b2a; }

		

		#raceSidebarLinks a.visitLink, #raceSidebarLinks a:link.visitLink, #raceSidebarLinks a:visited.visitLink { background: url(images/sidebar/visitLink.png) 10px 9px no-repeat #ddd; padding: 10px 0 5px 55px; }

		#raceSidebarLinks .reviewLink { background: url(images/sidebar/reviewLink.png) 10px 5px no-repeat #ddd; }

		#raceSidebarLinks .saveLink { background: url(images/sidebar/saveLink.png) 10px 5px no-repeat #ddd; }

		#raceSidebarLinks .emailLink { background: url(images/sidebar/emailLink.png) 10px 5px no-repeat #ddd; }

		#raceSidebarLinks .printLink { background: url(images/sidebar/printLink.png) 10px 5px no-repeat #ddd; }

		#raceSidebarLinks a.contactOrgLink, #raceSidebarLinks a:link.contactOrgLink, #raceSidebarLinks a:visited.contactOrgLink { background: url(images/sidebar/contactOrgLink.png) 10px 5px no-repeat #ddd; padding: 5px 0 10px 55px;  }

		

		a.feedbackLink, a:link.feedbackLink, a:visited.feedbackLink { background: url(images/sidebar/feedbackLink.png) 10px 10px no-repeat #dedede; border: 1px solid #f26b2a; display: block; color: #333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 10px 0; padding: 9px 9px 9px 54px; width: 135px; }

		a:hover.feedbackLink, a:active.feedbackLink { color: #f26b2a; }

		

		#raceProfileTabs { border-bottom: 1px solid #dedede; clear: both; margin: 15px 0 0 0; width: 600px; }

		#raceProfileTabs li { display: inline; }

		#raceProfileTabs a, #raceProfileTabs a:link, #raceProfileTabs a:visited { background: #f26b2a; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; color: #fff; display: block; float: left; line-height: 20px; margin: 0 7px 0 0; padding: 0 14px 0 14px; font-weight: bold; } 

		#raceProfileTabs a:hover, #raceProfileTabs a:active { background: #fff; color: #f26b2a; }

		#raceProfileTabs #tabSelected { background: #fff; color: #f26b2a; }

		

		#raceProfileBody { border-left: 1px	solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; clear: both; padding: 10px; width: 578px; }

		#reviewHeader {clear: both; margin: 0 0 15px 0; width: 600px; }

		#reviewHeader h2{ margin: 0 0 15px 0; }

		#reviewLabels { float: left; width: 315px; }

		.reviewLabelDisplay { display: inline-block; padding: 0 20px 0 40px; width: 130px; float:left;}

		.reviewCountDisplay { display: inline-block; width: 15px; float:left;}

		#AverageRacerReview { float: left; font-size : 18px; line-height : 22px; display:block; width: 200px; padding-left:10px;}

		#AverageRacerReview span { font-size:14px; font-weight: bold; color:#000; }

		#AverageRacerReview a, #AverageRacerReview a:visited, #AverageRacerReview a:link { font-size : 12px; }

		.toggleReviewPane { cursor: pointer; }

		.requiredFields { color: #ff0000; font-size: 12px; }

		span.requiredFields { font-size: 11px; line-height: 16px; padding: 0 2px 0 0;}

		.ratingLeftLabelLarge { display: block; font-size: 16px; font-weight: bold; padding-left: 10px; text-align: left; width: 250px; }

		.ratingLeftLabelLarge h5 {width: 290px; margin-left: -10px; }

		.ratingLeftLabelOverall {display: inline-block; font-size: 16px; font-weight: bold; padding-left: 10px; padding-right:40px; width: 100px; float:left; text-align:right;}

		.ratingLeftLabel { display: inline-block; width: 215px; text-align: left; padding: 7px 10px 7px 10px; float:left; font-weight:bold; font-size:14px;}

		.ratingLeftLabelOdd {background-color:#DDD; width:100%;}

		.ratingLeftLabelEven {background-color:#FFF; width:100%; }

		.ratingTellUsText { padding: 10px 0 10px 0;}

		

		h3.reviewFormHeader { border-bottom: 0px; padding-bottom: 0;}

		h3.reviewFormHeader span { color: #999;}

		.reviewFormAnswer { display: block; width: 330px; }

		#reviewFormDropdown label { color: #000; font-size: 14px; font-weight: bold; margin: 10px 0 10px 0; }

		#reviewFormDropdown select { color: #000; margin: 10px 5px 10px 5px; padding: 0 0 0 5px; text-align: center; }

		#reviewFormDropdown #CancelReview { background: url(images/review/cancel_review.jpg) 0 0 no-repeat; border: 0; cursor: pointer; height: 20px; margin: 10px 0 0 0; width: 61px; }

		#reviewFormDropdown #CancelReview:hover { background: url(images/review/cancel_review_hover.jpg) 0 0 no-repeat; }

		#reviewFormDropdown #SubmitReview { background: url(images/review/leave_review.jpg) 0 0 no-repeat; border: 0; cursor: pointer; height: 20px; margin: 10px 10px 0 0; width: 116px; }

		#reviewFormDropdown #SubmitReview:hover { background: url(images/review/leave_review_hover.jpg) 0 0 no-repeat; }

		

		#ReviewPane #SubmitReview { background: url(images/review/leave_review_alt.jpg) 0 0 no-repeat; border: 0; color: #fff; cursor: pointer; height: 27px; margin: 10px 0 0 0; width: 100px; }

		#ReviewPane #SubmitReview:hover { background: url(images/review/leave_review_alt_hover.jpg) 0 0 no-repeat; }

		

		#reviewContainer .Helpfulyes { background: url(images/review/helpful_yes.jpg) 0 0 no-repeat; border: 0; cursor: pointer; height: 12px; margin: 0 0 0 10px; width: 26px; }

		#reviewContainer .Helpfulyes:hover { background: url(images/review/helpful_yes_hover.jpg) 0 0 no-repeat; }

		#reviewContainer .Helpfulno { background: url(images/review/helpful_no.jpg) 0 0 no-repeat; border: 0; cursor: pointer; height: 12px; margin: 0 0 0 10px; width: 26px; }

		#reviewContainer .Helpfulno:hover { background: url(images/review/helpful_no_hover.jpg) 0 0 no-repeat; }

		.reviewStarContainer {float:right; width: 220px; display:block;}

		.reviewTextContainer { float:left; width: 320px; display:block;}
		.ReviewCommentBar { overflow: auto; width: 320px; }
		.reviewStarLabel { display:inline-block; width: 110px; float:left; }

		.ReviewOverallBar {font-weight:bold;}

		.Helpfulrow {font-weight:bold;}

		

		#ReviewToggleBar { background: none; clear: both; cursor: pointer; height: 100%; display:block; float:left; width: 150px;}

			#ReviewToggleBarTop { background: url(images/review/rounded_rectangle_top.jpg) no-repeat top left; clear: both; height: 11px; width: 150px; display:block; }

			#ReviewToggleBarMid { background: #fc9510; clear: both; cursor: pointer; font-size: 14px; color: #fff; line-height: 15px; padding: 0 5px 0 5px; width: 140px; text-align:center; display:block; }

			#ReviewToggleBarBtm { background: url(images/review/rounded_rectangle_btm.jpg) no-repeat top left; clear: both; height: 11px; width: 150px; display:block; }

		

		/* #ReviewToggleBar a{ color: #fff; display:block; font-size:1.6em; line-height:30px; height:30px; padding:3px; }*/

				

		/*LOGIN POPUP STYLES*/

		.tbpopup { background: white none repeat scroll 0 0; padding: 10px; width: 330px; }

		.tbpopupemail { background: white none repeat scroll 0 0; padding: 10px; width: 275px; }

		.tbpopupemail label { margin: 10px 0 0 10px;}

		.tbpopupemail button { margin: 10px 0 0 10px;}

		#loginPopUpLeft { background-color: #EAEAEA; font-size: 12px; margin: 0px 10px 0 0; width: 225px; }

		#loginPopUpLeft p {clear: both; display: block; margin: 0; padding: 10px;}

		#user_login, #user_pass { border-color:#999999 #DADADA #DADADA #999999; }

		#user_password, #user_password_confirm, 

		#user_email, #user_email_confirm, #user_screenname, #user_zip { border-color:#000 #eaeaea #eaeaea #000; }

		input#user_password, #user_pass { background: #fff url(images/passwordtext.png) no-repeat scroll left center;}

		input#user_password_confirm { background: #fff url(images/confirmpasswordtext.png) no-repeat scroll left center;}

		a.buttonStyleLink, a:link.buttonStyleLink, a:visited.buttonStyleLink { color: #FFFFFF; text-decoration: none; }

		ul.orangeUL p { color: #646464; font-size: 12px; font-weight: bold; margin-bottom: 0px; }

		ul.orangeUL li { list-style-type: square; list-style-position: inside; padding: 5px 0 5px 0;}

		ul.orangeUL span {  color: #F26C2B; }

		#loginPopHeading h2 { color: #F26C2B; font-size: 18px; font-weight: lighter; margin: 0 0 10px 0; }

		#loginCreateButton { margin: 0 0 1px 0; } div#loginCreateButton a.buttonStyleLink { padding: 5px 20px; width: 130px;}

		td div.ReviewFormHeaderText { background-color: #f26c2b; color: white; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; height: 20px; line-height:20px; padding-left: 4px; text-transform: uppercase; width: 100%; }

		.ReviewFormHeader { clear: both; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: bold; height:18px;  padding: 0px 24px 2px 0; background-image: url(images/header_accent.gif); background-position: bottom right; background-repeat: no-repeat; width: 200px; background-color: #EAEAEA; }

		#rememberme { margin: 0 5px 0 0; } 

		tr form:-moz-is-html, tbody form:-moz-is-html, thead form:-moz-is-html, tfoot form:-moz-is-html, table form:-moz-is-html {

			display:block !important;

		}

		#PopUpSignIn { display: block; padding: 10px 0 0 5px;}

		#PopUpSignIn p { color: #F26C2B; font-size: 13px; font-weight: bold; }

		

	/* SCREEN SCRAPE STYLES */

    #screenscrapeContent h2 { float: left; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; width: 300px; }

	#screenscrapeForm { float: left; width: 300px; }

	.scrapeSteps { border-bottom: 1px solid #1d1dd1; clear: both; padding: 10px 0 10px 0; margin: 10px 0 10px 0; width: 300px; }

	.scrapeResults { border-left: 1px solid #1d1dd1; float: left; height: 300px; margin: 10px; padding: 10px; overflow: auto; width: 580px; }

	.hidden { border: none; }

	

	/* COMMENT FORM STYLES */

   	#commentform { padding: 1em 1.5em; }

	#commentform textarea { width: 100%;}

	#comment-textarea { float: right; width: 80%; }

	

	.comment-details { float: left; width: 20%; }

	.comment-content { float: right; width: 80%; }

	

	.commentlist li { background: #fff; margin-bottom: 1em; padding: 15px; }

	.commentlist li.alt { background: #f0f0f0; }

	.commentlist li img.avatar { padding: 0 !important; }

	.commentlist li.alt img.avatar { border-color: #fff !important; }

	

	.commentmetadata { border-top: 1px solid #ddd; font-size: 0.9em; margin-top: 1em; padding-top: 0.3em }

	.commentmetadata a { color: #888; }

	#commentform p { display: block; margin: 0 0 10px 0; }

	#commentform input, #commentform textarea { display: block; float: none; margin: 0 5px 8px 0; }

	#commentform input { display: block; float: none; font-family: Arial, Helvetica, sans-serif; height: auto; margin: 0 5px 8px 0; }

	#commentform #submit { background: #f26b2a; color: #fff; cursor: pointer; font-weight: bold; }

	#commentform label { display: block; float: none; margin: 0 5px 8px 0; }

	#commentform input[type="hidden"]{ display: none; }

	

	/* REVIEW STYLES FOR POPUP AND RACE RESULTS */

	.feedback_star {

		height:12px;

		width:12px;

		background: url(images/rating_off.gif) 0 0 repeat-x transparent;	

		display:inline-block;

		float:left;

	}

	.rating_star3 {

	  width: 36px;

	  background: url(images/rating_off.gif) 0 0 repeat-x transparent;

	  display: inline-block;

	}

	.rating_star4 {

	  width: 48px;

	  background: url(images/rating_off.gif) 0 0 repeat-x transparent;

	  display: inline-block;

	  float: left;

	}

	.rating_star5 {

	  width: 60px;

	  background: url(images/rating_off.gif) 0 0 repeat-x transparent;

	  display: inline-block;

	}



	.rating_star3 div, .rating_star4 div, .rating_star5 div {

	  height: 12px;

	  background: url(images/rating_on.gif) 0 0 repeat-x transparent;

	}

	

	/* SITEMAP STYLES */

	#sitemaptable span { color: #fff; }

	#sitemaptable td {padding: 0 5px 0 5px;}

	.tableTop { color: #fff; padding: 5px;}

	

/** NEWS BLOG STYLES *********/



.narrowcolumn {

	width: 65%;

	float: left;

	margin: 0;

}



.post, #comments-section, #compose-reply {

	background: url(images/item_list_back.gif) top left repeat-x;

	padding: 20px 15px;	

}

	#comments-section, #compose-reply {

		background: none;

	}



.post h3 {

	font: normal 1.6em Georgia, times, serif;

	border: none;

	padding: 0;

	margin: 0;

}

	.post h3 a {

		color: #555;

	}



.post p.date, .small {

	color: #888;

	font-size: 0.95em;

}

	.post p.date em {

		color: #f7740a;

		font: italic 1em Georgia, times, serif;

	}



.post .entry {

	margin: 10px 0;

}

	

.post span.tags {

	background: url(images/tag_icon.gif) center left no-repeat;

	padding-left: 1.6em;

	float: left;

}



.post span.comments {

	float: right;

	background: url(images/comments_icon.gif) center right no-repeat;

	padding-right: 2.1em;

}



.postmetadata {

	padding: 0.5em 0;

}



.post-details {

	background: #f0f0f0;

	padding: 1em 1.5em;

	margin: 0 0 2em 0;

}



h4.archive {

	font: normal 1.2em Georgia, Times, serif;

	text-transform: uppercase;

	border-bottom: 1px solid #e1e1e1;

	padding-bottom: 0.5em;

	margin: -1em 0 1em 0;

}



textarea#comment {

	width: 100%;

}





/** SIGNUP FIELDS CSS **/



#breaker {

	margin-top: 20px;

}



#extraFields {

	margin-bottom: 20px;

}



#extraFields label, 

div.radio span.signup-label, 

div.checkbox span.signup-label {

	font-weight: bold;

	margin-top: 25px;

	margin-bottom: 10px;

	font-size: 1.2em;

	display: block;

}



#extraFields input {

	font-size: 24px;

	width: 100%;

}



#extraFields textarea {

	width: 80%;

	height: 120px;

}



#extraFields select {

	width: 280px;

	font-size: 1.4em;

}



#extraFields div.datefield select {

	width: auto;

}



#extraFields div.radio label,

#extraFields div.checkbox label {

	display: inline;

	font-weight: normal;

	float: none;

	padding: 0 !important;

	margin-right: 15px;

}



#extraFields div.radio input,

#extraFields div.checkbox input {

	width: auto;

}



#extraFields div.error {

	margin: 20px 0 -15px 0;

}



span.desc {

	margin-left: 115px;

	font-weight: normal;

}



div.error {

	font-weight: bold;

}



span.signup-description {

	display: block;

	margin: 5px 0 0 0;

}





/* Main Flora Style Sheet for jQuery UI ui-datepicker */

#ui-datepicker-div, .ui-datepicker-inline {

	font-family: Arial,Helvetica,sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding: 0;

	margin: 0;

	background: #fff;

	width: 185px;

}

#ui-datepicker-div {

	display: none;

	border: 1px solid #000;

	z-index: 10;

}

.ui-datepicker-inline {

	float: left;

	display: block;

	border: 0;

}

.ui-datepicker-rtl {

	direction: rtl;

}

.ui-datepicker-dialog {

	padding: 5px !important;

	border: 4px ridge #000 !important;

}

button.ui-datepicker-trigger {

	width: 25px;

}

img.ui-datepicker-trigger {

	margin: 2px;

	vertical-align: middle;

}

.ui-datepicker-prompt {

	float: left;

	padding: 2px;

	background: #fff;

	color: #000;

}

* html .ui-datepicker-prompt {

	width: 185px;

}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {

	clear: both;

	float: left;

	width: 100%;

	color: #000;

}

.ui-datepicker-control {

	background: #fff;

	padding: 2px 0px;

}

.ui-datepicker-links {

	background: #fff;

	padding: 2px 0px;

}

.ui-datepicker-control, .ui-datepicker-links {

	font-weight: bold;

	font-size: 80%;

	letter-spacing: 1px;

}

.ui-datepicker-links label {

	padding: 2px 5px;

	color: #888;

}

.ui-datepicker-clear, .ui-datepicker-prev {

	float: left;

	width: 34%;

}

.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {

	float: right;

	text-align: right;

}

.ui-datepicker-current {

	float: left;

	width: 30%;

	text-align: center;

}

.ui-datepicker-close, .ui-datepicker-next {

	float: right;

	width: 34%;

	text-align: right;

}

.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {

	float: left;

	text-align: left;

}

.ui-datepicker-header {

	padding: 1px 0 3px;

	background: #fff;

	text-align: center;

	font-weight: bold;

	height: 1.3em;

}

.ui-datepicker-header select { background: #fff; border: 0px; color: #000; font-weight: bold; height: 22px; }

.ui-datepicker {

	background: #CCC;

	text-align: center;

	font-size: 100%;

}

.ui-datepicker a {

	display: block;

	width: 100%;

}

.ui-datepicker-title-row {

	background: #1D1DD1;

	color: #fff;

}

.ui-datepicker-title-row .ui-datepicker-week-end-cell {

	background: #1D1DD1;

}

.ui-datepicker-days-row {

	background: #FFF;

	color: #666;

}

.ui-datepicker-week-col {

	background: #1D1DD1;

	color: #fff;

}

.ui-datepicker-days-cell {

	color: #000;

	border: 1px solid #DDD;

}

.ui-datepicker-days-cell a {

	display: block;

}

.ui-datepicker-week-end-cell {

	background: #fff;

}

.ui-datepicker-unselectable {

	color: #888;

}

.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {

	background: #1D1DD1 !important;

}

.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {

	background: #f26b2a !important;

	border: 1px solid #777;

	color: #fff;

}

* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {

	background: #1D1DD1 !important;

}

* html .ui-datepicker-week-end-cell {

	background: #fff !important;

	border: 1px solid #f26b2a !important;

}

* html .ui-datepicker-days-cell-over {

	background: #FFF !important;

	border: 1px solid #777 !important;

}

* html .ui-datepicker-current-day {

	background: #fff !important;

}

.ui-datepicker-today {

	background: #f26b2a !important;

	color: #fff;

}

.ui-datepicker-current-day {

	background: #fff !important;

}

.ui-datepicker-status {

	background: #fff;

	width: 100%;

	font-size: 80%;

	text-align: center;

}

#ui-datepicker-div a, .ui-datepicker-inline a {

	cursor: pointer;

	margin: 0;

	padding: 0;

	background: none;

	color: #000;

}

.ui-datepicker-inline .ui-datepicker-links a {

	padding: 0 5px !important;

}

.ui-datepicker-control a, .ui-datepicker-links a {

	padding: 2px 5px !important;

	color: #000 !important;

}

.ui-datepicker-title-row a {

	color: #fff !important;

}

.ui-datepicker-control a:hover {

	background: #f26b2a !important;

	color: #fff !important;

}

.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {

	background: #f26b2a !important;

	color: #fff !important;

}

.ui-datepicker-multi .ui-datepicker {

	border: 1px solid #000;

}

.ui-datepicker-one-month {

	float: left;

	width: 185px;

}

.ui-datepicker-new-row {

	clear: left;

}

.ui-datepicker-cover {

	display: none;

	display/**/: block;

	position: absolute;

	z-index: -1;

	filter: mask();

	top: -4px;

	left: -4px;

	width: 193px;

	height: 200px;

}



/*

REVIEW PAGE

*/



/***********structure style*********/

#splashContent { width: 540px; margin: 40px auto 0 auto; padding: 0 230px 0 230px; }



.splash { width: 400px; background: url(images/splash/backgroundSplash3.jpg) 0 0 no-repeat; height: 379px; margin: 0 60px 0 60px; text-align: center; padding: 125px 0 0 0; }

#contactForm { width: 340px; padding: 20px 30px 0 30px; }

#contactForm fieldset { text-align: center; }

#contactForm label { margin: 5px 20px 0 0; }

#contactLink { color: #555; float: right; font-weight: bold; font-style: italic; padding: 0 45px 0 0; }

#contactLink:hover { color: #f5911e; }





.alert { margin: 15px 0 15px 0; padding: 5px 0 5px 0; display: none; width: 100%; background: #f5911e; color: #fff; text-align: center; }

#splashContent h1 { margin: 0 0 30px 0; font-size: 23px; line-height: 23px; }

#splashContent h1 span { color: #0000FF; }

#splashContent h1 a, #splashContent h1 a:visited, #splashContent h1 a:link { text-decoration: none; }



.reviewLogo { background: url(images/review/Escape-from-Alcatraz_4.jpg) 0 0 no-repeat; padding: 15px 15px 0 0; margin: 0 0 15px 0; width: 525px; height: 125px; text-align: right; }

.reviewLogo h1 { font-size: 20px; line-height: 23px; }



#reviewContent { width: 540px; margin: 40px auto 0 auto; padding: 0 230px 0 230px; }

#reviewContent .header { margin: 0 0 20px 0; }

#reviewContent h2 { color: #f5911e; font-size: 14px; line-height: 16px; margin: 0 0 10px 0; text-align: center; }

#reviewContent .reviewForm h2 { color: #fff; }

#reviewContent h3 { font-size: 21px; font-weight: bold; margin: 20px 0 0 0; }

#reviewContent h4 { font-size: 16px; font-weight: bold; margin: 0 10px 10px 0; }



#reviewContent .breadcrumb { text-align: left; }



#reviewContent input,

#splashContent input { background: #fff; border: 1px solid #999; color: #555; display: block; float: left; height: 16px; margin: 0; padding: 2px 0 0 5px; vertical-align: middle; }

#reviewContent .radio, #splashContent .radio { border: none; margin: 0 10px 0 0; }



#reviewContent fieldset,

#splashContent fieldset { border: 0; clear: both; margin: 0 0 20px 0; padding: 0; }

#reviewContent label,

#splashContent label { color: #555; display: block; float: left; font-size: 11px; margin: 0 10px 5px; }

#reviewContent textarea,

#splashContent textarea { background: #fff; border: 1px solid #999; color: #555; display: block; font: inherit; margin: 0; padding: 5px; width: 300px; }

#reviewContent button,

#splashContent button { background: #999; border: none; color: #555; cursor: pointer; font: inherit; font-size: 11px; font-weight: bold; font-style: italic; margin: 0; padding: 2px 10px; vertical-align: middle; }

#reviewContent button:hover,

#splashContent button:hover { background-color: #555; color: #fff; }



#reviewContent .reviewForm { width: 540px; padding: 0 0 25px 0; }

#reviewContent .reviewForm label { font-size: 14px; font-weight: bold; margin: 0; }

#reviewContent .reviewForm label.raceLabel { margin: 0 10px 0 0; width: 190px; }

#reviewContent .reviewForm input { border: 1px solid #999; width: 100%; }

#reviewContent .reviewForm .radio { border: none; margin: 0 10px 0 0; display: inline; }



/*#reviewContent .reviewForm input, #reviewContent .feedbackForm input { width: 220px; border: 1px solid #4d4d4d; }*/



#reviewContent .reviewForm textarea { width: 530px; margin: 5px 0 0 0; }

#reviewContent .reviewForm textarea.rating { width: 190px; margin: 0; }

#reviewContent .reviewForm textarea.option { width: 180px; margin: 0; }





#reviewContent .reviewForm .reviewInput { width: 220px; }



#reviewContent .reviewForm table td { padding: 0 0 15px 0; }

#reviewContent .reviewForm button { margin: 15px 0 0 0; }

#reviewContent .reviewForm .recommendFriend { margin: 0 10px 0 0; }



#reviewLink { color: #555; float: right; font-weight: bold; font-style: italic; padding: 15px 0 0 0; }

#reviewLink:hover { color: #f5911e; }



#reviewContent .hide { color: #f5911e; display: none; }

/*

#reviewContent .reviewForm .error { color: #ff0000; font-size: 11px; clear: both; display: block; }

*/

/* CLEARS */

#shell:after, 

#header:after,

#navigation:after, 

#content:after, #sidebar:after, #raceSearchPanel:after,

#gmapsidebar:after, .result:after, #gmapsidebarresult:after,

.topic:after, #gmapsidebar .result:after, #gmapsidebarresult:after, 

#raceInfo:after, #raceProfileTabs:after, #reviewHeader:after,

#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }



.buttonStyleLink {

	background:#F26B2A none repeat scroll 0 0;

	border: none;

	color:#FFFFFF;

	cursor: pointer;

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	font-style:normal;

	font-weight:bold;

	width:75px;	

	text-transform:uppercase;

	padding:3px;

	

}