/*Last Update: June 5, 2009 */

/*Global Styles*/
body{background:#333333 url(../images/background.png) 0 0 repeat-x; color: #363636; font-family:arial,verdana,tahoma;font-size:75%;}
p{font-size:1.1em;margin-bottom:1.1em;}
h1{font-size:2em;}
h2{color:#df0822;font-size:1.5em;font-weight:bold;font-family:tahoma;}
h3{font-size:1.2em;}
a{color:#ffcd0d; font-weight:bold;text-decoration:none;}
hr{margin:1.5em 0;}
.leftalign{float:left;margin-right:10px;margin-bottom:10px;}
.rightalign{float:left;margin-left:10px;margin-bottom:10px;}


/*layout*/
#main{margin-bottom:100px;}
#main a:hover { text-decoration: underline; }
/*.page{background:#CBCBCB url(../images/content-bak.gif) 0 0 no-repeat;}*/
#main img{padding:10px;border:1px solid #cccccc;}
#main #container{margin:0px auto; width:939px; background:#CBCBCB url(../images/form-bak.gif) 0 0 repeat-x; padding-bottom: 30px; margin-bottom: 10px;}
body.homepage #main #container { background: none; padding: 0; margin-bottom: 0;} 
#main .inner{padding:14px;padding-top:0;}

/*header*/
#header{margin:0 auto;width:950px; height: 142px;
	background: url(/images/bikers.jpg) no-repeat top right transparent;
}
img.bikers{margin-left:60px;}

/*nav*/
#navigation{background-color:#100f0f;height:32px;margin:0 auto;width:940px;}
#menu{background:url(../images/navigation.png) 0px -32px;height:32px;position:relative;width:939px;}
#menu li{display:block;position:absolute;top:0;}
#menu a{display:block;height:32px;}
#info{left:357px;height:32px;width:112px;}
#info a:hover, #info a.selected {background:url(../images/navigation.png) -357px 0px no-repeat;}
#register{left:472px;height:32px;width:208px;}
#register a:hover, #register a.selected{background:url(../images/navigation.png) -472px 0px no-repeat;}
#media{left:680px;height:32px;width:122px;}
#media a:hover, #media a.selected {background:url(../images/navigation.png) -680px 0px no-repeat;}
#contact{left:804px;height:32px;width:101px;}
#contact a:hover {background:url(../images/navigation.png) -804px 0px no-repeat;}

/*hompage*/
#pictures{margin:0px auto; height: 231px;}
#pictures img{float:left;width:939px;height:231px;overflow:hidden; padding: 0; border: 0;}

#pictures #pic_l,
#pictures #pic_c,
#pictures #pic_r {
	width:313px;
	height:231px;
	float: left;
}

#actions{background:url(../images/call-to-action-bak.gif) 0 50% no-repeat;width:939px;height:223px;}
#actions .box{float:left;width:253px;padding:22px 30px 20px 30px;}
#actions .box hr{border-bottom:1px solid #cecece; margin-top: 5px; margin-bottom: 5px;}
#actions h2.headline1{color:#ac5a0b;}
#actions h2.headline2{color:#4a7522;}
#actions h2.headline3{color:#3e6d90;}
#actions ul {
	height: 60px;
	padding-bottom: 20px;
	padding-left: 1em;
}
#actions ul li {
	list-style: disc;
	padding-bottom: 3px;
}
.actionButton { text-indent: -99999em; }
a.rideButton { background: url(../images/ride-button.png) 0px 0px no-repeat; width: 200px; height: 35px; display: block; }
a.rideButton:hover {background-position: 0px -35px; }
a.donateButton { background: url(../images/donate-button.png) 0px 0px no-repeat; width: 228px; height: 36px; display: block; }
a.donateButton:hover { background-position:  0px -35px; }
a.volunteerButton { background: url(../images/volunteer-button.png) 0px 0px no-repeat; width: 228x; height: 38px; display: block;}
a.volunteerButton:hover  { background-position: 0px -37px; }
a.mediaButton { background: url(../images/media-button.png) 0px 0px no-repeat; width: 192px; height: 38px; display: block;}
a.mediaButton:hover  { background-position: 0px -39px; }
#bottom { background:url(../images/bottom-bak.gif) 0 50% no-repeat; width:939px; height:145px; margin-top:10px;}
#bottom .box{color:#767676;float:left;width:253px;padding:18px 30px 20px 30px;height:120px;}
#bottom .box h3{color:#ffffff;margin-bottom:1em;}
#bottom .box ul{margin-bottom:1em;}
#bottom a{color:#ffcd0d;}
.first{background:url(../images/helmet.gif) bottom right no-repeat;}
.third{background:url(../images/piggy.gif) bottom right no-repeat;}
.second{background:url(../images/people.gif) bottom right no-repeat;}

