html {
 height: 100%;
}
@font-face {
 font-family: Lato;
 src: url('../fonts/LATO-REGULAR.TTF');
}
body {
 font-family: Lato, Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin: 0px;
 width: 100%;
 height: 100%;
 min-height: 100%;
 background-color: #CCCC99;
 overflow-y: scroll;
}
input[type=radio] {
 vertical-align: bottom;
}
input[type=checkbox] {
 vertical-align: middle;
}
input[type=text] {
 font-family: Lato, Arial, Helvetica, sans-serif;
}
input[type=button] {
 font-family: Lato, Arial, Helvetica, sans-serif;
}
select {
 font-family: Lato, Arial, Helvetica, sans-serif;
 margin: 4px 0px 2px 0px;
}
select.dropdown_small {
 font-size: 11px;
}
select.dropdown_tiny {
 font-size: 10px;
}

#container {
 width: 100%;
}

/* Styles for the page header, including the title */
#header {
 display: block;
 position: relative;
 padding: 7px 15px;
 background-color: #856333;
}
#header_title {
 display: inline-block;
 position: relative;
}
 #header_title_name {
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
 }
 #header_title_subtitle {
  margin-top: 6px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #CCCC99;
 }
  #header_title_subtitle a {
   color: inherit;
  }
#header_support {
 display: inline-block;
 position: relative;
 float: right;
 background-color: rgba(173, 141, 99, 0.5);
 font-size: 14px;
 font-variant: small-caps;
 color: #FFFFFF;
 padding: 0px;
 margin-top: -7px;
 text-align: center;
 border-radius: 0px 0px 8px 8px;
}
 img.header_support_logo {
  max-height: 50px;
  max-width: 100px;
  vertical-align: middle;
  padding: 2px 6px 2px 6px;
  border: 0px;
 }

/* Notices and FWIP update containers */
#fwip_notice, #fwip_update, #fwip_browser_warning {
 color: #FFFFFF;
 text-align: center;
 font-size: 16px;
 padding: 5px 0px;
}
 #fwip_notice a, #fwip_update a {
  color: #FFFFFF;
  font-weight: bold;
 }
#fwip_notice {
 background-color: #CC0000;
}
#fwip_update {
 background-color: #54A986;
}
#fwip_browser_warning {
 background-color: #EEAA00;
}
 #fwip_browser_warning a {
  color: #1D5D57;
 }

/* Styles for the top menu bar */
#menu {
 display: block;
 position: relative;
 background-color: #77885E;
 border-top: 3px solid #77885E;
 border-bottom: 3px solid #77885E;
 padding: 0px 0px 0px 30px;
}
 #menu_icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 21px;
  background-color: #77885E;
  border-top: 3px solid #77885E;
  border-bottom: 3px solid #77885E;
  font-size: 20px;
  color: #B9C4AA;
  text-align: center;
  cursor: pointer;
 }
  #menu_icon div {
   display: block;
   margin: -3px 0px -5px 0px;
   font-size: 8px;
  }
 div.menu_tab_unsel, div.menu_tab_sel, div.menu_tab_perm {
  float: left;
  width: 33%;
  padding: 2px 0px;
  text-align: center;
  font-size: 18px;
 }
 div.menu_tab_unsel {
  background-color: #B9C4AA;
  color: #77885E;
  font-weight: normal;
  cursor: pointer;
 }
 div.menu_tab_sel, div.menu_tab_perm {
  background-color: #77885E;
  color: #EBEEE6;
  font-weight: bold;
 }
 div.menu_tab_perm {
  width: 100%;
  font-size: 22px;
 }
 div.menu_tab_status {
  display: none;
  padding-top: 3px;
  font-size: 10px;
  font-weight: normal;
 }
  span.menu_tab_span {
   display: block;
  }
 div.menu_clear {
  clear: both;
 }
 #menu_drawer {
  display: none;
  background-color: #77885E;
  border: 4px solid #77885E;
 }
  div.menu_drawer_close {
   float: right;
   cursor: pointer;
   font-size: 12px;
  }
  div.menu_drawer_inner {
   margin: 0px;
   padding: 6px;
   background-color: #62714C;
   color: #B9C4AA;
   font-size: 16px;
  }
   div.menu_drawer_table_item {
    display: inline-block;
    width: 260px;
    padding: 2px 20px 2px 5px;
    vertical-align: top;
   }
    div.menu_drawer_table_desc {
     display: block;
     padding: 3px 0px;
     font-size: 12px;
    }
    div.menu_drawer_table_item a {
     color: #B9C4AA;
    }
    .menu_drawer_table_item_icon {
     width: 15px;
     height: 15px;
     vertical-align: middle;
    }
 #bookmark_link {
  text-decoration: underline;
  cursor: pointer;
 }
 #bookmark_url_container {
  display: none;
  padding-top: 4px;
 }
  #bookmark_url_input {
   font-family: Lato, Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 200px;
   margin-right: 5px;
  }
  #bookmark_url_copy {
   display: inline;
   margin: 0px;
   padding: 3px 6px;
   background-color: #b9c4aa;
   border: 1px solid #77885e;
   border-radius: 12px;
   text-align: center;
   font-size: 12px;
   cursor: pointer;
  }

