body { text-align:center; font-size: 100.01%; font-weight: normal; background-color:#f9f8f4; font-family: Verdana, sans-serif; }	
#siteWrapper { width:960px; margin:0px auto; text-align:left; background-color:#fff; border: #ccc 1px solid;  }

.contentCenter { float: left; padding: 5px 20px 20px 20px; }
.contentCenterThin { width: 680px; }
* html .contentCenterThin
{
  width: 660px;
  w\idth: 660px;
}

.contentCenterWide { width: 880px; }
* html .contentCenterWide
{
  width: 860px;
  w\idth: 860px;
}

.rightGutter { float: left; width: 220px; padding: 20px 10px 10px 10px; text-align: center; height:340px; }
* html .rightGutter
{
  width: 240px;
  w\idth: 240px;
}

/* Misc Defaults --------------------------------------------- */
* { margin: 0; padding: 0; }

a {  color: #000 }
a img { border: none;}
a:hover { text-decoration: none; background-color:#cc6; }

h1 { font: bold 1.3em Helvetica, Arial, sans-serif; color: #333; letter-spacing: -1px; margin-bottom: 6px; }
h2 { font: bold 0.95em Helvetica, Arial, sans-serif; color: #666; letter-spacing: 0px; }
h3 { font: bold 0.8125em Verdana, sans-serif; color: #333; letter-spacing: 0px; }
h4 { font: 0.8125em Verdana, sans-serif; color: #333; letter-spacing: 0.1em; }

p { font: 0.8125em Verdana, sans-serif; line-height: 18px; color: #666; margin-bottom: 16px; }
p a { color: #666; }

li { font: 0.8125em Verdana, sans-serif; line-height: 20px; color: #666; }
li a { color: #666; }

.marginbottom5 { margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom15 { margin-bottom: 15px; }
.marginbottom20 { margin-bottom: 20px; }
.margintop5 { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.margintop15 { margin-top: 15px; }
.margintop20 { margin-top: 20px; }

.bold { font-weight:bold; }
.notbold { font-weight:normal; }
.floatLeft { float:left; }
.floatRight { float:right; }
.vertAlignMiddle { vertical-align:middle; }
.textAlignLeft { text-align:left; }
.lineHeight0 { line-height: 0px; }

div.row span.left { float:left; text-align:left; width:50%; }
div.row span.right { float:right; text-align:right; width:50%; }
div.splitScreen div.left { float:left; width:50%; text-align:center; }
div.splitScreen div.right { float:right; width:50%; text-align:center; }
div.clearBoth { clear:both; }
div.clearRight { clear:right; }
.hide { font: 0.1em Verdana, sans-serif; color:#fff; }
.lightGrey { color:#ccc; }
.red { color:#ff0000; }
.center { text-align:center; }
.divalignright { width:100%; text-align:right; }
.backgroundLightGrey { background-color:#ccc; }
.gone{  display:none; visibility:hidden; } 
.hoverNo:hover { text-decoration: none; background-color:transparent; }
/* --------------------------------------------- Misc Defaults */


/*#header { border-bottom : 1px solid #ccc; height: 100px }*/
#header { height: 70px; vertical-align:top; }
/*#header h1  { text-indent: -999px; float: left; }
#header h1 a { display: block; height: 80px; width: 250px; background:url('/img/MountainBikeTrailsWhereWeRide.gif') no-repeat 28px 28px; }
*/
#topNav { text-align: right; width: 700px; padding: 0 0 0 0; }
/*
* html #topNav
{
  width: 500px;
  w\idth: 500px;
}*/

#topNav ul.topTopNav { margin-left: 0; padding-left: 0; border: none; } 
#topNav ul.topTopNav li { margin-right: 5px; padding-left: 5px; border-left: 1px solid #ccc; list-style: none; display: inline; }
#topNav ul.topTopNav li { font: .75em Helvetica, Arial, sans-serif; letter-spacing:0px;  }
#topNav ul.topTopNav li a { color:#999; }
#topNav ul.topTopNav li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }

#topNav ul.topBottomNav { margin-top: 50px; margin-left: 0; padding-left: 0; border: none; } 
#topNav ul.topBottomNav li { margin-right: 20px; padding-left: 20px; border-left: 1px solid #ccc; list-style: none; display: inline; }
#topNav ul.topBottomNav li { font: bold 1.0em Helvetica, Arial, sans-serif; letter-spacing:-1px;  }
#topNav ul.topBottomNav li a { text-decoration: none; color:#666; }
#topNav ul.topBottomNav li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }
.googleAdHeader { margin-left:100px; margin-top:10px; }
 
 
#navBlock {
	background:transparent url(/img/TheNavShadow.gif) repeat-x scroll left bottom;
	border-top:1px solid #1D1A16;
	clear:both;
	height:55px;
	padding:0pt;
	text-align:center;
}
	
#navBlock ul.navMenu {
	background:transparent url(/img/TheNavBG.gif) repeat-x scroll 0%;
	border-top:1px solid #948571;
	height:35px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
	
#navBlock ul.navMenu li.first {
	border-left:medium none;
}
	
#navBlock ul.navMenu li {
	border-left:1px solid #675C4E;
	border-right:1px solid #8C8379;
	display:block;
	float:left;
	height:34px;
	line-height:34px;
	margin:0pt;
	padding:0pt 9px;
}
	
#navBlock ul.navMenu li.selected, #navBlock ul.navMenu li:hover {
	background:transparent url(/img/TheNavBGSelected.gif) repeat-x scroll 0%;
	font-size:14px;
	font-weight:normal;
}
	
#navBlock ul.navMenu li a {
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	list-style-type:none;
	text-decoration:none;
}

#navBlock ul.navMenu li a:hover {
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	list-style-type:none;
	text-decoration:none;
	background-color:Transparent;
}

#search_block {
	float:right;
	font-size:12px;
	padding:15px 5px 10px 10px;
	position:relative;
	text-align:right;
	top:40px;
	width:180px;
}

.search_box {
	background:transparent url(/img/TheNavSearchBox.gif) no-repeat scroll 0%;
	height:18px;
	margin:0px;
	padding:3px 5px;
	width:174px;
}

.search_box .search_input {
	background-color:white;
	border:medium none;
	float:left;
	width:140px;
}

.search_input {
	color:#666666;
}

input {
	font-family:verdana,arial;
	font-size:13px;
	font-weight:normal;
}

.search_box .search_glass {
	background-image:url(/img/TheNavSearchButton.png);
	background-repeat:no-repeat;
	float:left;
	height:15px;
	margin:3px 0px 0px 2px;
	width:19px;
}
 
.clearboth {
	clear:both;
	margin:0;
	padding:0;
}
 
 
#centerlists { width: 100%; text-align: center; margin-top:20px; border-top: 1px dashed #666; padding: 16px 0 0 0; }
#centerleft { float: left; width: 220px; text-align: left; }
#centerright {	width: 220px; text-align: left; }
#centerlists li { font: 0.8125em Verdana, sans-serif; line-height: 20px; color: #666; }

#breadCrumb { margin-bottom: 20px; }
#breadCrumb ul { margin-left: 0; padding-left: 0; display: inline; border: none; } 
#breadCrumb ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none; display: inline; }

#footer { clear: both; }
#footer { text-align: center; padding: 10px 0px; border-top: 1px solid #ccc; }
#footer p { margin-top:7px; font: 0.7em Verdana, sans-serif; line-height:10px; color: #666; }
#footer ul { margin-bottom: 15px; }
#footer ul li { list-style: none; display: inline; margin-right: 10px;  } 
#footer ul li a { color: #666; font: 0.8em Verdana, sans-serif;  } 
#footer .delicious { font: 0.7em Verdana, sans-serif; line-height:10px; color: #666; margin-bottom: 5px; }

.rightGutter h3 { margin-bottom: 5px; }
.rightGutter h3 { font: bold 0.7em Verdana, sans-serif; color: #333; letter-spacing: 0px; }
.rightGutter .expandHead { font: bold 0.7em Verdana, sans-serif; color: #333; vertical-align:middle; }
.rightGutter p { font: 0.7em Verdana, sans-serif; line-height:10px; color: #333; text-align: left; }
.rightGutter ul { text-align: left; }
.rightGutter ul li { font: 0.7em Verdana, sans-serif; line-height:14px; color: #333; text-align: left; list-style: none; padding-bottom: 5px; }
.rightGutter ul li a { color: #333; }
.rightGutter .rightgutteritem { border: 1px solid #666; padding: 5px; margin-top: 10px; background-color:#e6e6e6;}
.rightGutter .rightgutteritem { background-image: url('/img/RightGutterItem.png'); background-repeat: repeat-x; background-attachment: scroll }
.rightGutter .rightgutteritem li {  }
.rightGutter .rightgutteritem td { font: 0.7em Verdana, sans-serif; line-height:14px; color: #333; text-align: left; list-style: none; padding-bottom: 5px; text-align: left; }
/*.rightGutter .rightgutteritemDetail li { margin-left:30px; }*/
.rightGutter .rightgutteritem td .xMiles {
		font-weight:bold;
		font-size:smaller;
		white-space: nowrap;
		margin-right: 5px;
		/*text-indent:-30px;*/
}

#searchbuttondiv p { text-align: center; margin-bottom: 3.0em; }
.searchinput { width: 150px; background: #ffe; margin-bottom: 0.3em; color: #999999; }
.searchbutton, input.submit {width: 100px;color:#fff;font: bold 0.7em Verdana, sans-serif;background-color:#cc6600;	border:1px solid;border-top-color:#666;	border-left-color:#666;	border-right-color:#666;border-bottom-color:#666;	margin-bottom: 0.3em;}
.forumbutton, input.submit {width: 100px;color:#fff;font: bold 11px Verdana, sans-serif;background-color:#cc6600;	border:1px solid;border-top-color:#666;	border-left-color:#666;	border-right-color:#666;border-bottom-color:#666;	margin-bottom: 0.3em;}
.required { color:#ff0000; }
.formError { border-right: 4px solid #ff0000; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }

.usaMap { border: none; }
.contentCenter ul.stateList { margin: 0 0 0 0; padding: 0; }
.contentCenter ul.stateList li { line-height: 1.2em; list-style: none; margin: 0; padding: 0; }
* html .contentCenter ul.stateList li { position: relative; }
.contentCenter ul.stateList li.column1 { margin-left: 3em; }
.contentCenter ul.stateList li.column2 { margin-left: 29em; }
.contentCenter ul.stateList li.column3 { margin-left: 38em; }
.contentCenter ul.stateList li a { display: block; width: 22em; text-decoration: underline; }
.contentCenter ul.stateList li a:hover { color: #FFF; background-color: #cc6; }
.contentCenter ol.searchResutls { margin-left: 3em; }
.contentCenter .viewRides { margin-left: 80px; margin-top: 40px; }
.contentCenter .googleAds { margin-left: 80px; margin-top: 100px; }
.contentCenter .amazonWidget { margin-left: 70px; margin-top: 10px;}
.contentCenter .memberTbl td { font: 0.8125em Verdana, sans-serif; color: #666; }
.contentCenter .rideListTable {  }
.contentCenter .rideListTable td { border-bottom: solid 1px #ccc; }
.contentCenter .rideListTable td { font: 0.8125em Verdana, sans-serif; color: #666; }
.rideListLinks { text-decoration:none; }
.contentCenter .latest { font: .6em Helvetica, Arial, sans-serif; letter-spacing:0px; }

.contentCenter p.rideListSort { font: 0.7em Verdana, sans-serif; color: #666; padding-bottom: 0px; margin-bottom: 2px; }
.contentCenter .detailAttributeTbl tr td span.attribute { font: 0.8125em Verdana, sans-serif; color: #666; }
.contentCenter .detailAttributeTbl tr td span.value { font: 0.8125em Verdana, sans-serif; color: #666; margin-left: 20px; }
.contentCenter .detailAttributeTbl .instructions { font: 0.7em Verdana, sans-serif; color:#cc6600; }
.contentCenter .memberAttributeTbl { margin-top: 5px; }
.contentCenter .memberAttributeTbl tr td { vertical-align:top; }
.contentCenter .memberAttributeTbl tr td.attribute { text-align:right; }
.contentCenter .memberAttributeTbl tr td span.attribute { font: 0.8125em Verdana, sans-serif; color: #333; }
.contentCenter .memberAttributeTbl tr td span.value { font: 0.8125em Verdana, sans-serif; color: #666; }
.contentCenter .detailItem p { padding-right:280px; margin-bottom:30px; }
.contentCenter .detailItem300 p { padding-right:340px; margin-bottom:30px; }
.contentCenter .detailItem .row .left { background-color:#cccc99; }
.contentCenter .row .right { background-color:#fff; }
/*.contentCenter .row .right { background-color:#cccc99; }
.contentCenter .row .right { background-image: url('/img/GreenFadeBackground.png'); background-repeat: repeat-x; background-attachment: scroll }*/

/*.contentCenter .detailNav { float:right; background-color:#e6e6e6; padding:20px 20px; border: 1px solid #666; text-align:right; }
.contentCenter .detailNav { background-image: url('/img/RightGutterItem.png'); background-repeat: repeat-x; background-attachment: scroll }
.contentCenter .detailNav ul { margin-top:20px; }
.contentCenter .detailNav ul li { list-style: none; font: 0.7em Verdana, sans-serif; line-height:15px; color: #333; }
.contentCenter .detailNav ul li a { color: #333; }
.contentCenter .detailNav .largemap a { list-style: none; font: 0.7em Verdana, sans-serif; line-height:15px; color: #333; }*/

.contentCenter .icons { list-style: none; font: 0.7em Verdana, sans-serif; line-height:20px; color: #333; }
.contentCenter .icons a { color: #333; }

.contentCenter .detailPage h2 { color:#333; margin-bottom:10px; }
/*.contentCenter .detailPage h2 { background-color:#cccc99; color:#fff; margin-right:0px; padding:2px; }
.contentCenter .detailPage h2 { background-image: url('/img/GreenFadeBackground.png'); background-repeat: repeat-x; background-attachment: scroll }
.contentCenter h2.h2Description { margin-right:260px; }*/
.contentCenter h2.h2Description300 { margin-right:340px; }
/*.contentCenter .HomePage { background-image: url('/img/SingleSpeedMountainBike.jpg'); background-repeat: no-repeat; background-position: top right; height:344px; }*/
.contentCenter .HomePageCopy { width:370px; }
.contentCenter .siteMap h2 { margin-left:30px; }
.contentCenter .siteMap h2 a { font: bold 1.3em Helvetica, Arial, sans-serif; color: #666; }
.contentCenter .siteMap h3 { margin-left:60px;  }
.contentCenter .siteMap h3 a { font: 1.4em Helvetica, Arial, sans-serif; color: #666; }
.contentCenter .siteMap h4 { margin-left:90px; }
.contentCenter .siteMap h4 a { font: 1.6em Helvetica, Arial, sans-serif; color: #666; }
.contentCenter .rideMap { width:680px; height: 400px }
* html .contentCenter .rideMap
{
  width: 660px;
  w\idth: 660px;
}

/*
.contentCenter .rideMapOnHome { width:635px; height: 400px }
* html .contentCenter .rideMapOnHome
{
  width: 615px;
  w\idth: 615px;
}*/
.contentCenter .rideMapOnHome { width:635px; height: 400px; margin-left:22px; }
* html .contentCenter .rideMapOnHome
{
  width: 615px;
  w\idth: 615px;
}

.mapBackgroundHomePage {
	width:680px; height: 420px;
	background-image: url('/img/HomePageBackground.jpg'); background-repeat: repeat-x; background-attachment: scroll;
}
* html .mapBackgroundHomePage {
  width: 660px;
  w\idth: 660px;
}

/*
.contentCenter .detailNav .rideDetailMap { width:200px; height: 150px; position: relative; overflow: hidden;}
* html .contentCenter .detailNav .rideDetailMap
{
  width: 200px;
  w\idth: 150px;
}*/

.rideDetailMap { width:660px; height: 600px; position: relative; overflow: hidden; margin-top:10px; }
* html .rideDetailMap
{
  width: 640px;
  w\idth: 640px;
}

.rideDetailMap300 { width:280px; height: 300px; position: relative; overflow: hidden; margin-top:10px; }
* html .rideDetailMap300
{
  width: 260px;
  w\idth: 260px;
}

rideDetailMap300 {}

.rideDetailLargeMap { width:680px; height: 480px; position: relative; overflow: hidden;}
* html .rideDetailLargeMap
{
  width: 680px;
  w\idth: 480px;
}

#sortTable {margin: 0; padding: 0;	border: 1px solid #666666;}
#sortTable tr td { font: 0.7em Verdana, sans-serif; padding: 2px 4px; border-left: 1px solid #cccccc;}
#sortTable tr th { font: bold 0.7em Verdana, sans-serif; padding: 2px 4px; border-left: 1px solid #cccccc; background-color:#eee; text-align:left;}
#sortTable tr th  { background-image: url('/img/RightGutterItem.png'); background-repeat: repeat-x; background-attachment: scroll }
#sortTable tr th a { text-decoration: none; }
#sortTable .sortarrow { font-size: 12pt; font-weight: bold; }
/* whole table is 680 */
#sortTable .sortTableCol1 { width:200px; }
#sortTable .sortTableCol2 { width:135px; }
#sortTable .sortTableCol3 { width:66px; }
#sortTable .sortTableCol4 { width:66px; }
#sortTable .sortTableCol5 { width:66px; }
#sortTable .sortTableCol6 { width:96px; }
#sortTable .sortTableCol7 { width:96px; }

#memberTable {margin: 0; padding: 0; border: 0px; }
#memberTable tr td { font: 0.7em Verdana, sans-serif; padding: 2px 14px; }

.ridePrint { text-align:left; }
.ridePrint p { font: 0.8125em Verdana, sans-serif; line-height: 18px; color: #000; margin-bottom: 16px; }
.ridePrint h1 { font: 0.98em Verdana, sans-serif; font-weight:bold; line-height: 18px; color: #000; margin-bottom: 6px; }
.ridePrint h2 { font: 0.9em Verdana, sans-serif; font-weight:bold; line-height: 18px; color: #000; margin-bottom: 6px; }
.ridePrint a { font: 0.8125em Verdana, sans-serif; line-height: 18px; color: #000; margin-bottom: 6px; text-align:right; }
.ridePrint .alignRight { text-align:right; }
.ridePrint .detailAttributeTbl tr td span.attribute { font: 0.8125em Verdana, sans-serif; color: #000; }
.ridePrint .detailAttributeTbl tr td span.value { font: 0.8125em Verdana, sans-serif; color: #000; margin-left: 20px; }

.review { border-bottom: 1px solid #666666; margin-bottom:0px; padding-top:0px; }
.byline { margin-top:5px; font-weight:normal; font-style:italic; color:#999; letter-spacing:0px; }
.bylineImage { text-align:center; font-weight:normal; font-style:italic; color:#999; letter-spacing:0px; }
.byline a:link { font-style:normal; }
.detailImage p { text-align:center; margin-bottom:0px; }
.detailImage { margin-left:10px; width:150px; }
.addPlus { color:#cc6600; font-weight:bold; }

.sweetForm {border: 1px solid #666; background-color:#faf7ee; padding: 0px; margin: 0px auto }
.sweetFormAddImage { width:440px; }
.sweetFormAddReview { width:640px; }
.sweetFormLogin { width:250px; }
.sweetFormRegister { width:325px; }
.sweetFormAddRide { width:840px; }
.sweetFormHomePage { width:635px; }
.sweetFormAddRidePopup { width:460px; padding: 0px, 5px; border: 1px solid #faf7ee;}
.sweetFormDOB { width:250px; }
.sweetForm div.content {padding: 5px; margin: 0px auto}
.sweetForm div.header { background-color:#666;  padding: 2px;  text-align:left; }
.sweetForm div.header h2 { color:#fff;  }
.sweetForm div.content div.row { clear: both;  padding-top: 3px; }
.sweetForm div.content div.row p {  font: 0.7em Verdana, sans-serif;  color: #333; }
.sweetForm div.content div.row p.failureText {  color: #ff0000;  }
.sweetForm div.content div.row span.label {  float: left; text-align: right; font: 0.7em Verdana, sans-serif; color: #333;}
.sweetForm div.content div.row span.label span.labelExtraInfo {	color: lightgrey; }
.sweetForm div.content div.row span.formw {  float: right; text-align: left; } 
.sweetForm div.content div.row span.formw span.instructions {  font: 0.7em Verdana, sans-serif;  color: #333;  margin-left:10px; } 
.sweetFormAddImage div.content div.row span.label { width:30%; }
.sweetFormAddImage div.content div.row span.formw { width:70%; }
.sweetFormAddReview div.content div.row span.label { width:25%; }
.sweetFormAddReview div.content div.row span.formw { width:75%; }
.sweetFormLogin div.content div.row span.label { width:30%; }
.sweetFormLogin div.content div.row span.formw { width:70%; }
.sweetFormRegister div.content div.row span.label { width:40%; }
.sweetFormRegister div.content div.row span.formw { width:60%; }
.sweetForm .imageForm { width:230px; }
.sweetForm .reviewForm { width:440px; }
.sweetForm .DOB { width:100px; }
.sweetForm .rideForm { width:445px; }
.sweetForm .readOnly { color:#999999; }
.sweetFormAddRide span.labelride {  font: 0.7em Verdana, sans-serif; color: #333;}
.sweetFormAddRide div.content div.row { padding-top: 6px; }
.sweetFormAddRidePopup span.labelride {  font: 0.7em Verdana, sans-serif; color: #333;}
.sweetFormAddRidePopup div.row { padding-top: 6px; padding-left: 5px; }
.sweetForm .selectStartLocation { width:200px; }
.sweetForm .selectStartLocationOn { width:200px; background-color:#ffffcc; }
.sweetForm .selectStartLocationOnHP { width:180px; background-color:#ffffcc; }
.sweetForm .sliderLabel { width:120px; }
.sweetForm .validationSummaryAddRide { font: 0.7em Verdana, sans-serif; color:Red; }
.sweetForm .validationSummaryAddRide li { font: 0.8em Verdana, sans-serif; color: #333; }

.slideshowPlayStop {
	width: 50px;
	color:#333;
	font: bold 0.7em Verdana, sans-serif;
	background-color:#eeeeee;
	border:1px solid;
	border-top-color:#666;
	border-left-color:#666;
	border-right-color:#666;
	border-bottom-color:#666;
	margin-top:2px;
	cursor:pointer;
}

.slideTitle { font: bold 0.7em Verdana, sans-serif; }
.slideDescription { font: 0.7em Verdana, sans-serif; }

/* Scrollable Content Height - whole table is 680 */
.sortTableCol1 { width:210px; }
.sortTableCol2 { width:145px; }
.sortTableCol3 { width:41px; }
.sortTableCol4 { width:42px; }
.sortTableCol5 { width:35px; }
.sortTableCol6 { width:35px; }
.sortTableCol7 { width:76px; }
.sortTableCol8 { width:96px; }


#sortTable .sortTableCol1 { width:200px; }
#sortTable .sortTableCol2 { width:135px; }
#sortTable .sortTableCol3 { width:61px; }
#sortTable .sortTableCol4 { width:62px; }
#sortTable .sortTableCol5 { width:30px; }
#sortTable .sortTableCol6 { width:30px; }
#sortTable .sortTableCol7 { width:66px; }
#sortTable .sortTableCol8 { width:96px; }


.scrollContent { height:100px; overflow-x:hidden; overflow-y:auto;}
.scrollContent tr { height: auto; white-space: nowrap;}
/* Prevent Mozilla scrollbar from hiding right-most cell content */
.scrollContent tr td:last-child { padding-right: 20px;}
/* Fixed Header Height */
.fixedHeader tr { position: relative; height: auto;
 /* this fixes IE header jumping bug when mousing over rows in the tbody */
 top: expression( this.parentNode.parentNode.parentNode.scrollTop + 'px' );}

div.TableContainer { border: 1px solid #666666;}
.headerFormat  { font: bold 0.7em Verdana, sans-serif; padding: 2px 4px; border-left: 1px solid #cccccc; background-color:#eee; text-align:left;}
.headerFormat   { background-image: url('/img/RightGutterItem.png'); background-repeat: repeat-x; background-attachment: scroll }
.bodyFormat tr td {	color: #000000;	margin: 3px;	padding: 1px;	border: 0px none;	font: 0.7em Verdana, sans-serif;}
.alternateRow {  background-color: #ffffcc;}
.point { cursor:pointer;}
td.sortedColumn {  background-color: #ffffcc;}
tr.alternateRow td.sortedColumn {  background-color: #ffffa4;}
table.scrollTable tr:hover {	background-color: #ffffa4;	color: #696923;	font-style: normal;}
.hoverMe {	background-color: #c5e5c5;	color: #006600;	font-style: normal;}
.modalBackground {	background-color:Gray;	filter:alpha(opacity=20);	opacity:0.2;}

.popup .head { background-image: url('/img/WindowTop.png'); width: 720px; height: 34px; background-repeat: no-repeat; }
.popup .middle { background-image: url('/img/WindowBackground.png');	width: 720px; background-repeat: repeat-y; text-align:center; }
.popup .middle .contentWrapper { width: 685px; height: 650px; overflow : auto; text-align:left;  }
.popup .middle .content { width: 658px; margin: 10px, 0px, 10px, 10px; text-align:left;	}
.popup .foot { background-image: url('/img/WindowBottom.png'); width: 720px; height: 18px; background-repeat: no-repeat; }

.popupSmall .head { background-image: url('/img/WindowTopSmall.png'); width: 498px; height: 34px; background-repeat: no-repeat; cursor:move; }
.popupSmall .middle { background-image: url('/img/WindowBackgroundSmall.png');	width: 498px; background-repeat: repeat-y; text-align:center; }
.popupSmall .middle .contentWrapper { width: 463px; height: 500px; overflow : auto; text-align:left; background-color:#faf7ee; }
.popupSmall .middle .contentWrapperForError { height: 480px; }
.popupSmall .middle .content { width: 463px; margin: 10px, 0px, 10px, 10px; text-align:left;	}
.popupSmall .foot { background-image: url('/img/WindowBottomSmall.png'); width: 498px; height: 18px; background-repeat: no-repeat; }


.divalignrightClose { width:100%; text-align:right; margin-top:0px; padding-top:14px; }

.divalignrightClose a:hover {  background-color:transparent; }
.closeRightSpace { margin:10px, 50px, 0px, 0px;}
.mapmarker { font: 0.6em Verdana, sans-serif; }
.sliderrail {    position: relative;    height: 15px;    width: 200px;    background: #FFFFFF url(/img/SliderRail.png) repeat-x;}
.sliderrailTechnicalDifficulty {    position: relative;    height: 15px;    width: 200px;    background: #FFFFFF url(/img/sliderrailTechnicalDifficulty.png) repeat-x;}
.sliderrailAerobicDifficulty {    position: relative;    height: 15px;    width: 200px;    background: #FFFFFF url(/img/sliderrailAerobicDifficulty.png) repeat-x;}
.sliderrailRouteFinding {    position: relative;    height: 15px;    width: 200px;    background: #FFFFFF url(/img/sliderrailRouteFinding.png) repeat-x;}
.sliderrailOverallReview {    position: relative;    height: 15px;    width: 200px;    background: #FFFFFF url(/img/sliderrailOverallReview.png) repeat-x;}
.sliderhandle {    position: absolute;    height: 15px;    width: 10px;}
.sliderDisplay { font: 0.7em Verdana, sans-serif; color: #333; }
.mapDirections { font: 0.7em Verdana, sans-serif; color: #333; margin-right:300px; }
.importXMLGPX { font: 0.7em Verdana, sans-serif; color: #333; }
.fileUploadSection { margin-top:10px; }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    margin-top:4px;
}

.filledRatingStar {
    background-image: url(/img/Review5of5.gif);

}

.emptyRatingStar {
    background-image: url(/img/Review0of5.gif);
}

.savedRatingStar {
    background-image: url(/img/Review5of5.gif);
}

.downloadKMLGPX{
	text-align:right;
	font: 0.7em Verdana, sans-serif; color: #333;
}
.downloadKMLGPX a{
	font: Verdana, sans-serif; color: #333;
}

.editProfile {
	font: 0.7em Verdana, sans-serif; color: #333;
}

.termsAndPrivacy { font: 0.8em Verdana, sans-serif; line-height: 18px; color: #666; margin-bottom: 16px; }
.termsAndPrivacy ul { font: 1.2em Verdana, sans-serif; line-height: 18px; color: #666; margin-bottom: 16px; margin-left:20px; }
.terms-subheader {
color:#666;
font-size:100%;
margin:1em 0;
}
.privacy-subheader {
color:#666;
font-size:100%;
margin:1em 0;
}

.viewTopRatedInCity 
{
	margin-left:40px;
	font: 0.7em Verdana, sans-serif;
}

.haveYouDoneThis {
	border: solid 1px #CCC;
	width:200px;
	padding:5px;
}

.rightGutterRides 
{

}

.tooltip 
{
	font: 0.6em Verdana, sans-serif;
	background-color:#FAF7EE;
	border:1px solid #000;
	padding:2px;
	white-space:nowrap;
}

.rideTrailDifferent {
	font-family:Verdana,sans-serif;
	font-size:0.7em;
	text-align:left;
}


/* Route list on detail --------------------------- */
.routeListWrapTheWholeThing {
	position:absolute; 
	margin-top: -554px;
	margin-left: 510px;
}

.routeTableHeaderBGD {
	background-color: #ffffff;
	filter:alpha(opacity=60);
	opacity:0.6;
	position:absolute;
	top:0px;
	left:15px;
	width:130px;
	height:40px;
	z-index:5;
}

.routeTableBGD {
	background-color: #ffffff;
	filter:alpha(opacity=60);
	opacity:0.6;
	position:absolute;
	top:40px;
	left:15px;
	width:130px;
	height:496px;
	z-index:5;
}

.routeListHolderHeadCell {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	border-top:solid 1px #000;
}

.routeListHolderCell {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
}

.routeListHolder {
	height:496px;
	text-align:center;
	overflow:auto;
}

.routeListHeader {
	text-align:center;
	margin-top:4px;
	font-family:Verdana,sans-serif;
	font-size:0.7em;
	line-height:14px;
	font-weight:bold;
}

.routeListHeader a {
	color:#cc6600;
	font-weight:normal;
}

.routeListTable {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}

.routeListTable td {
	font-family:Verdana,sans-serif;
	font-size:0.7em;
}

.routeTable {
	position:relative;
	z-index:10;
}

.routeListMiles {
	font-weight:bold; 
}

.routeListMilesAndLinks {
	font-family:Verdana,sans-serif;
	font-size:0.8em;
}

/* --------------------------- Route list on detail */