body {
  background-color:#1A1A1A;
  font: small normal verdana,arial,helvetica,sans-serif;
}

#main a {
  text-decoration: underline;
}

#uber_main {
  width: 954px;
  margin:0 auto;
}

#main {
  position: relative;
  left: 23px;
  width: 100%;
  padding: 0px;
  background-color:#FFF3DE;
}

#content {
  margin: 3px 20px 10px 20px;
}

#wrapper {
  padding: 20px 0px;
}

#navwrap {
  position: relative;
  left: 23px;
  width: 100%;
}

#footer {
  padding-bottom:5px;
  font-size:75%;
  text-align:center;
}

#monthly_controls {
  float:left;
  width:49%;
  min-height:100px;
}

#monthly_range_table {
  width:100%;
  border-collpase:collapse;
  border-spacing:0px;
  position:relative;
  top: 15px;
  left: 20px;
}

#custom_controls {
  float:left;
  width:49%;
  min-height:100px;
  margin-bottom:10px
}

#custom_range_table {
  width:100%;
  border-collpase:collapse;
  border-spacing:0px;
  position:relative;
  top: 15px;
  left: 20px;
}


.button {
  background: #663d1e;
  color: #f7efd6;
  border-color: #513018;
  border-width: 1px;
  border-color: #8789AF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  display:block;
  width:190px;
  font-size:9pt;
  text-align:center;
  white-space:nowrap;
  cursor: pointer;
}

.button-disabled {
  background: #CCC;
  color: #969696;
  border-color: #CCC;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
 text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  font-size:9pt;
  display:block;
  text-align:center;
  white-space:nowrap;
  cursor:default;
  width:190px;
}

.button_a {
  background: #663d1e;
  color: #f7efd6;
  border-color: #513018;
  border-width: 1px;
  border-color: #8789AF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  font-size:9pt;
  display:block;
  width:235px;
  text-align:center;
  white-space:nowrap;
  cursor: pointer;
}

.button_a-disabled {
  background: #CCC;
  color: #969696;
  border-color: #CCC;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
 text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  font-size:9pt;
  display:block;
  text-align:center;
  white-space:nowrap;
  cursor:default;
  width:235px;
}


.button_b {
  background: #663d1e;
  color: #f7efd6;
  border-color: #513018;
  border-width: 1px;
  border-color: #8789AF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  display:block;
  width:160px;
  font-size:9pt;
  text-align:center;
  white-space:nowrap;
  cursor: pointer;
}


.button_b-disabled {
  background: #CCC;
  color: #969696;
  border-color: #CCC;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
 text-decoration: none;
  padding: 2px 5px 2px;
  font-weight:bold;
  font-size:9pt;
  display:block;
  text-align:center;
  white-space:nowrap;
  cursor:default;
  width:160px;
}

.button:hover, .button_a:hover  , .button_b:hover {
  background: #865d3e;
}



/*
.button-disabled, .button_a-disabled {
  height: 25px;
  background: #663d1e;
  color: #969696;
  border-color: #CCC;
  border-width: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 4px;
}
*/

.title_line {
  text-align:center;
  font-size: 170%;
  font-weight: bold;
  margin-bottom:10px;
  color:#1a1a1a;
}

.separator
{
  width:100%;
  height:1px;
  border-top:solid thin #000;
}

.home_page_item
{
  margin: 10px 0px;
  font-size: 0.8em;
}

.image_display
{
  margin:20px auto;
  width:800px;
  min-height:400px;
  border:thin solid #000;
}

.recent_table 
{
  float:right;
  width:83%;
  margin:0px 0px 10px 0px;
  border-collapse:collapse;
}
.sixmonths_table 
{

  float:right;
  width:83%;
  margin:0px 0px 10px 0px;
  border-collapse:collapse;
}

.mtd_table
{
  float:right;
  width:83%;
  margin:0px 0px 10px 0px;
  border-collapse:collapse;
}

.banner 
{
  width:1000px;
  height:220px;
  /*margin:0px auto;*/
  background-image:url('../images/banner_graphic.jpg');
  /*border: solid thin #FFF;*/
  margin-bottom: -8px;
}

.FAQ_Q
{
  font-size:130%;
  font-weight:bold;
  margin-left:5px;
  margin-bottom: 5px;
}


.FAQ_A
{
  display:none;
  margin-left:55px;
  margin-bottom:10px;
  font-size:110%;
  line-height:1.5em;

}

.FAQ_I
{
  border: 0;
  margin-right:5px;
}


#conditions_map_plain_text {
  text-align:left;
  width:800px;
  margin:5px auto;
}

#document_table
{
  width:95%;
  margin: 0px auto;
  border-collapse:collapse;
  border-style:1px solid #000
}

#document_table td {
  padding:5px;
  border:1px solid #000;
}

#phzm_table {
  width: 100%;
  border-collapse: collapse;
  border-style: 1px solid #000
}

#phzm_table td {
  padding: 5px;
  border: 1px solid #000;
  text-align: center;
  background: #fcfcfc;
}

#phzm_table th {
  padding: 5px;
  border: 1px solid #000;
}

.doc_p_title {
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
}

/*  NEW Data page CSS */
#top_page_copy {

}

#data_stability_popup
{
/*
  position:inherit;
  z-index:1240;
  word-wrap:none;
  padding:10px;
*/
}

#data_stability_popup table
{
  border-collapse:collapse;
}

#data_stability_popup td
{
  display: table-cell;
  vertical-align: middle;
  border-width: thin;
}


#inner_table_1 td
{
  border:0;
  /*border-bottom:thin solid #000;*/
}

