/* T19 content meteo base css */ 
div#globalContainer{background: #fff url(../images/backgroundGlobalContainerRight.gif) repeat-y;}
 
/* boxes */
div#leftBox { float:left; width:244px; padding:0px; margin:0px 9px 0px 0px; background-color:#fff;}
div#mainBox { float:left; width:707px; padding: 0px; margin:0px;background-color:#fff;}
div#mainContainer { float:left; width:707px; padding: 0px; margin: 0px; background-color:#fff;}
div#mainContainerTop { float:left; width:707px; padding:0px; margin:0px;}
div#mainContainerBottom { float:left; width:707px; padding:0px; margin:0px;
	background: #fff url(../images/backgroundMainContainerBottomTwoCol.gif) repeat-y;}
div#leftBoxBottom, div#centerBoxBottom { float:left; width:227px; margin:0px 9px 0px 0px; background-color:#fff;}
div#rightBoxBottom { float:left; width:235px; margin:0px 0px 0px 0px; background-color:#fff;}


/* Head */
div#mainBox div.head { float:left; width:671px; padding: 10px 18px; margin:0px 0px 10px 0px; border-top:10px solid #d9d9d9;}
div#mainBox div.head div.datetime { font-size: 11px; color: #656565; margin-bottom: 15px; border-bottom: 1px solid #cecece; padding: 0 8px 5px 8px;}
div#mainBox div.head div.category { font-weight:bold; font-size:12px; line-height:18px; color:#656565;}
div#mainBox div.head div.category span.arrow { color:#ee0000;}
div#mainBox div.head div.category a, div#mainBox div.head div.category a:visited { text-decoration:none; color:#656565;}
div#mainBox div.head div.category a:hover {text-decoration:underline;}
div#mainBox div.head h3 { color:#ee0000; font-size: 24px; margin-bottom: 4px; padding: 0; line-height: 24px;}


/* Pericoli Meteo */
div#mainBox div.component.banner {float:left;padding:0px; margin:0px;}

