/*---------- Start header site Format ----------------*/
#wrapper {background: #FFF;}
#header {height:60px;}
#header img {padding:0; margin:0 0 0 18px; border:none;}
#login {float:right; width: 175px; margin: 0 -5px 0 0;}
#userbar {height:35px;}
#userbar ul{float:right; }
#userbar li {float:left; padding: 5px 4px;}
#homemain {background:transparent url(/assets/images/home.jpg) repeat scroll 0 0; height:227px; width: 611px;}
/*---------- End header site Format ----------------*/

/* ----------------------------- Start #navbar ----------------------------- */
#navbar { background: #000000;  overflow: hidden; height: 23px; }
#navbar ul { float: left; margin: 0;}
#navbar li { float: left; padding: 0 3px; list-style:none; }
#navbar li a { float: left; display:block;  }
#navbar li a img, #buttons li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#navbar li a:hover, #buttons li a:hover { visibility:visible; }
#navbar li a:hover img, .buttons li a:hover img { visibility:visible; }
#navbar li a:hover img, .buttons li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
.buttons a { display:block;  }
/* ----------------------------- end #navbar ----------------------------- */

/* ----------------------------- start #navbar rolloevers ----------------------------- */
#one { background:url(/assets/images/menu/nav_home_02.gif) no-repeat left bottom; }
#two { background:url(/assets/images/menu/nav_findaride_02.gif) no-repeat left bottom; }
#three { background:url(/assets/images/menu/nav_submitaride_02.gif) no-repeat left bottom; }
#four { background:url(/assets/images/menu/nav_contest_02.gif) no-repeat left bottom; }
#five { background:url(/assets/images/menu/nav_forum_02.gif) no-repeat left bottom; }
#six { background:url(/assets/images/menu/nav_blog_02.gif) no-repeat left bottom; }
#seven { background:url(/assets/images/menu/nav_cyclingevents_02.gif) no-repeat left bottom; }
#findmain { background:url(/assets/images/btns/btn_findaride_02.gif) no-repeat; }
#submitmain { background:url(/assets/images/btns/btn_submitaride_02.gif) no-repeat; }
#regmain { background:url(/assets/images/btns/btn_register_02.gif) no-repeat; }
/* ----------------------------- end #navbar rolloevers ----------------------------- */

