body{
   margin:0;
   padding:0;
   text-align:center;
}
/*Tabelle*/

tr.list-odd {
   background: none repeat scroll 0 0 #E6F8FF;
}


tr.list-seld {
   background: none repeat scroll 0 0 #B3C8E8;
   border: 1px solid #6F97D2;
}
.width_auto{
   width:auto!important;
}
.header_auto{
   text-align: left !important;
}
.tabella_serie_cell{
   padding-right: 20px;
}
.tabella_serie_cell_l{
   padding-left: 20px;
}

/*header fixed*/

html > body thead.fixedHeader tr {
   display: block;
}
thead.fixedHeader tr {
   position: relative;
}

html > body tbody.scrollContent {
   display: block;
   /*height: 40px;*/
   overflow-y: scroll;
   width: 100%;
}


.small{
   border-color:#DAE7F6 #9EB6CE #9EB6CE #DAE7F6;
   width:590px;
   font-size : 12px;
   border-style: solid;
   border-width: 1px;
   border-spacing:0px
}
.smallSismi{
	width:290px !important;
}
.small .selectCell{
   text-align: center;
   vertical-align: middle;
   width:25px;
}
.small .selectCell input{
   margin: 0;
}
.small th{
   color:#337884;
   font-size: 11px;
   line-height:15px;
   height:15px;
   vertical-align:middle;
   font-weight:bold;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-color : #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;
}

.small td{
   color:#05292F;
   font-size: 11px;
   line-height:15px;
   height:25px;
   vertical-align:middle;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color : #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;

   /*font-weight:bold;*/
   /*border:0 none;*/

}

.small thead tr{
   background:url("images/column-bg.png") repeat-x scroll 0 0 #C7E5F1;
   border:0;
   width:100%;
}
.rowSelected{
	background-color:#CCCCEE !important;
}
td.notValid {
   color:red;
}
tr.evidenzia>td{
   color:red;
}
.listitem{
   cursor: pointer;
}
/*
.header-wrapper{
   height: 60px;
   background: url(../resources/images/logoOsservatorio.gif) no-repeat left top;
}*/

/* Menu */

.menu {
   position: absolute;
   top: 15px;
   height: 35px;
   margin: 0px auto;

   padding-left: 200px;

}
.menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
.menu li {
   float: left;
}
.menu a {
   display: block;
   padding: 12px 20px 0px 22px;
   letter-spacing: -1px;
   text-decoration: none;
   text-transform: lowercase;
   font-size: 20px;
   font-weight: normal;
   color: #5ca0cb;
}

.posizione{
   color: #5ca0cb;
   font-size: 20px;
   padding-bottom: 10px;
}
/*Contenuti*/
.tabelle{
   text-align:center;
}

.content-right{
   width:100%;
   text-align: right;
}

/*Gestione tab*/
.tabpanel{
   padding-bottom: 15px
}
.tabpanel > div{
   margin: 0;
   width: 100%;
   background: none repeat scroll 0 0 transparent;
   border-bottom: 1px solid #7EAAC6;
}

.tabpanel > div > ul{
   display: block;
   list-style: none outside none;
   margin: 0;
   padding-left: 5px;
   width: 100%;
}
.tabpanel > div > ul> li{
   cursor: default;
   display: block;
   float: left;
   font-family: arial,sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
   position: relative;
}

.tabs-header {
   margin: 0;
   width: 100%;
   background: none repeat scroll 0 0 transparent;
   border-bottom: 1px solid #7EAAC6;
}
.tabs-cnt {

   display: block;
   list-style: none outside none;
   margin: 0;
   padding-left: 5px;
   width: 100%;
}
.tabs-cnt li {
   cursor: default;
   display: block;
   float: left;
   font-family: arial,sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
   position: relative;
}

.clear {
   clear: both;
   font-size: 0;
   height: 0;
   line-height: 0;
   overflow: hidden;
   width: 0;
}
/*-- Tab selezionato --*/
.tab-seld .tab-hl {
   background-position: 0 0;
   cursor: default;
   margin: auto auto -1px;
}
.tab-seld .tab-hr {
   background-position: right 0;
}
.tab-seld .tab-hm {
   background-position: 0 0;
   cursor: default;
   overflow: hidden;
   /*text-overflow: ellipsis;*/
}
/*-- Tab non selezionato --*/
.tab-hl{
   padding-left: 10px;
   /*background-posititn: right 0;*/
   background: url("img/tab-corner.png") no-repeat scroll 0 -128px transparent;

}
.tab-hr{
   padding-right: 10px;
   background: url("img/tab-corner.png") no-repeat scroll right -128px transparent;
}
.tab-hm {
   background: url("img/tab-bg.png") repeat-x scroll 0 -128px transparent;
   cursor: pointer;
   padding-left: 2px;
   padding-right: 1px;
}
.tab .tab-text{
   padding: 4px 0;
}


