html, body {
  margin:0px;
  padding:0px;
  height:100%;
}

body {
  background-image:url(../graphics/bg-topo.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
  font-size:12px;
  font-family:Verdana;
}

#body-div {
  width:770px;
  margin:auto;
  background-image:url(../graphics/background.png);
  background-repeat:no-repeat;
  background-color:#0B2211;
  height: auto !important; /* ie6 ignores !important, so this will be overridden below */
  min-height: 100%; /* ie6 ignores min-height completely */
  height: 100%;
  position:relative;
  padding-bottom:40px;
  margin-top:30px;
}

#header-div {
  height:60px;
}  

#header-logo
{
    padding:2px 10px 0 15px;
    float:left;
    border:0;
}

#header-logo-text
{
    padding-top:20px;
    border:0;
}

#header-links
{
    float:right;
    margin-right:15px;
}

.header-image
{
    vertical-align:top;
    margin:15px 10px 0px 10px;
    border:0;
}

.header-image:hover
{
    opacity:0.5;
}

#index-header-div {
  height:210px;
} 

#signup-div {
  width:700px;
  height:180px;
  background-color:White;
  border-radius:10px;
  display:none;
  margin-left:25px;
  padding:10px;
  position:relative;
  z-index:11;
  font-size:16px;
}  

#content-div {
  width:700px;
  margin:auto;
  background-color:White;
  padding:10px;
  min-height:500px;
  border-radius:10px;
}

.pnw2-search { width: 175px; height: 250px; margin-left:5px; margin-top:5px; }

#index-region-div {
  width:700px;
  border-top:1px solid #dddddd;
  margin-top:10px;
  padding-top:10px;
}

#index-hotw-div {
  width:700px;
  border-top:1px solid #dddddd;
  margin-top:10px;
  padding-top:10px;
}

#hotw-container-div {
  width:700px;
  padding-top:10px;
  text-align:center;
  margin-left:30px;
}

#hotw-text-div {
  width:200px;
  float:left;
  font-size:14px;
}

.index-header {
  font-size:20px;
}

.hotw-gallery-img {
  max-height:100px;
}

.index-heading {
  text-align:center;
  width:700px;
  font-family:Arial;
  font-size:24px;
}

.greenText {
  color:#4E7D4F;
}

#footer-search-img {
  height:22px;
  vertical-align:top;
  margin-top:2px;
  border:1px solid black;
}

#social-likes {
  float:right;
}

#hike-name {
  font-size:24px; 
}

.breadcrumb {
  text-decoration:none;
  font-size: 18opx;
  color:#4E7D4F;
  font-weight:bold;
}

.trailhead-details-heading {
  font-weight:bold;
  margin-top:10px;
}

.tripreports-heading {
  font-weight:bold;
  margin-top:10px;
  font-size:13px;
}

a.hike-add-report {
  font-size:14px;
}

.hike-reports-header {
  font-size:16px;
}

.hike-book-ad  {
  border:0;
}

h1 {
  margin:0;
}

.ug-icon {
  margin:5px 5px 0px 0px;
}

.sticky-map {
  position: fixed;
  top: 30px;
  border-top: 0;
  z-index:100;
  margin-left:200px;
}

.normal-map {
  position:absolute; 
  top:40px; 
  left:210px;
}

.sticky-control {
  position: fixed;
  top: 30px;
  border-top: 0;
  z-index:100;
}
  
.normal-control {
  position:absolute; 
  top:40px; 
  left:10px;
}

.ui-tabs-vertical { width:690px;  }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 150px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 150px; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 0px -1px 0;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0px; border-left:2px solid #A5DA26; width:148px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 5px; float: right; width: 524px; border:1px solid #d3d3d3; margin-top:3px; min-height:300px; margin-left:-4px; margin-bottom:30px; }

.signup {
    font-size:16px;
    width:180px;
}

.left-signup-div  
{
    text-align:center; 
    margin-top:5px;
    height:26px;
    width:186px;
}

.signup_left {
  text-align:right;
}
.signup_right {
  text-align:left;
}

#close-signup {
    float:right;
    cursor:pointer;
}
.member-picture-large
{
    max-width:180px;
    max-height:180px;
    border:none;
}
#signup-div-button
{
    position:absolute;
    left:550px;
    top:190px;
    width:138px;
    height:35px;
    cursor:pointer;
    z-index:10;
    background-image:url(../graphics/signup-button.png);
}
.opacity-img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
border:0;
}
.opacity-img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#ios-div
{
    height:100px;
    width:100px;
    background-image:url(../graphics/ios-icon.png);
}

#ios-div:hover
{
    background-image:url(../graphics/ios-iconComingSoon.png);
}

.signup-div
{
    position:absolute;
    z-index:2000;
    border-left:1px solid gray;
    border-top:1px solid gray;
    border-right:1px solid gray;
    padding:10px;
    bottom:0px;
    right:10px;
    width:300px;
    background-color:White;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    display:none;
    color:Black;
}
#footer-signin-div
{
    height:200px;
}
#footer-signup-div
{
    height:420px;
}
.span-link{cursor:pointer; text-decoration:underline;}

#progressbar.ui-widget-content { border: 1px solid #000000; }
.ui-progressbar-value { background: #4E7D4F url(../jquery/images/ui-bg_highlight-soft_75_4e7d4f_1x100.png) 50% 50% repeat-x; }
#ui-datepicker-div {border: 1px solid black; }

.highlight {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1); 
    -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1); 
}
.hike-report-thumb
{
    width:64px;
    height:64px;
}
.tripreports-report
{
    font-size:14px;
}
.leave-no-trace-bold
{
    font-weight:bold;
    color:#555555;
}
#region-text-div
{
    float:left;
    width:260px;
}
.footer-link 
{
    text-decoration:none;
    color:#daeaaf;
}
.footer-link:hover
{
    color:white;
}
.vitals_heading
{
    text-align:center;
    font-weight:bold;
    font-size:14px;
}
.vitals_right
{
    text-align:right;
}
.vitals_left
{
    width:120px;
}