#commento_webcam {border: 1px solid #393; height: 110px; overflow: auto; background-color: #e0f0ff;}
#commento_webcam div.commento1 {background: #fff url(../images/webcam.jpg); padding: 3px;}
#commento_webcam div.commento2 {background-color: #e0f0ff; padding: 3px;}
/* tabella previsioni comunali, europee, mondiali */
#weather_data {border: 1px solid #036;}
#weather_data td {font-size: 11px;}
#weather_data td img.weatherimg {vertical-align: middle;}
#weather_data tr#riga_1 td, #weather_data tr#riga_3 td, #weather_data tr#riga_5 td, #weather_data tr#riga_7 td, #weather_data tr#riga_9 td, #weather_data tr#riga_11, td #weather_data tr#riga_13 td, #weather_data tr#riga_15 td, #weather_data tr#riga_17 td, #weather_data tr#riga_19 td, #weather_data tr#riga_21 td, #weather_data tr#riga_23 td {background-color: #f2f8ff;}
#weather_data tr#riga_0 td, #weather_data tr#riga_2 td, #weather_data tr#riga_4 td, #weather_data tr#riga_6 td,#weather_data tr#riga_8 td, #weather_data tr#riga_10 td, #weather_data tr#riga_12 td, #weather_data tr#riga_14 td, #weather_data tr#riga_16 td, #weather_data tr#riga_18 td, #weather_data tr#riga_20 td, #weather_data tr#riga_22 td, #weather_data tr#riga_24 td {background-color: #d8e8ff;}
#weather_data tr.row_8 td, #weather_data tr.row_10 td, #weather_data tr.row_12 td, #weather_data tr.row_14 td {background-color: #f2f8ff;}
#weather_data tr.row_9 td, #weather_data tr.row_11 td, #weather_data tr.row_13 td, #weather_data tr.row_15 td {background-color: #d8e8ff;}
#weather_data tr#weather_data_head {background-color: #06c; color: #fff;}
#weather_data tr#weather_data_head td {border-bottom: 1px solid #036; font-size: 12px; text-align: center; font-weight: bold; padding: 2px 2px;}
/* box di ricerca nelle pagine previsioni e webcam */
#forecast_box2 {padding: 3px; margin: 0 0px 11px 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #39c; background: #fff url(../images/forecast_box.jpg) bottom repeat-x;}
#forecast_box2 #form_previsioni1 {width: 150px; float: left;}
#forecast_box2 #form_previsioni_antartide {width: 100px; float: left;}
#forecast_box2 #form_previsioni_mondo1 {width: 220px; float: left;}
#forecast_box2 #form_previsioni2 {width: 130px; float: left;}
#forecast_box2 #form_previsioni2 select {width: 120px;}
#forecast_box2 #form_previsioni3 {width: 220px; float: left;}
#forecast_box2 #form_previsioni3 select {width: 200px; float: left;}
#forecast_box2 label {color: #000;}
#forecast_box2 #seleziona_citta, #forecast_box2 #seleziona_comuni, #forecast_box2 #seleziona_regione, #forecast_box2 #seleziona_nazione {background-color: #ffffcc; margin: 0 0 2px 0;}
#forecast_box2 #ricerca_previsioni {font-size: 12px; width:80px; border: 1px solid #369; background-color: #ffc;}
#forecast_box2 #vai {font-size: 12px; background-color: #f0f0f0; border: 1px solid #39c; color: #036; width: 30px;}
#forecast_box2 #vai:hover {background-color: #393; color: #fff;}
/* box di ricerca nelle pagine previsioni - box quadrato prima era 244 */
#forecast_box3 {padding: 3px; margin: 10px 0px 20px 8px; border:1px solid #666; background: #c5d5ee url(../images/sfondo_lente_chiaro.jpg) top right no-repeat; width: 292px; height: 254px;}
#forecast_box3 form {margin: 10px 0;}
#forecast_box3 #form_previsioni1 {width: 150px;}
#forecast_box3 #form_previsioni2 {width: 130px;}
#forecast_box3 #form_previsioni2 select {width: 120px;}
#forecast_box3 #form_previsioni3 {width: 220px;}
#forecast_box3 #form_previsioni3 select {width: 200px;}
#forecast_box3 label {color: #000;}
#forecast_box3 #seleziona_citta, #forecast_box3 #seleziona_comuni, #forecast_box3 #seleziona_regione, #forecast_box3 #seleziona_nazione {background-color: #ffffcc; margin: 0 0 2px 0;}
#forecast_box3 #ricerca_previsioni {font-size: 12px; width: 160px; border: 1px solid #369; background-color: #ffc;}
#forecast_box3 #vai {font-size: 12px; background-color: #92A1B1; border: 2px solid #fff; color: #fff; width: 120px; padding: 5px; margin-top: 10px; font-weight: bold;}
#forecast_box3 #vai:hover {background-color: #626F7D; color: #ccc;}
#adsense_for_forecast {width: 336px; float: right; margin: 5px 5px 0 0px;}
#weather_link span {color: #f60; font-size: 11px;}
#weather_link div {height: 18px; line-height: 18px; color: #fff; font-weight: bold; background: #fff url(../../images/bgbox1t.gif) repeat-y; padding:1px 0 1px 4px;}
div#weather_link div#adsense468 {text-align: center; background: #fff url(../../images/bgbox1w.gif); height: 60px; margin: 7px 0;}
div#weather_link div#adsense469 {text-align: center; background: #fff url(../../images/bgbox1w.gif); height: 3px; margin: 2px 0;}
div#weather_link p, div#webcam_link p {text-align: justify;}
p#link_veloci {margin-left: 40px; width: 450px; float: left;}
div#weather_link p a, div#webcam_link p a, ul#comunali_link li a, #link_veloci a {text-decoration: none; color: #333;}
div#weather_link p a:hover, div#webcam_link p a:hover, ul#comunali_link li a:hover, #link_veloci a:hover {color: blue;}
ul#comunali_link {list-style-type: none; padding: 0px; margin: 15px 0 0 0; height: 500px; overflow: auto;}
ul#comunali_link li {width: 140px; float: left; border-bottom: 1px solid #ccc; margin-left:6px;}
.archivio_articoli {min-height: 70px; height: auto !important; height: 70px; border: 1px solid #666; padding: 5px 5px 10px 5px; margin: 5px 0; background: #fff url(../../images/forecast_box.jpg) bottom repeat-x;}
#middle2 .archivio_articoli img {float: left; border: 1px solid green; margin: 2px 5px 2px 2px;}
/* ricerca hotel di selectedhotel */
#selectedhotels-it {font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; width: 612px; height: 162px; background-image: url(../selectedhotel/bgTop.png); background-repeat: repeat-x; margin-left: 30px;}
#selectedhotels-left {text-align: center; width: 150px; float: left; margin-top: 37px; margin-left: 2px;}
#selectedhotels-central {width: 220px; float: left; margin-top: 17px; margin-left: 35px;}
#selectedhotels-right {width: 180px; float: left; margin-top: 17px;}
#selectedhotels-bottom {clear: left; background-image: url(../selectedhotel/sh2.gif); height: 3px; background-repeat: repeat-x;}
#selectedhotels-it a {color: #795b14; text-decoration: none;}
#selectedhotels-it p {font-family: Tahoma, Verdana, Arial, sans-serif;}
#selectedhotels-it img {border: 0;}
#selectedhotels-it #tema {margin-top: 6px;}
#selectedhotels-it #tema ul {margin: 0px; padding: 0px; list-style-type: none;}
#selectedhotels-it #tema ul li {width: 46px; float: left; margin: 2px;}
/* hack per IE per selcted hotel \*/
* html #selectedhotels-it {margin-left: 20px;}
* html p#link_veloci {margin-left: 15px; width: 450px; float: left;}
/* fine hack */
#forecast_sponsor {border: 1px solid #39c; margin: 15px 0; color: orange; background-color: #CEF58A;}
#forecast_sponsor a {text-decoration: none;}
#ServiziWebcam {list-style-type: none; height: 75px; margin: 10px 0px 0px 0px; padding: 0px;}
#ServiziWebcam li {width: 82px; float: left; text-align: center; color: #666; margin: 0px 5px; padding: 0px;}
#ServiziWebcam li a {display: block; color: #333; text-decoration: none;}
/* parte sotto la mappa di google */
#ServiziMeteo {list-style-type: none; border:1px solid #666; min-height: 110px; height: auto !important; height: 110px; margin: 5px 0 5px 0; padding:0;}
#ServiziMeteo li {width: 106px; float: left; text-align: center; color: #666; margin: 10px 0px 10px 0px; padding: 0px;}
#ServiziMeteo li a {display: block; color: #666; text-decoration: none;}
#ServiziMeteo li a:hover {color: blue;}
p#ServiziMeteo_downlink {border: 1px solid #666; height: 100px; overflow: auto; padding: 5px; text-align: justify;}
p#ServiziMeteo_downlink a {text-decoration: none; color: #333;}
p#ServiziMeteo_downlink a:hover {color: blue;}
/*  parte sotto info webcam */
#ServiziMeteo_Webcam, #ServiziMeteo_WebcamProvince {list-style-type: none; min-height:120px; height: auto !important; height: 120px; margin: 5px 0 5px 0; padding:0;}
#ServiziMeteo_Webcam li{width: 106px; float: left; text-align: center; color: #666; margin: 10px 0px 0px 0px; padding: 0px;}
#ServiziMeteo_WebcamProvince li {width: 100px; float: left; text-align: center; color: #666; margin: 10px 0px 0px 0px; padding: 0px;}
#ServiziMeteo_Webcam li a, #ServiziMeteo_WebcamProvince li a{display: block; color: #666; text-decoration: none;}
#ServiziMeteo_Webcam li a:hover, #ServiziMeteo_WebcamProvince li a:hover {color: blue;}
/* bollettino neve */
p#bollettino_neve {position: relative; border: 1px solid #666; background: #fff url(../images/skipisten.jpg) bottom left no-repeat; padding: 5px; margin: 10px 0;}
p#bollettino_neve span {display: block; position: absolute; right: 0px; bottom: 0px; width: 70px;}
p#bollettino_neve img {vertical-align: middle;}
/* bollettino delle neve */
table.table_bollettino_neve {background-color: #ededed; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; margin: auto;}
table.table_bollettino_neve tr.head {background: #fff url(../images/skipisten.jpg) bottom left no-repeat; font-weight: bold; color: #036;}
table.table_bollettino_neve td {border-bottom: 1px solid #666; padding: 2px; text-align: center;}
table.table_bollettino_neve a {text-decoration: none;}
#ontable {text-align: right; width: 614px; margin: 5px 0;}
#ontable a {text-decoration: none;}
/* dati in tempo reale */
table.real_data {background-color: #ededed; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; margin: auto;}
table.real_data tr.real_data_head {background: #fff url(../images/skipisten.jpg) bottom left no-repeat; font-weight: bold; color: #036;}
table.real_data td {border-bottom: 1px solid #666; padding: 2px; text-align: center;}
table.real_data a {text-decoration: none;}
/* box ricera nelle pagine dei risultati */
#testa_previsioni {background: #ffffff url(../images/winterhome.jpg) bottom right no-repeat; margin: 27px 155px 0px 0; text-indent: 12px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #39c; color: #036; font-weight: bold;}
#forecast_box_ins {border: 1px solid #f60; padding: 5px; margin: 0 155px 11px 0;  border-width: 0px 1px 1px 1px; border-style: solid; border-color: #39c; background: #fff url(../images/forecast_box.jpg) bottom repeat-x;}
#forecast_box_ins #form_previsioni1 {width: 190px; float: left;}
#forecast_box_ins label {color: #000;}
#forecast_box_ins #seleziona_citta, #forecast_box_ins #seleziona_regione, #forecast_box_ins #seleziona_nazione, #forecast_box_ins #seleziona_continente {background-color: #ffffcc;}
#forecast_box_ins #ricerca_previsioni, #forecast_box_ins #ricerca_webcam, #forecast_box_ins #ricerca_stazioni {font-size: 12px; width: 150px; border: 1px solid #369; background-color: #ffc;}
#forecast_box_ins #vai {font-size: 12px; background-color: #f0f0f0; border: 1px solid #39c; color: #036; width: 30px;}
#forecast_box_ins #vai:hover {background-color: #393; color: #fff;}
#sp_forecast_box_ins {margin: 6px 0 0px 0;}
/* per la ricerca delle webcam mondiali */
#forecast_box_ins #form_previsioni_cont1 {width: 190px; float: left;}
#forecast_box_ins #form_previsioni_cont2 {width: 210px; float: left;}
#middle2 .forecast_box_cont {margin: 0px 50px 0px 0px;}
#middle2 .testa_previsioni_cont {margin: 27px 50px 0px 0px;}
.adsense_result {margin: 10px 0;}
h1.header {height: 1%; background: #fff url(../images/header.jpg) repeat-y top left; border: 1px solid #666; padding-left: 5px; margin-bottom: 5px; color: #04386A;}
p.sottoheader {text-indent: 5px; color: #333;}
div.link_ins_down {text-align: justify;}
div.link_ins_down a, #info_webcam_block_link a, #google-link a {text-decoration: none; color: #333;}
div.link_ins_down a:hover, #info_webcam_block_link a:hover, #google-link a:hover {color: blue;}
/* Info webcam */
#info-webcam {width: 472px; padding: 0px; margin: 0px; text-align: left; float: right;}
#info-webcam-ins {border: 1px solid #ccc; padding: 2px; position: relative;}
#info-webcam-meteo {border:1px solid #ccc; padding: 3px; margin: 5px 0px 5px 0; background-color: #dbebfa; overflow: auto}
#info-webcam-servizi-webcam {border:1px solid #ccc; height:110px; margin: 5px 0 5px 0; padding:0px;}
#info-webcam-servizi-webcam div {background: #000 url(../../../images/bgbox1t.gif); color: #fff; padding: 0 3px;}
#info-webcam-ads {text-align: center; margin: 0px;}
#info-webcam-adsense {border: 1px solid #ccc; margin: 0 475px 27px 0; text-align: center;}
#info-webcam-servzi-meteo {border:1px solid #ccc; height:120px; margin: 0px 0 5px 0; padding:0;}
#webcam-province-servizi-meteo {border:1px solid #ccc; height:120px; width: 612px; float: left; margin: 15px 0px 0px 30px; padding: 0;}
#info-webcam-servzi-meteo div, #webcam-province-servizi-meteo div {background: #000 url(../../../images/bgbox1t.gif); color: #fff; padding: 0 3px;}
#webcam-province-servizi-meteo div {height: 16px; font-weight: bold;}
#info_webcam_block_link {border:1px solid #666; margin: 15px 0 5px 0; padding:2px 3px;}
#webcam-province-servizi-meteo {border:1px solid #ccc; height:120px; width: 612px; float: left; margin: 15px 0px 0px 30px;}
#vote-box {width: 265px; float: right; text-align: right;}
#vote-box img {vertical-align: middle;}
#transparent {position: absolute; top: 150px; left: 20px; width: 430px; height: 60px; background-color: #fff; border: 1px solid black;}
#transparent p {margin-top: 20px; font-weight: bold; color: #000000; text-align: center;}
/*link in google map */
#google-link {border: 1px solid #666; height: 120px; overflow: auto; padding: 5px;}
#commento_offensivo {text-align: right; margin: 2px 0;}
#commento_offensivo a {color: #666; text-decoration: none;}
/* Area riservata */
#middle2 div.areariservata_menu1 {background: #fff url(../images/gradient.png) repeat-x top left; border: 1px solid #666; height: 52px; padding: 5px;}
#middle2 div.areariservata_menu2 {background: #fff url(../images/sf1a.gif) repeat-x top left; border: 1px solid #666; height: 52px; margin: 5px 0px; padding: 3px;}
#middle2 div.areariservata_menu1 h2, #middle2 div.areariservata_menu2 h2{font-size: 11px;}
#acquista_servizi {margin: 20px 0 0 0; padding: 0px; list-style-type: none;}
#acquista_servizi li {color: #666; font-weight: bold; text-transform: uppercase; height: 80px; margin: 15px; padding: 2px; border: 1px solid #666; background: #fff url(../images/gradient.png) repeat-x top left;}
#acquista_servizi li form {margin: 10px 3px; width: 200px; float: left; height: 60px;}
#acquista_servizi li .dettagli_sms {margin: 20px 0 0 20px;}
#pannello_controllo {background: #fff url(../images/gradient.png) repeat-x top left; border: 1px solid #666; padding: 5px; margin: 5px 0;}
#pannello_controllo p {margin: 2px 0  15px  0px;}
#pannello_controllo #imposta_sms {font-size: 12px; background-color: #92A1B1; border: 2px solid #2F5DC0; color: #fff; width: 120px; padding: 5px; margin-top: 10px; font-weight: bold;}
#pannello_controllo #imposta_allerta {font-size: 12px; background-color: #92A1B1; border: 2px solid #2F5DC0; color: #fff; width: 180px; padding: 5px; margin-top: 10px; font-weight: bold;}
#pannello_controllo #imposta_sms:hover, #pannello_controllo #imposta_allerta:hover {background-color: #626F7D; color: #ccc;}
table.table_dettagli_sms {background-color: #ededed; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; margin: 5px auto;}
table.table_dettagli_sms tr.head {background: #fff url(../images/skipisten.jpg) bottom left no-repeat; font-weight: bold; color: #036;}
table.table_dettagli_sms td {border-bottom: 1px solid #666; padding: 2px; text-align: center;}
table.table_dettagli_sms tr.riga_1 {background: #fff url(../images/gradient.png) top left repeat-x;}
table.table_dettagli_sms tr.riga_0 {background: #fff url(../images/sf1a.gif) top left repeat-x;}
#dettagli_sms {margin: 15px 0 0 0;}
#dettagli_sms img {border: 1px solid #666; margin: 10px;}
#dettagli_sms ul {margin: 0 0 0 50px;}
#dettagli_sms ul li {margin: 10px 0;}
#link_area_riservata {width: 80px; float: right;}
#link_area_riservata a {color: #666; text-decoration: none;}
#link_area_riservata a:hover {color: blue;}
#middle2 div.sms_menu1 {background: #fff url(../images/gradient.png) repeat-x top left; border: 1px solid #666; height: 65px; padding: 5px;}
#middle2 div.sms_menu2 {background: #fff url(../images/sf1a.gif) repeat-x top left; border: 1px solid #666; height: 65px; margin: 5px 0px; padding: 3px;}
#middle2 div.smsa_menu1 h2, #middle2 div.areariservata_menu2 h2{font-size: 11px;}
#middle2 div.sms_menu1 img, #middle2 div.sms_menu2 img {border: 1px solid #666;}
div#demo_cellulare {height: 564px; background: #fff url(../images/demo_sms_cellulare.jpg) no-repeat;}
div#demo_cellulare p {font-size: 15px; position: absolute; top: 135px; left: 75px; width: 160px;}
div#new_things {text-align: center; border: 1px dotted #666; padding: 2px 0; color: #000; margin: 5px 0; float: left; width: 663px;}
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images-lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images-lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
/* hack per IE \*/
* html #webcam-province-servizi-meteo {margin: 15px 0px 0px 10px;}
/*fine hack */
#tabs {font-size: 16px; font-family: 'Myriad Pro',Tahoma, Verdana, Helvetica, Arial, sans-serif; width: 660px; margin: 0 0 0 5px;}
.ui-tabs .ui-tabs-panel {padding: 7px 0px; border: 1px solid #ccc; background: url("../images/sfondo_arancione.jpg") no-repeat;}
.ui-tabs .ui-tabs-nav li {margin: 0 7px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:3px;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {text-decoration: underline;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {color: #000;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #f60;}
.ui-widget-header{height: 22px; background: #ebf2fc; border: 0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background-color: transparent; border: 0px;}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {color: #f60;}
.nome_localita {margin: 5px 0 0 20px; padding: 0 0 0 55px; width: 300px; height: 36px; border-radius: 10px 10px 10px 10px; background-color: #fff; background-image: url("../images/freccia_home.png"), url("../images/lente_home.png"); background-position: 20px center, 300px center; background-repeat: no-repeat; border: 2px solid #f60; font-size: 19px;}
.social{width: 230px; height: 31px; position: absolute; top: 45px;left: 410px;}
.social a {display: inline-block; width: 31px; height: 31px; margin: 0 3px;}
.ui-autocomplete span.hl_results {background-color: #f60;}
.ui-autocomplete {max-height: 250px; overflow-y: auto; overflow-x: hidden; padding: 5px; text-align: left;}
.ui-autocomplete li {font-size: 16px;}
* html .ui-autocomplete {height: 250px;}