@font-face {font-family: 'OratorStdMedium';
    src: url('../fonts/oratorstd-webfont.eot');
    src: url('../fonts/oratorstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oratorstd-webfont.woff') format('woff'),
         url('../fonts/oratorstd-webfont.ttf') format('truetype'),
         url('../fonts/oratorstd-webfont.svg#OratorStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;}

html,body{margin:0; padding: 0; width: 100%; font-family: OratorStdMedium, Orator Std; color:#169182;}
#full-screen-background-image{ z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0;}

div#contenitore{height:100%;}
body>div#contenitore{height: auto; min-height: 100%;}

.growlMessage{background-color: #666666 !important; color:#FFFFFF; margin-bottom:.8em !important; opacity:.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); }

#divMenuPrincipale{width:100%; height:5.8em; padding-top:20px; position:absolute; bottom:0px; background-image:url('../images/sfondo_menu_principale.png'); background-repeat:repeat-x; z-index:200;}
/*#logoSime{position:absolute; top:2.1em; left:1.67em;}
#logoSime img{width:17.5em; height:5.67em; max-width:210px; max-height:68px; }*/
#logoSime{position:absolute; top:2em; left:1.67em;}
#logoSime img{margin:4px 0 0 0; width:13.5em; height:3.75em; max-width:210px; max-height:58px; }
#divIconeMenuPrincipale{position:absolute; top:2em; right:0px; width:100%;}
.iconaMenuPrincipale{margin:0 .75em 0 .75em; cursor:pointer; z-index:9100; float:right; width:3.4em; height:3.4em; max-width:74px; max-height:74px;}
.iconaMenuPrincipale img{width:3.25em; height:3.25em; max-width:72px; max-height:72px;}

.segnapostoPianta{font-size:1.17em; font-weight:bold; cursor:pointer;}
.titoloPianta{ position:absolute; top:0px; text-align:center; width:100%; }
.titoloStanza{ position:absolute; top:0px; text-align:center; width:100%; }

.pulsanteIndietro{ position:absolute; bottom:-20px; left:0px; text-align:center; width:50px; cursor:pointer; z-index:9100;}
.selezionePianta{width:100%; height:1.7em; margin:.5em auto; padding:.15em 0; font-size:.9em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selezionePianta > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selezionePianta > div > div{#position:relative; #top:-50%;}
	.selezionePianta.selected { background-color: rgba(0,200,200,.3); }

/*.selezioneScenario{width:100%; height:2em; margin:.75em auto; padding:.25em 0; font-size:1em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }*/
.selezioneScenario{width:100%; height:1.7em; margin:.5em auto; padding:.15em 0; font-size:.9em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selezioneScenario > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selezioneScenario > div > div{#position:relative; #top:-50%;}

.selezioneLayer{margin:2px; cursor:pointer; z-index:9100; float:right;}

.divForm {margin:0px; padding:2px 0;}
.divForm p {display:inline; margin:0; padding:0;}

#pannelloLateraleAdmin{width:370px; height:500px; position:absolute; top:100px;left:0px; margin-left:-350px; background-color:#CCFFCC; z-index:9200;}
#contenutoPannelloAdmin{width:350px; float:left; height:500px; z-index:9200;}
#handlePannelloAdmin{width:20px; height:500px; float:left; cursor:pointer; z-index:9201;}

#divMenuScenari{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
#divContenitoreSuperiore{position:absolute; width:100%; top:0px; left:0px; height:5em}
#divMenuSelezionePianta{position:absolute; right:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_destra.png'); background-position:left bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
.divMenuSelezioneLayer{position:absolute; right:0px; bottom:8em; z-index:200;}

#menuSuperioreCentrato{position:relative; margin:0 auto; opacity:0.9; filter:alpha(opacity=90); z-index:9100; height:4em;}
#contenutoMenuSuperioreCentrato{float:left; height:100%; background-image:url('../images/menuSuperioreSfondo.png'); background-repeat:repeat-x; background-position:bottom; color:#FFFFFF; margin:0 -1px;}
#containerData{width:35%; height:3em; padding-top:1.2em; float:left; cursor:pointer;}
#containerMeteo{width:20%; height:3.5em; padding-top:0.2em; padding-left:10%; float:left;}
#containerOra{width:35%; height:3em; padding-top:1.2em; float:left; cursor:pointer;}
.ora{ text-align:center; font-size:1.8em; }
.data{ text-align:center; font-size:1.25em;}
#nomeGiorno{margin-top:-3px;}
.giorno{ text-align:center; font-size:1em;}

.padded1em{padding: 1em 0 .6em 0;}
.topFillet{border-top:1px solid #93c3bc;}
.bottom{position:absolute; bottom:0px;}
.fullWidth{width:100%;}

.titolo2 { font-size:1.3em; }

.floatContainer{overflow:hidden; width:100%;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clearFloat{clear:both;}

.floatLeft.paddedLeft{padding-left:1em;}

.buttonSalva, .buttonSalva .ui-state-default, .buttonSalva .ui-state-hover, .buttonSalva .ui-state-focus, .buttonSalva .ui-state-disabled {color:#FFFFFF !important; background:#e4271e !important;}

/* clima */
#divContenitoreDettaglioClima{margin-top:4.3em;}
/*.selezioneZona{width:100%; height:2.5em; margin:.75em auto; font-size:1.2em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }*/
.selezioneZona{width:100%; height:1.7em; margin:.5em auto; font-size:.9em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selezioneZona > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selezioneZona > div > div{#position:relative; #top:-50%;}
#messaggioSalvaZoneClima{width:32px; height:32px; position:absolute; left:0; top:0; padding:0; margin:0 .5em 0 0;}

.messaggioSalvataggio{width:32px; height:32px; position:absolute; left:0; top:0; padding:0; margin:0 .5em 0 0;}
.salvataggioInCorso{ background-image:url("../images/loading.gif"); background-position:center right; background-repeat:no-repeat;}

#divMenuSelezioneZonaClima{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
#nomeZonaClima{font-size:2em; font-weight:bold;}
#tZonaClima{font-size:1.5em; margin-top:.2em; width:4.5em;}
#hZonaClima{font-size:1.5em; margin-top:.2em; width:4.5em;}
/*#divControlloStatoZonaClima{position:relative; height:38px;}
#pulsantiStatoZonaClima{position:absolute; top:0px; left:0px;}*/
#pulsantiModalitaZonaClima{float:right;}
#divManZonaClima{padding:.5em 0;}
#tempManClima{font-size:1.1em; font-weight:bold; width:5.5em; display:inline-block; text-align:right; padding-top:5px;}
#selettoreGiorniAutoClima{padding:1em 0;}
.buttonAggiungiFasciaClima{margin-top:.5em; font-weight:bold;}

.divCentrato{width:100%; height:2.5em; margin:.75em auto; text-align:center; cursor:default; display:table; #position:relative; overflow:hidden; }
.divCentrato > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.divCentrato > div > div{#position:relative; #top:-50%;}

.fasciaClima{ width:100%; padding:.4em .2em 0 .2em; position:relative;}
.testoFasciaClima{float:left; padding:10px 4px 0 4px; font-size:.8em;}
.tempFasciaClima{float:left; padding:.2em .2em; font-size:1.2em;}
.inizioFasciaClima{float:left; padding:.2em .2em; font-size:1.2em;}
.fineFasciaClima{float:left; padding:.2em .2em; font-size:1.2em;}
.modificaFasciaClima{position:absolute; right:30px; margin-right:4%;}
.eliminaFasciaClima{position:absolute; right:0px;}
.terminatoreFasciaClima{clear:both;}

.fasciaClima .ui-button-text { padding: .2em 1em; }

.textAreaPopupClima{width:1.8em; height:1em; margin:.2em 0; text-align:center; padding:.2em 0; font-size:1.5em; font-weight:bold;}
#tempPopupClima{width:2.5em; height:1em; margin:.2em 0; text-align:center; padding:.2em 0; font-size:1.5em; font-weight:bold;}

.statoZonaAttiva{background-color:#f3e718; color:#000000;}

/* Irrigazione */
#divContenitoreDettaglioIrrigazione{margin-top:4.3em;}
#divMenuSelezioneZonaIrrigazione{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
#nomeZonaIrrigazioneMan{font-size:2em; font-weight:bold;}
#selettoreGiorniIrrigazione{padding:0.3em 0;}
#messaggioSalvaIrrigazione{width:32px; height:32px; position:absolute; left:0; top:0; padding:0; margin:0 .5em 0 0;}

.textAreaPopupIrrigazione{margin:.42em 0; text-align:center; padding:.2em .3em; font-size:1.5em; font-weight:bold;}
/*#minDurataPopupIrrigazione{width:4.2em; height:1.67em; margin:.42em 0; text-align:center; padding:.42em 0; font-size:1.5em; font-weight:bold;}*/
.iconaPulsante{margin:5px; cursor:pointer; width:2.2em; height:2.2em;}
.iconaPulsante img{width:2.2em; height:2.2em;}
.textAreaIrrigazione{width:3.8em; height:1.1em; margin:0 0 .45em 0; text-align:center; padding:.35em 0; font-size:1.25em; font-weight:bold; cursor:pointer;}

.ui-state-grigio, .ui-widget-content .ui-state-grigio, .ui-widget-header .ui-state-grigio{background-color:#CCCCCC; background-image:none; border-color:#666666;}

#tabellaRiepilogoIrrigazione { margin-top:1em; }
#tabellaRiepilogoIrrigazione th { min-width:5em; margin:0; padding:.2em .4em; text-align:center; border-left:1px solid #b7d8b3; border-collapse:collapse; }
	#tabellaRiepilogoIrrigazione th:first-child { text-align: left; border-left: none; }
#tabellaRiepilogoIrrigazione td { min-width:5em; margin:0; padding:.2em .4em; text-align:center; border-left:1px solid #b7d8b3; border-top:1px solid #b7d8b3; border-collapse:collapse; }
	#tabellaRiepilogoIrrigazione td:first-child { text-align:left; border-left:none; font-weight:bold; }

	#tabellaRiepilogoIrrigazione td.attiva { background-color:#f3e718; color:#000000; }

/* Antifurto */
#divContenitoreDettaglioAntifurto{margin-top:4.3em;}
#divMenuSelezioneMacroAntifurto{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}

.selezioneAreaAntifurto{width:100%; height:1.9em; margin:.45em auto; font-size:1em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selezioneAreaAntifurto > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selezioneAreaAntifurto > div > div{#position:relative; #top:-50%;}

.selezioneMacroAntifurto{width:100%; height:2em; margin:.5em auto; font-size:1em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selezioneMacroAntifurto > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selezioneMacroAntifurto > div > div{#position:relative; #top:-50%;}

.divCentratoAntifurto{width:100%; height:1.9em; text-align:center; cursor:default; display:table; #position:relative; overflow:hidden; }
.divCentratoAntifurto > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.divCentratoAntifurto > div > div{#position:relative; #top:-50%;}

.nomeArea{float:left; width:50%; color:#666666;}
.statoArea{float:left; width:50%; cursor:pointer;}

.statoAreaInserita{background-color:green; color:#FFFFFF;}
.statoAreaDisinserita{background-color:#999999; color:#FFFFFF;}
.statoAreaAllarme{background-color:red; color:#FFFFFF;}
.statoAreaSabotaggio{background-color:orange; color:#FFFFFF;}

#textAreaCodiceInserito{width:11.3em; height:2em; text-align:center; vertical-align:middle; padding-top:.4em; font-weight:bold;}
#buttonAnnullaCodiceAntifurto{width:3.2em;}
.buttonNumeroKeypad{width:3.2em; margin-top:.3em;margin-bottom:.3em;}

.statoAreaAggiornamento{background-image:url("../images/loading.gif"); background-position:center right; background-repeat:no-repeat;}

/* Energia */
#divContenitoreDettaglioEnergia{margin-top:4.3em;}
#divMenuSelezioneGraficiEnergia{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
.textAreaEnergia{ height:1.2em; margin:0 .3em; text-align:center; padding:.2em .2em 0 .2em; font-size:1.4em; min-width:4em;}
.energiaDeltaVerde{background:#22dd22 !important;}
.energiaDeltaRosso{background:#bb3333 !important; color:#FFFFFF;}


/* clima carel */
#divContenitoreDettaglioClimaCarel{margin-top:4.3em;}
#messaggioSalvaZoneClimaCarel{width:32px; height:32px; position:absolute; left:0; top:0; padding:0; margin:0 .5em 0 0;}

#divMenuSelezioneZonaClimaCarel{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
#nomeZonaClimaCarel{font-size:2em; font-weight:bold;}
#tZonaClimaCarel{font-size:1.5em; margin-top:.2em; width:2.5em;}
#hZonaClimaCarel{font-size:1.5em; margin-top:.2em; width:2.5em;}

#divManZonaClimaCarel{padding:.5em 0;}
#tempManClimaCarel{font-size:1.1em; font-weight:bold; width:5.5em; display:inline-block; text-align:right; padding-top:5px;}

/**/
.textAreaPopup{width:1.8em; height:1em; margin:.2em 0; text-align:center; padding:.2em 0; font-size:1.5em; font-weight:bold;}
.divColonnaSx{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
.divColonnaDx{position:absolute; right:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_destra.png'); background-position:left bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
.divContenitore{margin-top:4.3em;}

.titoloSezione{font-weight:bold; margin-bottom:1em;}
.containerFloat{overflow: hidden; width: 100%;}
input[type=password]{height:1.2em; width:8em; font-size:1em; padding-left:.4em;}
.labelImpostazioni{width:15em; margin:.1em 0;}

/* allarmi tecnologici */
.nomeTecno{float:left; width:50%; color:#666666;}
.statoTecno{float:left; width:50%;}

.statoTecnoOK{background-color:green; color:#FFFFFF;}
.statoTecnoND{background-color:#999999; color:#FFFFFF;}
.statoTecnoAllarme{background-color:red; color:#FFFFFF;}
.statoTecnoGuasto{background-color:orange; color:#FFFFFF;}


/*
Stretchy Sprites by tobyj.net
Feel free to copy and reuse as you like
*/
/*Set the max-width to the width of your individual sprites:*/
.stretchy {display:block; float:left; position:relative; overflow:hidden; max-width:160px;}
.stretchy .spacer {width: 100%; height: auto;}
.stretchy .sprite {position:absolute; top:0; left:0; max-width:none; max-height:100%;}
.stretchy .sprite.s2 {left:-100%;}
.stretchy .sprite.s3 {left:-200%;}
.stretchy .sprite.s4 {left:-300%;}
.stretchy .sprite.s5 {left:-400%;}
.stretchy .sprite.s6 {left:-500%;}
.stretchy.no-limit {max-width: none;} /*you could also set this to a pixel size, for example 320px, to limit the maximum*/
.stretchy.no-limit .sprite {min-height: 100%;}
/*END stretchy sprites by tobyj.net*/ 

#divMeteoSituazione {display:block; float:left; position:relative; overflow:hidden; max-width:none;}
#divMeteoSituazione .spacer {width: 100%; height: auto;}
#divMeteoSituazione .sprite {position:absolute; top:0; left:0; max-width:none; width:800%; max-height:100%; z-index:90;}
#divMeteoSituazione .sprite.sole {left:0%;}
#divMeteoSituazione .sprite.luna {left:-100%;}
#divMeteoSituazione .sprite.pioggia {left:-200%;}
#divMeteoSituazione .sprite.temporale {left:-300%;}
#divMeteoSituazione .sprite.neve {left:-400%;}
#divMeteoSituazione .sprite.parzSole {left:-500%;}
#divMeteoSituazione .sprite.nuvolo {left:-600%;}
/*#divMeteoSituazione .sprite.vento {left:-700%;}*/

	#divMeteoSituazione .vento { position:absolute; top:0; left:0; max-width:none; width:100%; max-height:100%; z-index:100; }

#divMeteoTemperatura { margin-top: 2em; }

/* Multimedia */
.iconaPulsanteSmall{margin:5px 5px 5px 0; cursor:pointer; width:1.7em; height:1.7em;}
.iconaPulsanteSmall img{width:1.7em; height:1.7em;}

#containerAudioPlayerSelezionato{height:7em; min-height:7em;}
#containerTimeElapsedActualAudioExecutionEntry{width:12%;}
#timeElapsedActualAudioExecutionEntry{font-size:1.4em;}
#containerTitoloArtistaAlbumActualAudioExecutionEntry{width:88%;}
#nomeActualAudioExecutionEntry{font-size:1.4em; max-width:90%; overflow:hidden; height:1.3em;}
#durataActualAudioExecutionEntry{font-size:.8em; padding-top:.6em; width:8%;}
#artistaActualAudioExecutionEntry{font-size:.8em;}
#albumActualAudioExecutionEntry{font-size:.8em;}


.selectButtonset { overflow:hidden; width:100%; }
.selectButtonset > div { float:left; min-width: 4em; height: .95em; padding: .5em; margin: 0 2px; text-align: center; cursor: pointer; background: url("cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #E4F1EF; border: medium none; color: #409E92; font-weight: normal; }
	.selectButtonset > div:first-child {border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
	.selectButtonset > div:last-child {border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
	.selectButtonset > div.selected { background: url("cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #6CAFA6; border: medium none; color: #FFFFFF; font-weight: normal; }

/*#audioSelectZoneView{border-bottom-left-radius: 6px; border-top-left-radius: 6px;}
#audioSelectFileExplorerView{border-bottom-right-radius: 6px; border-top-right-radius: 6px;}
#audioSelectZoneView, #audioSelectPlaylistView, #audioSelectFileExplorerView {	width:8em; height:.95em; padding:.5em; margin:0 2px; text-align:center; cursor:pointer;
																				background: url("cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #E4F1EF;
																				border: medium none;
																				color: #409E92;
																				font-weight: normal;
                                                                              }
#audioSelectZoneView.selected, #audioSelectPlaylistView.selected, #audioSelectFileExplorerView.selected 
{
	background: url("cupertino/images/ui-bg_glass_50_3baae3_1x400.png") repeat-x scroll 50% 50% #6CAFA6;
    border: medium none;
    color: #FFFFFF;
    font-weight: normal;
	}*/

.AudioZoneMenuItem { width:100%; height:3em; margin:.5em auto; padding:.15em 0; font-size:.9em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; }
.AudioZoneMenuItem.selected { background-color:rgba(0,200,200,.3); }
.AudioZoneOffline{background-color:rgba(255,0,0,.2);}
	.AudioZoneOffline.selected {background-color:rgba(255,0,0,.3);}
.AudioZoneMute{background-color:rgba(200,200,200,.2);}
	.AudioZoneOffline.selected {background-color:rgba(200,200,200,.3);}

.audioZoneContainerDiv{float:left; overflow:hidden; position:relative; margin:.3em .6em .3em 0; padding:.2em; text-align:center; background-color:rgba(200,200,200,.2); width:14em; }
.audioZoneCommandDiv{overflow:hidden; width:10em; margin:0 auto;}
.audioZoneVolumeDownDiv{}
.audioZoneMuteDiv{margin-left: 1em; margin-right: 1em;}
.audioZoneVolumeUpDiv{}

#serverFileExplorer{width:100%;}
#serverFileList{width:90%;}

.fileRecordContainerDiv{overflow:hidden; width:100%; height:1.9em; margin:5px 0; background-color:rgba(200,200,200,.1);}
.fileRecordNameDiv{float:left; overflow:hidden; height:1em; width:70%; font-size:1.1em; padding:.45em 0;}
.fileRecordPlayDiv{float:right; cursor:pointer;  width:1.75em; height:1.75em; margin:.1em .7em;}
.fileRecordPlayDiv img{width:1.7em; height:1.7em;}
.fileRecordAddDiv{float:right; cursor:pointer;  width:1.75em; height:1.75em; margin:.1em .7em;}
.fileRecordAddDiv img{width:1.7em; height:1.7em;}

.fileRecordIconDiv { float:left; width:1.75em; height:1.75em; margin:.1em .5em 0 0; }
.fileRecordIconDiv img{width:1.7em; height:1.7em;}

#audioExecutionEntries{width:100%;}
#audioExecutionEntriesList{width:90%;}

.entryRecordContainerDiv{overflow:hidden; width:100%; height:1.9em; margin:5px 0; background-color:rgba(200,200,200,.1);}
.entryRecordNameDiv{float:left; overflow:hidden; height:1em; width:70%; font-size:1.1em; padding:.45em 0;}
.entryRecordTotalDurationDiv{float:left; text-align:right; height:1.1em; width:10%; padding:.4em 0 .2em 0;}
.entryRecordPlayDiv{float:right; cursor:pointer; width:1.75em; height:1.75em; margin:.1em 0 0 .5em;}
.entryRecordPlayDiv img{width:1.7em; height:1.7em;}
.entryRecordRemoveDiv{float:right; cursor:pointer;  width:1.75em; height:1.75em; margin:.1em 0 0 1.7em;}
.entryRecordRemoveDiv img{width:1.7em; height:1.7em;}

.nowPlaying{ background-color:rgba(255,255,0,.15); }

.audioZoneVolumeDownDiv{ }
.audioZoneMuteDiv{ }
.audioZoneVolumeUpDiv{ }

.textArea{ min-height:1em; margin:0 .3em; text-align:center; padding:.2em .2em 0 .2em; font-size:1.3em; min-width:4em;}

#audioPlayerSelezionato_VUleft { min-height:.8em; height:.8em; margin:.1em 0; overflow:hidden; }
#audioPlayerSelezionato_VUright { min-height:.8em; height:.8em; margin:.1em 0; overflow:hidden; }
.vuMeterBackground { min-height:.8em; height:.8em; background: #cfe4e1; /* Old browsers */
	background: -moz-linear-gradient(left, #cfe4e1 0%, #008777 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cfe4e1), color-stop(100%,#008777)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #cfe4e1 0%,#008777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #cfe4e1 0%,#008777 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #cfe4e1 0%,#008777 100%); /* IE10+ */
	background: linear-gradient(to right, #cfe4e1 0%,#008777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe4e1', endColorstr='#008777',GradientType=1 ); /* IE6-9 */
}

/* clima daikin */
#divContenitoreDettaglioClimaDaikin{margin-top:4.3em;}
#messaggioSalvaZoneClimaDaikin{width:32px; height:32px; position:absolute; left:0; top:0; padding:0; margin:0 .5em 0 0;}

#divMenuSelezioneZonaClimaDaikin{position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}
#nomeZonaClimaDaikin{font-size:2em; font-weight:bold;}
#tZonaClimaDaikin{font-size:1.5em; margin-top:.2em; width:4.5em;}
#hZonaClimaDaikin{font-size:1.5em; margin-top:.2em; width:4.5em;}

#pulsantiModalitaZonaClimaDaikin{float:right;}
#divManZonaClimaDaikin{padding:.5em 0;}
#tempManClimaDaikin{font-size:1.1em; font-weight:bold; width:5.5em; display:inline-block; text-align:right; padding-top:5px;}
#selettoreGiorniAutoClimaDaikin{padding:1em 0;}
.buttonAggiungiFasciaClimaDaikin{margin-top:.5em; font-weight:bold;}

.fasciaClimaDaikin{ width:100%; padding:.4em .2em 0 .2em; position:relative;}
.testoFasciaClimaDaikin{float:left; padding:10px 4px 0 4px; font-size:.8em;}
.tempFasciaClimaDaikin{float:left; padding:.2em .2em; font-size:1.2em;}
.inizioFasciaClimaDaikin{float:left; padding:.2em .2em; font-size:1.2em;}
.fineFasciaClimaDaikin{float:left; padding:.2em .2em; font-size:1.2em;}
.modificaFasciaClimaDaikin{position:absolute; right:30px; margin-right:4%;}
.eliminaFasciaClimaDaikin{position:absolute; right:0px;}
.terminatoreFasciaClimaDaikin{clear:both;}

.fasciaClimaDaikin .ui-button-text { padding: .2em 1em; }

.textAreaPopupClimaDaikin{width:1.8em; height:1em; margin:.2em 0; text-align:center; padding:.2em 0; font-size:1.5em; font-weight:bold;}
#tempPopupClimaDaikin{width:2.5em; height:1em; margin:.2em 0; text-align:center; padding:.2em 0; font-size:1.5em; font-weight:bold;}

/* temporizzazioni */
#divContainerElencoTemporizzazioni {float:left; width:90%; }
#divPagingArrowsTemporizzazioni {float:left; width:10%; padding:2em 0 0 0; }
.temporizzazioneElencoContainerDiv{overflow:hidden; width:100%; height:1.9em; margin:5px 0; background-color:rgba(200,200,200,.1);}
.temporizzazioneNameDiv{float:left; overflow:hidden; height:1em; width:45%; font-size:1em; padding:.45em 0;}
.temporizzazioneOraInizioDiv{float:left; overflow:hidden; height:1em; width:9%; font-size:1em; padding:.45em 0; text-align:center; }
.temporizzazioneOraFineDiv{float:left; overflow:hidden; height:1em; width:10%; font-size:1em; padding:.45em 0; text-align:center; }
.temporizzazioneGiorniDiv{float:left; overflow:hidden; height:1em; width:15%; font-size:1em; padding:.45em 0; text-align:center; }
	.temporizzazioneGiorniDiv span { color:#eaefef; padding:0 .1em; }
	.temporizzazioneGiorniDiv span.selected { color:#169182; }
.temporizzazioneNessunGiornoDiv { float:left; overflow:hidden; height:1em; width:15%; font-size:1em; padding:.45em 0; color:#ae0000; text-align:center; }

.temporizzazioneElencoContainerDiv.active{ background-color:rgba(255,255,0,.15); }

.temporizzazioneElencoEditDiv{float:right; cursor:pointer;  width:1.75em; height:1.75em; max-width:9%; margin:.1em .7em;}
.temporizzazioneElencoEditDiv img{width:1.7em; height:1.7em;}
.temporizzazioneElencoDeleteDiv{float:right; cursor:pointer;  width:1.75em; height:1.75em; max-width:9%; margin:.1em .7em;}
.temporizzazioneElencoDeleteDiv img{width:1.7em; height:1.7em;}

#modificaVariabileTemporizzazione { width:80%; }
#alertNessunGiornoTemporizzazione { color:#ae0000; }

#divElencoVariabiliTemporizzazionePopup {float:left; width:80%; }
#divPagingArrowsElencoVariabiliTemporizzazionePopup {float:left; width:15%; }
.variabileElencoPopupContainerDiv {overflow:hidden; width:100%; height:1.9em; margin:5px 0; background-color:rgba(200,200,200,.1); }
.variabileElencoPopupContainerDiv.selected{ background-color:rgba(255,255,0,.15); }
.variabileElencoPopupNameDiv {float:left; overflow:hidden; height:1em; width:80%; font-size:1.1em; padding:.45em 0; }
.variabileElencoPopupSelectDiv {float:right; cursor:pointer;  width:1.75em; height:1.75em; max-width:20%; margin:.1em .7em; }
.variabileElencoPopupSelectDiv img{width:1.7em; height:1.7em;}

.valignHelper { display: inline-block; height: 100%; vertical-align: middle; }
.valign { vertical-align: middle; }


/* telecamere */
#divMenuSelezioneVistaTelecamere {position:absolute; left:0px; top:0px; max-height:75%; padding:10px; background-image:url('../images/sfondo_menu_sinistra.png'); background-position:right bottom; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); z-index:200; color:#000000;}

.selectVideoView{width:100%; height:2em; margin:.5em auto; font-size:1em; font-weight:bold; text-align:center; cursor:pointer; background-color:#b7d8b3; display:table; #position:relative; overflow:hidden; }
.selectVideoView > div{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.selectVideoView > div > div{#position:relative; #top:-50%;}

.selectVideoView.selected{background-color: rgba(0,200,200,.3);}

#divContenitoreDettaglioTelecamere{margin-top:4.3em;}
#divMenuSelezioneLayerTelecamere{position:absolute; right:0px; bottom:8em; z-index:200;}

.divInfoVideo { color: #FFFFFF; background-color: #000000; padding: .2em; font-size: .9em; opacity: 0.3; filter: alpha(opacity=30); position: absolute; top: 0; right: 0; }
.divPopupInfoVideo { background-color:#000000; color:#FFFFFF; padding:1em; font-size:.9em; opacity:0.4; filter:alpha(opacity=40); }