/*********************** weather box ***********************/

div#weather
{
	height:175px;
}

div#wdiv
{
	width:340px;
	min-height:50px;
	margin:0 auto;
	margin-top:100px;
	padding-left:10px !important;
}

div#wdiv tr
{
	padding:5px 0px;
}

.weather-text
{
	font-size:1.1em;
	padding:5px 0px;
	text-align: left;
	float: left;
	display: block;
	min-width:100px;
}

.weather-title
{
	font-size:1.2em;
	font-weight:600;
	color:#f78222;
	float:left;
	text-align:left;
}

.weather-title span
{
	float:left; 
	font-weight: bold;
}

table#showcities
{
	 float:left;
	 margin-left:5px;
	 margin-top:20px;
}

select#weather
{
	width: 130px;
	height: 30px;
	direction: ltr;
	font-size: 1.1em;
	padding: 4px;
	outline: none;
	color: #000 !important;
}

td#status
{
	width:300px;
}

@media screen and (max-width680px) 
{
	.wrapper 
	{
		height:270px !important;
	}
}