.tab-text-content{
   background: url("img/tab-bg.png") no-repeat scroll right -128px transparent;
}
.tabs-cnt .tab-hl, .tabs-cnt .tab-hr, .tabs-cnt .tab-hm, .tabs-cnt .tab-text {
   display: block;
}
.buttonLike-r{
   float:right !important;
   padding-left: 5px !important;
   padding-right: 5px !important;
}
.buttonLike-l{
   padding-left: 5px !important;
   padding-right: 5px !important;
}
.tabContentSmall{
   padding: 5px 5px 5px 5px !important;
}

.centerContent{
   text-align: left;
   width:99%;
   margin:0 auto;
   padding:0;
}

li.ui-tabs-active a{
	font-weight: bold;
}
.ui-state-default{
	background:#F5F5F5 !important;

}
.myTabs{
	border:none !important;
	height: 650px !important;
}
.myTabs ul{
   border-bottom-color: #5ca0cb;
}
.noDisplay{
   background: none !important;
   border: none !important;
}
.ricerca {
   padding-right: 30px !important;
}

.boxData{
   margin-left: 10px;
}
.stazioniList{
   margin-left: 10px;
   margin-right: 40px !important;
}
.filtriStazione{
   margin-bottom:15px;
}
.inquinantiList{
   margin-left: 10px;
   min-width: 190px!important;
}
.boxTipoInquinante{
   margin-bottom: 10px;
}
.filtriInquinante{
   margin-bottom:15px;
}
.filtriInquinante table{
	font-size: 1.1em !important;
}
.boxFiltroData input[type="button"]{
	width:20px;
	padding: 1px;
}
.dynamicMapContainer {
	float: left;
	margin-right: 10px;
	width: 300px;
	/*position:fixed;*/
}
.dynamicSismiMapContainer {
	float: left;
	margin-right: 10px;
	width: 620px;
	/*width: 560px;*/
}
.dettaglioStazione{
	float: right;
	width: 598px;
}
.listaInquinanti{
	float: right;
	/*width: 310px;*/
	width: 598px;
}
.dynamicMap{
   /*float:left;*/
   margin-bottom: 10px;
   height: 350px;
   width: 300px;
}
.dynamicSismiMap{
   /*float:left;*/
   margin-bottom: 10px;
   height: 350px;
   /*width: 560px;*/
	width: 620px;
}
.listaSismi{
	float: right;
   width: 310px;
}


.infowindowMap{
   width:160px;
   height:90px;
}
.infowindowLabel{
   font-weight: bold !important;
   margin-right: 5px;
}

.containerNonNormati{
	/* height:90%;*/
}
.containerNormati{
   /*height:90%;*/
}

