/*------------------------------------------------------------------------
	- EasyWeather widget stylesheet by Max Guglielmi
	- http://mguglielmi.free.fr/scripts/easyweather
	- License required for use
------------------------------------------------------------------------*/

/* CLASSES
-------------------------------------------------------------*/

/* themes */
.ew-light-blue {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
    background: #f2f5f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
    /* */
	   
   	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
   	font-size: 14px;
   	color: #26373D;
	border: 1px solid #c8d7dc;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #f4f4f4;
}

.ew-dark-grey {
    /* Generated with http://www.colorzilla.com/gradient-editor/ */
    background: #565656; /* Old browsers */
    background: -moz-linear-gradient(top,  #565656 0%, #252525 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#252525)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #565656 0%,#252525 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #565656 0%,#252525 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #565656 0%,#252525 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #565656 0%,#252525 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#252525',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #fff;
	border: 1px solid #333;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #000;
}
.ew-dark-grey .ew-input { color: #fff; text-shadow: 1px 1px 0 #000; }
.ew-dark-grey .ew-input:hover,
.ew-dark-grey .ew-input:focus { color: #000; text-shadow: none; }
.ew-dark-grey .ew-min { color: #999; }
.ew-dark-grey .ew-max { color: #ccc; }
.ew-dark-grey .ew-results li:hover { color: #000; text-shadow: none; }

.ew-yellow {
    /* Generated with http://www.colorzilla.com/gradient-editor/ */
    background: #f2d071; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2d071 0%, #f4b300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2d071), color-stop(100%,#f4b300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2d071 0%,#f4b300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2d071 0%,#f4b300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2d071 0%,#f4b300 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2d071 0%,#f4b300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d071', endColorstr='#f4b300',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    color: #2D2000;
	border: 1px solid #827200;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #f4f4f4;
}
.ew-yellow .ew-input { color: #3F2E00; text-shadow: 1px 1px 0 #f4f4f4; }
.ew-yellow .ew-input:hover,
.ew-yellow .ew-input:focus { color: #3F2E00; text-shadow: none; }
.ew-yellow .ew-results li:hover { color: #3F2E00; text-shadow: none; }

.ew-green {
    /* Generated with http://www.colorzilla.com/gradient-editor/ */
    background: #008a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #008a00 0%, #3c843c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008a00), color-stop(100%,#3c843c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008a00 0%,#3c843c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008a00 0%,#3c843c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008a00 0%,#3c843c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008a00 0%,#3c843c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#3c843c',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #002D00;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #002D00;
}
.ew-green .ew-input { color: #fff; text-shadow: 1px 1px 0 #002D00; }
.ew-green .ew-input:hover,
.ew-green .ew-input:focus { color: #004200; text-shadow: none; }
.ew-green .ew-min { color: #ccc; }
.ew-green .ew-max { color: #fff; }
.ew-green .ew-results li:hover { color: #002D00; text-shadow: none; }

.ew-purple {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #8c0095; /* Old browsers */
	background: -moz-linear-gradient(top,  #8c0095 0%, #8e3f93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c0095), color-stop(100%,#8e3f93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8c0095 0%,#8e3f93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8c0095 0%,#8e3f93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8c0095 0%,#8e3f93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8c0095 0%,#8e3f93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0095', endColorstr='#8e3f93',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #542453;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #542453;
}
.ew-purple .ew-input { color: #fff; text-shadow: 1px 1px 0 #542453; }
.ew-purple .ew-input:hover,
.ew-purple .ew-input:focus { color: #542453; text-shadow: none; }
.ew-purple .ew-min { color: #ccc; }
.ew-purple .ew-max { color: #fff; }
.ew-purple .ew-results li:hover { color: #542453; text-shadow: none; }

.ew-teal {
    /* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #008299; /* Old browsers */
	background: -moz-linear-gradient(top,  #008299 0%, #358a99 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008299), color-stop(100%,#358a99)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008299 0%,#358a99 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008299 0%,#358a99 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008299 0%,#358a99 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008299 0%,#358a99 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008299', endColorstr='#358a99',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #1D4B54;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #1D4B54;
}
.ew-teal .ew-input { color: #fff; text-shadow: 1px 1px 0 #1D4B54; }
.ew-teal .ew-input:hover,
.ew-teal .ew-input:focus { color: #1D4B54; text-shadow: none; }
.ew-teal .ew-min { color: #ccc; }
.ew-teal .ew-max { color: #fff; }
.ew-teal .ew-results li:hover { color: #1D4B54; text-shadow: none; }

.ew-skyblue {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #094ab2; /* Old browsers */
	background: -moz-linear-gradient(top,  #094ab2 0%, #245caf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094ab2), color-stop(100%,#245caf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #094ab2 0%,#245caf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #094ab2 0%,#245caf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #094ab2 0%,#245caf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #094ab2 0%,#245caf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094ab2', endColorstr='#245caf',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #7B90AD;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #10274C;
}
.ew-skyblue .ew-input { color: #fff; text-shadow: 1px 1px 0 #10274C; }
.ew-skyblue .ew-input:hover,
.ew-skyblue .ew-input:focus { color: #10274C; text-shadow: none; }
.ew-skyblue .ew-min { color: #ccc; }
.ew-skyblue .ew-max { color: #fff; }
.ew-skyblue .ew-results li:hover { color: #10274C; text-shadow: none; }

.ew-orange {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #d24726; /* Old browsers */
	background: -moz-linear-gradient(top,  #d24726 0%, #dc572e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d24726), color-stop(100%,#dc572e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d24726 0%,#dc572e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d24726 0%,#dc572e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d24726 0%,#dc572e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d24726 0%,#dc572e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d24726', endColorstr='#dc572e',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #5B0701;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #5B0701;
}
.ew-orange .ew-input { color: #fff; text-shadow: 1px 1px 0 #5B0701; }
.ew-orange .ew-input:hover,
.ew-orange .ew-input:focus { color: #5B0701; text-shadow: none; }
.ew-orange .ew-min { color: #ccc; }
.ew-orange .ew-max { color: #fff; }
.ew-orange .ew-results li:hover { color: #5B0701; text-shadow: none; }

.ew-dark-purple {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #5133ab; /* Old browsers */
	background: -moz-linear-gradient(top,  #5133ab 0%, #643ebf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5133ab), color-stop(100%,#643ebf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5133ab 0%,#643ebf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5133ab 0%,#643ebf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5133ab 0%,#643ebf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5133ab 0%,#643ebf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5133ab', endColorstr='#643ebf',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #2C1F60;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #2C1F60;
}
.ew-dark-purple .ew-input { color: #fff; text-shadow: 1px 1px 0 #2C1F60; }
.ew-dark-purple .ew-input:hover,
.ew-dark-purple .ew-input:focus { color: #2C1F60; text-shadow: none; }
.ew-dark-purple .ew-min { color: #ccc; }
.ew-dark-purple .ew-max { color: #fff; }
.ew-dark-purple .ew-results li:hover { color: #2C1F60; text-shadow: none; }

.ew-brown {
	/* Generated with http://www.colorzilla.com/gradient-editor/ */
	background: #a05000; /* Old browsers */
	background: -moz-linear-gradient(top,  #a05000 0%, #9e6329 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a05000), color-stop(100%,#9e6329)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a05000 0%,#9e6329 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a05000 0%,#9e6329 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a05000 0%,#9e6329 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a05000 0%,#9e6329 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a05000', endColorstr='#9e6329',GradientType=0 ); /* IE6-9 */

	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
    color: #fff;
	border: 1px solid #492E13;
    border-radius: 4px;
   	text-shadow: 1px 1px 0 #492E13;
}
.ew-brown .ew-input { color: #fff; text-shadow: 1px 1px 0 #492E13; }
.ew-brown .ew-input:hover,
.ew-brown .ew-input:focus { color: #492E13; text-shadow: none; }
.ew-brown .ew-min { color: #ccc; }
.ew-brown .ew-max { color: #fff; }
.ew-brown .ew-results li:hover { color: #492E13; text-shadow: none; }

.ew-transparent {
	font-family: Segoe UI Light, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
   	font-size: 100%;
	color: #26373D;
	text-shadow: 1px 1px 0 #f4f4f4;
}
.ew-transparent .ew-input { text-shadow: 1px 1px 0 #f4f4f4; }
.ew-transparent .ew-input:hover,
.ew-transparent .ew-input:focus { text-shadow: none; }
.ew-transparent .ew-min { color: #666; }
.ew-transparent .ew-max { color: #26373D; }
.ew-transparent .ew-results li:hover { color: #26373D; text-shadow: none; }

/* Shared */
.ew-container {
	width: auto; height: auto; min-height: 40px; overflow-y: auto;
	padding: 2px 2px 1px 2px; margin: 5px;
}

.ew-vertical { width: 180px; }

.ew-container .ew-results { margin: 5px; padding: 0; list-style-type: none;  }

.ew-container .ew-results li { cursor: pointer; margin:3px 0 3px 0; padding:0 2px 0 2px; }
.ew-container .ew-results li:hover { background-color: #fff; }

.ew-container .ew-input { 
	font-family: inherit;
	font-weight: bold;
	background: transparent url('/img/icn_find.png') right center no-repeat;
}

.ew-container .ew-input:hover,
.ew-container .ew-input:focus { 
	background: #fff url('/img/icn_find.png') right center no-repeat;
	border-radius: 4px;
}

.ew-container .ew-wrap-cond {
	float: left;
	margin: 1px; padding: 1px;
}

.ew-horizontal .ew-wrap-cond { float: left; }

.ew-container .ew-wrap-cond img {
	margin:2px 15px 2px 0; 
	vertical-align: top;
	height: 48px; width: 48px;
	min-height: 40px; min-width: 40px;
}

.ew-container .ew-cont-info {
	max-width: 100px;
	min-width: 85px;
	margin-left: 50px;
}

.ew-container .ew-temp {
	font-size: 1.7em;
	font-weight: bold;
}

.ew-container .ew-desc {
	font-size: 12px;
}

.ew-container .ew-min-max {
	font-size: 13px;
	white-space: nowrap;
}

.ew-container .ew-date a {
	text-decoration: none; 
	margin-left: 5px; 
	color: inherit;
}

.ew-container .ew-lnkforecasts a {
    color: inherit; 
    text-decoration: underline; 
    font-size:85%; 
}
.ew-container .ew-lnkforecasts a:hover { text-decoration: none; }

.ew-container .ew-cont-details {
	float: left;
	font-size: 11px;
	margin: 1px 1px 1px 0; 
	line-height: 15px;
}

/* Forecasts */
.ew-horizontal .ew-forecasts { display: table-cell; }
.ew-vertical .ew-forecasts { clear: both; margin-top: 5px; }
.ew-vertical .ew-forecasts .ew-wrap-cond {
	display: block;
	margin-top: 6px;
	border-top: 1px solid #fff;
	padding-top: 5px;
	float: none;
}

.ew-horizontal .ew-forecasts .ew-wrap-cond {
	display: inline-block;
	margin-left: 10px;
	border-left: 1px solid #fff;
	padding-left: 5px; padding-right: 5px;
}

.ew-container .ew-forecasts .ew-min,
.ew-container .ew-forecasts .ew-max {
	font-size: 1.3em;
	font-weight: bold;
	color: inherit;
}

.ew-header {
	width: 100%;
	border: 0; padding: 0;
	background-color: transparent;
	font-size: 14px; font-weight: bold;
}

.ew-input { 
	width: 100%;
	border: 0; padding: 1px 0 1px 0;
	background-color: transparent;
}

.ew-spinner {
	float: left;
	width: 18px; height: 18px;
	border: 1px solid #fff; padding: 0; margin: 4px 2px; 
	background: #fff url('/img/img_spinner.gif') center center no-repeat;
	border-radius: 4px;
}
.ew-spinner-msg { font-size: 80%; }

.ew-error {
	width: 100%;
	color: red;
}

.ew-hr-sep { display:none; height:0; margin:0; padding:0; clear:both; }
.ew-min { color: blue; }
.ew-max { color: red; }
.ew-left { float: left; }
.ew-right { float: right; }
.ew-clear { clear: both; }

/* Refresh button */
.ew-refresh {
	float: right;
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 0 10px;
	clear: both;
}
.ew-refresh a {
	display: block;
	width: 13px; height: 13px;
	border: 0;
	background: #fff url('/img/icn_refresh.gif') center center no-repeat;
}

/* Weather providers attributions */
.ew-provider { 
	float: right;
	font-size: 10px;
	line-height: 11px;
}
.ew-provider a { text-decoration: none; font-weight: bold; color:inherit; }
.ew-providers-list {
	display: none;
	position: absolute;
	width: 135px; height: 71px;
	overflow: auto;
	margin: -96px 0 0 -145px;
	padding: 5px 8px 5px 8px;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	background: #fff;
	border: 1px solid #999;
    border-radius: 4px;
    text-shadow: none;
    box-shadow: -1px 1px 3px #333;
}
.ew-providers-list ul { margin: 0; padding: 0; }
.ew-providers-list ul li { list-style: none; }
.ew-providers-list p { margin:3px auto; }
.ew-providers-list a { font-weight: normal; color: #666; text-decoration: underline; }
.ew-providers-list a:hover { text-decoration: none; }