html { height: 100% }
body { color: #000000; background-color: #6699BB; background-image: url('/images/sunset@41000ft.jpg'); background-repeat: no-repeat; background-position: 40% 63%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 70%; }
  /*body { background-color: #6699BB; background-image: url('/images/SuperBlueBloodFullMoon.jpg'); background-repeat: no-repeat; background-position: 40% 23%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 100%; }*/
  /*body { background-color: #6699BB; background-image: url('/images/EveningStormClouds.jpg'); background-repeat: no-repeat; background-position: 30% 20%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 100%; }*/
  /*body { background-color: #6699BB; background-image: url('/images/OB_Lightning_20160815.jpg'); background-repeat: no-repeat; background-position: 50% 60%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 100%; }*/
  /*body { background-color: #6699BB; background-image: url('/images/rainbow_06152015.jpg'); background-repeat: no-repeat; background-position: 50% 60%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 100%; }*/
  /*body { background-color: #6699BB; background-image: url('/images/AfterTheStorm05102016.jpg'); background-repeat: no-repeat; background-position: 25% 30%; background-attachment: fixed; margin-left: 0; margin-top: 0; font-family: arial; height: 100%; }*/
  /* dev/infoweb/*/
  body.touch { background-color: #6699BB; background-size: cover; margin-left: 0; margin-top: 0; width: 100%; font-size: 11pt; }
  body.radar { background-color: #000000; background-image: none; }

A.TextLink { text-decoration: none; color: #0869A3; border: 1px solid #0869A3; background-color: #FFFFFF; padding: 2px 2px 2px 2px; font-style: italic; font-weight: bold; font-size: 8pt; }

a { text-decoration: none; color: #cccccc; }
body.light a { text-decoration: none; color: #0869A3; }
.BlackLink a { color: #000000; }
.Font7 { font-size: 7pt; }


.TableWidth { width: 480px; }
body.touch .TableWidth { width: 100%; }
.TopAlign { vertical-align: top; }

.ImageLink { border: 1px solid #0869A3; }
.hide { display: none; }

#showHideBackgroundTable { position: fixed; right: 15px; top: 15px; }
#LocationControlContainer.fixed { position: fixed; right: 35px; width: 140px; height: 300px; }
#LocationControlContainer.hide { display: none; }
body.touch #showHideBackgroundTable { position: initial;}
body.touch #LocationControlContainer.fixed, .radars #LocationControlContainer.fixed { position: initial; width: auto; height: auto; }
.tempLocation { float: left; }

#LocationControlContainer span { background-color: #000000; }
#LocationControlContainer.fixed span { background-color: #000000; width: 110px }
#LocationControlContainer a { color: #C0D3D9 }

.iinfo { background-color: #DCE4FA; }
.InfoWebContainer { background-color: #ECEFF9; border: solid 1px #000000; box-shadow: 10px 10px 5px rgba(0,0,0,0.15); padding: 3px; text-align: center; height: 200px; width: 207px; }

.InfoLink { background-color: #C0D3D9; padding: 3px 6px 3px 6px; }
.InfoClickRow { width: 100%; float: left; margin-top: 2px; }
.InfoClickImage { float: left; margin-right: 5px; }
  .InfoClickImage.right { float: right; }
  .InfoClickImage.half { width: 45%; vertical-align: middle; }
  .InfoClickImage.three1 { width: 40%; vertical-align: middle; }
  .InfoClickImage.three2 { width: 25%; vertical-align: middle; }
  .InfoClickImage img { border: 1px solid #0869A3; height: 23px; background-color: #FFFFFF }
.InfoLinkCell { background-color: #FFFFFF; border: 1px solid #0869A3; text-align: center; font-size: 10pt; margin-left: 2px; width: 43%; padding: 2px 5px 2px 5px; margin-bottom: 2px; float: left; }
  .InfoLinkCell.full { width: 93% }
  .InfoLinkCell.autowidth { width: auto }
  .InfoLinkCell.widthfill { width: 34% }
  .InfoLinkCell a { text-decoration: none; color: #0869A3; font-weight: bold; font-style: italic; }
  .InfoLinkCell .title { color: #0869A3; font-weight: bold; font-style: italic; }
.smallerLink { font-size: 8pt; padding-top: 3px; padding-bottom: 4px; }

.InfoClickLink { float: left; width: 100% }
.touch .InfoClickLink { padding: 3px 6px 3px 6px }

.ShermanLinktTable { vertical-align: top; }

.InfoWebTable { background-color: #333333; border: solid 1px #000000; box-shadow: 10px 10px 5px rgba(0,0,0,0.15); text-align: left; }
body.light .InfoWebTable { background-color: #ECEFF9; border: solid 1px #000000; box-shadow: 10px 10px 5px rgba(0,0,0,0.15); text-align: left; }
/*.InfoWebTable td {  }*/
.dropShadow { box-shadow: 10px 10px 5px rgba(0,0,0,0.15); }
.bodyBGC { background-color: #6699BB; }
/*.ShermanLinktTable .InfoWebTable { height:auto;  }*/
#ForecastLinkTable td { text-align: left; }

.LinkCell { background-color: #FFFFFF; border: 1px solid #0869A3; text-align: center; font-size: 10pt; }
  .LinkCell a { text-decoration: none; color: #0869A3; font-weight: bold; font-style: italic; }
  .LinkCell .title { color: #0869A3; font-weight: bold; font-style: italic; }

#InfoClicksTable table.td { text-align: center }
.ForecastCell { font-size: 10pt; border: 1px solid #000066; }
.ForecastTable { font-size: 10pt; border: 1px solid #000066; }
body.touch .ForecastTable { font-size: 11pt; border: 1px solid #000066; }
.TextForecastTitle { font-size: 8pt; text-align: left;  min-width: 95px }
.ForecastTitle { background-color: #6d6d6d; color: #e6e6e6; font-weight: bold; text-align: left; vertical-align: top; }
body.light .ForecastTitle { background-color: #EEEEEE; font-weight: bold; text-align: left; vertical-align: top; }
  .ForecastTitle.Backup { font-style: italic; }
.ForecastText { background-color: #4a4a4a; color: #ffffff; text-align: left; }
body.light .ForecastText { background-color: #FFFFFF; text-align: left; }
.CondText { max-width: 100px; font-weight: bold }
body.touch .ForecastText { font-size: 10pt; }
.TextForecast { border-bottom: 1px dashed #EEEEEE; text-align: left; }
.ForecastTemps { background-color: #FFFFFF; }
.Weekday { background-color: #EEEEEE; font-weight: bold; text-align: center; }
.light .Weekday { background-color: #EEEEEE; font-weight: bold; text-align: center; }
body.touch .Weekday { font-size: 8pt; }
.Highs { font-weight: bold; text-align: left; color: #800000; margin-left: 2px; }
.ForecastHighs { background-color: #a2a2a2; }
body.touch .ForecastHighs { font-size: 10pt; }
.Lows { font-weight: bold; text-align: left; color: #000080; margin-left: 2px; }
.ForecastLows { background-color: #a2a2a2; }
body.touch .ForecastLows { font-size: 10pt; }
.ConditionImage { text-align: right; }
.CondSpeedDesc { font-size: 7pt; }
.ConditionImage .NWS { width: 40px; height: 40px; }
.touch .ConditionImage .NWS { width: 30px; height: 30px; }
#chartContainer { max-width: 746px; overflow: auto; }
.touch #chartContainer { max-width: 490px; overflow: auto; }

body.light .ForecastVisualsCell { border: 1px solid #e6e6e6; }
.ForecastVisualsCell { border: 1px solid #000066; }
body.touch .ForecastVisualsCell { border: none; }
.ForecastVisuals { width: 483px; min-height: 95px; font-size: 10pt; }

  .ForecastVisuals .day { width: 14.28%; float: left; }
  .ForecastVisuals .Weekday { width: 100%; float: left; font-size: 9pt; }
  .ForecastVisuals .image { width: 66px; height: 66px; float: left; }
    .ForecastVisuals .image img { width: 66px; height: 66px; }
  .ForecastVisuals .temps { width: 100%; background-color: #FFFFFF; float: left; }
    .ForecastVisuals .temps .Highs { float: left; text-align: center; margin-left: auto !important; width: 50% }
    .ForecastVisuals .temps .Lows { float: right; background-color: #dee6ec; text-align: center; margin-left: auto !important; width: 50% }

#ForecastConditionTable { width: 100%; max-width: 1600px; }
.cis { box-shadow: 3px 3px 2px rgba(0,0,0,0.15); }
.WeatherImageLink { padding-top: 7px; padding-right: 7px; float: left }

.touch.dark .InfoWebTable { background-color: #000000; }

.touch.dark .ForecastTitle { background-color: #6d6d6d; color: #e6e6e6; }
/*.dark .ForecastText { background-color: #a2a2a2; color: #5d5d5d }*/
.touch.dark .ForecastText { background-color: #4a4a4a; color: #ffffff }
.touch.dark .Weekday { background-color: #6d6d6d; color: #e6e6e6; }
.touch.dark .ForecastHighs { background-color: #a2a2a2; }
.touch.dark .ForecastLows { background-color: #a2a2a2; }
.touch.dark a { color: #cccccc; }
body.touch.dark .RadarLinkTable a { color: #a2a2a2; }

.radarimage img { border: solid 1px #000066; height: 82px; width: 90px }
body.touch .radarimage img { height: 90px; width: 120px }

.LocationLink { float: left; padding: 10px 10px 10px 10px; }
.touch .LocationLink { padding: 20px 20px 20px 20px; }

.ForecastLink A { color: #a2a2a2; }
body.light .ForecastLink A { color: #0F0F69; }
.SmallText { font-size: 7pt; }

.ConditionsTable { font-size: 9pt !important; border: 1px solid #6d6d6d; margin-top: 2px; }
body.light .ConditionsTable { font-size: 9pt !important; border: 1px solid #000066; margin-top: 2px; }
.AlertDate { font-size: 7pt; }
.AlertTable { vertical-align: top; height: 100%; width: 450px; border: 2px solid #000066; }
  .AlertTable TD { vertical-align: top; background-color: #6d7b85; }
body.light .AlertTable TD { vertical-align: top; background-color: #EEEEFF; }
.touch .AlertTable { height: 100%; width: 100%; padding-left: 5px; border: 2px solid #000066; }
  .touch .AlertTable TD { background-color: #ffdede; }
/*.AlertTable TD.TOR { background-color: #dc2a2a; color: #ffdd59 }
.AlertTable TD.THU { background-color: #fff391; }*/

TD.TOR { background-color: #dc2a2a !important; color: #ffdd59 !important; }
TD.THU { background-color: #fff391 !important; color: #000000 !important; }

.SDTitle { font-weight: bold; font-size: 10pt; text-align: center; width: 405px; height: 5px; }
.SDOverflowPanel { overflow-y: auto; overflow-x: hidden; height: 100%; width: 404px; }
.SDContainer { height: 100%; }
.HeadlineItem { border-bottom: solid 1px #C0C0C0; text-decoration: none; font-weight: 200; }
.HeadlineTable { font-size: 10px; background-color: #EEEEFF; }
/*  border-left: solid 1px #C0C0C0;  border-right: solid 1px #C0C0C0; }*/
.HeadlineHeader { background-color: #003366; font-weight: bold; color: #FFFFFF; }
.HeadlineItem A { text-decoration: none; color: #000000; }

#RadarPanel { position: absolute; left: 120px; top: 70px; z-index: 203; display: none; }
.RadarLinkTable { font-size: 10pt; border: 1px solid #e6e6e6; }
body.light .RadarLinkTable { font-size: 10pt; border: 1px solid #000066; }
  .RadarLinkTable a { color: #a2a2a2; text-decoration: none; font-weight: bold; }
body.light .RadarLinkTable a { color: #0F0F69; text-decoration: none; font-weight: bold; }
.RadarLinkTable .LeftSep { border-left: solid 1px #a2a2a2; padding-left: 5px; }
body.light .RadarLinkTable .LeftSep { border-left: solid 1px #0F0F69; padding-left: 5px; }
  .RadarLinkTable td { text-align: left; }
body.touch .RadarLinkTable { font-size: 13pt; width: 100%; }
.locationImg { width: 16px; height: 16px; padding-left: 5px; padding-right: 5px; }
.touch .radarinfo { vertical-align: middle }
/*.SDOverflowPanel { overflow-y: auto; max-height: 560px; height: 450px; }*/
/*.alertpanel { display: none; position: absolute; cursor: hand; top: 200px; left: 500px; }*/
.alertpanel .inner { overflow-y: auto; max-height: 560px; height: 350px; }
.alertpanel { box-shadow: 10px 10px 5px rgba(0,0,0,0.15); }
.touch .alertpanel { box-shadow: none; }

/*  Maps */
.VerticalOverflow { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }
.HorizontalOverflow { width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; }
/*overflow: auto;*/
.MapsPagePanel { width: 200px; height: 100%; }
.MapsTable { width: 100%; height: 100%; background-color: #6699BB; }
#ImageCell img { width: 580; height: 327px; border: 0; }
/*#ImageCell img { width: 440px; height: 297px; border: 0; }*/
.QuickImageContainer { height: 100%; width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #000066; }
.QuickImageInternal { height: 297px; max-height: 297px; width: 14619px; text-align: left; }
/* height: 100%; 200%;}*/
.QuickImage { height: 95%; max-height: 297px; margin-right: 3px; }
#GBInfoHTR td { text-align: center; }
#GBInfoTR table { width: 100%; height: 100%; }
#GBInfoTR td { text-align: center; }
td.iinfo { background-color: #DCE4FA; text-decoration: none; font-weight: bold; font-size: 8pt; vertical-align: bottom; }
  td.iinfo a { text-decoration: none; color: #000066; }
/*.CloseMaps { cursor: pointer; float: right; padding-right: 4px; font-size: 9pt }*/
.CloseMaps { cursor: pointer; float: right; padding-right: 4px; font-size: 9pt !important; font-weight: normal; text-align: center; border: 1px solid #660000; padding: 3px 4px 3px 4px; color: #660000 !important; background-color: #dc9090 !important; }
.brdblkr { border-right: 1px solid #000000; }
body.touch td.iinfo { font-size: 13pt; }
body.touch .CloseMaps { font-size: 13pt; }

#MainWeatherUpdatePanel { height: 100%; }
.fullHeight { height: 100%; }
.fullWidth { width: 100%; }


.resultsWindow { width: 70%; max-height: 955px; text-align: left !important; overflow: auto; background-color: #acc3cb; border: 1px solid #0869A3; text-align: center; font-family: "Lucida Console"; font-size: 9pt; }
.apiLookup { color: #0869A3; padding: 2px; border: 1px solid #0869A3; background-color: #003366 }
  .apiLookup input { color: #000000; width: 100px; }
#gasbuddy_8035 table { border-left: solid 1px #C0C0C0; border-right: solid 1px #C0C0C0; }

.testBG { background-color: #f2f377 }