/*rotazione assi*/
.axisLabel {
	position: absolute;
	text-align: center;
	font-size: 12px;
}
.yaxisLabel {
	top: 50%;
	left: 2px;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform:  rotate(-90deg);
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.risultato_VUOTO{
   background-image: url("images/palla_blu.gif");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_ROSSO{
   background-image: url("images/palla_rossa.gif");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_VERDE{
   background-image: url("images/palla_verde.gif");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_1_orange{
   background-image: url("images/icon_1_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_orange{
   background-image: url("images/icon_2_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_orange{
   background-image: url("images/icon_3_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_orange{
   background-image: url("images/icon_4_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_orange{
   background-image: url("images/icon_5_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_orange{
   background-image: url("images/icon_6_orange.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}

.risultato_1_yellow{
   background-image: url("images/icon_1_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_yellow{
   background-image: url("images/icon_2_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_yellow{
   background-image: url("images/icon_3_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_yellow{
   background-image: url("images/icon_4_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_yellow{
   background-image: url("images/icon_5_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_yellow{
   background-image: url("images/icon_6_yellow.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}

.risultato_1_green{
   background-image: url("images/icon_1_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_green{
   background-image: url("images/icon_2_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_green{
   background-image: url("images/icon_3_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_green{
   background-image: url("images/icon_4_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_green{
   background-image: url("images/icon_5_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_green{
   background-image: url("images/icon_6_green.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_1_blue{
   background-image: url("images/icon_1_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_blue{
   background-image: url("images/icon_2_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_blue{
   background-image: url("images/icon_3_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_blue{
   background-image: url("images/icon_4_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_blue{
   background-image: url("images/icon_5_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_blue{
   background-image: url("images/icon_6_blue.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_1_purple{
   background-image: url("images/icon_1_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_purple{
   background-image: url("images/icon_2_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_purple{
   background-image: url("images/icon_3_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_purple{
   background-image: url("images/icon_4_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_purple{
   background-image: url("images/icon_5_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_purple{
   background-image: url("images/icon_6_purple.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_1_red{
   background-image: url("images/icon_1_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_2_red{
   background-image: url("images/icon_2_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_3_red{
   background-image: url("images/icon_3_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_4_red{
   background-image: url("images/icon_4_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_5_red{
   background-image: url("images/icon_5_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.risultato_6_red{
   background-image: url("images/icon_6_red.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
}
.superamenti_ROSSO{
   color:red!important;
}

.legenda{
   width: 300px;
	font-size:11px;
}
.legenda_label{
	font-weight: bold;
	padding-top: 0px;
	width: 150px;
   font-size: 13px;
}

.legenda_low {
	list-style-image: url("images/icon_4_green.png");
}
.legenda_low span{
   color: black;
}
.legenda_high {
	list-style-image: url("images/icon_4_red.png");
}
.legenda_high span{
   color: black;
}
.legenda_nd {
   list-style-image: url("images/icon_4_blue.png");
}
.legenda_nd span{
   color: black;
}
.legenda_unknow {
   list-style-image: url("images/icon_4_grey.png");
}
.legenda_unknow span{
   color: black;
}
.magnitudo_6 {
   color: black;
   list-style-image: url('images/icon_6_white.png');
}
.magnitudo_5 {
   color: black;
   list-style-image: url('images/icon_5_white.png');
}
.magnitudo_4 {
   color: black;
   list-style-image: url('images/icon_4_white.png');
}
.magnitudo_3 {
   color: black;
   list-style-image: url('images/icon_3_white.png');
}
.magnitudo_2 {
   list-style-image: url('images/icon_2_white.png');
   color: black;
}
.magnitudo_1 {
   list-style-image: url('images/icon_1_white.png');
   color: black;
}

.profondita_6 {
   color: black;
   list-style-image: url('images/icon_6_red.png');
}
.profondita_5 {
   color: black;
   list-style-image: url('images/icon_6_purple.png');
}
.profondita_4 {
   color: black;
   list-style-image: url('images/icon_6_blue.png');
}
.profondita_3 {
   color: black;
   list-style-image: url('images/icon_6_green.png');
}
.profondita_2 {
   list-style-image: url('images/icon_6_yellow.png');
   color: black;
}
.profondita_1 {
   list-style-image: url('images/icon_6_orange.png');
   color: black;
}
.profondita {
	float: right;
	width: 140px;
}
.profondita ul{
	padding-left: 25px;
}
.magnitudo {
	width: 140px;
	float:left;
}
.magnitudo ul{
	padding-left: 25px;
}
.dettaglioCentralina{
   padding: 0px;
   margin-bottom: 15px;
   list-style-type: none;
}
.fotoCentralina{
	height: 140px;
}
.inizioAcquisizioneContainer{
   display: none;
}
.labelInizioAcquisizione{
   font-weight: bold;
}
.dataInizioAcquisizione{
   margin-left: 10px;
}
.tipoInquinante{
   margin-right:20px;
}
.dettaglioInquinante{
	border: 1px dashed #c6c3c3;
	height: 222px;
	margin-bottom: 5px;
   /*background-image: url("images/dettaglio.png");
   background-repeat: no-repeat;
   background-position:center center;
   background-size:15px 15px;
   width: 20px;*/
}
.grafico-container {
   box-sizing: border-box;
   float:right;
   /*width: 280px;*/
	width: 300px;
   height: 220px;

   /*padding: 20px 15px 0px 0px;
   margin: 15px auto 0px auto;*/
   border: 1px solid #ddd;
   background: #fff;
   background: linear-gradient(#f6f6f6 0, #fff 50px);
   background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
   background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
   box-shadow: 0 3px 10px rgba(0,0,0,0.15);
   -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.grafico {
   width: 100%;
   height: 100%;
   font-size: 14px;
   line-height: 1.2em;
}


/*popup*/

#blanket {
   background-color:#111;
   /*	opacity: 0.65;
      background:none;
      position:absolute;*/
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popupDettaglioInquinante {

   position: absolute;
   top: 15%;
   left: 50%;

   width:600px;
   height:280px;
   border:1px solid #000;
   z-index: 9002;
   /*background-color: #AAAAAA;*/
   padding:2px;

   font-family: Verdana,Arial,sans-serif;
   font-size: 0.8em;
}

.leftContent{
   width: 45%;
   float:left;
   margin-left: 5px;
}
.descInquinante{
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 15px;
}
.descIndice{
   font-size: 12px;
   font-style: italic;
   font-weight: bolder;
   text-align: right;
}
.dataValore{
   width: 100%;
   height: 20px;
   background-color: #e5e5e5;
   margin:5px 0px 15px 0px;
   -moz-box-shadow: 6px 5px 10px #333333;
   -webkit-box-shadow:6px 5px 10px #333333;
   box-shadow:6px 5px 10px #333333
}
.dataRilevazione{
   float:left;
   width: 44%;
   margin-left: 5px;
}

.valoreRilevato{
   float:left;
   width: 44%;
   text-align: right;
   font-weight: bold;
   padding-right: 10px;
}

.statoSuperamento_ROSSO {
   background-color: #FF0000;
   float: right;
   margin-right: 3px;
   width: 5px;
   height: 15px;
}

.inquinanteSoglia{
   height: 36px;
   margin-bottom: 20px;
}

.codInq{
   width:30%;
   height: 40px;
   float:left;
   -webkit-box-shadow:6px 8px 10px #161133;
   -moz-box-shadow:6px 8px 10px #161133;
   box-shadow:6px 8px 10px #161133;
   text-align: center;
	background-color: #E5E5E5;
	font-size: 10px;
	font-weight: bold;
	/* background: url("images/tratteggio1x40.png") repeat-x scroll 0 0 ;*/
}
.descSoglia{
   border: solid #447BDB ;
   border-width: 2px 2px 0 0;
   height: 75px;
   margin-left: 0px;
	margin-bottom: 12px;
   width: 98%;
   float:left;
   font-size: 10px;
   -webkit-box-shadow:6px 8px 10px #161133;
   -moz-box-shadow:6px 8px 10px #161133;
   box-shadow:6px 8px 10px #161133;
}
.descSoglia1{
	font-size: 20px;
	color:#FF3300;
}
.descSoglia2{
	font-size: 20px;
	color: #A45810;
}

.popupContent{
   background-color:#FFF;
   border:2px solid #FFF;
   border:2px solid #FFF;
}

.popupTitle {
   background-color: #AAAAAA;
   border: 1px solid #AAAAAA;
   color: #FFFFFF;
   margin: 0;
   padding: 0;
   width: 99%;
   height: 1.5em;
   font-weight: bold;
}



#grigliaStazioni{
   width: 100%;
   background-color:#FFF;
   border:2px solid #FFF;
   border:2px solid #FFF;
}


#grigliaStazioni th {
   border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;
   border-style: solid;
   border-width: 1px;
   color: #337884;
   font-size: 11px;
   font-weight: bold;
   height: 15px;
   line-height: 15px;
   vertical-align: middle;
   background: url("images/column-bg.png") repeat-x scroll 0 0 #C7E5F1;
   /*width: 100%;*/
}

#grigliaStazioni td {
   font-family: Verdana,Arial,sans-serif;
   font-size: 0.8em;
}
/*============= Valildazioni 2 ===============*/
#bottom_left{
   width:48%;
   position: absolute;
   left: 8px;
   height: 18%;
}
#bottom_right{
   width:49%;
   position:absolute;
   right: 8px;
   height: 18%;
}

#bottom_left-1{
   /*height: 45%;
   overflow-y: scroll*/
}
#bottom_right-1{
   /*height: 45%;
   overflow-y: scroll*/
}
#bottom_right-2{
   /*height: 45%;
   overflow-y: scroll*/
}

input.hasDatepicker{
   width: 90px;
}


/*
sovrascrittura ui
*/

.ui-tabs .ui-tabs-nav li a {
   float: left;
   padding: 0.2em 0.8em;
   text-decoration: none;
}

.ui-widget {
   font-family: Verdana,Arial,sans-serif;
   font-size: 0.8em;
}

.ui-widget-header {
   background: none repeat scroll 0 0 transparent;
   background-color: #FFF;
   border: none;
   border-bottom: 1px solid #AAAAAA;
   color: #222222;
   font-weight: bold;
}


#loading-div-background {
   background: none repeat scroll 0 0 black;
   display: none;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1000;
}

#loading-div {
   background-color: white;
   height: 200px;
   left: 50%;
   margin-left: -150px;
   margin-top: -100px;
   position: absolute;
   text-align: center;
   top: 50%;
   width: 300px;
   z-index: 1001;
}
.centrato{
	text-align: center;
   width:99%;
   margin:0 auto;
   padding:0;
}
.riga_left{
	width:99%;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
.blocco_left{
	float:left;
	padding-right: 25px;
}
.blocco_right{
	float:right;
	padding-left: 25px;
}
div.label{
	padding-bottom: 5px;
}
.error{
	border-color:red !important;
}
.error_msg{
	color: red !important;
	font-size: 12px;
}