/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved.        ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
.YouWeather .error{
display:block;
position:relative;
padding:0;
color:#CC0000;
font-size:11px;
height:220px;
line-height:220px;
}
.YouWeather{
display:block;
position:relative;
/*width:438px;*/
margin:0px auto 0px;

}
.YouWeather .loading{
display:block;
position:relative;
height:253px;
background:url(../images/ajax-loader.gif) center center no-repeat;
}
#city-action{
display:block;
position:relative;
clear:both;
/*width:438px;*/
float:left;
margin:0px 0;
padding:0px;
}
#city{
display:block;
position:absolute;
top:22px;
right:10px;
color:#222;
font-weight:bold;
z-index:200;
text-align:center;
font-size:14px;
text-transform:capitalize;
}

#city-action .change-form{
display:none;
}

#city-form{
display:block;
position:relative;
float:left;
margin:12px 5px 0px 2px;
padding:0px;
font-size:11px;
color:#333;
}
#city-form input{
border:1px #CCCCCC solid;
padding:2px;
font-size:11px;
width:150px;
}
#city-form input.submit{
width:auto;
padding:0 0 3px 0;
background:#0d0d0d;
color:#FFFFFF;
width:20px;
height:18px;
margin:0px 5px 0 5px;
display:inline-block;
border:none;
cursor:pointer;

}
#city-form span{
font-weight:bold;
cursor:pointer;
}
#city-form span.selected{
color:#FF6600;
}


/* AJAX response styling */
#weather, #YouWeather_today{
display:block;
position:relative;
clear:both;
/*width:439px;*/
margin:5px auto 0 auto;
overflow:hidden;
}

#weather .inner{
display:block;
position:relative;
/*width:446px;*/
}
#weather .day{
display:block;
position:relative;
float:left;
/*width:104px;*/
margin-right:5px;
border:1px #e1e1e1 solid;
font-size:11px;
text-align:center;
padding-bottom:10px;
background:#fff;
color:#333;
}
#weather .day strong{
display:block;
position:relative;
clear:both;
margin:0 0 5px 0;
text-align:center;
border-bottom:1px #e1e1e1 solid;
padding:0px 5px;
line-height:20px;
}
#weather .day strong.under{
border-bottom:none;
margin:3px auto 5px;
padding-bottom:0px;
font-size:10px;
height:25px;
line-height:15px;
}
#weather .tempb{
padding:2px;
font-size:10px;
}
#weather .day img{
margin:0;
}
#YouWeather_today{

padding:5px 5px 10px 5px;
margin:0;
background:#FFF;
border:1px #e1e1e1 solid;
/*width:428px;*/
}
#YouWeather_today img, 
#YouWeather_today div{
float:left;
display:block;
position:relative;
}
#YouWeather_today img{
margin:5px 0 0 5px;

}
#YouWeather_today .temp{
font-size:10px;
height:42px;
line-height:15px;
width:150px;
text-align:left;
margin-left:10px;
font-weight:bold;
color:#333333;
/*background:#ccc;*/
}
.cityin{
line-height:15px;
color:#333333;
}