/**
* Sidebar
**/

h3.sidebarheader {
  color:#000000 !important;
  background:#ffffff url(/img/white-tear-bnr.gif) right no-repeat !important;
  line-height:25px;
  font-size:10pt !important;
  overflow:hidden;
  margin:20px 0px 0px 0px !important;
  padding:0px 5px;
  width:168px;
  w\idth:158px;
  height:25px !important;
}

ul.sidebarlist{
  list-style:none;
  background:#363535 url(/img/sidebarlist-bg.gif) top repeat-x;
  width:168px;
  margin:0px;
  padding:4px 0px;
}

ul.sidebarlist li{
  background:#525151 url(/img/white-li-arrow.gif) 5px center no-repeat;
  padding:3px 3px 3px 18px;
  margin:1px 5px;
}

ul.sidebarlist li a{
  color:#7EA300;
  font-weight:bold;
}


#srch-form{
  margin-bottom:10px;
}

#assoclinks li {
 background:#525151 url(/img/top-cnr-red.gif) top right no-repeat;
 padding:3px 5px;
 margin:2px 5px;
}

#assoclinks li a{
  color:#ffffff
}

#assoclinks li span.friendcat {
  color:#7EA300;
  font-size:smaller;
}

#site-container div#page-content #centre-column{
  width: 620px;
  w\idth: 600px;
  margin-right:0px;
  padding:0px 10px 10px 10px;
}



h2#page-heading {
  background:none;/*url(/img/h1-underline-600px.gif) bottom left no-repeat;*/
}




#site-container div#page-content #right-column{
  margin-left:0px;
  width:133px;
}


#qrcode{
  text-align:center;
  width:116px;
  margin:10px auto;
}
#qrcode a{
  color:#ffffff;
  font-size:0.78em;
}

div.center{
  text-align:center;
}

div.center a{
  color:#ffffff;
}

#qrcode img{
  border:solid 8px #ffffff;
}


#trail-photos{
  overflow:hidden;
  width:100%;
}

#trail-photos #main-image{
  width:398px;
  float:left;
}

#trail-photos #extra-images{
  overflow:hidden;
  width:180px;
  height:218px;
  float:right;
  margin-right:0px;
  display: inline;
}

#trail-photos #extra-images div{
  width:180px;
  height:110px;
  margin-bottom:4px;
}


#trailrating{
  position:absolute;
  top:0px;
  right:0px;
  background:url(/img/rating-bg.jpg) top right no-repeat;
  width:133px;
  height:228px;
}

#trailrating #avgrating{
  font-size:38px;
  font-weight:bold;
  color:#ecf3e2;
  position:absolute;
  top:50px;
  left:0px;
  width:100%;
  text-align:center;
}


#trailrating #rb-links{
  position:absolute;
  top:121px;
  left:30px;
}

#trailrating #rb-links ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

#trailrating #rb-links ul li{
  padding:0px;
  margin:0px 0px 2px 0px;
  vertial-align:middle;
}

#trailrating #rb-links ul li img{
 vertial-align:middle;
}

#trailrating #rb-links ul li a{
 vertial-align:middle;
  color:#3C6DF0;
  font-weight:bold;
}

#trailrating #trailsuitability {
  position:absolute;
  bottom:10px;
}

#trailsuitability ul{
  list-style:square;
  margin:0px;
  padding:0px;
}



#skyscraper{
  background:#1f1d1c;
  width:133px;
  height:620px;
  position:absolute;
  top:228px;
  right:0px;
}

#trailpage{
  padding:0px;
  margin-top:10px;
}

#trailpage #trail{
  background:#E5E5E5 url(/img/grey-grad.gif) top repeat-x;
  border:solid 1px #9b9b9b;
  padding:6px;
}

#trail img{
  border:solid 1px #585686;
  background:#ffffff;
  padding:1px;
}


#trail #trailbuttons{
 width:100%;
 margin:6px 0px;
 overflow:hidden;
}

#trailbuttons ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

#trailbuttons ul li{
  float:left;
  margin:0px;
  padding:0px;
  width:192px;
  height:26px;
}

#trailbuttons ul li a{
  width:192px;
  height:26px;
  display:block;
}

#trailbuttons ul li a span{
  display:none;
  margin-left:-999999px;
}

#trailbuttons ul li#btn-gall{
  background:url(/img/trail-btns.gif) 0px 0px no-repeat;
}

#trailbuttons ul li#btn-rate{
  background:url(/img/trail-btns.gif) 0px -26px no-repeat;
}

#trailbuttons ul li#btn-uppic{
  background:url(/img/trail-btns.gif) 0px -52px no-repeat;
}

#trailpage #trail-videos{
  background:#E5E5E5 url(/img/grey-grad.gif) top repeat-x;
  border:solid 1px #9b9b9b;
  padding:6px;
}

#suggest-video div label img{
  vertical-align:middle;
}

#suggest-video input.widebox{
  width:300px;
}

#trail-videos h3{
  background:#2A9ECC url(/img/blue-tear.gif) top right no-repeat;
  color:#ffffff;
  padding:3px;
  font-size:1.4em;
  margin:-6px -6px 6px -6px;
}

#trail-videos #video-list ul{
  list-style:none;
  overflow:hidden;
  margin:0px;
  padding:0px;
  width:100%;
}

#trail-videos #video-list ul li {
  background:#bcbcbc url(/img/trail-vid-li-bg.gif) left no-repeat;
  border:solid 1px #ffffff;
  margin:2px 4px 2px 0px;
  padding:11px 11px 11px 31px;
  float:left;
  width: 282px;
  w\idth: 240px;

}

