@charset "utf-8";

/***** CSS Reset *****/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td, .stext
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%;  vertical-align:baseline}

/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

/* tables still need 'cellspacing="0"' in the markup */
table{ border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

fieldset{margin: 0 0 10px 0px;}
legend{font-weight: bold; color: #367C2B;}

/****** End Reset *****/
html{background:#FFF}
/***** Body *****/
body{ background:#FFF;  margin:0 auto; padding: 15px 0 0 0; font-family: helvetica, sans-serif; color: #575455; font-size:12px;}
.clearMe{clear: both;}

a {color: #367C2B; text-decoration:none;}
a:hover{color: #575455; text-decoration:underline;}
li a:hover{ text-decoration:none;}

h1{ color: #367C2B;  font-size: 20px;}
h2{ font-size: 18px;}

h3, h3 a{color: #575455; font-weight:normal; font-size: 16px; }
h3 a:hover, a:hover h3{color: #367C2B; }

h4{ color: #367C2B; font-size: 14px;  font-weight: normal;}
h5{ color: #c8281b; font-size: 16px;} /* used to be 14 */
p{line-height: 18px;}
input{ color: #575455; }
select, option {color: #575455;  }
address{font-style:normal;}
.stext{
	text-align:right;
	font-size:10px;
	padding-right:5px;
	color:#575445;
	}
	

div.togglers{ clear: both; background:url('/UI/Skins/default/Images/template/search_bg.gif') top left repeat-x; padding: 5px 0 5px 5px; border-top: 1px dotted #c2e1d3; border-bottom: 1px dotted #c2e1d3; margin-bottom: 2px; }
div.togglers h3{ float: left; width: 200px;}
div.togglers a { float: right; margin-right:10px; }
div.elements{padding: 20px; }

strong{font-weight: bold;}

input[type="text"], input[type="password"]{
   padding: 4px 0 2px 5px; border: 1px solid #a3c39e; 
   height: 18px; line-height: 14px;}

select{border: 1px solid #a3c39e; padding: 0px 0px 0 0; margin:0px; height: auto; }
option{}
textarea{ border: 1px solid #a3c39e;}
a.arrowlink{ color:#39B471; font-weight:bold; padding: 2px 0 2px 20px; background: url('/UI/Skins/default/Images/site/link_bullet.png') left no-repeat;}

.notification{
	padding: 5px;
	margin: 0 15px 10px 15px;
	background-color: #FFFF99;
	display: block;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}

.relative{position:relative;}
.left{ float:left;}
.right{ float:right;}

/***** Header *****/ 
#header{margin: 0 auto;  width:950px;background-image:url('/UI/Skins/default/Images/template/header.gif');background-repeat:no-repeat; position:relative; height:61px}

#logo{position:absolute; top:5px;     left:45px;     bottom:20px}

#navigation{ margin: 0 auto;  width:950px;background:url('/UI/Skins/default/Images/template/nav/main_nav.gif') no-repeat; height: 25px; padding: 5px 0 0 0;}
#navigation li{color: #FFFFFF; font-weight:bold;font-size:14px; margin:0 3px; padding:0 0 0 10px; float:left}
#navigation li a{ color: #FFFFFF; text-decoration:none; font-size: 12px; padding: 6px 10px 5px 0;}

#topMenu{float:right; margin-top:2px; margin-right:30px; font-size: 12px;}
#topMenu li{ font-size: 11px;}
#topMenu li a { font-size: 11px;  }


/***** Main *****/
#main{margin: 0 auto;  width:950px; background:url('/UI/Skins/default/Images/template/top_body.gif') top left no-repeat; }
#main .body{padding: 6px 0 0px 0;}
#main .body .content{ position: relative; padding: 10px 0 10px 0; width:947px; border-left: 1px solid #c2e1d3; border-right: 1px solid #c2e1d3; background-color: #ffffff;}
.top{ padding: 0px 25px 0 25px; font-weight: bold; margin-top:-10px;} 
.top p{ float: left; width: 700px; padding: 0; color: #367C2B;  }
a.review{float: right; border: none; margin-top:6px; }

.bottom{margin: 0 auto;  width:950px;background:url('/UI/Skins/default/Images/template/bottom_body.gif') top left no-repeat; height: 15px;}
.stdpad{padding: 6px 0 0 20px !important;}
img.bordered{padding:2px; border:1px solid gray;}

.jbFormRowButton{ text-align:right; float:right; clear:right;}

/**** Race Search *****/
.race_search{background:url('/UI/Skins/default/Images/template/search_bg.gif') top left repeat-x; background-color: #FFFFFF; border-top: 1px solid #c2e1d3; padding: 0px 0 0px 0; }
.race_search hr{background-color: #f1f1f1; border: none; color: #f1f1f1; height: 1px; width: 97%;}
.race_search form{margin: 0px auto; width: 95%;}
.race_search form table{width: 100%;}
.race_search form table td{ text-align: center; width: 33%;}
.race_search form table td label{ font-size:14px; font-weight: bold; float: left; width: 100%; text-align: left; line-height: 18px;}
.race_search form table td label span{font-weight: normal; font-size: 12px; font-style: italic;}
.race_search form table td input[type="text"] {width: 260px; float: left; }
.race_search form table td input.short {width: 150px; float: left;  }
.race_search input[type="submit"] { color: #367C2B; }
.race_search.top{color: #575455; z-index: -10; margin-top: -10px; background: none; border-top: none;  border-bottom: 1px solid #c2e1d3; }

.add_race{ margin: 0 0 0 40px;}

a.search_hide{padding: 0px 25px; color: #59ca48; font-weight: bold; line-height: 18px; position:relative; top:5px;}
a.search_hide img{ vertical-align: middle;}

.cities { margin:auto; padding: 10px 0px 10px 25px;}
.cities table{width: 90%; color: #a6a6a6; margin: 0 auto;}
.cities table td{width: 16%;}
.cities table td a{text-decoration:underline; line-height: 18px;}
.cities table td a:hover{text-decoration:none;}
.cities h2{margin-bottom:6px;}

.buttons{width:200px; margin:0 0 0 auto;text-align:right;}

.landingPage{width: 914px; margin: 20px 16px 0px 16px; border-top: 1px solid #c2e1d3; border-bottom: 1px solid #c2e1d3; background-color: #fdfeec; }
.landingPage table { width: 100%; color: #666666;}
.landingPage table td{ padding: 10px;}

/*Content Page styles*/

.contentDisplay {padding:0px 25px; width: 605px; float: left; border-right: 1px solid #c0c0c0; min-height: 600px;}

/* Reviews Snapshot */
.landingPage table td.reviewsSnapshot{ text-align: left; border-right: 1px solid #59ca48;  width: 33%; }
.landingPage table td.reviewsSnapshot h2{padding-bottom: 10px; color: #000000;}
.landingPage table td.reviewsSnapshot .raceReviewRow{clear:both; border-bottom: 1px solid #c0c0c0; padding:10px 0;  }
.landingPage table td.reviewsSnapshot .raceReviewRow .left{ float: left;}
.landingPage table td.reviewsSnapshot .raceReviewRow .right{ float: right;}
.landingPage table td.reviewsSnapshot .raceReviewRow dl{ }
.landingPage table td.reviewsSnapshot .raceReviewRow dt{float: left; width: 50px; }
.landingPage table td.reviewsSnapshot .raceReviewRow dt img{padding: 1px; border: 1px solid gray; }
.landingPage table td.reviewsSnapshot .raceReviewRow dd{float: right;  width: 216px; line-height: 16px; padding: 0 0 0px 0px;}
.landingPage table td.reviewsSnapshot .raceReviewRow dd h4 a{color: #367C2B;}
.landingPage table td.reviewsSnapshot .raceReviewRow dd span { font-size: 9px;}
.landingPage table td.reviewsSnapshot .raceReviewRow dd .ratingblock{ float: right; margin: -16px 25px 0 0; }
.landingPage table td.reviewsSnapshot .raceReviewRow p{padding: 0; margin:5px 0;}

/* Events Snapshot */
.landingPage table td.eventsSnapshot{text-align: left; border-left: 1px solid #59ca48;  width: 33%; }
.landingPage table td.eventsSnapshot h2{padding-bottom: 10px; color: #000000;}
.landingPage table td.eventsSnapshot .races {padding: 6px 0 10px 0; line-height: 18px;}
.landingPage table td.eventsSnapshot .races h4{ margin-bottom:-2px;}
.landingPage table td.eventsSnapshot .races h4 a{color: #367C2B;}


/* Events */
.mainContent{ background:url('/UI/Skins/default/Images/template/search_bg.gif') top left repeat-x;   padding: 20px 0 0 0px; line-height: 16px; }
.noshadow{ background: none; padding:10px 0 0 0;}
.sideBar { float: right; width: 270px; }
.sideBar .map{position:relative; padding: 3px; border: 1px solid gray; width:240px;}
.sideBar h2.map{background:url('/UI/Skins/default/Images/template/search_bg.gif') repeat-x center 25px; 
               border-color:#C0C0C0;border-bottom:0px none; padding:7px 5px; width:236px;}

.gmnoprint span{ font-size: 7px;}
.gmnoprint a{ font-size: 7px; }
.sideBar p{ text-align: center;} 
.sideBar p img{width: 160px; }

.eventsDisplay { padding:0px 20px 0px 20px; width: 615px; float: left; border-right: 1px solid #c0c0c0; min-height: 600px;  }
.eventsDisplay a.review{margin: 0 10px 0 0; }
.eventsDisplay .event{ margin:0; padding: 20px 0 0;   border-top: 1px solid #c0c0c0;  }
.eventsDisplay .event .info { margin: 0 0px 5px 0; padding: 0 10px 0 0;}
.eventsDisplay .event .info .race{float: left; width: 50%;}
.eventsDisplay .event .info .race h4 a:hover{ color: #367C2B;}
.eventsDisplay .event .info p{ padding: 5px 0 5px 20px;  line-height: 18px;}
.eventsDisplay .event .info p a{color: #367C2B; }
.eventsDisplay .event .info .category{font-size:10px; margin-left:16px;}
.eventsDisplay .event .info .rating{ padding:0; float: right; text-align: left; width:24%;}
.eventsDisplay .event .info .rating .stars{ float: left;}
.eventsDisplay .event .info .rating .stars span{float:left; font-size:10px;}
.eventsDisplay .event .info .rating .stars .jbFormRow{ float:left; margin-right:8px;}
.eventsDisplay .event .info .rating address{text-align: left; clear:both; font-style:normal;}
.eventsDisplay .event .info .rating .stars .jbFormRow .ratingblock {padding: 0; margin: 0;}

.eventsDisplay .event .info .review{ padding: 10px 0 0px 20px; position:relative; width:600px;}
.eventsDisplay .event .info .review .userInfo{ float:left; width:40px;}
.eventsDisplay .event .info .review .userInfo img{ padding: 1px; width:30px; height:30px; border: 1px solid gray;}
.eventsDisplay .event .info .review .userInfo strong{color: #367C2B;}
.eventsDisplay .event .info .review .reviewText{float: right; width:92%; font-size: 11px; }
.eventsDisplay .event .info .review .reviewText a{color: #367C2B;}
.eventsDisplay .event .info  .review .userInfo img{padding: 1px; border: 1px solid gray;}
.eventsDisplay .event .info  .review .data strong{color:#39B471;}
.eventsDisplay .event .info  .review .data{ float: right; width: 83%;}
.eventsDisplay .event .info  .review p {line-height: 16px; padding: 0px 10px 10px 0; font-size:11px;}
.eventsDisplay .event .info  .review .data .ratingblock{ padding: 0;}
.eventsDisplay .event .info  .review .data a{color:#39B471;}
.eventsDisplay .event .info  .review  a.review{position:absolute; bottom:0px; right:0px; margin:0px;}

.eventsDisplay h2 strong{color: #367C2B;}

.eventDisplay{ padding:0px 0 0px 0px; min-height: 610px; }
.eventDisplay address{ font-size: 120%;}
.eventDisplay  td img{border: 1px solid gray; padding:1px; margin-right:10px; position:absolute; left:0px;  }
.eventDisplay  h3 { padding-bottom:2px;  margin-bottom:3px;}
.eventDisplay .event{ float: left; width: 400px; line-height: 20px; border: none; padding: 0;}
.eventDisplay .event p{ line-height: 18px;}
.eventDisplay .event .description {margin-bottom:10px;}

.eventDisplay .event div.ratings {position:relative; top:10px;}
.eventDisplay .event div.ratings .ratingblock {margin:2px 0;}
.eventDisplay .event .more_ratings { position: relative; }
.eventDisplay .event .more_ratings .rating_type{ width: 20%; float: left; margin-right: 10px;}

.eventDisplay .images{ float: right; width: 150px; margin:5px 0; text-align:right;}
.eventDisplay .images a img{ width: auto; border: none;}
.eventDisplay .images a.review{float: right; margin:0 10px 15px 0; }
.eventDisplay .images a.smoothbox img{width: 143px; padding: 2px; margin-bottom:6px; border: 1px solid gray; }
.eventDisplay .images .more a.smoothbox{float: right; padding: 0 0px 0 2px;}
.eventDisplay .images .more a.smoothbox img{width: 44px; padding: 1px; margin:2px 0 0 0;}
.eventDisplay .images .more {padding: 0; text-align: left; }
.eventDisplay .images .add_more { padding-top:6px; text-align: right;}
/*.eventDisplay .images .add_more a{color: #59ca48; text-decoration: none;}*/



/* Find a review styles*/
.eventDisplay table.find_review{ width: 100%;}
.eventDisplay table.find_review td{ width: 50%; padding:10px 10px 30px 0px;}
.eventDisplay table.find_review .link{margin-left:85px; width:200px; display:inline-block; line-height:12px; padding-bottom:5px;}

/* Single Event reviews*/
.mainContent h5{margin-top: 5px;padding: 5px 0 5px 0; border-top: 1px solid #c0c0c0;}
.eventReview{ padding:0px 0 10px 0px; margin:0; line-height: 18px; border-bottom: 1px solid #c0c0c0;}
.eventReview .review {padding: 12px 0 0px 0; float: left; width: 84%; }
.eventReview .review .userInfo{float: left; width: 10%;}
.eventReview .review .userInfo img{padding: 1px; border: 1px solid gray;}
.eventReview .review .data strong{color:#39B471;}
.eventReview .review .data{ float: right; width: 88%; min-height: 145px; border-right: 1px solid #c0c0c0;}
.eventReview .review .data p {line-height: 16px; padding: 10px 10px 10px 0; font-size:11px;}
.eventReview .review .data .ratingblock{ padding: 0; margin: 0 0 2px 0;}
.eventReview .review .data strong {padding-left:5px;}
.eventReview .review .data a{color:#39B471;}
.eventReview .rating {padding: 10px 0 0px 0; float: right; width: 15%; text-align:left; }
.eventReview .rating .ratingblock{ padding: 0;}
.eventReview .rating .jbFormItemLabel, .eventReview .rating strong {font-size:11px;}

/* Send to friend form */
.popup{}
.error{ color: red;}
.success{ color: green;}
.popup .jbFormRow{width: 100%;}
.popup .jbFormRow .jbFormItemLabel{display: block; width: 100%; }
.popup .jbFormItemInputFull textarea{width: 99%;}

.bottomAds{margin-top: 20px;}
.bottomAds p { text-align: center;}
.bottomAds p img{ width: 90%; text-align: center;}


a.show_more{display:block; margin-top:20px; float:left; width:100%; margin-bottom:10px; color:#39B471; font-weight:bold}
a.show_more >img{margin-right:10px; vertical-align:middle}

.jbFormRow span.jbFormItemLabel{color: #575455; font-size: 13px; font-weight: bold; line-height: 15px;  }
.jbFormItemLabelNote{font-style:italic; font-size:80%; display:block; margin-left:10px;}

/*Login form*/
.login h1{ margin: 0 0 10px 0;}
.login .form{ padding:0; margin: 0; width: 60%; float: left; border-right: 1px solid #c2e1d3; }
.login .form .jbFormRow{ clear: both; padding: 18px 0 0 0;}
.login .form .jbFormRow span.jbFormItemLabel{ float: left; width: 90px; display: block; padding:0;}
.login .form .jbFormRowBottom{ padding: 5px;}
.login .jbFormRowButton{ margin-top:18px; line-height:24px;}
.login .form input[type="text"], .login .form input[type="password"]{ width:220px; float:right;}
.login form{ width:90%;}
.login .register h1{ padding-bottom: 10px;}
.login .form p{ padding: 0; text-align: right; font-size: 11px;}
.login .register{ width: 200px; float: left; text-align: left; padding-left:36px;}
.login .register a {margin:5px 0; padding:0; font-size: 14px; font-weight: bold;}
.login .register p{ padding:5px 0;}


#recaptcha_widget_div{margin:0px -5px !important; text-align:right;}
#recaptcha_widget_div #recaptcha_area{margin-top:10px; float:right;}
.captchaBox{border:1px solid #A3C39E; padding:10px;margin-top:18px;}
.captchaBox #recaptcha_widget_div #recaptcha_area{margin:10px auto; float:none;}
.captchaBox p{margin:0px; padding:0 0 5px 0;}

/* Profile */
.profile .left{ float: left; width: 295px; padding:0;}
.profile .right{ float: right; width: 295px; padding:0;} 
.profile .box{  border: 1px dashed #a9cdbd; margin:0 0 10px 0; padding: 10px;}
.profile .box span{ float: right;}
.profile .box h2{ text-transform: capitalize;}

/* Account Info */
.account{ margin: 0; padding:0; }
.account.forgot{ padding:0;}
.account fieldset{padding: 10px; border: 1px solid #c2e1d3;}
.account h1{ margin-bottom: 10px;}
.account .jbFormRow{ clear: both; padding: 18px 0 0px 0px;}
.account .jbFormRow span.jbFormItemLabel{ float: left; width: 30%; display: block; padding: 0px 0px 0px 0; font-weight: bold; font-size: 13px;}
.account .jbFormRow input{ width: 400px; line-height: 15px; font-size: 12px; margin: 0px 0 0 0; float:right;}
.account .jbFormRow input[type="checkbox"]{ width: auto; margin:4px 0 2px 0; border:0px;}
.account .jbFormRow select{ margin: 0; padding:3px; width:407px; float:right;}
.account .jbFormRow select[name="data[Day]"], .account .jbFormRow select[name="data[Year]"], 
.account .jbFormRow select[name="data[Month]"]{ margin: 0; padding:3px; width:auto; float:right; margin-right:10px;}
.account .jbFormRow textarea{ margin: 0; width: 404px; height: 100px; float:right;}
.account p{padding: 0px 0 10px 0 }
.account .jbFormRowButton{ text-align: center; padding-top:15px;}
.account .add{text-align: right;}
.account .jbFormItemInput{ float:right; width:407px;}
.account .jbFormItemInputFull .spell_checker_cp{ text-align: right; clear: both;}
.account .images_head{ padding:0 0 15px 0; border-bottom: 1px dashed #a9cdbd; }
.account .images_head .jbFormRow{ width: 100%;}
.account .myRaces{clear:both; padding:10px 0 10px 0; margin-top:15px; border-top: 1px solid #C2E1D3;}
.account .myRaces dt{ float: left; width:150px }
.account .myRaces dd{ float: right; width:440px; line-height: 16px; padding: 0 0 20px 10px;}
.account .myRaces dd p{ padding: 10px 0 5px 0}
.account .myRaces dt img { border: 1px solid #C2E1D3; padding: 2px;}
.account .imageList {float: left; z-index:1000; border: 1px solid #C2E1D3; margin: 10px; padding: 2px;}
.account .imageList.primary{border: 2px solid #00aa44; padding:1px;}
.account .imageContainer{width: 515px; margin: 0 auto;}
.account .captchaBox{ width:385px; float:right;}
.account .tc{ width:405px; float:right; text-align:left; padding-top:15px;}
.account .tc input{ margin-left:0px; padding-left:0px; }

.leftForm .jbFormItemInput{ text-align:left !important;}
.leftForm .jbFormItemInput input{float:left !important;}
.leftForm .jbFormItemInput input[type="checkbox"]{margin-left:0px;}
.leftForm .jbFormItemInput input[type="file"]{ margin-left:0px; padding-left:0px;} 
.leftForm .jbFormItemInput select{ float:left !important;}

/*.account fieldset.organizerInfo .jbFormRow{ width: 75%;}
.account fieldset.organizerInfo .jbFormRow span.jbFormItemLabel{float: left; width: 25%; display: block; padding: 5px 0px 0px 0; font-weight: bold; font-size: 13px;}
.account fieldset.organizerInfo .jbFormRow input{ width: 300px; margin:4px 0 2px 0;}*/

/* User detatils*/
.user_name{padding: 0 0 10px 0;}
.user_info{ padding: 10px 10px 0 0; }
.user_info .image{float: left; width: 150px; }
.user_info .image img {padding: 1px; border: 1px solid gray;}
.user_info .details{float: right; width: 400px; text-align:left; padding-right:30px;}
.user_info .details br{line-height:5px;}
.user_info a img.main_image{width: 150px; height: 150px; padding: 2px; border: 1px solid gray;}
.user_info .more{padding: 10px 0 10px 0}
.user_reviews{  margin: 10px 0 0 0; padding:10px 0 15px 0; }
.user_reviews h3{ margin: 0 0 0 15px}
.user_reviews .ratingblock{margin:0; padding:0;}
.user_reviews .eventReview{margin-top:10px;}
.user_reviews .review{border-right:1px solid gray; padding-right:10px; width:83%; padding-top:0px; margin-top:10px;}
.user_reviews .review strong{padding-left:3px;}
.user_reviews .rating{padding-top:8px; width:14%;}
.my_reviews{ margin-left:30px; }


/*Invite Friend Form*/
div.invite_friend{padding: 15px; width:575px;}
div.invite_friend .message{padding: 15px; width:545px; background-color: #ebf9e8;}
div.invite_friend .message textarea{width:100%; height:100px;}
div.invite_friend .captchaBox{ margin-left:auto; margin-right:auto; width:524px;}
div.invite_friend .jbFormRowButton{ text-align: center; padding:15px 15px 0 0;}
/*div.invite_friend #recaptcha_widget_div #recaptcha_area{margin-top:10px; float:left; margin-right:10px;}*/

table.invite_friend {width:100%;}
table.invite_friend input{width:92%;}
table.invite_friend  th{ padding: 0 0 10px 0px; width:33%}
table.invite_friend  td{ padding: 0 0 20px 0px; width:33%}



/* Request View */
.request{ padding: 10px 0;}
.request .userInfo{ float: left; width: 10%;}
.request .data{float: right; width: 88%;}
.request .data p{padding: 10px 0;}

/* Write review */
.review_search h1{ font-size: 20px;}

span.step{ color: #367C2B; padding: 5px 0 10px 0; margin: 5px 45px 0 10px; font-size: 14px }
table.write_review {width: 100%; margin: 0 auto;}
table.write_review td{ text-align: left; width: 40%;}
table.write_review td label{ font-size:14px; font-weight: bold; float: left; width: 100%; text-align: left; line-height: 18px;}
table.write_review td label span{font-weight: normal; font-size: 12px; font-style: italic;}
table.write_review td input[type="text"] {width: 200px; float: left; }
table.write_review td input.short {width: 150px; float: left;  }
.categories{ }
.categories a.add{float: right; margin: 0 10px 10px 0;}

.recentRaces h1{ padding: 20px 0 16px !important;}
.recentRaces .description{ padding:10px 0 5px 16px; font-size:11px;}



/* Review Form*/
.reviewForm{ padding-bottom:30px; }
.reviewForm .rating_div {  width: 615px; float: left;}
.reviewForm .rating_div .ratingblock{  width: 75px;}
.reviewForm .rating_div .jbFormRow span.jbFormItemLabel{float: left; width: 38%; text-align: left; display: block; padding: 5px 0px 5px 0;}
.reviewForm .rating_div .jbFormItemInput{ float: left; text-align: left; width: 20%; }
.reviewForm .rating_desc { width: 200px; float: right; margin-top: 0px; margin-right: 20px; font-style: italic;}

.reviewForm .jbFormRow{ clear: both; padding: 5px 0 5px 0px; }
.reviewForm .jbFormRow span.jbFormItemLabel{float: left; width: 40%; text-align: left; display: block; padding: 5px 0px 5px 0;}
.reviewForm .jbFormItemInput{ float: right; text-align: left; width: 60%; }
.reviewForm .jbFormItemInput input{text-align: left; width: 300px }
.reviewForm span.jbFormItemInputFull{ display: block; float: right; text-align: left; width: 99%; padding: 5px 0 0 0 ; }
.reviewForm span.jbFormItemInputFull .spell_checker_cp{width: 50%; text-align: right; float: right; display:inline;}
.reviewForm span.jbFormItemInputFull textarea{width: 100%; margin: 0;}
.reviewForm p{padding: 0px 0 10px 0 }
.reviewForm .jbFormRowButton{ text-align: center;}
.reviewForm .jbErrorBox{ width:90%;}

.reviewDisplay.single .reviewForm h2 a {}
.reviewDisplay.single .reviewForm h2 {border-bottom:1px solid #C0C0C0; padding-bottom:10px; margin-bottom:10px;}
.reviewDisplay.single .userInfo {float:left; padding:8px 10px 0 0;}
.reviewDisplay.single .userInfo a, .reviewDisplay .userInfo img {border:0px none;}

.reviewDislpay.single form{display:inline-block;}
.reviewDisplay.single .rating_div{ width:80%;}
.reviewDisplay.single .rating_div .jbFormRow span.jbFormItemLabel{width:60%;}

/***** Pagination *****/
.pagination{ padding: 10px; color: #2BAF67; font-size: 14px;}
.pagination span.link{ color: black;}
.pagination a{ color: #2BAF67;}

/***** Banner *****/

#banner {background:url('/UI/Skins/default/Images/site/banner.jpg') no-repeat; color:white; height:212px; margin: 1px 1px; position: relative; }
#about{width:20em; margin:1em 2em}
#about >a{    background-image:url('/UI/Skins/default/Images/site/review_button.png');  width:98px;  height:29px;  display:block;  text-align:center}



/***** Footer *****/
#footer{    clear:both;     text-align:center;     margin:10px;     position:relative;        padding-top:10px;     padding-bottom:10px; color:#367C2B; font-weight:bold; font-size:12px}
#copyright{    padding:5px 0;  }
#resources{    padding:5px 0;     width:100%;     }
#resources .first{border:none}
#resources li{ display:inline;  position:relative; border-left:#367C2B solid 1px; padding:0 10px}
#resources li a{ text-decoration: none; color: #367C2B;}



/* Rating stars*/

.rating .jbFormRow{margin-bottom:5px;}

.ratingblock{display:block; padding-bottom:8px; margin-bottom:8px}
.loading{height:15px; background:url('/UI/Images/Icons/working.gif') 50% 50% no-repeat;}
.unit-rating{list-style:none; margin:0px; padding:0px; height:15px; position:relative; background:url('/UI/Images/Icons/starrating.gif') top left repeat-x}
.unit-rating li{ text-indent:-90000px; padding:0px; margin:0px; /*\*/float:left; /* */}
.unit-rating li a{outline:none; display:block; width:15px; height:15px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px}
.unit-rating li a:hover{background:url('/UI/Images/Icons/starrating.gif') left center; z-index:2; left:0px}
.unit-rating a.r1-unit{left:0px}
.unit-rating a.r1-unit:hover{width:15px}
.unit-rating a.r2-unit{left:15px}
.unit-rating a.r2-unit:hover{width:30px}
.unit-rating a.r3-unit{left:30px}
.unit-rating a.r3-unit:hover{width:45px}
.unit-rating a.r4-unit{left:45px}
.unit-rating a.r4-unit:hover{width:60px}
.unit-rating a.r5-unit{left:60px}
.unit-rating a.r5-unit:hover{width:75px}
.unit-rating a.r6-unit{left:75px}
.unit-rating a.r6-unit:hover{width:90px}
.unit-rating a.r7-unit{left:90px}
.unit-rating a.r7-unit:hover{width:105px}
.unit-rating a.r8-unit{left:105px}
.unit-rating a.r8-unit:hover{width:120px}
.unit-rating a.r9-unit{left:120px}
.unit-rating a.r9-unit:hover{width:135px}
.unit-rating a.r10-unit{left:135px}
.unit-rating a.r10-unit:hover{width:150px}
.unit-rating li.current-rating{background:url('/UI/Images/Icons/starrating.gif') left bottom; position:absolute; height:15px; display:block; text-indent:-9000px; z-index:1}
.voted{color:#999}
.thanks{color:#36AA3D}
.static{color:#5D3126}

/* rating stars for landing page */
.landingPage .unit-rating li.current-rating, .landingPage .unit-rating li a:hover,
.landingPage .unit-rating {background-image:url('/UI/Images/Icons/starrating_yellow.gif');}


/* Big stars */
.unit-rating-big{list-style:none; margin:0px; padding:0px; height:30px; position:relative; background:url('/UI/Images/Icons/starrating_big.gif') top left repeat-x}
.unit-rating-big li{ text-indent:-90000px; padding:0px; margin:0px; /*\*/float:left; /* */}
.unit-rating-big li a{outline:none; display:block; width:30px; height:30px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px}
.unit-rating-big li a:hover{background:url('/UI/Images/Icons/starrating_big.gif') left center; z-index:2; left:0px}
.unit-rating-big a.r1-unit{left:0px}
.unit-rating-big a.r1-unit:hover{width:30px}
.unit-rating-big a.r2-unit{left:30px}
.unit-rating-big a.r2-unit:hover{width:60px}
.unit-rating-big a.r3-unit{left:60px}
.unit-rating-big a.r3-unit:hover{width:90px}
.unit-rating-big a.r4-unit{left:90px}
.unit-rating-big a.r4-unit:hover{width:120px}
.unit-rating-big a.r5-unit{left:120px}
.unit-rating-big a.r5-unit:hover{width:150px}
.unit-rating-big a.r6-unit{left:150px}
.unit-rating-big a.r6-unit:hover{width:180px}
.unit-rating-big a.r7-unit{left:180px}
.unit-rating-big a.r7-unit:hover{width:210px}
.unit-rating-big a.r8-unit{left:210px}
.unit-rating-big a.r8-unit:hover{width:240px}
.unit-rating-big a.r9-unit{left:240px}
.unit-rating-big a.r9-unit:hover{width:270px}
.unit-rating-big a.r10-unit{left:270px}
.unit-rating-big a.r10-unit:hover{width:300px}
.unit-rating-big li.current-rating{background:url('/UI/Images/Icons/starrating_big.gif') left bottom; position:absolute; height:30px; display:block; text-indent:-9000px; z-index:1}



ul.autocompleter-choices{position:absolute; margin:0; padding:0; list-style:none; border:1px solid #7c7c7c; border-left-color:#c3c3c3; border-right-color:#c3c3c3; border-bottom-color:#ddd; background-color:#fff; text-align:left; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; z-index:50; background-color:#fff}

ul.autocompleter-choices li{position:relative; margin:-2px 0 0 0; padding:0.2em 1.5em 0.2em 1em; display:block; float:none !important; cursor:pointer; font-weight:normal; white-space:nowrap; font-size:1em; line-height:1.5em}

ul.autocompleter-choices li.autocompleter-selected{background-color:#444; color:#fff}

ul.autocompleter-choices span.autocompleter-queried{display:inline; float:none; font-weight:bold; margin:0; padding:0}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9FCFFF}



#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}

#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay{position:absolute; z-index:100; top:0px; left:0px; background-color:#000}
#TB_window{position:absolute; background:#fff; z-index:102; color:#000; border:4px solid #525252; text-align:left}
#TB_window img{display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666}
#TB_caption{height:25px; padding:7px 30px 10px 25px; float:left}
#TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right}
#TB_closeAjaxWindow{padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right}
#TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px}
#TB_title{background-color:#e8e8e8; height:27px}
#TB_ajaxContent{clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}
#TB_ajaxContent p{padding:5px 0px 5px 0px}

#TB_load{position:absolute; display:none; height:100px; width:100px; z-index:101}


/* error and message styles */
.jbErrorBox{ 
   border: 1px solid #dd1111; background-color:#ffdddd; 
   color:black; margin:15px 0; padding:0px !important;}
.jbErrorBox h1{
   display:block; background-color:#dd1111; margin:0px; 
   color:white; font-size:110%;  font-weight:bold}
.jbErrorBox h1, .jbErrorBox p  , .success, .notification { 
   padding:10px; margin:0px;}
.jbErrorBox ul {
   padding:10px 0 0 0; margin:0px;}
.jbErrorBox li {
   padding:10px; padding-left:10px; margin-left:-2px;}
/*.jbErrorBox li:before{
   content:"►"; color:#dd1111; font-weight:bold; font-size:100%;padding-right:10px;}*/
.body.jbErrorBox{
   margin:20px 20px;}   
.profile .notification{
   margin:20px 0;}
.body.jbErrorBox h1{
   font-size:140%;}
.jbErrorBox.message , .success, .notification{
   border: 1px solid #367C2B; background-color:#ddffcc; }
.jbErrorBox.message h1{
   background-color:#367C2B;}   
.success, .notification{
   color:black; font-weight:normal; margin-bottom:15px;}
.success, .eventsDisplay .notification{
   margin:0 15px 15px 0;}
   
.charcount .remainingchars{ float:left; height:16px; padding:2px 5px; border:1px solid #A3C39E; border-bottom:0px none; text-align:center;}
.charcount .remainingchars.maxed{ background: #dd3333; color:white;}
   
/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}

.spell_checker_cp_check{    width:16px;     height:16px;     padding:3px;     background-image:url(/UI/Images/Icons/spellcheck.png);     background-repeat:no-repeat;     cursor:pointer}
.spell_checker_cp{margin:0px 0px 0 0px; }
.spell_check{    font-family:Courier;     font-size:11px}
.sc_misspelled{    color:#F00;     text-decoration:underline;     cursor:pointer}
.suggestionBox{    border:1px solid #000;     background-color:#ADE4F8;     z-index:5000;     padding:5px}
.suggestionBox div.suggestion, .suggestionBox div.addToDictionary{    text-decoration:underline;     cursor:pointer}
.corrected{    color:#090}
.spell_checker_cp_resume{width:16px; height:16px; padding:3px; background-image:url(/UI/Images/Icons/resume.png); background-repeat:no-repeat; cursor:pointer}
.spell_checker_cp_working{width:16px; height:16px; padding:3px; background-image:url(/UI/Images/Icons/working.gif); background-repeat:no-repeat}
.spell_checker_cp_result{ float: right;  border:1px solid #000;  background-color:#FFF;  font-family:Courier;  font-size:11px;  overflow:auto;  margin: 0;  padding:0;}

#recaptcha_area{margin: 0 auto;}

.race_search form{ 
width:auto; 
padding:0 10px 0 20px; 
} 

.race_search form table td{ 
text-align:left; 
} 

.race_search form table td label{ 
width:220px; 
margin-left:5px; 
float:none; 
} 

.race_search form table td input#sli_search_1{ 
width:563px; 
float:none; 
border:1px solid #A3C39E; 
height:18px; 
line-height:14px; 
padding:4px 0 2px 5px; 
} 

.race_search form table td input.submit{ 
float:none; 
display:inline; 
vertical-align:middle; 
margin-bottom:-6px; 
}