.bord {border:1px solid #cdcdcd;}
.f14 {font-size:14px; line-height:18px;}
.f16 {font-size:16px; line-height:20px;}
.f24 {font-size:24px;}

.red {color:#7f3d2e;background-color:#ff6f52;}
.orange {color:#7f5814;background-color:#ffa821;}
.yellow {color:#7c7025;background-color:#f8df40;}
.yellow-green {color:#717845;background-color:#e0ee81;}

.title {font-size:16px; font-weight:bold; line-height:20px;}
p.text {font-size:11px;line-height:16px; padding-top:10px;padding-bottom:40px;}

div.componentBody div.meteoSvizzera span.arrow {color:#ee0000;}

ul.meteo { float:left; padding:0px; margin:4px 0px 0px 0px; width:670px;border-top: 1px solid #cecece;}
ul.meteo li { float:left; border-bottom: 1px solid #cecece; padding:1px 0px 1px 0px; margin: 0px;}
ul.meteo li span.location { float:left; width:210px; text-align:center; background-color:#f2f2f2; padding:13px 0px 13px 0px;}
ul.meteo li span.description { float:left; width:430px; padding:13px 0px 13px 30px;}

table.warning {margin-top:4px; width:670px; border-top:1px solid #cecece;}
table.warning tr {padding:0px; }
table.warning td {padding:10px 0px 10px 0px;  border-bottom:1px solid #cecece;}
table.warning td.location {width:210px; text-align:center; vertical-align:top; background-color:#f2f2f2; font-weight:bold; }
table.warning td.description {padding:10px 20px 10px 20px; vertical-align:top;}

div.meteoSvizzera {float:left; width:670px; padding:10px 0px 10px 0px; text-align:center;}
div.meteoSvizzera a, div.meteoSvizzera a:visited {text-decoration:none;color:#656565;font-weight:bold;}
div.meteoSvizzera a:hover {text-decoration:underline;}
  
div.containerBannerSmall {float:left; width:210px; padding:2px; border-bottom:1px solid #cdcdcd;}
div.containerBannerSmall div.coloredBannerSmall {float:left; padding:5px 20px 5px 20px; width: 170px; text-align:center; font-weight:bold; font-size:12px; line-height:16px;}

div.containerBannerBig {float:left; width:701px; padding:3px;} 
div.containerBannerBig div.coloredBannerBig {float:left; width:621px; padding:20px 40px 20px 40px; text-align:center; font-weight:bold; font-size:20px;}

/* My Place */
form.meteo {float:left; margin:10px 0px 0px 0px; padding:0px; width:675px;}
form.meteo fieldset {float:left; width:100%; margin:0px; padding:0px; border:0px; border-top:1px solid #cdcdcd;}
form.meteo label {float:left; margin:0px 5px 0px 0px; padding:5px 0px 5px 10px; width:280px;}
form.meteo input {padding:0px; margin:0px; width:300px;}

div.myPlace {float:left;width:669px;padding:2px;}
div.myPlace img {float:left; margin-right:10px;}

div.myPlace ul.forecast {float:left; width:271px; padding:0px 0px 0px 0px;}
div.myPlace ul.forecast li.title {float:left; width:251px; background-color:#878988; color:#fff; font-weight:bold; font-size:12px; border-bottom:none; padding: 8px 10px 8px 10px; margin:0px;}
div.myPlace ul.forecast li {float:left; border-bottom:1px solid #cecece; padding: 0px 0px 6px 0px; margin: 6px 0px 0px 0px;}
div.myPlace ul.forecast li img {float:left; margin-right:10px; width:50px;}
div.myPlace ul.forecast li p {float:left; width:211px;}
div.myPlace ul.forecast li p span.date {font-size:13px; font-weight:bold; color:#000; text-transform: uppercase;}
div.myPlace ul.forecast li p span.forecast{font-size:12px; line-height:16px; font-weight:bold; color:#656565;}
div.myPlace ul.forecast li p span.temperatures {font-size:15px; font-weight:bold; color:#ee0000;}


/* SLIDE SHOW */

.tabContent {  
    margin:0px auto;
	width:670px; 
}

.borderBottom {  
	float:left;
	padding-bottom:10px;
	border-bottom: 3px solid #cecece;
}
 

.containerButton a.btn.pause span { 
	background: url(../images/iconPauseGrey.gif) center left no-repeat;
}

.containerButton a.btn.pause.active, .tabContent .containerButton a.btn.play.active { 
	background-image: url(../skins/rsi/images/button-rsi.gif);
	border-color: #be0505;
}

.containerButton a.btn.pause.active span { 
	background: url(../images/iconPauseWhite.gif) center left no-repeat;
}

.containerButton a.btn.play.active span { 
	background: url(../images/iconPlayWhite.gif) center left no-repeat;
}

.containerButton a.btn.play span {
	background: url(../images/iconPlayGrey.gif) center left no-repeat;
}

.containerButton { 
	float:right;
	margin-left:10px;
}

.top { 
	float:left;
	width:100%;
	line-height:24px;
	margin: 10px 0px 10px 0px;
}

.top .label { 
	float:left;
	font-weight:bold;
	font-size:14px;
}

.images { 
	float:left;
	width:670px;
	height:377px;
}

.images img { 
	width:670px;
	height:377px;
}

.imagesList { 
	float:left;
	width:670px;
}

.imagesList .smallImage {
	float:left;
	width: 215px;
	margin: 12px 12px 0px 0px;
}

.imagesList .noMarginRight {
	margin-right: 0px;
}

.imagesList .smallImage img {
	display:block;
	width:215px;
	margin-bottom:5px;
	
}

.imagesList .smallImage .description {
	padding:5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border:1px solid #cdcdcd;
}



.note { 
	float:left;
	padding-top:5px;
	text-align:right;
	width:100%;
	font-size:9px;
	font-style:italic;	
}


.info { 
	float:left;
	width:646px;
	margin: 10px 0px 0px 0px;
	font-size:12px;
	padding: 0px 12px 0px 12px;
}

.info .measure { 
	padding: 5px 0px 5px 0px;
	border-bottom:1px solid #cecece;

}

.icons { 
	float:left;
	width:100%;
	margin: 10px 0px 0px 0px;
	font-size:12px;
	background-color:#e6e6e6;
}

.top .nav { 
	float:right;
}

.top .nav a {
	color: #656565;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cecece;
	padding: 2px 10px;
	margin: 0px 3px 0px 0px;
	background: url(../images/button-light.gif) center left repeat-x;
	text-decoration:none;
}

.top .nav a:hover {
	color: #fff;
	background-image: url(../images/button-dark.gif);
	border:1px solid #595959;
}

.top .nav a.activeSlide  {
	color: #fff;
	background-image: url(../skins/rsi/images/button-rsi.gif);
	border-color: #be0505;
}

.buttonIcons { 
	float:left;
	text-align:right;
	width:100%;
	padding:10px 0px 0px 0px;
	font-size:12px;
}

.buttonIcons a, .buttonIcons a:visited { 
	color:#656565;
	font-weight: bold;
	text-decoration: none;
}

.buttonIcons a:hover { 
	text-decoration: underline;
}

.icons { 
	float:left;
	margin: 10px 0px 0px 0px;
	font-size:12px;
	background-color:#e6e6e6;
	border:1px solid #cdcdcd;
}

.icons .buttonIcons {
	padding:12px 0px 12px 0px;
	background-color: #fff;
	border-top:1px solid #cdcdcd;
}

.icons .icon {
	float:left;
	width:210px;
	height:56px;
	background-color: #cceeee;
	margin: 10px 0px 10px 10px;
}

.icons .icon img {
	float:left;	
	width:76px;
}


.icons .icon .description {
	float:left;	
	width:113px;
	height:35px;
	padding:10px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border-top:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
}

 
/*
.icons .icon {
	float:left;
	width:152px;
	margin: 12px 0px 0px 12px;
}

.icons .icon img {
	display:block;
	margin-bottom:5px;
	
}

.icons .icon .description {
	padding:10px;
	height:22px;
	text-align:center;
	background-color:#fff;
	border:1px solid #cdcdcd;
}
*/