/*---------- Start Left Column ----------------*/
.content {background:#fff;border:1px solid #ccc;padding:1.4em; margin-right: 15px;}
.border{border: 1px solid #CCC; padding: 18px;width:902px;display:block; min-height:90%;}
/*---------- End Left Column ----------------*/

/*---------- Start right Column ----------------*/
#rightcol {width:300px; padding: 0 5px 0 0;}
/*---------- Start right Column ----------------*/

/*---------- Start boxes ----------------*/
.box {float:left; width:300px;margin:20px 25px 0 0;}
.box h5, .box_right h5, .box h6, .box_right h6, .box_right p{margin:0;}
.box_right{float:left; width:300px; margin-top:20px;}
.boxheader{background:#DCDCDC;padding:5px;width:290px;}
.boxbodysmall{height: 81px; margin:0 0 1em;padding:10px; border: 1px solid #DCDCDC;}
.boxbody{margin:0 0 1em;padding:10px; border: 1px solid #DCDCDC;}
.boxbodyfluid{margin:0 0 1em;padding:10px;}
.boximg img{float:left;margin:5px 10px 3px 3px;}
.nomarg p {margin-bottom:0;}
.headerbox{height:23px;}
.headerbox img {float:right; padding:7px 5px 0 0;}
.boxpad {margin: 0 0 5px 0;}
/*---------- end boxes ----------------*/

/* ----------------------------- start #footer ----------------------------- */
#footer{clear:both;color:#666;margin:0 0 10px;padding:10px;text-align:center;}
#footer ul,#footer p{margin-bottom:0;}
.bar{background:#DCDCDC;height:23px;margin:8px 0;}
.footlinks li{display:inline;}
.footlinks a{color:#666;text-decoration:none;}
/* ----------------------------- start #footer ----------------------------- */

/* ----------------------------- Start notice boxes format ----------------------------- */
.doh{display:none;}
.doh label{color:red;}
.errors,.notice,.success{border:2px solid #ddd;margin-bottom:1em;padding:.8em;}
.errors{background:#FBE3E4;border-color:#FBC2C4;color:#8a1f11;}
.notice{background:#FFF6BF;border-color:#FFD324;color:#514721;}
.success{background:#E6EFC2;border-color:#C6D880;color:#264409;}
.errors a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}
.notice p{margin:0;}
.errors p {margin: 5px 0;}
.errors ul {margin: 0 0 0 20px ; list-style-type:disc;}
/* ----------------------------- Start notice boxes format ----------------------------- */

/* ----------------------------- Start main site general format ----------------------------- */
.pfix {margin: 0 0 10px 0;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}
.indent {padding: 0 0 0 5px;}
.push {padding:0 5px 0 0;}
.content p {padding-left:10px;}
.header {margin: 10px 0 0 0;}
.headindent {margin: -5px 0 0 10px;}
.smallheadindent {margin: -5px 0 0 10px;}
.imgfix {margin: 20px 0;}
.addspace {margin: 10px 0;}
.addallspace {margin: 10px;}
.marginleft {margin-left:10px;}
/* ----------------------------- Start main general site format ----------------------------- */

/*---------- Start Guest Format ----------------*/
.guestcont {width: 620px; padding: 0 30px 0 5px;}
.guestbtn {float:left; display:inline; width: 610px; margin:0pt 0pt 15px;}
.guestbtn li {float:left; width:300px;margin:20px 5px 0 0;}
/*---------- End Guest Format ----------------*/

/*---------- Login Form Format ----------------*/
.niceform{float:left;margin-right:5px;text-align:left;width:75px;}
.niceforminput{display:block;width:150px;}
.loginform {margin: 10px 0;}
.loginul li {float:left; padding: 0 10px 0 0;}
/*---------- Login Form Format ----------------*/

/*---------- Start Profile Format ----------------*/
.profilepad {width:130px; float:left; margin: 0 5px 10px 0;}
/*---------- End Profile Format ----------------*/

/*---------- Start Ride Search Format ----------------*/
.frmSearch {width:200px;}
#FindResultsData{border:1px solid #CCC; width:900px;}
#FindResultsData table{width:900px;}
#LoadingResults{text-align:center; display:none;}
#groupsearch {margin: 5px 0;}
#searchform {width:900px;}
#searchform table{margin: 15px 0; width:100%;}
#searchfrom th {background:#DCDCDC;padding: 5px 10px 5px;text-align:left;}
#searchresults{margin:0;padding:0;width:100%;}
#searchresults th{background:none;border-bottom:1px solid #C1DAD7;border-left:0;border-right:1px solid #C1DAD7;border-top:0;color:#4f6b72;font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;letter-spacing:2px;padding:6px 6px 6px 12px;text-align:left;text-transform:uppercase;}
#searchresults td{background:#fff;border-bottom:1px solid #CCC;padding:5px 0;}
#searchfrom th.group,#searchfrom th.diff,#searchresults td.group,#searchresults td.diff{width:5%;}
#searchresults td.group {text-align:center;}
#searchfrom th.ridename,#searchresults td.ridename{width:25%;}
#searchfrom th.location,#searchresults td.location{width:20%;}
#searchfrom th.distance,#searchfrom th.riderating,#searchresults td.distance,#searchresults td.riderating{width:10%;}
/* Search Pagging */
div.pager{padding:5px;text-align:center;width:300px;}
div.pager span{padding:0 5px;}
div.pager input.prev{margin-right:10px;width:auto;}
div.pager input.next{margin-left:10px;width:auto;}
div.pager input{border:1px solid #777;font-size:12px;text-align:center;width:50px;}
/* tables results */
table.tablesorter{font-family:arial;font-size:8pt;margin:10px 0 15px;text-align:left;width:100%;}
table.tablesorter thead tr th,table.tablesorter tfoot tr th{background-color:#DCDCDC;border:1px solid #FFF;font-size:11px;padding:4px;}
table.tablesorter thead tr .header{background-image:url(/assets/images/bg.gif);background-position:center right;background-repeat:no-repeat;cursor:pointer;}
table.tablesorter tbody td{background-color:#FFF;border-bottom:1px solid #CCC;color:#3D3D3D;font-size:11px;padding:4px;vertical-align:middle;}
table.tablesorter tbody tr.odd td{background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp{background-image:url(/assets/images/asc.gif);}
table.tablesorter thead tr .headerSortDown{background-image:url(/assets/images/desc.gif);}
table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp{background-color:#8dbdd8;}
/*---------- End Ride Search Format ----------------*/

/*---------- Start Media Format ----------------*/
.media {height:175px; margin: 0;}
.mediaride li {float:left;padding:5px;}
.media h6, .mediaride h6 {margin-bottom:0;}
.media img, .mediaride img {background:#FFF;border:1px solid #888;color:inherit;padding:2px;vertical-align:top;width:125px; height:75px; margin: 0 0 5px 0;}
.medianav{float:right; width: 275px;}
.medianav li{float:right;list-style:none;}
.medianav a{color:#565656;cursor:pointer;display:block;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:13px;font-weight:700;line-height:130%;margin:5px 0;padding:0 2px;text-decoration:none;}
.medianav a:hover{color:#999;}
.ridemedia {float:left; margin: 0 0 0 15px; width: 500px;}
.ridemedia li {float:left;display:inline; padding:0 20px 0 0;}

.jqiwarning .jqi{background-color:#FFF;}
.jqifade{background-color:#333;position:absolute;}
div.jqi{background-color:#FFF;border:3px solid #CCC;padding:10px;position:absolute;text-align:left;width:300px;}
div.jqi .jqicontainer{background-color:#FFF;color:#333;font-weight:700;padding:5px;}
div.jqi .jqiclose{cursor:pointer;float:right;margin:-35px -10px 0 0;}
div.jqi .jqimessage{background-color:#FFF;padding:10px;}
div.jqi .jqimessage .field{padding:5px 0;}
div.jqi .jqimessage .field label{clear:left;display:block;float:left;width:100px;}
div.jqi .jqimessage .field input{border:solid 1px #777;width:150px;}
div.jqi .jqimessage .field input.error{border:solid 1px red;width:150px;}
div.jqi .jqibuttons{padding:5px 0 0;text-align:center;}
div.jqi button{margin:0 10px;padding:3px 10px;}
/*---------- End Media Format ----------------*/


/*---------- Start Event Format ----------------*/
.eventtype {padding: 5px; text-align:center;background: #FFCC00;font-variant: small-caps;}
#defaultresults {border:1px solid #CCC; border-top:0; border-bottom: 0;}
.eventlist {margin:0; height: 30px; width: 580px; font-size:12px;}
.eventlist li {float:left; padding: 5px 10px;border-bottom: 1px solid #CCC;}
.eventlist li.date {width:100px;}
.eventlist li.event {width:210px;}
.eventlist li.location {width:130px;}
.eventlist li.type {width:60px;}


#eventsearch {width:580px; margin:0;}
#eventsearch table{margin: 15px 0 0; width:100%;}
#eventsearch td {padding: 5px 10px 5px;text-align:left;}

#eventsearch th {background:#DCDCDC;padding: 3px 10px;text-align:left;}
#eventsearch th.date{width:100px;}
#eventsearch th.event{width:210px;}
#eventsearch th.location{width:130px;}


#resultsevent table{margin:0; width: 100%;}
#resultsevent tr {width: 100%;}
#resultsevent td {padding: 5px 10px 5px;text-align:left;}
#resultsevent td.date{width:100px;}
#resultsevent td.event{width:210px;}
#resultsevent td.location{width:130px;}

#eventsearch1{margin:20px 0 0 0;padding:0;width:100%;}
#eventsearch1 th{background:none;border-bottom:1px solid #C1DAD7;border-left:0;border-right:1px solid #C1DAD7;border-top:0;color:#4f6b72;font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;letter-spacing:2px;padding:6px 6px 6px 12px;text-align:left;text-transform:uppercase;}
#eventsearch1 td{background:#fff;border-bottom:1px solid #CCC;padding:5px 0;}
/*---------- End Event Format ----------------*/


/*---------- Date Picker Format ----------------*/
#datepicker_div,.datepicker_inline{background:#ddd;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0;padding:0;width:185px;}
#datepicker_div{border:1px solid #777;display:none;z-index:9999;}
.datepicker_inline{border:0;display:block;float:left;}
.datepicker_rtl{direction:rtl;}
.datepicker_dialog{border:4px ridge #ddd !important;padding:5px !important;}
button.datepicker_trigger{width:25px;}
img.datepicker_trigger{margin:2px;vertical-align:middle;}
.datepicker_prompt{background:#ddd;color:#000;float:left;padding:2px;}
* html .datepicker_prompt{width:185px;}
.datepicker_control,.datepicker_links,.datepicker_header,.datepicker{clear:both;color:#333;float:left;width:100%;}
.datepicker_control{background:#DCDCDC;padding:2px 0;}
.datepicker_links{background:#FFCC00;padding:2px 0;}
.datepicker_control,.datepicker_links{font-size:80%;font-weight:700;letter-spacing:1px;}
.datepicker_links label{color:#888;padding:2px 5px;}
.datepicker_clear,.datepicker_prev{float:left;width:34%;}
.datepicker_rtl .datepicker_clear,.datepicker_rtl .datepicker_prev{float:right;text-align:right;}
.datepicker_current{float:left;text-align:center;width:30%;}
.datepicker_close,.datepicker_next{float:right;text-align:right;width:34%;}
.datepicker_rtl .datepicker_close,.datepicker_rtl .datepicker_next{float:left;text-align:left;}
.datepicker_header{background:#333;font-weight:700;height:1.3em;padding:1px 0 3px;text-align:center;}
.datepicker_header select{background:#333;border:0;color:#fff;font-weight:700;}
.datepicker{background:#ccc;font-size:100%;text-align:center;}
.datepicker a{display:block;width:100%;}
.datepicker_daysRow{background:#eee;color:#666;}
.datepicker_weekCol{background:#777;color:#fff;}
.datepicker_daysCell{border:1px solid #ddd;color:#000;}
.datepicker_daysCell a{display:block;}
.datepicker_weekEndCell{background:#ddd;}
.datepicker_daysCellOver{background:#fff;border:1px solid #777;}
.datepicker_unselectable{color:#888;}
.datepicker_today{background:#00AEF0 !important;}
.datepicker_currentDay{background:#999 !important;}
.datepicker_status{background:#ddd;font-size:80%;text-align:center;width:100%;}
/* ________ Datepicker Links _______

** Reset link properties and then override them with !important  */
#datepicker_div a,.datepicker_inline a{background:none;color:#000;cursor:pointer;margin:0;padding:0;}
.datepicker_inline .datepicker_links a{padding:0 5px !important;}

.datepicker_control a,.datepicker_links a{color:#222 !important;padding:2px 5px !important;}
.datepicker_titleRow a{color:#eee !important;}
.datepicker_control a:hover{background:#fdd !important;color:#333 !important;}
.datepicker_links a:hover,.datepicker_titleRow a:hover{background:#ddd !important;color:#333 !important;}
/* ___________ MULTIPLE MONTHS _________ */
.datepicker_multi .datepicker{border:1px solid #777;}
.datepicker_oneMonth{float:left;width:185px;}
.datepicker_newRow{clear:left;}
/* ___________ IE6 IFRAME FIX ________  */
.datepicker_cover{display:block;filter:mask();height:200px;left:-4px;position:absolute;top:-4px;width:200px;z-index:-1;}
.datepicker_titleRow,.datepicker_titleRow .datepicker_weekEndCell{background:#777;}
/*---------- End Date Picker Format ----------------*/