@charset "utf-8";
/* ------------------------------------------------------------------
Theme Name: Pelotonia 2012
Description: The parent theme for the Pelotonia 2012 site. Design by <a href="http://baseartco.com/">Base Art Co.</a>
Version: 1.0
Version Date: 01 December 2011
Author: Process Interactive
Author URI: http://processinteractive.com/
Editor: Dwarf Dog Chuck
Editor URI: http://dwarfdogchuck.com/
------------------------------------------------------------------- */
@import url("drawer.css");
@import url("globalnav.css");
@import url("asides.css");
@import url("gallery.css");
@import url("gwg-2011.css");

::selection {background: #39d52d;}
::-moz-selection {background: #39d52d;}
/* =RESET
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dl, dt, dd, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* Remember to define focus styles! */
:focus { outline: 0; }
body { background: white; color: black; line-height: 1; }
ol, ul { list-style: none; }
/* Tables still need cellspacing="0" in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =SELECTORS =TYPE
http://www.w3.org/TR/CSS2/selector.html#type-selectors
----------------------------------------------------*/
html { overflow-y: scroll; }
body { background: #e5ecee url('../images/bg-body.png') repeat left top; color: #36424a; font: 12px/1.4em Arial, Helvetica, Geneva, sans-serif; }

p { margin-bottom: 1em; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; }
small { font-size: 0.9em; line-height: 1.5em; }

a img { border: none; }

acronym, abbr { border-bottom: 1px dashed #999; cursor: help; }
address { }
code { font: 1.1em 'Courier New', Courier, Fixed; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }

dl { margin-bottom: 1em; }
.dashboard-status dl.last { margin-bottom: 1em !important; }
dt { font-weight: bold; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

table { border-collapse: collapse; }

/* =LINKS
----------------------------------------------------*/
a:link { color: #36424a; text-decoration: underline; }
a:visited { color: #36424a; text-decoration: underline; }
a:focus { color: #36424a; text-decoration: underline; }
a:hover { color: #36424a; text-decoration: underline; }
a:active { color: #36424a; text-decoration: underline; }

/* =FORM ELEMENTS
----------------------------------------------------*/
input[type="password"], input[type="text"] { border: 1px solid #ccc; color: #687177; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; padding: 4px; }
input[type="radio"], input[type="submit"], input[type="checkbox"] { width: auto; }

.small { width: 90px; }
.medium { width: 180px; }
.large { width: 280px; }
.big { width: 380px; }

textarea { border: 1px solid #ccc; color: #36424a; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; height: 60px; line-height: 16px; padding: 10px; width: 580px; }
textarea.readonly { height: 150px !important; }

form { display: inline; }
label { display: block; font-weight: bold; }

/* =SELECTORS
http://www.w3.org/TR/CSS2/selector.html#class-html
----------------------------------------------------*/
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.block { display: block !important; }
.inline { display: inline !important; }

.clear { clear: both; }
.first, .last { margin: 0 !important; }
.hide, .hidden { display: none; }
.noborder { border: none !important; }
.nobg { background: none !important; }

.normal { font-weight: normal !important; }

.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

/* =STRUCTURE
----------------------------------------------------
#page { width: 1000px; }
	#shadow { }
		#central { 980px }
			#header { width: 980px; }
				#logo { }
				ul#utilities { }
				#globalnav { }
			#content { width: 980px; }
				#sectionheader { }
				#main { }
					#article { }
						.article-inner { }
					#sidebar { }
			#promo-one-hundred-percent { width: 980px; }
			#promo-partners { width: 980px; }
			#footer { }
				#sitemap { }
				#legal { }
	#shadow-cap { }

/* =STRUCTURE
----------------------------------------------------*/
#page:after, #section:after, .central:after, #header:after, #content:after, #main:after, #footer:after, #footer-extras:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#page { margin: 0 auto 20px auto; width: 1000px; }
	#section-top, #section-middle, #section-bottom { position: relative; display: block; margin: 0 auto; width: 1000px; }
	#section-top { background: transparent url('../images/bg-section-top.png') no-repeat center 107px; /*bottom;*/ }
	#section-middle { background: transparent url('../images/bg-section.png') repeat-y center; }
		.central { position: relative; margin: 0 auto; width: 980px; }
			#header { height: 165px; position: relative; width: 980px; margin: 0 auto; }
				#logo { position: absolute; left: -118px; top: 0; width: 720px; height: 110px; }

				#utilities { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 177px; text-align: right; top: 10px; width: 320px; z-index: 9998; }
				#utilities li { border-left: 1px solid #727a80; display: inline; font-size: 11px; margin-left: 4px; padding-left: 4px; }
				#utilities li.utilities-first { border: none !important; margin: 0 !important; padding: 0 !important; }
				#utilities li.utilities-last { border-left-color: #727a80; }

				#utilities a:link { color: #727a80; text-decoration: none; }
				#utilities a:visited { color: #727a80; text-decoration: none; }
				#utilities a:focus { color: #727a80; text-decoration: none; }
				#utilities a:hover { color: #727a80; text-decoration: underline; }
				#utilities a:active { color: #727a80; text-decoration: underline; }

				#utilities a.blog:link { color: #39D52D; text-decoration: none; font-weight: bold; }
				#utilities a.blog:visited { color: #39D52D; text-decoration: none; font-weight: bold; }
				#utilities a.blog:focus { color: #39D52D; text-decoration: none; font-weight: bold; }
				#utilities a.blog:hover { color: #39D52D; text-decoration: underline; font-weight: bold; }
				#utilities a.blog:active { color: #39D52D; text-decoration: underline; font-weight: bold; }

				#sectionheader { }
				#main { background: transparent url('../images/bg-main.png') repeat-y left top; width: 980px; }
					#article { float: left; width: 680px; }
					.article-inner-home { background: transparent url('../images/home/bg-article-inner-home.png') repeat-x left top; padding: 12px 6px 6px 6px; width: 668px; }
					.article-inner { padding: 30px; width: 620px; }
					#sidebar { float: right; width: 300px; }
					/*#touts { background-color: #fff; }*/

			#twitter-home { background: url('../images/twitter-home/bg-twitter-home.png') repeat-y top left; color: #36424a; line-height: 12px; margin-bottom: 6px; padding: 12px 16px; width: 948px; }
			#twitter-home table { margin: 0; padding: 0; }
			#twitter-home td { vertical-align: middle; }
			#twitter-home td.follow { font-size: 12px; padding: 0 10px 0 0; }
			#twitter-home td.tweet { font-size: 12px; padding: 0 10px 0 0; white-space: nowrap; }
			#twitter-home td.date { color: #fff; font-size: 10px; padding: 0 60px 0 0; white-space: nowrap; }
			#twitter-home td.like { padding: 0 10px 0 0; text-align: right; }

			#promo-one-hundred-percent { }
			#promo-partners { }
			#footer { /*background: #4a545c url('../images/bg-footer.png') repeat-x left top;*/ margin: 0 auto; padding: 20px 0 10px 0; position: relative; width: 980px; }
	#section-bottom { background: transparent url('../images/bg-section-bottom.png') no-repeat center top; width: 1000px; }
	#footer-extras { padding: 24px 27px 0 27px; }
		#like { float: left; }
		#legal { color: #868e92; float: right; font-size: 10px; }
			#legal a:link { color: #868e92; text-decoration: none; }
			#legal a:visited { color: #868e92; text-decoration: none; }
			#legal a:focus { color: #868e92; text-decoration: none; }
			#legal a:hover { color: #868e92; text-decoration: underline; }
			#legal a:active { color: #868e92; text-decoration: underline; }
			#legal a#privacy-link { text-decoration: underline; }

/* =STRUCTURE =ARTICLE
----------------------------------------------------*/
#crumb { margin-bottom: 10px; }
#deck { font-size: 14px; line-height: 19px; }

/* =STRUCTURE =SIDEBAR
----------------------------------------------------*/
#sidebar ul, ol { list-style: none; margin: 0; padding: 0; }

/* =STRUCTURE =FOOTER
----------------------------------------------------*/
ul#sitemap { list-style-type: none; margin: 0 auto; padding: 0; position: relative; width: 920px; }
ul#sitemap li { color: #4a555c; font-size: 11px; font-weight: bold; line-height: 1.2em; float: left; margin: 0; padding-right: 10px; width: 105px; }
ul#sitemap li a:link { color: #4a555c; text-decoration: none; }
ul#sitemap li a:visited { color: #4a555c; text-decoration: none; }
ul#sitemap li a:focus { color: #4a555c; text-decoration: none; }
ul#sitemap li a:hover { color: #4a555c; text-decoration: underline; }
ul#sitemap li a:active { color: #4a555c; text-decoration: underline; }

ul#sitemap ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
ul#sitemap ul li { border: none; font-size: 11px; font-weight: normal; line-height: 1.2em; margin: 0 0 5px 0; padding: 0; }

ul#sitemap ul li.facebook { background: transparent url('../images/icn/icn-sitemap-facebook.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }
ul#sitemap ul li.twitter { background: transparent url('../images/icn/icn-sitemap-twitter.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }
ul#sitemap ul li.linkedin { background: transparent url('../images/icn/icn-sitemap-linkedin.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }
ul#sitemap ul li.youtube { background: transparent url('../images/icn/icn-sitemap-youtube.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }
ul#sitemap ul li.tumblr { background: transparent url('../images/icn/icn-sitemap-tumblr.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }
ul#sitemap ul li.instagram { background: transparent url('../images/icn/icn-sitemap-instagram.png') no-repeat left center; padding: 3px 0 3px 25px; width: 80px; }

ul#sitemap ul li a:link { color: #899095; text-decoration: none; }
ul#sitemap ul li a:visited { color: #899095; text-decoration: none; }
ul#sitemap ul li a:focus { color: #899095; text-decoration: none; }
ul#sitemap ul li a:hover { color: #899095; text-decoration: underline; }
ul#sitemap ul li a:active { color: #899095; text-decoration: underline; }

/* =HEADINGS
----------------------------------------------------*/
h1 { }
h2 { color: #39D52D; font-size: 22px; text-transform: uppercase; }
h3 { color: #36424a; font-size: 24px; font-weight: bold; margin-bottom: 5px; }
h4 { color: #39D52D; margin-bottom: 5px; text-transform: uppercase; }
h5 { }
h6 { }

/* =LISTS
----------------------------------------------------*/
ul.circle { list-style: circle outside; }
ul.square { list-style: square outside; }

/* =TABLES
----------------------------------------------------*/
table { }
table th { }
table td { padding-bottom: 10px; }

/* 1 COLUMN */
table.grid1col td { width: 620px; }

/* 2 COLUMNS */
table.grid2col td { width: 310px; }

/* 3 COLUMNS */
table.grid3col td { width: 200px; }
table.grid3col input {  }

/* 4 COLUMNS */
table.grid4col td { width: 145px; }

/* 5 COLUMNS */
table.grid5col td { width: 114px; }

/* 6 COLUMNS */
table.grid6col td { width: 93px; }


/* =SPECIFIC =GROUPS
----------------------------------------------------*/
.group { border-top: 6px solid #39D52D; padding: 10px 0 20px 0; }
.group-header { margin-bottom: 20px; }
.group-content { }

.group .label { font-weight: bold; padding-right: 10px; text-align: right; width: 150px; }

.error-group { background: #ebeced url('../images/icn-error.png') no-repeat 20px center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.error-group .row { color: #f00; padding: 20px 20px 10px 110px; width: 490px; }
.error-group ul { margin-bottom: 0; padding-bottom: 0; }
.error-group li { margin-bottom: 10px; }

.button-group { background: url('../images/bg-diagonal.png') right bottom; height: 36px; padding: 25px 0; }
.button-group .cell { width: 305px; }
.button-group .cell.first { float: left; }
.button-group .cell.last { float: right; }
.button-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* =SPECIFIC =COMMITMENTS
----------------------------------------------------*/
.commitments { background: url('../images/bg-commitments.png') no-repeat right bottom; margin-bottom: 10px; padding: 10px 15px; }
.commitments td { padding: 5px 0; }

/* =SPECIFIC =DONATION INFORMATION
----------------------------------------------------*/
.donation-group { background: url('../images/bg-rule-diagonal.png') repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px; }
.donation-rider { }
	.donation-rider dl { margin: 0; padding: 0; }
	.donation-rider dt { font-weight: bold; margin-bottom: 4px; }
	.donation-rider dd { color: #39D52D; font-size: 20px; font-weight: bold; }
.donation-amount { }
.donation-note { }

.donation-summary { margin-bottom: 15px; }
/*.donation-summary th { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; font-weight: bold; padding: 10px; }*/
.donation-summary th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; font-weight: bold; padding: 10px; }
	.donation-summary th.recipient { }
	.donation-summary th.recognition { }
	.donation-summary th.donation { text-align: right; }

.donation-summary td { padding: 10px; }
	.donation-summary td.recipient { color: #39D52D; font-size: 20px; font-weight: bold; padding-left: 0; }
	.donation-summary td.recognition { }
	.donation-summary td.donation { font-weight: bold; text-align: right; }
	.donation-summary td.note { background: url('../images/bg-rule-diagonal.png') repeat-x left bottom; margin-bottom: 15px; padding-bottom: 15px; padding-left: 0; }

/*.donation-total { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }*/
.donation-total { background: url('../images/bg-diagonal.png') right bottom; }
.donation-total table { width: 100%; }
.donation-total td { padding: 15px; vertical-align: middle; width: 50%; }
.donation-total td.last { font-size: 20px; font-weight: bold; text-align: right; }
.donation-total .arrow { background: url('../images/arrow.png') no-repeat right center; margin-right: 20px; padding-right: 20px; }

/* =SPECIFIC =MEDICAL INFORMATION
----------------------------------------------------*/
.medical-group { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.medical-group td.first { padding-right: 20px; }
.medical-group td.last { }

/* =SPECIFIC =PROFILE EDIT
----------------------------------------------------*/
.profile-photo { margin-bottom: 20px; }
.profile-photo-upload { margin-bottom: 20px; }
.photo-gallery { }
.photo-gallery table { width: 100%; }
.photo-gallery td { padding-right: 15px; padding-bottom: 15px; vertical-align: top; }
.photo-gallery td.photo-small { width: 170px; }
.photo-gallery td.photo-info { }
.photo-gallery td.photo-select { text-align: right; }
.photo-gallery dl { margin-bottom: 5px; padding-bottom: 0; }
.photo-gallery dt { display: inline; }
.photo-gallery dd { display: inline; }

/* =SPECIFIC =PELOTON
----------------------------------------------------*/
.peloton-name { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.peloton-name dl { margin: 0; padding: 0; }
.peloton-name dt { font-weight: bold; margin-bottom: 4px; }
.peloton-name dd { color: #39D52D; font-size: 20px; font-weight: bold; }

/* =SPECIFIC =SEARCH RESULTS
----------------------------------------------------*/
.key { border-top: 1px solid #ccc; }
#search-results { border-top: 1px solid #ccc; margin-bottom: 5px; }
/*#search-results th { border-bottom: 1px solid #ccc; background-color: #ebeced; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; }*/
#search-results th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; font-size: 11px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; }
#search-results th.entries { padding-left: 8px; }
#search-results th.route { }
#search-results th.id { padding-right: 8px; }

#search-results td { border-bottom: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px; vertical-align: middle; }
#search-results td.photo { padding-right: 9px; width: 49px; }
#search-results td.type { padding-right: 9px; width: 49px; }
#search-results td.rider { color: #39D52D; font-weight: bold; padding-right: 9px; width: 98px; }
#search-results td.living-proof { padding-right: 5px; width: 19px; }
#search-results td.high-roller { padding-right: 13px; width: 14px; }
#search-results td.donate { padding-right: 6px; width: 89px; }
#search-results td.profile { padding-right: 14px; width: 89px; }
#search-results td.route { font-weight: bold; padding-right: 9px; width: 89px; }
#search-results td.id { font-weight: bold; width: 50px; }

#search-results a:link { color: #39D52D; text-decoration: none; }
#search-results a:visited { color: #39D52D; text-decoration: none; }
#search-results a:focus { color: #39D52D; text-decoration: none; }
#search-results a:hover { color: #39D52D; text-decoration: underline; }
#search-results a:active { color: #39D52D; text-decoration: underline; }

a.btn-donate { background: transparent url('../images/btn-donate-to-my-ride.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 89px; }
a.btn-donate:hover { background-position: 0 -56px; }

a.btn-profile { background: transparent url('../images/btn-view-my-profile.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 89px; }
a.btn-profile:hover { background-position: 0 -56px; }

/* =SPECIFIC =SECURITY NOTICE
----------------------------------------------------*/
.secure { padding: 15px 0; }

/* =SPECIFIC =THANK YOU
----------------------------------------------------*/
.letter-salutation { font-size: 14px; line-height: 19px; margin-bottom: 10px; }
.letter-body { font-size: 14px; line-height: 19px; margin-bottom: 60px; }
.letter-notation { font-size: 14px; }
/*.letter-close { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; padding: 15px; }*/
.letter-close { background: url('../images/bg-diagonal.png') right bottom; font-size: 12px; padding: 15px; }

/* =SPECIFIC =WAIVERS AND AGREEMENTS
----------------------------------------------------*/
/*.accept { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 15px; }*/
.accept { background: url('../images/bg-diagonal.png') right bottom; padding: 10px 15px; }

/* =SPECIFIC =WHEN CAN I HELP?
----------------------------------------------------*/
/*.when { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 15px; }*/
.when { background: url('../images/bg-diagonal.png') right bottom; margin: 0; padding: 15px; }

/* =SPECIFIC =MANAGE MY PROFILE
----------------------------------------------------*/
#manage-my-profile { }

#manage-my-profile a:link { color: #39D52D; text-decoration: none; }
#manage-my-profile a:visited { color: #39D52D; text-decoration: none; }
#manage-my-profile a:focus { color: #39D52D; text-decoration: none; }
#manage-my-profile a:hover { color: #39D52D; text-decoration: underline; }
#manage-my-profile a:active { color: #39D52D; text-decoration: underline; }

#manage-my-profile td { vertical-align: top; }
#manage-my-profile h1 { border-bottom: 1px solid #ccc; font-size: 24px; font-weight: bold; line-height: 26px; margin-bottom: 14px; padding-bottom: 14px; }
#manage-my-profile h3 { border-top: 1px solid #ccc; font-size: 16px; margin-top: 11px; padding-top: 7px; }

td.manage-my-profile-nav { padding-right: 20px; width: 225px; }
	td.manage-my-profile-nav ul { list-style-type: none; margin: 0; padding: 0; }
	td.manage-my-profile-nav li { font-size: 11px; }
td.manage-my-profile-content { width: 375px; }
	td.manage-my-profile-content table { width: 100%; }
	td.manage-my-profile-content td { vertical-align: middle !important; }
	td.manage-my-profile-content ul { list-style-type: none; margin: 0; padding: 0; }
	td.manage-my-profile-content li { font-size: 16px; font-weight: bold; margin-bottom: 7px; }
	td.manage-my-profile-content li .amount { color: #39D52D; }

table.btn-view td { padding-right: 5px; width: 89px; }

/*.my-story-instructions { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; line-height: 15px; margin-bottom: 10px; padding: 15px; }*/
.my-story-instructions { background: url('../images/bg-diagonal.png') right bottom; font-size: 11px; line-height: 15px; margin-bottom: 10px; padding: 15px; }
textarea.my-story { height: 180px; margin-bottom: 10px; width: 350px; }

a.btn-view-profile { background: transparent url('../images/btn-view-profile.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 89px; }
a.btn-view-profile:hover { background-position: 0 -56px; }

a.btn-view-peloton { background: transparent url('../images/btn-view-peloton.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 89px; }
a.btn-view-peloton:hover { background-position: 0 -56px; }

a.btn-facebook-share-progress { background: transparent url('../images/btn-facebook-share-progress.png') no-repeat left top; display: block; float: right; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 148px; }
a.btn-facebook-share-progress:hover { background-position: 0 -56px; }

a.btn-become-rider { background: transparent url('../images/btn-become-rider.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 305px; }

a.btn-become-volunteer { background: transparent url('../images/btn-become-vol.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 305px; }

a.btn-become-virtual-rider { background: transparent url('../images/btn-become-vr.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 305px; }


.donor-list { border-top: 1px solid #ccc; margin-bottom: 5px; width: 100%; }
/*.donor-list th { border-bottom: 1px solid #ccc; background-color: #ebeced; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }*/
.donor-list th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }

.donor-list td { border-bottom: 1px solid #ccc; padding: 10px 7px; }
.donor-list td.date { width: 90px; }
.donor-list th.amount, .donor-list td.amount { text-align: right; }

.donor-options { width: 100%; }
.donor-options td { }

a.icn-print { background: transparent url('../images/icn-print.gif') no-repeat left center; padding: 3px 0 3px 20px; }

/* =SPECIFIC =TOGGLE
----------------------------------------------------*/
.group-toggle { border-top: 6px solid #39D52D; padding-bottom: 15px; }

.toggle-header { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; margin-bottom: 20px; padding: 12px 0 12px 6px; }
.toggle-header h3 { background: transparent url('../images/icn-trigger-open.png') no-repeat left center; color: #36424a; cursor: pointer; display: block; font-size: 16px; font-weight: bold; margin: 0; padding: 2px 0 2px 20px; }
.toggle-header h3.active { background: transparent url('../images/icn-trigger-close.png') no-repeat left center; }

.toggle-content { clear: both; display: block; overflow: hidden; padding: 0; }
.toggle-content a:link { color: #4d4e53; text-decoration: none; }
.toggle-content a:visited { color: #4d4e53; text-decoration: none; }
.toggle-content a:focus { color: #4d4e53; text-decoration: none; }
.toggle-content a:hover { color: #4d4e53; text-decoration: underline; }
.toggle-content a:active { color: #4d4e53; text-decoration: underline; }

.volunteer-group-toggle { padding-bottom: 15px; }
.volunteer-group-toggle .toggle-header { margin-bottom: 0; }

/* =SPECIFIC =DASHBOARD
----------------------------------------------------*/
.dashboard-participation { float: left; padding: 25px 30px 0 30px; width: 620px; }
	.dashboard-participant { position: relative; margin-bottom: 14px; }
		.dashboard-participant #rider-number { color: #39d52d; float: left; margin: 0 !important; }
		.dashboard-participant h3 { color: #ffffff; float: left; clear: left; font-size: 30px; line-height: 36px; margin: 0 !important; width: 360px; }
		.dashboard-participant ul { position: absolute; right: 0; top:0; list-style-type: none; margin: 0; padding: 0; }
		.dashboard-participant li { display: inline; margin-left: 7px; }
	.dashboard-status { border-top: 1px solid #001b31; padding-top: 10px; }
		.dashboard-status dt { color: #39d52d; font-size: 10px; font-weight: bold; }
		.dashboard-status dd { color: #ffffff; font-size: 16px; font-weight: bold; line-height: 20px; }
		.dashboard-status a:link { color: #ffffff; text-decoration: none; }
		.dashboard-status a:visited { color: #ffffff; text-decoration: none; }
		.dashboard-status a:focus { color: #ffffff; text-decoration: none; }
		.dashboard-status a:hover { color: #ffffff; text-decoration: underline; }
		.dashboard-status a:active { color: #ffffff; text-decoration: underline; }
	.dashboard-donate { width: 300px; background-color: white; }

/* =SPECIFIC =RIDER DASHBOARD
----------------------------------------------------*/
#dashboard-rider { background: url('../images/bg-dashboard.png') no-repeat top left; width: 980px; }
	#dashboard-rider .dashboard-status dl { float: left; margin-right: 10px; width: 200px; }
	a.btn-dashboard-rider-donate { background: transparent url('../images/btn-dashboard-rider-donate.png') no-repeat left top; display: block; font-size: 0; height: 147px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-dashboard-rider-donate:hover { background-position: 0 0; }

/* =SPECIFIC =VIRTUAL RIDER DASHBOARD
----------------------------------------------------*/
#dashboard-virtual-rider { background: url('../images/bg-dashboard.png') no-repeat top left; width: 980px; }
	#dashboard-virtual-rider .dashboard-status dl { float: left; margin-right: 10px; width: 200px; }
	a.btn-dashboard-virtual-rider-donate { background: transparent url('../images/btn-dashboard-virtual-rider-donate.png') no-repeat left top; display: block; font-size: 0; height: 147px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-dashboard-virtual-rider-donate:hover { background-position: 0 0; }

/* =SPECIFIC =VOLUNTEER DASHBOARD
----------------------------------------------------*/
#dashboard-volunteer { background: url('../images/bg-dashboard.png') no-repeat top left; width: 980px; }
	#dashboard-volunteer .dashboard-status dl { float: left; margin-right: 10px; width: 200px; }
	a.btn-dashboard-volunteer-donate { background: transparent url('../images/btn-dashboard-volunteer-donate.png') no-repeat left top; display: block; font-size: 0; height: 147px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-dashboard-volunteer-donate:hover { background-position: 0 0; }

/* =SPECIFIC =PELOTON DASHBOARD
----------------------------------------------------*/
#dashboard-peloton { background: url('../images/bg-dashboard.png') no-repeat top left; width: 980px; }
	#dashboard-peloton .dashboard-status dl { float: left; margin-right: 10px; width: 145px; }
	a.btn-dashboard-peloton-donate { background: transparent url('../images/btn-dashboard-peloton-donate.png') no-repeat left top; display: block; font-size: 0; height: 147px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-dashboard-peloton-donate:hover { background-position: 0 0; }

/* =SPECIFIC =SUPER PELOTON DASHBOARD
----------------------------------------------------*/
#dashboard-super-peloton { background: url('../images/bg-dashboard.png') no-repeat top left; width: 980px; }
	#dashboard-super-peloton .dashboard-status dl { float: left; margin-right: 10px; width: 145px; }
	a.btn-dashboard-super-peloton-donate { background: transparent url('../images/btn-dashboard-super-peloton-donate.png') no-repeat left top; display: block; font-size: 0; height: 147px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-dashboard-super-peloton-donate:hover { background-position: 0 0; }

/* =SPECIFIC =PUBLIC PROFILE
----------------------------------------------------*/
.story { font-size: 14px; line-height: 20px; margin-bottom: 24px; }

.group-donors { border-top: 6px solid #39D52D; padding-bottom: 15px; }
.donors-header { padding: 12px 0; }
.donors-header h3 { color: #36424a; display: block; font-size: 16px; font-weight: bold; margin: 0; padding: 2px 0; }
.donors-content { clear: both; display: block; overflow: hidden; padding: 0; }
.donor-list td.date { }
.donor-list td.name { }
.donor-list td.amount { }

.peloton-members-list { width: 100%; }
.peloton-members-list td { font-size: 11px; width: 25%; }
.peloton-members-list td ul { list-style-type: none; margin: 0; padding: 0; }

.group-pelotons { border-top: 6px solid #39D52D; padding-bottom: 15px; }
.pelotons-header { padding: 12px 0; }
.pelotons-header h3 { color: #36424a; display: block; font-size: 16px; font-weight: bold; margin: 0; padding: 2px 0; }
.pelotons-content { clear: both; display: block; overflow: hidden; padding: 0; }
.pelotons-list { border-top: 1px solid #ccc; margin-bottom: 5px; width: 100%; }
.pelotons-list th { border-bottom: 1px solid #ccc; background-color: #ebeced; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }
.pelotons-list td { border-bottom: 1px solid #ccc; padding: 10px 7px; vertical-align: middle; }
.pelotons-content td.icon { }
.pelotons-content td.name { color: #39D52D; font-size: 18px; }
.pelotons-list th.amount { text-align: right; }
.pelotons-list td.amount { font-size: 18px; font-weight: bold; text-align: right; }
.pelotons-list a:link { color: #4d4e53; text-decoration: none; }
.pelotons-list a:visited { color: #4d4e53; text-decoration: none; }
.pelotons-list a:focus { color: #4d4e53; text-decoration: none; }
.pelotons-list a:hover { color: #4d4e53; text-decoration: underline; }
.pelotons-list a:active { color: #4d4e53; text-decoration: underline; }

.public-profile-photo { background: transparent url('../images/pelo-profile-photo-bg.jpg') no-repeat left top; }
.public-view-photo-gallery { height: 36px; margin-bottom: 0; width: 300px; }
	a.btn-view-photo-gallery { background: transparent url('../images/btn-view-photo-gallery.png') no-repeat left top; display: block; font-size: 0; height: 36px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-view-photo-gallery:hover { background-position: 0 -36px; }
.public-share-progress { height: 70px; margin-bottom: 0; width: 300px; }
	a.btn-rider-share-progress { background: transparent url('../images/btn-rider-share-progress.png') no-repeat left top; display: block; font-size: 0; height: 70px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-rider-share-progress:hover { background-position: 0 -70px; }
	a.btn-virtual-rider-share-progress { background: transparent url('../images/btn-virtual-rider-share-progress.png') no-repeat left top; display: block; font-size: 0; height: 70px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-virtual-rider-share-progress:hover { background-position: 0 -70px; }
	a.btn-volunteer-share-progress { background: transparent url('../images/btn-volunteer-share-progress.png') no-repeat left top; display: block; font-size: 0; height: 70px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-volunteer-share-progress:hover { background-position: 0 -70px; }
	a.btn-peloton-share-progress { background: transparent url('../images/btn-peloton-share-progress.png') no-repeat left top; display: block; font-size: 0; height: 70px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-peloton-share-progress:hover { background-position: 0 -70px; }
	a.btn-super-peloton-share-progress { background: transparent url('../images/btn-super-peloton-share-progress.png') no-repeat left top; display: block; font-size: 0; height: 70px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 300px; }
	a.btn-super-peloton-share-progress:hover { background-position: 0 -70px; }
.public-high-roller { height: 70px; margin-bottom: 3px; width: 300px; }

.rider-high-roller, .rider-living-proof { width: 300px; height: 79px; margin-bottom: 0; }
	a.btn-rider-high-roller, a.btn-rider-living-proof { width: 300px; display: block; font-size: 0; height: 79px; line-height: 0; overflow: hidden; text-indent: -5000px; }
	a.btn-rider-high-roller { background: transparent url('../images/btn-rider-high-roller.png') no-repeat left top; }
	a.btn-rider-living-proof { background: transparent url('../images/btn-rider-living-proof.png') no-repeat left top; }

/* =SPECIFIC =METER
----------------------------------------------------*/
#meter { background: url('../images/bg-dashboard.png') repeat-y left bottom; border-bottom: 1px solid #c2c6c8; color: #fff; width: 680px; }
#meter .meter-inner { padding: 0 30px 12px 30px; }
#meter .meter-heading { margin-bottom: 5px;  padding-top: 10px; border-top: 1px solid #001b31; color: #a4bcc4;}
#meter table { border-right: 1px solid #868e92; height: 20px; width: 100%; }
#meter td { border-left: 1px solid #868e92; font-size: 10px; padding: 0; }
#meter td.label { padding: 2px 5px 0 5px; color: #a4bcc4; }
#meter td.bar { background: url('../images/bg-bar.png') repeat-x left top; }
#meter .high-roller { color: #a4bcc4; float: right; font-weight: bold; }

/* =SPECIFIC =MESSAGING
----------------------------------------------------*/
.arrow-left { background: url('../images/arrow.png') no-repeat left center; padding-left: 20px; }
.arrow-right { background: url('../images/arrow.png') no-repeat right center; margin-right: 20px; padding-right: 20px; }

.error { border-color: #f00 !important; }
/*.guide { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; line-height: 15px; margin-bottom: 10px; padding: 15px; }*/
.guide { background: url('../images/bg-diagonal.png') right bottom; font-size: 12px; line-height: 15px; margin-bottom: 10px; padding: 15px; }
.guide ul { list-style-type: none; margin: 0; padding: 0; }
.guide li { margin: 5px 0; }
/*.notice { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #f00; font-size: 14px; line-height: 21px; margin-bottom: 20px; padding: 20px 16px; }*/
.notice { background: url('../images/bg-diagonal.png') right bottom; color: #f00; font-size: 14px; line-height: 21px; margin-bottom: 20px; padding: 20px 16px; }
/*.reminder { background-color: #ebeced; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 11px; line-height: 15px; margin-bottom: 10px; padding: 15px; }*/
.reminder { background: url('../images/bg-diagonal.png') right bottom; font-size: 11px; line-height: 15px; margin-bottom: 10px; padding: 15px; }
.required { color: #39D52D; font-weight: bold;  margin-left: 4px; }
.rule { border-top: 1px solid #ccc; margin-bottom: 20px; padding-top: 15px; }

.remove { background-color: #ebeced; font-size: 10px; font-weight: normal; padding: 2px 5px; }
.remove a:link { color: #36424a; text-decoration: none; }
.remove a:visited { color: #36424a; text-decoration: none; }
.remove a:focus { color: #36424a; text-decoration: none; }
.remove a:hover { color: #36424a; text-decoration: underline; }
.remove a:active { color: #36424a; text-decoration: underline; }

.tip { font-size: 10px; font-weight: normal; margin-left: 4px; }
.tip a:link { color: #36424a; text-decoration: none; }
.tip a:visited { color: #36424a; text-decoration: none; }
.tip a:focus { color: #36424a; text-decoration: none; }
.tip a:hover { color: #36424a; text-decoration: underline; }
.tip a:active { color: #36424a; text-decoration: underline; }

.unpaid { color: #f00; font-weight: bold; }

/* =PIPED LISTS
----------------------------------------------------*/
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { border-left-width: 1px; border-left-style: solid; display: inline; float: left; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped li.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* =SCREEN READER TEXT
----------------------------------------------------*/
.screen-reader-text { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; }

/* =DHTML TOOLTIP
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm
----------------------------------------------------*/
#dhtmltooltip { background-color: #f5f5f6; border: 1px solid #ccc; color: #36424a; font-size: 12px; left: -300px; padding: 15px; position: absolute; visibility: hidden; width: 150px; z-index: 100; }
#dhtmlpointer { left: -300px; position: absolute; visibility: hidden; z-index: 101; }

/* =CLEARFIX
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
----------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.lead-volunteer-activities-list { border-top: 1px solid #ccc; margin-bottom: 5px; width: 100%; }
/*.lead-volunteer-activities-list th { background-color: #ebeced; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }*/
.lead-volunteer-activities-list th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }
.lead-volunteer-activities-list td { padding: 10px 7px; }
.lead-volunteer-activities-list th.slots { text-align: right; }
.lead-volunteer-activities-list td.slots { font-size: 16px; text-align: right; }
.lead-volunteer-activities-list .location { font-size: 16px; font-weight: bold; }
.lead-volunteer-activities-list .description { font-size: 11px; }


.pre-event-volunteer-list { border-top: 1px solid #ccc; margin-bottom: 5px; width: 100%; }
.pre-event-volunteer-list td { border-bottom: 1px solid #ccc; font-size: 18px; font-weight: bold; line-height: 22px; padding: 10px 7px; }

.volunteer-team-list { border-top: 1px solid #ccc; margin-bottom: 5px; width: 100%; }
/*.volunteer-team-list th { background-color: #ebeced; border-bottom: 1px solid #ccc; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }*/
.volunteer-team-list th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }
.volunteer-team-list td { padding: 10px 7px; }
.volunteer-team-list th.slots { text-align: right; }
.volunteer-team-list td.slots { text-align: right; }

.volunteer-activities-list { border-top: 1px solid #ccc; margin-bottom: 20px; width: 100%; }
/*.volunteer-activities-list th { background-color: #ebeced; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }*/
.volunteer-activities-list th { background: #fcfcfc url('../images/bg-trigger.png') repeat-x left bottom; font-size: 11px; font-weight: bold; padding: 10px 7px; white-space: nowrap; }
.volunteer-activities-list td { padding: 10px 7px; }


.mychoice { color: #39D52D; }
.mychoice td { font-weight: bold; }
.unavailable { color: #9aa0a4; }
.full { color: #f00; }

a.btn-volunteer-pre-event { background: transparent url('../images/btn-volunteer-pre-event.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-pre-event:hover { background-position: 0 -56px; }

a.btn-volunteer-post-event { background: transparent url('../images/btn-volunteer-post-event.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-post-event:hover { background-position: 0 -56px; }

a.btn-volunteer-fri { background: transparent url('../images/btn-volunteer-fri.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-fri:hover { background-position: 0 -56px; }

a.btn-volunteer-sat { background: transparent url('../images/btn-volunteer-sat.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-sat:hover { background-position: 0 -56px; }

a.btn-volunteer-sun { background: transparent url('../images/btn-volunteer-sun.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-sun:hover { background-position: 0 -56px; }

a.btn-volunteer-signup { background: transparent url('../images/btn-volunteer-signup.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-signup:hover { background-position: 0 -56px; }

a.btn-volunteer-summer { background: transparent url('../images/btn-volunteer-summer.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-summer:hover { background-position: 0 -56px; }

a.btn-volunteer-event-prep { background: transparent url('../images/btn-volunteer-event-prep.png') no-repeat left top; display: block; font-size: 0; height: 56px; line-height: 0; overflow: hidden; text-indent: -5000px; width: 121px; }
a.btn-volunteer-event-prep:hover { background-position: 0 -56px; }

.want { border-top: 1px solid #ccc; margin-bottom: 30px; padding-top: 15px; }