/*
---------- Vina Weather Widget --------------
Plugin URI: http://VinaThemes.biz
Description: Vina Weather Widget provides an easy to use widget to display the current weather and the forecast for any place in the world. This weather widget makes use of Wunderground weahther information service.
Version: 1.0
Author: VinaThemes
Author URI: http://VinaThemes.biz
Author email: mr_hiennc@yahoo.com
Demo URI: http://VinaDemo.biz
Forum URI: http://VinaForum.biz
License: GPLv3+
*/

#vina-weather-day {
    height: auto;
    border-top: 1px #CCC solid;
}
#vina-weather-day h3{
    font-size: 16px;
    font-weight: bold;
}
.vina-weather-info h3#vina-select{
    margin-bottom: -1px;
}
#vina-weather-day img{
    width: 76px;
    height: 76px;
    border: 1px #CCC solid;
    display: inline-block;
}
#vina-weather-day span#vina-conditions{
    font-size: 30px;
    padding-left: 0px;
}
#vina-weather-day p{
    font-size: 14px;
    margin: 0 !important;
    line-height: 1.7em;
}
#vina-weather-day p:last-child{
    clear: both;
    padding-left: 0;
}
#vina-weather-day #vina-conditions {
    padding-left: 10px;
    display: inline-block;
}
#vina-conditions p{
    font-size: 16px;
}
#vina-weather-day p#vina-con{
    font-size: 20px;
}






.vina-weather-main .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.vina-weather-main .ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

.vina-weather-main .ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}


.vina-weather-main .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.vina-weather-main .ui-widget-content a {
	color: #222222;
}


.vina-weather-main .ui-state-default,
.vina-weather-main .ui-widget-content .ui-state-default,
.vina-weather-main .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-hover,
.vina-weather-main .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.vina-weather-main .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}

.ui-state-active,
.vina-weather-main .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.vina-weather-main .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.vina-weather-main .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.vina-weather-main .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.vina-weather-main .ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.vina-weather-main .ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.vina-weather-main .ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.vina-weather-main .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.vina-weather-main .ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.vina-weather-main .ui-widget-content .ui-icon {
	background-image: url(../images/ui-icons_222222_256x240.png);
}