/*content page*/
#left-nav{float:left;width:266px;margin-top:20px;margin-left:25px;}
#left-nav .inner { background-color: #f6f6f6; padding-top:20px;  }
#left-nav ul{width:235px;margin:0 auto;}
#left-nav ul li{background: url(../images/nav-bak.gif) 0px 0px no-repeat; padding:6px 0px 10px 10px;font-size:1.2em;margin-bottom:.4em; width: 237px;}
#left-nav ul li.selected{ background: url(../images/nav-selected.gif) 0px 0px no-repeat;}
#left-nav li a{color:#000000;}
#left-nav li ul{margin:10px 0px 0px 20px; width:200px;  }
#left-nav li li{background:url(../images/arrow.gif) 0 6px no-repeat;padding-left:15px;width:auto;height:auto;padding:5px 0px 5px 20px;font-size:.9em;font-weight:normal;border-bottom:1px solid #cccccc;}
#left-nav li li.bottom{border:none;margin-bottom:0;}
#left-nav li li a{color:#4f4f4f;}
#left-nav li.selected a{color:#ffb61d;}
#column{float:left;width:600px;margin-left:15px;margin-top:20px;}
#column .inner{background:#ffffff url(../images/cyclists.gif) bottom right no-repeat; padding:15px; padding-bottom:120px;}
.spacer{clear:both;height: 10px;}
#footer{background:#000000;color:#ffffff;height:29px;text-align:center;vertical-align:middle;padding-top:10px; width: 939px; margin: 0 auto;}
#footer span{color:#ffcd0d;display:inline;}

/*lightbox*/
#backgroundPopup{display:none;position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1;}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:408px;
background-color: #fefefe;
border:2px solid #cecece;
z-index:90000;
padding:12px;
}

#popupContact form{margin:10px 0 10px 100px;  width:300px;  padding; 0;}
#popupContact p{padding:0px 8px;}
#popupContact h1{text-align:left;font-size:22px;font-weight:700;border-bottom:1px dotted #D3D3D3;padding-bottom:2px;margin-bottom:20px;}
#popupContactClose{font-size:20px;line-height:14px;right:10px;top:6px;position:absolute;color:#ff5533;font-weight:700;display:block;padding:6px; }
#popupContactClose{cursor:pointer;}

/*form pages*/
.form-inner{padding:30px 26px;}
#form-nav{background:transparent url(../images/tab-bak.png) 0 0 repeat-x;height:82px;margin:0 auto;width:872px;}
#tabs{background:url(../images/form-navigation.png) 0px 0px no-repeat;height:82px;position:relative;width:481px;left:10px;top:8px;}
#tabs li{display:block;position:absolute;top:0;}
#tabs a{display:block;height:82px;}
#rider{left:4px;height:82px;width:133px;}
#rider a:hover, #rider a.selected {background:url(../images/form-navigation.png) -4px -82px no-repeat;}
#volunteer{left:150px;height:82px;width:163px;}
#volunteer a:hover, #volunteer a.selected{background:url(../images/form-navigation.png) -150px -82px no-repeat;}
#donation{left:328px;height:82px;width:149px;}
#donation a:hover, #donation a.selected{background:url(../images/form-navigation.png) -328px -82px no-repeat;}
#lists-nav{background: transparent url(../images/lists-nav.png) 0 0 no-repeat; width: 876px; height: 68px; }