/* Styles for the page content area */
div.content {
 display: block;
 position: relative;
 background-color: #FFFFFF;
 margin-bottom: 5px;
 padding: 0px;
}
div.content_panel_table {
 display: table;
 width: 100%;
}
 div.content_panel_table_row {
  display: table-row;
 }
  div.content_panel_left {
   display: table-cell;
   position: relative;
   vertical-align: top;
   width: 400px;
   margin-right: 5px;
   padding: 10px 5px 5px 10px;
  }
  div.content_panel_right {
   display: table-cell;
   position: relative;
   vertical-align: top;
   padding-left: 10px;
   padding: 10px;
  }
div.content_box {
 display: block;
 position: relative;
 background-color: #E4E4C2;
 border-right: 3px solid #DAD89B;
 border-bottom: 3px solid #DAD89B;
 border-left: 3px solid #DAD89B;
 margin-bottom: 10px;
}
 div.content_box_title {
  display: block;
  position: relative;
  text-align: center;
  padding: 6px;
  background-color: #DAD89B;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
 }
 div.content_box_interior {
  display: block;
  position: relative;
  padding: 6px;
  font-size: 12px;
  color: #000000;
 }
 div.pad_top {
  margin-top: 8px;
 }
 div.content_split_left, div.content_split_right, div.content_split_indent {
  display: inline-block;
  vertical-align: top;
 }
 div.content_split_left {
  width: 48%;
 }
 div.content_split_indent {
  padding-left: 25px;
 }
 div.content_text_small {
  font-size: 11px;
 }
 label.label_dim {
  color: #666666;
 }
 #location_detect_link {
  display: inline-block;
  padding: 5px 5px 3px 25px;
  text-decoration: underline;
  cursor: pointer;
  color: #000099;
 }
 #location_detect_status {
  display: none;
 }
 .menu_button_clear {
  cursor: pointer;
  padding-left: 3px;
 }
 div.content_box_interior input[type=button] {
   display: block;
   margin: 8px auto 0px auto;
   padding: 4px 8px;
   background-color: #DAD89B;
   border: 1px solid #CCC983;
   border-radius: 6px;
   text-align: center;
   font-size: 12px;
   cursor: pointer;
 }
  @keyframes content_update_button_pulse {
   0% {
    background-color: #DAD89B;
   }
   50% {
    background-color: #A7DA5B;
   }
   100% {
    background-color: #DAD89B;
   }
  }
  input.update_button_pulse {
   animation-iteration-count: infinite;
   animation-name: content_update_button_pulse;
   animation-duration: 2s;
   animation-fill-mode: both;
  }
 input.submit_standalone {
  display: block;
  margin: 8px auto;
  padding: 4px 8px;
  background-color: #DAD89B;
  border: 1px solid #CCC983;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
 }
 div.content_box_hr {
  height: 3px;
  margin: 5px -6px;
  background-color: #DAD89B;
 }
 div.content_obtime_display_info {
  display: inline;
  font-style: italic;
 }
 div.content_point_network_title {
  margin-bottom: 7px;
  font-weight: bold;
 }
 input.content_point_network_checkbox {
  margin-left: 8px;
 }

/* Styles for the date picker */
.ui-datepicker {
 z-index: 1000;
}
#ui-datepicker-div {
 font-family: Lato, Arial, Helvetica, sans-serif;
}
#ui-datepicker-div select {
 font-family: Lato, Arial, Helvetica, sans-serif;
}

/* Styles for the page footer */
#footer {
 padding: 3px 5px 5px 5px;
 color: #262C1F;
 font-size: 9px;
 font-style: italic;
}
#footer_usfs_logo {
 float: right;
 margin-left: 10px;
 height: 20px;
}