/**
 * @fileoverview:   Newsday Weather Mobile Styles
 * @authors:        Ron Gripper
 * @company:        Newsday Media Group
 * @version:        Last Changed: WAP 3
**/

/* Global Weather Styles -------------------*/
.ui-body-c .btn {padding: 10px 0 10px 0; width: 93%;}
#weather footer {background:#fff;border-top:1px solid #203348;padding:0 12px 45px; }
#weather footer #hd {margin: -1px -12px;}
#weather footer .showMenu {border-radius: 4px 4px 4px 4px;}
#weather h1 {border-bottom: 0 none;}
header img {margin:18px 0 0 0;}
header .weather img {left: 17px;margin: 0;position: absolute;top: 10px;}
header .weather {color: #FFFFFF;}
header.ui-header.ui-bar-a .weather img {left:17px;top: 11px;}

/* Weather Current Conditions -------------------*/
.weatherConditions,.todaysWeather {padding: 6px 0 12px; background: #103a52; /* Old browsers */
background: #103a52; /* Old browsers */
background: -moz-linear-gradient(top,  #103a52 0%, #071a23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103a52), color-stop(100%,#071a23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #103a52 0%,#071a23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #103a52 0%,#071a23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #103a52 0%,#071a23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #103a52 0%,#071a23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103a52', endColorstr='#071a23',GradientType=0 ); /* IE6-9 */}
.weatherConditions h2  {font-size:16px; color:#ffffff; display: block; margin: -1px 0 0 14px; font-weight:normal; text-shadow: none; border:none;}
.weatherConditions {height: 167px; }
.weatherConditions .temp{font-size:48px; width:400px; color: #cccccc; font-weight:bold; text-shadow: none;  margin: 45px 0 10px 102px;}
.weatherConditions .temp strong{font-size:10px; line-height:21px; width:88px; color: #ffffff; font-weight:bold; text-shadow: none; float:right;}
.weatherConditions .temp .label {font-size:14px; color: #ffffff; font-weight:bold; text-shadow: none; width:80px;}
/*pmims - 030113: adjusted both the location and img class */
.weatherConditions img { float:left;margin: 27px 0 0 -230px;}
.weatherConditions .conditionsBox1 { position:relative; left:15px; top:5px;width: 93px;}
.weatherConditions .conditionsBox2 {width: 100px; display: block; float:left; margin: 0 0 0 8px;}
.weatherConditions p {font-size:12px; display: block; width:152px; color:#ffffff; text-shadow:none; margin: 4px 0 0 0; float: left;}
.weatherConditions .tempRead {font-size:12px; color:#ffffff; height:30px; text-shadow:none; width:34%;float: right;  margin: -11px 150px 0 0;}
.weatherConditions .location {color:#fff;float:left;font-size:14px;font-weight:bold;margin:-4px 0 0 15px;width:230px;}

/* Todays Weather -------------------*/
.todaysWeather {margin:0; border-top: 1px solid #000000;box-shadow: 0 1px 2px #174966 inset; height:105px;}
.todaysWeather .title {font-size:12px; margin: 21px 0 0 5px; width: 80px; color:#ffffff; display: block; float:left; font-weight:normal; text-shadow: none; border:none;}
.todaysWeather p {font-size:12px; display: block; width:152px; color:#ffffff; text-shadow:none; margin: 4px 0 0 0; float: left;}
.todaysWeather .low {font-size:25px; width: 10%; font-weight: bold; color:#FFFFFF; float: left; padding: 17px 0 0 15px; text-shadow: none;}
.todaysWeather .high {font-size:25px; width: 10%; font-weight: bold; color:#cccccc; float: left; padding: 17px 5px 0 5px; text-shadow: none;}
.list {padding:0 0 12px 0; border: none;}
.todaysWeather img {float:left;}
.todaysWeather .currently {color:#fff; font-size:12px; float:left; font-weight:bold;padding: 17px 0 0 20px; text-shadow:none; width:20%;}
.todaysWeather .iconBox { width:16%; height:60px; float:left; border-top:none; text-align: center; border-top: 0px;margin: 2px 10px 0 -2px;}
.todaysWeather .temp {font-size:48px; width:400px; color: #cccccc; font-weight:bold; text-shadow: none; margin: 17px 0 10px 48px;}
.todaysWeather .temp strong {font-size:10px; line-height:21px; width:88px; color: #ffffff; font-weight:bold; text-shadow: none; float:right;}
.todaysWeather .temp .label {font-size:14px; color: #ffffff; font-weight:bold; text-shadow: none; width:80px;}
.todaysWeather img   {margin: 0 50px 0 11px; float:left;}
.todaysWeather .conditionsBox2 {width: 100px; display: block; margin: -28px 0 0 14px;}
.todaysWeather .tempRead {font-size:12px; color:#ffffff; height:30px; text-shadow:none; width:83px;float: right; margin: 14px 158px 0 0;}
.todaysWeather h2 {font-size:14px; font-weight:bold; float:left;color:#ffffff; display: block; margin:7px 0 0 14px; width: 50px; text-shadow: none; border:none;}

/* Weather Hourly Forecast -------------------*/
#forecast div {height:90px;display: block;}
#forecast > div {background: #103a52; /* Old browsers */
background: -moz-linear-gradient(top,  #103a52 0%, #071a23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103a52), color-stop(100%,#071a23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #103a52 0%,#071a23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #103a52 0%,#071a23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #103a52 0%,#071a23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #103a52 0%,#071a23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103a52', endColorstr='#071a23',GradientType=0 ); /* IE6-9 */border-bottom: 1px solid #000000;box-shadow: 0 1px 2px #174966 inset;}
#forecast strong {font-size:12px; width:11%; color: #ffffff; text-shadow: none; padding: 32px 0 0 11px; float:left;}
#forecast .currently {font-size:12px; width:27%; color: #ffffff; text-shadow: none; font-weight: bold; padding: 32px 0 0 12px; float:left;}
#forecast img {float:left;}
#forecast .low {font-size:25px; width: 10%; font-weight: bold; color:#FFFFFF; float: left; padding: 31px 5px 0 12px; text-shadow: none;}
#forecast .low2 {font-size:25px; width: 15%; font-weight: bold; color:#FFFFFF; float: left; padding: 31px 5px 0 0; text-shadow: none;}
#forecast .high {font-size:25px; width: 10%; font-weight: bold; color:#cccccc; float: left; padding: 31px 5px 0 5px; text-shadow: none;}
.list {padding:0 0 12px 0; border: none;}
#forecast .iconBox { width:25%; height:60px; float:left; border-top:none; text-align: center; border-top: 0px; margin:15px 0 0 3px;}
#forecast .iconBox2 { width:25%; height:60px; float:left; border-top:none; text-align: center; border-top: 0px; margin:15px 0 0 25px;}
#forecast .hourlyImg {margin:5px 10px 0 -10px; width:80px; height:80px; float: left; border:0;}
#forecast .tempLine {font-size:25px; height: 5px; color:#cccccc; float: left; padding: 32px 15px 0 21px; text-shadow: none; font-weight:bold;}
#hourly #forecast div:first-child {height:40px}
#hourly #forecast div:first-child span, #hourly #forecast div:first-child strong {padding-top:14px}

/* pmims: this is for the search and error pages */
#forecast div.error, 
#forecast div.citysearch {color:#ffffff;height:320px;padding:0 0 0 10px;}
#forecast div.citysearch {color:#000;}

/* Bottom Search -------------------*/
#bottomSearch {text-align: left; background:#203348; padding:10px 0 5px 15px;}
#bottomSearch .ui-btn-text {display: none;}
#bottomSearch .formText {margin:10px 0 0 0; border-radius: 4px;}
#bottomSearch #search {background:#203348; width:100%; margin:0 auto 0 auto;}
#bottomSearch strong {color:#FFFFFF; text-shadow: none; padding: 0 0 0 15px; font-size:14px;}
#bottomSearch .ui-btn {border:none;}

/* pmims- changed from #999 to #000 */
#bottomSearch input.ui-input-text {border:medium none;border-radius:4px 4px 4px 4px;color:#000;float:left;font-size:11px;margin:10px;padding:9px;width:198px;}
#bottomSearch .btn {width:60px; float:left; margin:9px 0 0 0; font-size:14px; padding:6px; border-radius:4px;}
.list {padding:0;}

/* Bottom Menu -------------------*/
#bottomMenu a {text-align: center;}
#bottomMenu a.active {color:#FFF;background:#012466;box-shadow:none;border:none;text-shadow:0 0 2px #000;;}
#bottomMenu a {color: #1B3B6A;text-align: center;}
#bottomMenu .btn {width:45%;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 1px #6177A5;display: block;font-size: 11px;font-weight: bold; letter-spacing: -0.05em;padding: 10px 0;position: relative; float:left; margin:0 10px 0 -2px;}
#bottomMenu .ui-body-c .btn {border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 1px #6177A5;display: block;font-size: 11px;font-weight: bold; letter-spacing: -0.05em;padding: 10px 0;position: relative; float:left; margin:0 10px 0 0;}
.two {padding:12px 0 12px 12px;overflow:hidden;background: #678ad0;}
#bottomMenu {position:fixed;bottom:0;width:98%; background: #516071; /* Old browsers */
background: -moz-linear-gradient(top, #516071 0%, #071d33 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516071), color-stop(99%,#071d33)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #516071 0%,#071d33 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #516071 0%,#071d33 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #516071 0%,#071d33 99%); /* IE10+ */ width:100%;}