/**form code**/
#form-wrapper{margin:20px auto;width:872px;}
#form-wrapper .inner{background: #ffffff url(../images/cyclistsBig.gif) bottom right no-repeat; padding:20px 10px;}
#form-wrapper p{padding:10px;}
#form-wrapper h2{border-top:2px solid #d5d4ce;border-bottom:1px solid #d5d4ce;color:#00386b;font-size:1em;padding:6px 0 6px 9px;margin-bottom:8px;}
form.register{margin:10px 30px 20px 0px;width:416px;}
#form-wrapper form p{padding:10px 10px 0px 10px;}
#total-donation{color:#616161; background: url(../images/total-donation.png) 0px 0px no-repeat; width:170px; height:93px; font-size:1.8em; margin-top: 14px;}
#total-donation .pad { padding-left: 40px; padding-top: 43px; float: left; background: none;}
div.col1 { float: left; width: 220px;  }
div.col2 { float: left; width: 170px; }
form.register ul{margin:0;padding:0;list-style-type:none;}
form.register li{display:block;margin:0;padding:6px 5px 9px 9px;clear:both;}
form.register li:after,form.register li div:after{ /*content:".";display:block;height:0;clear:both;visibility:hidden;*/}
* html form.register li{height:1%;}
* html form.register li div{display:inline-block;}
*+html form.register li div{display:inline-block;}
form.register li div,form.register li span{margin:0 .3em 0 0;padding:0;color:#444;float:left;display:inline-block;}
form.register li span.radioLabel { height: 15px; vertical-align: center; font-weight: bold; padding-bottom: 5px; padding-left: 10px;}
form.register li span{float:left;}
form.register p{padding:4px;}
fieldset{margin-bottom:1em;padding:0 10px;display:block;}
legend{}
.center,form.register li span.center input.text,form.register li span.center label,form.register li.name input.text,form.register li.name span label,form.register li.date input.text,form.register li.date span label,form.register li.phone input.text,form.register li.phone span label,form.register li.time input.text,form.register li.time span label{text-align:center;}
form.register li.time select.select{margin-left:5px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both !important;}
form.register li div label,form.register li span label{margin:0;padding-top:6px;clear:both;font-size:10px;line-height:10px;color:#444;display:block;}
form.register li div span label{padding-bottom:12px;}
label.desc{line-height:150%;margin:0;padding:1px 0 3px 0;border:none;color:#222;display:block;font-weight:bold;}
label.choice{display:inline;float:left;}
span.symbol{font-size:120%;line-height:135%;}
form.register li .datepicker{float:left;margin:.19em 5px 0 0;padding:0;width:16px;height:16px;cursor:pointer !important;}
input.text,input.file,textarea.textarea,select.select{margin:0;font-size:100%;color:#333;}
input.text,input.file,textarea.textarea,.firefox select.select{border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd;background:#fff url(/images/fieldbg.gif) repeat-x top;}
body:nth-of-type(1) input.file{
border:none;background:none;}
input.text,input.file{padding:2px 0 2px 0;}
input.file{margin-bottom:10px;}
input.checkbox,input.radio{display:block;width:13px;height:13px;float:left;}
input.other{margin:0 0 8px 25px;}
textarea.textarea{}
input.small,select.small{width:25%;}
input.medium,select.medium{width:45%;}
input.large,select.large,textarea.textarea{width:100%;}
textarea.small{height:5.5em;}
textarea.medium{height:60px;}
textarea.large{height:20em;}
.italic{color:#ccccc;font-style:italic;}
.leftLabel li,.rightLabel li{padding-top:9px;}
.leftLabel label.desc,.rightLabel label.desc{float:left;margin:0px 6px 0 0;display:block;width:115px;}
.leftLabel li div.col,.rightLabel li div.col,.leftLabel li.complex div,.rightLabel li.complex div{float:left;}

.leftLabel .small,.rightLabel .small{width:100px;}
.leftLabel .medium,.bottomLabel .medium{width:200px;}
.bigLabel .medium{width:300px;}
* html .leftLabel .small,* html .rightLabel .small{width:23%;}
* html .leftLabel .medium,* html .rightLabel .medium{width:55%;}
* html .leftLabel .large,* html .leftLabel textarea.textarea,* html .rightLabel .large,* html .rightLabel textarea.textarea{width:97%;}
.leftLabel p.instruct,.rightLabel p.instruct{width:27%;margin-left:5px;}
.leftLabel .altInstruct .instruct,.rightLabel .altInstruct .instruct{margin-left:29% !important;padding-left:15px;width:65%;}
.leftLabel .buttons,.rightLabel .buttons{}
* html .leftLabel .buttons,* html .rightLabel .buttons{margin-left:4px;}
*+html .leftLabel .buttons,*+html .rightLabel .buttons{margin-left:7px;}
.leftLabel .buttons .submit,.rightLabel .buttons .submit{}
* html .leftLabel .buttons .submit,* html .rightLabel .buttons .submit{}
span.req{display:inline;float:none;color:red !important;font-weight:bold;margin:0;padding:0;}
input.payPalButton {  cursor: pointer; background: url(../images/paypal-button.png) 0px 0px no-repeat; width: 256px; height: 36px; display: block; text-indent: -99999em; border: none;}
input.payPalButton:hover { background-position: 0px -39px; }
input.sendMessage {  cursor: pointer; background: url(../images/send-message2.png) 0px 0px no-repeat; width: 170px; height: 36px; display: block; text-indent: -99999em; border: none; margin-top: 5px; }
input.sendMessage:hover { background-position: 0px -38px; }

/*rounded corners*/
.rounded{display:block}
.rounded *{display:block;  height:1px;  overflow:hidden;  font-size:.01em;  background:#ffffff; }
.rounded1{margin-left:3px;  margin-right:3px;  padding-left:1px;  padding-right:1px;  border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;  background:#f4f4f4}
.rounded2{margin-left:1px;  margin-right:1px;  padding-right:1px;  padding-left:1px;  border-left:1px solid #d7d7d7;  border-right:1px solid #d7d7d7;  background:#f6f6f6}
.rounded3{margin-left:1px;  margin-right:1px;  border-left:1px solid #f6f6f6;  border-right:1px solid #f6f6f6;}
.rounded4{border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5}
.rounded5{border-left:1px solid #f4f4f4;  border-right:1px solid #f4f4f4}
.roundedfg{background:#ffffff}
#left-nav .rounded * { background: #f6f6f6; }

/*scrollbars*/
#scrollbars { color: #4f4f4f; }
#scrollbars .recepient { color: #e89a09; font-size: .9em;}
#scrollbars .amount { color: #000000; }
.osX .jScrollPaneTrack{background:url(../images/osx_track.gif) repeat-y;}
.osX .jScrollPaneDrag{background:url(../images/osx_drag_middle.gif) repeat-y;}
.osX .jScrollPaneDragTop{background:url(../images/osx_drag_top.gif) no-repeat;height:6px;}
.osX .jScrollPaneDragBottom{background:url(../images/osx_drag_bottom.gif) no-repeat;height:5px;}
.osX a.jScrollArrowUp{height:15px;background:url(../images/osx_arrow_up.png) no-repeat 0 0px;}
.osX a.jScrollArrowDown{height:15px;background:url(../images/osx_arrow_down.png) no-repeat 0 0px;}
.holder{float:left;margin:10px;}
.jScrollPaneContainer{width:141px; background:#ffffff;  }
.scroll-pane{width:131px;height:200px;overflow:auto;background:#ffffff;float:left;padding-bottom:150px;padding-left:5px;padding-top:10px;}
#col1,#col2,#col3,#col4,#col5{height:270px;  width:131px; padding:10px; background:#ffffff;  }
.col .spacer{height:500px; }
.col{float: left; margin-left:27px; margin-top:10px; }
.col div { width: 151px; }
.left{float:left; margin-left:0px!important;}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}


.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

/*clearfix*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

#column h3 {
	font-weight: bold;
	margin-bottom: 1em;
}

#column ul {
	padding-left: 3em;
	padding-bottom: 1em;
}

#column ul li {
	list-style: disc;
}

.total {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#report {
	padding: 20px;
}

#report h1 {
	padding-bottom: 10px;
}

#report dl {
	font-size: 13px;
	margin-bottom: 20px;
}

#report dt {
	font-weight: bold;
}

#report dd {
	padding-left: 20px;
	padding-bottom: 5px;
}

#report table {
	width: 100%;
	border-collapse: collapse;
}

#report table,
#report tr,
#report th,
#report td {
	border: 1px solid DarkGray;
	background-color: White;
	color: Black;
}

#report td,
#report th {
	padding: 4px;
}

#report th {
	background-color: Black;
	color: White;
	font-weight: bold;
}

#report .section {
	font-size: 13px;
	font-weight: bold;
	background-color: LightGray;
}

#reportMenu {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#reportMenu li {
	display: inline;
	padding-right: 5px;
}

#reportMenu a {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}

#reportMenu a:hover {
	text-decoration: none;
}

#report tr.complete td {
	background-color: LightGreen;
}

.remaining {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	font-weight: bold;
	padding-left: 15px;
}