@charset "utf-8";
/* CSS Document */


*{ box-sizing:border-box}

 h2, h4, h5, h6, p, a {
                padding: 0;
                margin: 0;
}

h1
{
      padding: 0;
                margin: 0;
                font-size:16px;
    
    }
h3
{
      padding: 0;
                margin: 0;
    font-size: 17px;
    }

.bdrBttm{ border-bottom:1px solid #ccc;}

.bdrTop{ border-top:1px solid #ccc;}

.trBgColor{ background:#c5eaff;}

.fl{ float:left;}

.w100{ width:100%;}

.colmBgColr{ background:#f1eee5;}


.mainPageWeather{ float:left; margin:0 0 0 0; padding:0 0 0 0; width:100%}

header{ margin:auto; width:83%; padding:0;}

.headerInner{ float:left; margin:0 0 0 0; padding:0 0 0 0; width:100%; background:#f1f1f1; border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius:0;}

section{ margin:auto; width:83%; padding:0;}

.sectionInner{ float:left; margin:0 0 65px 0; padding:0 10px 55px 10px; width:100%; background:#ffffff; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; border: 1px solid #d3d3d3;}

.logoOuter{ float:left; margin:7px 0 0 14px; padding:10px; width:auto;}

.addOuter{ float:right; margin:0 0 0 0; padding:0; width:100%; text-align:center;}

.contentHeader{ float:left; margin:15px 0 0 46px; padding:10px 10px 14px 10px; width:55%; background:#005585; border-radius:4px;}

.colm1{ float:left; margin:0; padding:2px 0 0 0; width:55%;}

.colm2{ float:left; margin:0; padding:5px 0 0 0; width:45%;}

.colm3{float:right; margin:0; padding:0; width:16%;}

.contentHeaderTitle{ float:left; margin:0; padding:7px; width:100%; color:#fff; font-size:16px; font-weight:bold; word-spacing:2px;}

.contentHeaderSearch{ float:left; margin:0; padding:8px; background:#fff; width:88%; border:1px solid #ccc; border-right:none; border-radius:3px; font-size:15px; border-top-right-radius:0; border-bottom-right-radius:0;}

.SearchBttnIcon{ float:left; margin:0; padding:10px 8px 5px 5px; background:#fff; width:auto; border:1px solid #ccc; border-radius:3px; border-top-left-radius:0; border-bottom-left-radius:0; cursor:pointer;}

.socialMediaText{ float:left; margin:0; padding:0; width:100%; font-size:13px; color:#fbeb82; text-align:center;}

.socialMediaIcon{ float:left; margin:0; padding:3px; width:100%; text-align:center;}

.colmLeft{ float:left; margin:0; padding:0; width:190px; border:1px solid #035d90; border-radius:4px; margin-top:11px;}

.leftSideHdng{ float:left; margin:0; padding:10px; width:100%; background:#035d90; color:#fff; font-size:16px; font-weight:bold;}

.leftSideLink{ float:left; margin:0; padding:0 5px 5px 5px; width:100%;}

.leftSideLink ul{ margin:0; padding:0;}

.leftSideLink ul li{ float:left; margin:0; padding:5px 0 5px 0; list-style-type:none;}

.leftSideLink ul li a{ float:left; margin:0; padding:0; text-decoration:none; color:#035d90; font-size:13px; text-align:left; line-height:22px; font-weight:normal;}

.leftSideLink ul li a:hover{ text-decoration:underline;}



.colmMedal{ float:left; margin:0 10px 5px 10px; padding:0; width:56%;margin-top:11px;}

.ColmWeather{ float:left; margin:0 0 2px 0; padding:0; width:100%;}

.ColmWeather ul{ margin:0; padding:0;}

.ColmWeather ul li{ float:left; margin:0 5px 0 0; padding:5px; width:32%; border-right:1px solid #ccc; border-radius:4px; background:#e2ded1; box-shadow:5px 0px 7px 0px #ccc; list-style-type:none;  min-height:241px;}


.ColmWeather ul li.sltd { background-color: #cecbc1;}

.ColmWeatherContent{ float:left; margin:0; padding:14px; width:100%;}

.ColmWeatherContentLeft{ float:left; margin:0 4px 0 0; padding:0; width:50%;}

.ColmWeatherContentRight{ float:left; margin:0; padding:0; width:47%;}

.realFeelWeatherImg{ float:left; margin:0; padding:0; width:auto; margin: 27px 0 0 36px;}

.WeatherHdeng{ float:left; margin:0; padding:0; width:100%; color:#035d90; font-size:14px; font-weight:bold;}


.WhattoWear{ float:left; padding:0; width:70%; color:#035d90; font-size:14px; font-weight:bold;margin-left: 55px;}

.WeatherHdeng a{ margin:0; padding:5px; text-decoration:none;}

.weatherDate{ float:left; margin:0; padding:5px; width:100%; color:#f26425; font-size:13px;}

.sunIcon{ float:left; margin:0; padding:0; width:auto;}

.weatherInfo{ float:left; margin:0; padding:0; width:100%;}

.weatherCityTitle{ float:left; margin:0; padding:5px; width:100%; color:#050505; text-transform:uppercase; font-size:15px; font-weight:bold;}

.weatherCityTemperatures{ float:left; margin:14px; padding:0px; color:#e36401; font-size:20px; font-weight:500;}


.weatherCityTemperaturesForTomorrow{ float:left; margin:17px; padding:0px; color:#e36401; font-size:19px; font-weight:500;}

.weatherRealFeel{ float:left; margin:0; padding:0 0 0 5px; font-size:13px; color:#666; width:100%;}

.weatherCond{ float:left; margin:0; width:100%; font-size:13px; color:#434242; text-transform:uppercase; padding:5px; font-weight:bold;}

.weatherHumidity{ float:left; margin:0; width:100%; font-size:13px; color:#434242; padding:5px;}

.ColmWeather ul.NextDay{ margin:0; padding:0;}

.ColmWeather ul li.NextDay{ float:left; margin:0 0 0 0; padding:5px; width:67%; border-right:1px solid #ccc; border-radius:4px; background:#e2ded1; box-shadow:none; list-style-type:none; }



.weatherTableOutr{ float:left; margin:10px 0 0 0; padding:0; width:100%; border-radius:4px; border:1px solid #005585; overflow-x:auto;}

.weatherTableOutr > table{ min-width:600px;}

.weatherTableHdng{ float:left; margin:0; padding:7px; color:#fff; font-size:18px; font-weight:bold; width:100%; background:#005585; word-spacing:2px;}


.tableColmEmpty{ margin:0; padding:5px 9px; }

.tableColm2{  margin:0; padding:5px 9px;  font-size:14px; font-weight:bold; text-align:center;}

.tableColm3{ margin:0; padding:5px 9px;  font-size:14px; font-weight:bold; text-align:center;}

.tableColm4{ margin:0; padding:5px 9px;  font-size:14px; font-weight:bold; text-align:center;}


.table2ndRowColmEmpty{ margin:0; padding:5px 9px; }

.table2ndRowColm2{ margin:0; padding:5px 9px; font-size:16px; font-weight:bold; text-align:center; }


.table3ndRowColm{ margin:0; padding:5px 9px; font-size:14px; text-align:center; }


.colmRight{ float:left; margin:0 0 0 0; padding:0; width:300px; margin-top:4px; }

.colmRight .rtAdd {
    margin: 0 auto 10px;
    max-width: 100%;
}

.addRightSide{ float:left; margin:0; padding:0; width:auto;}



footer {
    clear: both;
    color: #000000;
    font-size: 11px;
    line-height: 20px;
    min-height: 30px;
    text-align: center;
    width: 100%;
    z-index: 0;
}
footer a {
    color: #024370;
    font-size: 12px;
    margin: 0 5px;
    text-decoration: none;
}
footer span {
    color: #000000;
    font-size: 12px;
}

.inside-label {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0;
    width: 22%;
}
.livesearchTitle {
    background-color: white;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    color: #000000;
    display: none;
    float: none;
    font-size: 11pt;
    font-weight: normal;
    /*left: 196px;*/
    /*margin: 0 auto;*/ margin:0;
    padding: 0;
    position: absolute;
    /*right: 0;*/
    text-align: left;
    top: 110px;
    width: 256px;
    z-index: 200;
    border:1px solid #ccc;
}


 .tableOutr{ float:left; margin:0; width:100%; padding:0; border:1px solid;}

.tableHdng{ float:left; margin:0; padding:10px; width:100%; background:#005881; color:#fff; font-size:17px; font-weight:bold; text-align:center;}

.tableLeft{ float:left; margin:0; padding:0; width:25%;}

.tableRight{ float:left; margin:0; padding:0; width:100%; border:1px solid;}

.tableRightHdng{ float:right; margin:0; padding:7px; text-align:center; width:76%; font-size:15px; color:#333; font-weight:bold; border-top:1px solid; border-left:1px solid;}

.tableRight ul{ margin:0; padding:0; float:left; width:19%; border-top: 1px solid;}

.tableRight ul li{ margin:0; padding:8px 4px 8px 4px; text-decoration:none; list-style-type:none; color:#000; font-size:13px; border:1px solid; text-align:center;}

.colmBgColor{ background:#c5eaff;}

.padding17{ padding:16px !important;}

.padding16{ padding:16px !important;}

.lineHegt{ line-height:29px;}

.padding13{ padding:13.9px !important;}


.w25{ width:24% !important; border-top: medium none !important;}

.fontweightBold
{font-weight:bold;
    
    }
    
    .Midcontent{
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    
    height: 676px;
    text-align: center;
}

.fbAndGpluseLinkOutr{
    
    float: right;
    margin: 0;
    padding: 5px;
    width: 290px;
}

.backBttnOutr{
    float: right;
    margin: 5px 38px 0 0;
    padding: 0;
    width: 165px;
}

.backBttn{
    background: #005585;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 2px 2px 1px #ccc;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 7px;
    text-align: center;
    width: 100%;
}

.bckbtnDiv
{
    float: right;
    margin-top: 10px;
    width: 80px;
    
    }
    
    .layer
  {
      font-weight: bold;
    margin-top: 3px;
    text-align: center;
      float:right;
      }    
  

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	
	header{ width:85%;}
	section{ width:85%;}
	.contentHeaderSearch{ padding:7px;}
	.ColmWeather ul li{ min-height:250px;}
	.padding16{ padding: 17px !important;}
	.padding17{ padding: 16px !important;}
	.padding13{ padding: 14px !important;}
	.tableRight ul li{ font-size:13px; padding:8px 4px 8px 4px;}
	
	}
	
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	header{ width:100%;}
	section{ width:100%;}
	.colmMedal{ width:56%;}
	.contentHeaderSearch{ width:88%; padding:7px;}
	.padding16{ padding: 17px !important;}
	.padding17{ padding: 16.5px !important;}
	.padding13{ padding: 13.4px !important;}
	.tableRight ul li{ font-size:13px; padding:8px 4px 8px 4px;}
	.ColmWeather ul li{ min-height:250px;}
	
	}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	header{ width:100%;}
	.headerInner{ margin:0 0 5px 0;}
    section{ width:100%;}
	.sectionInner{ padding:5px 5px 35px 5px;}
	.logoOuter{ margin:7px 0 0 5px;}
	.contentHeader{ width:80%; margin:15px 0 0 45px;}
	.contentHeaderSearch{ padding:7PX; width:88%;}
	.colm2{ width:43%;}
	.colmMedal{ width:52%; margin:0 5px 5px 5px;}
	.ColmWeather ul li{ padding:0; width:34%; min-height:323px;}
	.ColmWeather ul li.NextDay{ padding:0; width:65%; min-height:300px;}
	.ColmWeatherContent{ padding:10px;}	
	.ColmWeatherContentLeft{ width:42%;}
	.ColmWeatherContentRight{ width:56%;}
	.fbAndGpluseLinkOutr{ display:none;}
	.backBttnOutr{float: right; margin: 20px 14px 0 0; padding: 0; width: 82px;}
	.colmLeft{margin: 0; padding: 0; width: 17%;}
	.WhattoWear{ margin-left:45px;}
	.realFeelWeatherImg{margin: 27px 0 0 20px; padding: 0; width: auto;}
	.tableRight ul li{ font-size:13px; padding:8px 3px 8px 3px;}
	.padding16{ padding: 17px !important;}
	.padding17{ padding: 16px !important;}
	.padding13{ padding: 14px !important;}

	}
	
	
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	header{ width:100%;}
	
	section{ width:100%;}
	.sectionInner{ padding:10px 10px 100px 10px;}
	
	.logoOuter{ padding:10px; margin:7px 0 0 5px;}
	.contentHeader{ margin: 7px 0 11px 50px; padding: 5px 5px 9px; width: 61%;}
	.fbAndGpluseLinkOutr{ display:none;}
	.backBttnOutr{ float: right; margin: 25px 14px 0 0; padding: 0; width: auto;}
	
	.colm1{float: left; margin:0 0 3px 0; padding: 5px 0 0 0; width: 100%;}
	.contentHeaderTitle{ font-size:14px; padding:5px; text-align:center;}
	.colm2{ padding: 5px 0 0; width: 100%;}
	.contentHeaderSearch{ width:92%; padding:7px;}
	.addOuter{ width:100%; text-align:center;}
	.livesearchTitle{ width:55%; top:133px;}
	.colmLeft{ width:22%; margin:0;}
	
	.colmMedal {float: left; margin: 0 0 10px 5px; padding: 0; width: 77%;}
	.ColmWeather ul li{ width:32%; padding:0; min-height:287px;}
	.ColmWeather ul li.NextDay{ width:67%; padding:0; min-height:287px;}
	.ColmWeatherContent{ padding:10px;}
	.tableRightHdng{ width:76%;}
	.padding16{padding: 17px !important;}
	.padding17{padding: 16.7px !important;}
	.padding13{padding: 13.5px !important;}
	.tableRight ul li{ font-size:13px; padding:8px 4px 8p 4px;}
	.ColmWeatherContentLeft{ width:45%;}
	.ColmWeatherContentRight{ width:53%;}
	.WhattoWear{ margin-left:50px;}
	.realFeelWeatherImg{ margin:22px 0 0 20px;}
	.colmRight{ width:100%; text-align:center;}
	.addRightSide{ width:100%;}
	
	}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
	header{ width:100%;}
	.contentHeader{ width:100%; margin:0;}
	
	section{ width:100%;}
	
	.logoOuter{ display:none;}
	
	.addOuter{ width:100%; text-align:center;}
	
	
	addOuter {
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;}
	.colm1{ margin: 3px; text-align: center; width: 100%; padding:3px;}
	.contentHeaderSearch{ width:91%; padding:7px;}
	.livesearchTitle{ width:74%; top:145px;}
	.fbAndGpluseLinkOutr {
    float: left;
    margin: 12px 0 0 15px;
    padding: 5px;
    width: 290px;}
	.colm3{ display:none;}
	
	.colm2{
    float: none;
    margin: 0 auto;
    width: 85%;
}

.colmMedal{ margin:10px 0 10px 0; width:100%;}

.sectionInner{ margin:15px 0 65px 0; padding:0 0 55px 0;}
	
	.contentHeaderTitle{ margin:0; padding:5px;}
	
	.colmLeft { width:100%;}
	.leftSideHdng{ text-align:center;}
	.leftSideLink ul li{ width:100%;}
	.ColmWeatherContent{ padding:7px;}
	.ColmWeatherContentLeft{ width:45%; margin:0 4px 0 0;}
.weatherTableOutr{ margin:10px 0 5px 0;}
.ColmWeather ul li{ width:100%; margin:0 0 5px 0;}
.ColmWeatherContentRight{ width:54%;}
.ColmWeather ul li.NextDay{ width:100%; margin:0 0 5px 0; border-right: 1px solid #ccc; box-shadow: 5px 0 7px 0 #ccc;}
h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.tableRightHdng{ width:76%;}
.tableRight ul{ width:19%;}
.w25{ width:24%;}
.tableRight ul li{ font-size:13px; padding:8px 4px 8px 4px;}
.padding16{ padding: 17px !important;}
.padding17{ padding: 16px !important;}
.padding13{ padding: 13.8px !important;}
.colmRight{ width:100%; text-align:center;}
.addRightSide{ width:100%;}



	
	}



@media only screen and (min-width: 0px) and (max-width: 480px) {
	
	header{ width:100%;}
	.headerInner{ margin:0 0 10px 0;}
	.contentHeader{ width:100%; margin:0; padding:5px;}
	
	section{ width:100%;}
	
	.logoOuter{ display:none;}
	
	.colm1{ width:100%; text-align:center; margin:3px 0 3px 0;}
	.colm2{ width:100%; padding:5px;}
	.contentHeaderSearch{ width:88%; padding:7px;}
	.sectionInner{ padding:0 0 60px 0; width:100%;}
	.colmLeft{ width:100%;}
	.leftSideHdng{ text-align:center;} 
	.leftSideLink ul li{ width:100%;}
	.colmMedal{ width:100%; margin:10px 0 10px 0;}
	.ColmWeather ul li{ width:100%; margin:0 0 7px 0;}
	.ColmWeatherContent{ padding:10px;}
	.ColmWeather ul li.NextDay{ width:100%;}
	.livesearchTitle{ width:83%; top:145px;}
	.fbAndGpluseLinkOutr{ display:none;}
	.backBttnOutr {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 80px;
}
.ColmWeatherContentRight{ width:48%;}
.WhattoWear{margin-left: 30px; padding: 0; width: 95%;}
.realFeelWeatherImg{ margin: 18px 0 0 4px; padding: 0; width: auto;}
.weatherTableOutr{ display:none;}
	.colmRight{ width:100%; text-align:center;}
.addRightSide{ width:100%;}

	}
	
		.dataunavailalbe
	{color: #fff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 10px;
    text-align: center;
    width: 100%;
	    
	    }