#inner_table_2 td
{
  border:0;
  /*border-bottom:thin solid #000;*/
}

#inner_table_3 td
{
  border:0;
  /*border-bottom:thin solid #000;*/
}

#data_control_sets_container {
  display: grid;
  position:relative;
  top:0px;
  left:0px;
  grid-template-columns: 900px;
  grid-template-rows: 25px 25px 70px;
  /*border:solid thin #F00;*/
  grid-gap:5px;
  width:fit-content;

}

.timeseries_control_set {
  position:relative;
  display: grid;
  grid-template-columns: 115px 80px 86px 130px 100px 340px;
  grid-template-rows: 12px 11px 12px;
  grid-gap: 10px;
}

#timeseries_data_control_sets_container input {
  margin-right:3px;
  position:relative;
  top:2px;
}

#timeseries_data_control_sets_container span {
/*
  position:relative;
  top:-2px;
*/
}

.timeseries_data_stability_cat1
{
  position:relative;
  top:21px;
  color:#ec0000;
  font-weight:bold;
}

.timeseries_data_stability_cat2
{
  position:relative;
  top:21px;
  color:#ff4d4d;
  font-weight:bold;
}

.timeseries_data_stability_cat3
{
  position:relative;
  top:21px;
  color:#e67300; /*yellow-ish*/
  font-weight:bold;
}

.timeseries_data_stability_cat4
{
  position:relative;
  top:21px;
  color:#006600;
  font-weight:bold;
}

#timeseries_data_control_time_step {
}

.item_container {
  position:relative;
  top:18px;
  left:5px;
  white-space:nowrap;
}

.title_cell {
  font-weight:bold;
  position:relative;
  top:17px;
}

#timeseries_data_control_spatial_res {

} 

#timeseries_data_control_weather_var {
/*
  position:relative;
  display: grid;
  grid-template-columns: 105px 200px 200px 190px 150px;
  grid-template-rows: 20px 20px ;
  grid-gap: 10px;
*/
}

/*
.timeseries_data_control_date_set {
  position:relative;
  display: grid;
  grid-template-columns: 105px 100px 150px 100px;
  grid-gap: 10px;
}

*/

#timeseries_data_control_download {
  position:relative;
  display: grid;
  grid-template-columns: 900px;
  grid-template-rows: 25px;

}

#download_button_conatiner {
  margin:auto;
}

#download_button_conatiner button {
}

#timeseries_data_image_header
{
  margin-top:20px;
  margin-bottom:5px;
}

#timeseries_data_image_container {
  position:relative;
  display:grid;
  grid-template-columns: 36px 836px 36px;
  grid-gap:5px;
  width:fit-content;
  height:648px;
  margin: auto;
}

#timeseries_data_image_container img {
  width:fit-content;
  height:fit-content;
  border:solid thin #000;
}

.map_graphic_arrow_container
{
/*
  position:relative;
  top:308px;
  margin: 0px auto;
*/
}

.normals_control_set {
  position:relative;
  display: grid;
  grid-template-columns: 115px 86px 130px 100px 420px;
  grid-template-rows: 12px 11px 12px;
  grid-gap: 10px;
}

#normals_data_control_sets_container input {
  margin-right:3px;
  position:relative;
  top:2px;
}

#normals_data_control_download {
  position:relative;
  display: grid;
  grid-template-columns: 900px;
  grid-template-rows: 25px;

}

#normals_data_image_header
{
  margin-top:20px;
  margin-bottom:5px;
}

#normals_data_image_container {
  position:relative;
  display:grid;
  grid-template-columns: 36px 836px 36px;
  grid-gap:5px;
  width:fit-content;
  height:648px;
  margin: auto;
}

#normals_data_image_container img {
  width:fit-content;
  height:fit-content;
  border:thin solid #000;
}

#comparisons_data_control_sets_container {
  display: grid;
  position:relative;
  top:0px;
  left:0px;
  grid-template-columns: 900px;
  grid-template-rows: 25px 25px 90px;
  /*border:solid thin #F00;*/
  grid-gap:5px;
  width:fit-content;

}

.comparisons_control_set {
  position:relative;
  display: grid;
  grid-template-columns: 115px 140px 86px 130px 100px 280px;
  grid-template-rows: 12px 12px 11px 12px 12px;
  grid-gap: 10px;
}

#comparisons_data_control_sets_container input {
  margin-right:3px;
  position:relative;
  top:2px;
}



#comparisons_data_control_download {
  position:relative;
  display: grid;
  grid-template-columns: 900px;
  grid-template-rows: 25px;

}

#comparisons_data_image_header
{
  margin-top:20px;
  margin-bottom:5px;
}

#comparisons_data_image_container {
  position:relative;
  display:grid;
  grid-template-columns: 36px 836px 36px;
  grid-gap:5px;
  width:fit-content;
  height:648px;
  margin: auto;
}

#comparisons_data_image_container img {
  width:fit-content;
  height:fit-content;
  border:thin solid #000;
}

#gallery_container {
  display: grid;
  position:relative;
  top:0px;
  left:0px;
  grid-template-columns: 900px;
  grid-template-rows: 25px 25px 25px 25px 25px;
  grid-gap:0px;
  width:fit-content;
}

#gallery_title_row{
  position:relative;
  top: -28px;
  white-space:nowrap;
  width:fit-content;
  margin:auto;
}

#gallery_optional_row{
  position:relative;
  /*top: -10px;*/
  white-space:nowrap;
  width:fit-content;
  margin:auto;
}

#gallery_dpi_choice input {
  position:relative;
  top:3px;
  left:-1px;
}


.gallery_item_container {
  position:relative;
  top:-15px;
  margin:auto;
}