#trailpage #trail-reviews{
  background:#E5E5E5 url(/img/grey-grad.gif) top repeat-x;
  border:solid 1px #9b9b9b;
  padding:35px 6px 6px 6px;
  position:relative;
}

#trailpage #trail-reviews h3{
  background: url(/img/green-banner.gif) top right no-repeat;
  color:#ffffff;
  padding:3px 0px;
  font-size:1.4em;
  /*margin:-6px -6px 6px -6px !important;*/
  height:29px;
  width:100%;
  line-height:29px;
  position:absolute;
  top:0px;
  left:0px;
}

ul#trailreviewslist{
  background:none;
  list-style:none;
  margin:6px 0px;
  padding:6px;
}

ul#trailreviewslist li{
  margin:2px 0px 20px 0px;
  padding:0px;
}

ul#trailreviewslist li div.reviewtext{
  padding:6px;
  border:solid 1px #888888;
  background:#ffffff;
}

.rev-footer{
 background:#999999 url(/img/comment.gif) 6px -2px no-repeat;
 width:94%;
 overflow:hidden;
 margin:-1px 3% 6px 3%;
}

div.rev-time{
 width:45%;
 padding:5px;
 float:left;
 margin-left:22px;
 font-size:0.78em;
}

div.rev-time span.revname{
  font-weight:bold;
  font-size:1.6em;
  font-family:georgia,serif;
}

div.reviewrating{
 width:12em;
 padding:5px 5px 5px 5px;
 float:right;
 text-align:right;
 background:url(/img/rating-badger-head.png) left no-repeat;
}


#btn-new-review{
  position:absolute;
  background:url(/img/btn-new-review.gif) top no-repeat;
  top:0px;
  right:50px;
  width:176px;
  height:29px;
  display:block;
}

#btn-new-review span{
  display:none;
  margin-left:-999999px;
}



/**
* Trail Page Reviews Form
**/

#rate-a-trail{
  background:#c3c3c3;
  padding:1%;
  overflow:hidden;
  width:98%
}

#current-rating-box{
  background:#ffffff url(/img/current-rating-box.gif) top left no-repeat;
  text-align:center;
  font-size:40px;
  font-weight:bold;
  float:left;
  border:solid 2px #424242;
  padding-top:20px;
  color:#d74b06;
  width:113px;
  height:123px;
  he\ight:103px;
}

#rate-a-trail .hidden{
  display:none;
  margin-left:-99999px;
}

#rating-form-container{
  background:#a5a5a5;
  border:solid 2px #424242;
  float:left;
  margin-left:8px;
  padding:8px;
  width:440px;
  w\idth:424px;
}

#rating-form-container div.ovh {
  width:100%;
  overflow:hidden;
}

#rating-form-container #trail-rate-form #textfields{
  width:45%;
  float:left;
}

#rating-form-container #trail-rate-form #ratetool{
  width:50%;
  float:left;
}

#commentsbox {
  margin:8px 0px;
}

#commentsbox #rating-comments{
  width:100%;
}

#rating-submit-button{
  text-align:right;
}

#rating-form-container .shadow{
  background:#ffffff url(/img/text-area-bg.gif) top left no-repeat;
  padding:3px 0px 0px 3px;
  font-weight:bold;
  color:#575757;
  border:solid 1px #424242;
}

#sliderarea {
  position:relative;
}

#rating-form-container #slidernumber {
  background:url(/img/slider-number-box.gif) no-repeat;
  font-size:12px;
  line-height:24px;
  font-weight:bold;
  position:absolute;
  top:-2px;
  left:110px;
  width:33px;
  w\idth:25px;
  height:27px;
  padding-left:8px;
}

.label-1 { display:none; margin-left:-99999px }
.label-2 { display:none; margin-left:-99999px }


.ometer {
  font-weight:bold;
  color:#880000;
}


#rating-form-container #trail-rate-form .ui-slider,
#rating-form-container #trail-rate-form .ui-slider-1 {
  background-image:url(/img/slider-background.gif);
}
#rating-form-container #trail-rate-form .ui-slider {
  background-position:center center;
  background-repeat:no-repeat;
  height:23px;
  position:relative;
  width:101px;
}

#rating-form-container #trail-rate-form .ui-slider-handle {
  background-image:url(/img/slider-indicator.gif) ;
  height:11px;
  left:0;
  position:absolute;
  top:12px;
  width:11px;
  z-index:1;
  outline:none;
}


* :focus { outline:none }

.ui-slider-disabled .ui-slider-handle {
opacity:0.5;
}
.ui-slider-range {
  background:#50A029 none repeat scroll 0 0;
  height:100%;
  opacity:0.3;
  position:absolute;
  width:100%;
}


/** County Listings Page **/

ul.srchregion,
ul.srchregion li ul  {
  list-style:none;
  margin:0px;
  padding:0px;
}

ul.srchregion li h3{
  margin-top:1em;
  font-size:1.4em;
}


ul.srchregion li ul li{
  margin:0px 0px 10px 0px;
  padding-bottom:10x;
  border-bottom:solid 1px #ccc;
}



/** Map and Elevation Profile **/

#map {
  width:550px;
  height:450px;
  margin:20px auto;
  background:#cfcfcf;
  border:solid 2px #888888;
}

img#elevationprofile{
  border-bottom:solid 2px #888888;
}