.pannel
{
	width:98%;
	margin:0 auto;
	margin-top:10px;
	border:solid 1px #97DAF0;

}
.pannel .caption
{
	margin:0px;
	padding:0px;
}

#topnav
{
	border-color:#E4D3A3;
}
#topnav .caption
{
	background-image:url(../images/barbg2.gif);
}
#topnav .caption dt
{
	background-image:url(../images/barico11.gif);
}
#hours
{
	border-color:#A8D895;
}
#hours .caption
{
	background-image:url(../images/barbg3.gif);
}
#hours .caption dt
{
	background-image:url(../images/barico13.gif);
}


#skwaiting
{
	padding-top: 20px;
}

#seachweahter
{
	margin:0 auto;
	padding:10px;
	margin-top: 10px;
	clear: both;
}
#seachweahter ul
{
	clear: both;
	float:none;
}
#weathertown li
{
	float: left;
	display:inline;
	height: 20px;
	line-height: 20px;
	margin:0px 10px
}
#weathertown .mainsite
{
	padding-bottom:10px;
	height:20px;
	background-image: url(../images/dash.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#weathertown .ssite
{
	margin-top:10px;
	
}
#seachweahter .town
{
	
}

#seachweahter .seach
{
	clear: both;
	background-image: url(../images/dash.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top:5px;
	padding-top:5px;
}

#seachweahter .seach .cityname, #hours .weathernav .date .cityname
{
	border: solid 1px #80B5DF;
	padding-left: 3px;
	width: 200px;
	color: #666;
}
#seachweahter .seach .button, #hours .weathernav .date .button
{
	background-color: #005AA7;
	color: #fff;
	border: solid 1px #80B5DF;
}

#weathertown li a
{
    padding:5px; white-space:nowrap;
}
#weathertown li a:hover, #weathertown li .selected
{
	background-color: #FF6600;
	color: #fff;
}

#skyb
{
	clear: both;
	height:260px;
}
#skyb .skleft
{
	float:left;
	width:50%;
}
#skyb .skright
{
	float:left;
	margin-left:20px;
	margin-top:20px;
	height:100px;	
}
#skyb .skright table
{
	width:400px;
	border: solid #eee;
    border-width: 1px 0 0 1px;
    border-collapse: collapse;
}
#skyb .skright table th
{
	width:120px;
	text-align:right;
	color:#888;
}
#skyb .skright table td
{
	text-align:left;
}
#skyb .skright table th, #skyb .skright table td
{
    border: solid #eee;
    border-width: 0 1px 1px 0;
    padding: 8px;
}


/*实况*/
#skyb .shikuang
{
	width: 243px;
	height: 213px;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
}
#skyb .shikuang .content
{
	width: 100%;
	height: 100%;
	background-image: url(../images/shikuangbg.gif);
}

/*温度*/
#skyb .shikuang .wd
{
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 115px;
	position: relative;
}
#skyb .shikuang .wd .title
{
	clear: both;
	text-align: center;
	font-weight: bold;
}

/*温度表*/
#skyb .shikuang .wdbcontainer
{
	float: left;
	margin-left: 5px;
	display: inline;
	height: 132px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	width: 44px;
}
#skyb .shikuang .wdb
{
	height: 100%;
	background-image: url(../images/weatherangle/tmpbg.gif);
	position: absolute;
	overflow: hidden;
	float: left;
	width: 24px;
	left: 14px;
}
/*刻度*/
#skyb .shikuang .wd .wdkdu
{
	float: left;
	height: 108px;
	width: 20px;
	position: absolute;
	left: 0px;
	top: 3px;
	letter-spacing: 1px;
	font-size: 10px;
}
#skyb .shikuang .wd .wdkdu li
{
	clear: both;
	height: 12px;
	overflow: hidden;
	text-align: right;
	color: #666;
	margin: 0px;
	padding: 0px;
}

/*温度值*/
#skyb .shikuang .wdb .wdbcontent
{
	width: 7px;
	height: 108px;
	position: relative;
	top: 3px;
	left: 9px;
	overflow: hidden;
}
#skyb .shikuang .wdb .wdvalue
{
	width: 100%;
	height: 100%;
	background-color: #99B0D6;
	position: absolute;
	top: -54px;
	left: 0px; /*温度系数 0.56*/
}

#skyb .shikuang .wd .shiduwendu
{
	float: left;
}
#skyb .shikuang .wd .shiduwendu .value
{
	font-weight: bold;
	font-size: 14px;
	color: #FF6600;
}
#skyb .shikuang .wd .wendu
{
	margin-top: 30px;
}
#skyb .shikuang .wd .shidu
{
	margin-top: 30px;
}

/*风向*/
#skyb .shikuang .fx
{
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	width: 110px;
	height: 156px;
	text-align: center;
}
#skyb .shikuang .fx .title
{
	font-weight: bold;
}
#skyb .shikuang .fx .image
{
	height: 96px;
	line-height: 96px;
	width: 98px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
#skyb .shikuang .fx .info
{
	margin-top: 10px;
}
#skyb .shikuang .fx .info .value
{
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
}

/*降雨量*/
#skyb .shikuang .jyl
{
	clear: both;
	margin-top: 5px;
	text-align: center;
}
#skyb .shikuang .jyl .value
{
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
#skyb .shikuang .updateinfo
{
	margin-top: 5px;
	text-align: center;
	color: #005AA7;
}




/*实况图表*/
#hours
{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#hours .weathernav .date
{
	float: right;
	margin-right: 20px;
}
#hours .weathernav
{
	clear: both;
	float: none;
	height: 25px;
	margin: 10px;
}
#hours .weathernav li
{
	float: left;
	margin-left: 10px;
	width: 100px;
	height: 25px;
	line-height: 25px;
	border: solid 1px #ddd;
	letter-spacing: 2px;
}
#hours .weathernav li a
{
	display: block;
	width: 100%;
	height: 100%;
}
#hours .weathernav li a:hover, #hours .weathernav li .selected
{
	background-color: #FF6600;
	color: #fff;
}

#flash
{
	height: 260px;
	width:96%;
	margin:0 auto;
	margin-bottom:10px;
	border:solid 1px #ddd;
}
#charwd, #charsd, #charshidu, #charyl
{
	float: none;
	clear: both;
	margin-top: 10px;
	height: 250px;
}