#allWeather{
display:block;
position:relative;
float:left;
width:200px;
overflow:hidden;
padding:0;
margin:0;
z-index:1;
height:500px;
/*background-color:#FFFFFF;*/

}

.allW #allWeather {

/*background-color:#FFFFFF;
*/
}

#weatherBlock{
margin-left:10px;
}

#allWeather .scrollableWeather {

	/* required settings */
	position:relative;
/*	overflow:hidden;*/
	width: 180px;
	height:350px;
}

#allWeather .scrollableWeather .itemsWeather {
	width:180px;
	height:350px;
	display:inline-block;
	float:left;
	position:relative;
	/*overflow:hidden;*/
	/* this cannot be too large */
/*	width:20000em;
	position:absolute;*/
}

#allWeather .itemsWeather div {
	float:left;
}

/* this makes it possible to add next button beside scrollable */
#allWeather .scrollableWeather {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#allWeather a.browse {
margin:0;
padding:0;
position:absolute;
top:425px;
z-index:10;

	background:url(./img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;

	cursor:pointer;
	font-size:1px;
}

/* right */
#allWeather a.right { 
background-position: 0 -30px; 
clear:right; 
margin-left: 10px;
left:130px;
}
#allWeather a.right:hover 		{ background-position:-30px -30px; }
#allWeather a.right:active 	{ background-position:-60px -30px; } 


/* left */
#allWeather a.left	{ 
z-index:10px;
left:0px;
margin-left: 10px; 
} 
#allWeather a.left:hover  		{ background-position:-30px 0; }
#allWeather a.left:active  	{ background-position:-60px 0; }

/* up and down */
#allWeather a.up, a.down		{ 
	background:url(../img/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
#allWeather a.up:hover  		{ background-position:-30px 0; }
#allWeather a.up:active  		{ background-position:-60px 0; }

/* down */
#allWeather a.down 				{ background-position: 0 -30px; }
#allWeather a.down:hover  		{ background-position:-30px -30px; }
#allWeather a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
#allWeather a.disabled {
	visibility:hidden !important;		
} 	


/* position and dimensions of the navigator */
#allWeather .navi {

	margin-left:10px;
	width:200px;
	height:20px;
	position: absolute;
	float: left;
	display:block;
	top: 430px;
	left:40px;
	z-index:5;
}


/* items inside navigator */
#allWeather .navi a {
	width:10px;
	height:10px;
	float:left;
	margin:5px;
	background:url(./img/prev.gif) -41px -4px no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
#allWeather .navi a:hover {
	background-position:0 0px;      
}

/* active state (current page state) */
#allWeather .navi a.active {
	background-position:-25px -4px;   
	  
}
/*cities section*/

#citiesWeather{
width:150px;
margin-left:20px;
margin-top:10px;
overflow:hidden;
/*display:block;
position:relative;
float:left;
*/
}



#citiesWeather select {
/*border:1px solid #CCCCCC;
padding:4px;
*/width:94%;
}
#citiesWeather select {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px inset #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:2px;
padding:3px 4px;
}



#citiesWeather  label strong {
color:#778899;
position:relative;
top:-1px;
}

#citiesWeather label {
/*font-size:16px;*/
}


/*tab section*/



.yom-top-story .hd {
padding-bottom:5px;
width:280px;
font-size:12px;
}

.yom-top-story .hd  a {
color:#005790;
}
.yom-top-story .nav .tabs a {
display:block;
float:none;
padding:7px 12px 8px 10px;
}


.yom-top-story :focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}



#allWeather ul.tabs li.selected a:link, #allWeather ul.tabs li.selected a,  #allWeather ul.tabs li.selected a:visited {
color:#000000;
padding:7px 12px 10px 10px;
background-color:#F0F0F0;
}

.yom-top-story .nav ul.tabs a {
display:block;
float:none;
/*padding:7px 12px 8px 10px;*/
}




.yom-mod .hd {
padding:15px 0;

}


.yom-mod .nav {
margin-bottom:10px;
/*border:none;
border-width:0;*/
}

.yom-top-story .nav .tabs {
/*display:block;
position:relative;
float:left*/
width:100%;
margin:0;
padding:0;
border:none;
border-width:0;
}

.yom-mod .tabs, .yom-mod .tabs .selected {
border-color:#BBBBBB;
}
.yom-top-story .nav {
display:block;
height:18px;
}

.yom-top-story .selected {
border-bottom:1px solid #FFFFFF !important;
color:#000000;
margin-bottom:-1px;
}

.yom-mod ul.tabs li {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#FFFFFF;
border-color:#BBBBBB;
border-style:solid solid double;
border-width:1px 1px 3px;
font-weight:bold;
margin-bottom:-1px;
margin-right:1px;
}

.yom-mod .nav li {
float:left;
position:relative;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


.yom-mod .tabs {
border-bottom:1px solid;
}


.yom-top-story .tabs .selected {
border-color:#BCBCBC;
}




.yom-mod a {
text-decoration:none;
border:none;
border-width:0;
}

.yom-mod a:hover {
color:#FF9900;
}

#allWeather .loading{
display:block;
float:left;
width:100%;
position:relative;
overflow:hidden;
top:50px;
left:50px;

}
#allWeather ul.tabs li a, #allWeather ul.tabs li a:link {
background-color:#F0F0F0;
color:#005790;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
font-size:12px;
}




 #allWeather ul.tabs li a:focus, #allWeather ul.tabs li a:hover {
background-color:#FFFFFF;
color:#FF9900;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
font-size:12px;
}