/* ---------------------------------------------	*/
/* --		ELEMENTI		
/* --------------------------------------------	*/

body
{
    margin: 0em;
    padding: 0.1em;
}
body, table, textarea, p, div, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html
{
    font-size: .8em;
}

.messaggio
{
    text-align: center;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    font-size: 24px;
    color: #ff0000;
}

code
{
    font-size: 1.2em;
}

input
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

a
{
    color: #E60000;
    font-weight: bold;
    text-decoration: underline;
    cursor: hand;
}

a:hover
{
    color: #E60000;
    font-weight: bold;
    text-decoration: underline;
    cursor: hand;
}


/* ---------------------------------------------	*/
/* --		CURSORI		
/* ---------------------------------------------	*/
.cursorHand
{
    cursor: pointer;
}
.cursorDefault
{
    cursor: default;
}

/* ---------------------------------------------	*/
/* --		BARRE SCORRIMENTO		
/* ---------------------------------------------	*/
.scrollBar
{
    overflow: scroll;
}
.scrollBarNoneH
{
    overflow-x: hidden;
}
.scrollBarNoneV
{
    overflow-y: hidden;
}
.scrollBarNone
{
    overflow: hidden;
}

/* ---------------------------------------------	*/
/* --		GENERICI		
/* ---------------------------------------------	*/
.displayBlock
{
    display: block;
}
.hidden
{
    display: none;
}
.nowrap
{
    white-space: nowrap;
}
.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.floatNone
{
    float: none;
}
.clearboth
{
    clear: both;
}

/* ---------------------------------------------	*/
/* --		LARGHEZZE		
/* ---------------------------------------------	*/
.wMax
{
    width: 100%;
}
.w5
{
    width: 5%;
}
.w10
{
    width: 10%;
}
.w15
{
    width: 15%;
}
.w18
{
    width: 18%;
}
.w20
{
    width: 20%;
}
.w22
{
    width: 22%;
}
.w24
{
    width: 24%;
}
.w25
{
    width: 25%;
}
.w30
{
    width: 30%;
}
.w35
{
    width: 35%;
}
.w40
{
    width: 40%;
}
.w43
{
    width: 43%;
}
.w45
{
    width: 45%;
}
.w48
{
    width: 48%;
}
.w50
{
    width: 50%;
}
.w55
{
    width: 55%;
}
.w60
{
    width: 60%;
}
.w70
{
    width: 70%;
}
.w80
{
    width: 80%;
}
.w90
{
    width: 90%;
}
.w95
{
    width: 95%;
}
.w96
{
    width: 96%;
}
.w98
{
    width: 98%;
}
.w99
{
    width: 99%;
}

/* ---------------------------------------------	*/
/* --		FONTS
/* ---------------------------------------------	*/
.fontSize08em
{
    font-size: 0.8em;
}

/* ---------------------------------------------	*/
/* --		VARI
/* ---------------------------------------------	*/
.barraPulsanti
{
    border-bottom: 0.05em solid #000000;
}

.border
{
    border: 1px solid #000000;
}

.valigntop
{
    vertical-align: top;
}

.borderT
{
    border-top: 1px solid #000000;
}
.borderB
{
    border-bottom: 1px solid #000000;
}
.borderTBL
{
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.borderTB
{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.borderTR
{
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
}
.borderBR
{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.borderTBR
{
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.borderTLR
{
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.borderBLR
{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}

.borderTL
{
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}

.borderBL
{
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.PulsantiArchiviBase
{
    margin-top: 0.5em;
    width: 50%;
}

/* ---------------------------------------------	*/
/* --		ALTEZZE		
/* ---------------------------------------------	*/
.h0
{
    height: 0px;
}
.h05em
{
    height: 0.5em;
}
.h1em
{
    height: 1em;
}

.hMax
{
    height: 100%;
}
.hToolBar
{
    height: 1.6em;
}



/* ---------------------------------------------	*/
/* --		RIENTRO	 (agisce verso l'interno)
/* ---------------------------------------------	*/
.padding0
{
    padding: 0.0em 0.0em 0.0em 0.0em;
}
.padding0L
{
    padding-left: 0.0em;
}
.padding0R
{
    padding-right: 0.0em;
}
.padding0T
{
    padding-top: 0.0em;
}
.padding0B
{
    padding-bottom: 0.0em;
}

.padding02
{
    padding: 0.2em 0.2em 0.2em 0.2em;
}
.padding02L
{
    padding-left: 0.2em;
}
.padding02R
{
    padding-right: 0.2em;
}
.padding02T
{
    padding-top: 0.2em;
}
.padding02B
{
    padding-bottom: 0.2em;
}

.padding05
{
    padding: 0.5em 0.5em 0.5em 0.5em;
}
.padding05L
{
    padding-left: 0.5em;
}
.padding05R
{
    padding-right: 0.5em;
}
.padding05T
{
    padding-top: 0.5em;
}
.padding05B
{
    padding-bottom: 0.5em;
}

.padding1
{
    padding: 1.0em 1.0em 1.0em 1.0em;
}
.padding1L
{
    padding-left: 1.0em;
}
.padding1R
{
    padding-right: 1.0em;
}
.padding1T
{
    padding-top: 1.0em;
}
.padding1B
{
    padding-bottom: 1.0em;
}

.padding3L
{
    padding-left: 3.0em;
}


/* ---------------------------------------------	*/
/* --		MARGINE (agisce verso l'esterno)		
/* ---------------------------------------------	*/
.margin0
{
    margin: 0.0em 0.0em 0.0em 0.0em;
}
.margin0L
{
    margin-left: 0.0em;
}
.margin0R
{
    margin-right: 0.0em;
}
.margin0T
{
    margin-top: 0.0em;
}
.margin0B
{
    margin-bottom: 0.0em;
}

.margin02
{
    margin: 0.2em 0.2em 0.2em 0.2em;
}
.margin02L
{
    margin-left: 0.2em;
}
.margin02R
{
    margin-right: 0.2em;
}
.margin02T
{
    margin-top: 0.2em;
}
.margin02B
{
    margin-bottom: 0.2em;
}

.margin05
{
    margin: 0.5em 0.5em 0.5em 0.5em;
}
.margin05L
{
    margin-left: 0.5em;
}
.margin05R
{
    margin-right: 0.5em;
}
.margin05T
{
    margin-top: 0.5em;
}
.margin05B
{
    margin-bottom: 0.5em;
}

.margin1
{
    margin: 1.0em 1.0em 1.0em 1.0em;
}
.margin1L
{
    margin-left: 1.0em;
}
.margin1R
{
    margin-right: 1.0em;
}
.margin1T
{
    margin-top: 1.0em;
}
.margin1B
{
    margin-bottom: 1.0em;
}

.margin2
{
    margin: 2.0em 2.0em 2.0em 2.0em;
}
.margin2L
{
    margin-left: 2.0em;
}
.margin2R
{
    margin-right: 2.0em;
}
.margin2T
{
    margin-top: 2.0em;
}
.margin2B
{
    margin-bottom: 2.0em;
}

.marginAuto
{
    margin: 0 auto;
}


/* ---------------------------------------------	*/
/* --		SFONDI		
/* ---------------------------------------------	*/
.testoGrigio1
{
    color: #999999;
}
.testoRosso
{
    color: #00FF00;
}
.enabled{color:#000}
.disabled{color:#808080}


/* ---------------------------------------------	*/
/* --		SFONDI		
/* ---------------------------------------------	*/
.bgXLightGray
{
    background-color: #e3e3e3;
}
.bgDisabilitato
{
    background-color: #f8f8f8;
}


/* ---------------------------------------------	*/
/* --		BORDI		
/* ---------------------------------------------	*/

input[type="submit"], input[type="button"]
{
    border-radius: 5px;
    box-shadow: 2px 2px 2px #aaa;
    cursor: pointer;
    margin: 0 2px;
}

input[type=submit]:disabled, input[type="button"]:disabled
{
    background-color: #cccccc;
    color: #666666;
    cursor: default;
}

.bordershadow
{
    border-radius: 5px;
    box-shadow: 2px 2px 10px #777;
}

.brdNone
{
    border-style: none;
    border-width: 0.0em;
}

.brdCollapsed
{
    border-collapse: collapse;
}

.brd005SNero
{
    border: 0.05em solid #000000;
}
.brd005SGrigio1
{
    border: 0.05em solid #999999;
}
.brd005SGrigio2
{
    border: 0.05em solid #C0C0C0;
}



/* ---------------------------------------------	*/
/* --		ALLINEAMENTO		
/* ---------------------------------------------	*/
.left
{
    text-align: left;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}
.justify
{
    text-align: justify;
}
.top
{
    vertical-align: top;
}
.middle
{
    vertical-align: middle;
}
.bottom
{
    vertical-align: bottom;
}


/* ---------------------------------------------	*/
/* --		TESTO STILI		
/* ---------------------------------------------	*/
.normal
{
    font-weight: normal;
}
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.smallCaps
{
    font-variant: small-caps;
}

.font08
{
    font-size: .8em;
}



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* -- STILI SPECIFICI - ELEMENTI
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ---------------------------------------------	*/
/* --		PULSANTE		
/* --------------------------------------------	*/
input.pulsante
{
    font-size: 0.9em;
}


/* ---------------------------------------------	*/
/* --		CONTROLLI TESTO		
/* --------------------------------------------	*/
input.controlloTesto
{
    border: 0.05em solid;
}

/* TextBox multiline */
textarea.controlloTesto
{
    border: 0.05em solid;
}



/* ---------------------------------------------	*/
/* --		FIELDSET		
/* ---------------------------------------------	*/
fieldset
{
    border: solid 0.08em #C0C0C0;
}
fieldset legend
{
    padding: 0em 0.5em 0em 0.5em;
    font-variant: small-caps;
    font-weight: bold;
    color: #a0a0a0;
}
fieldset div
{
    width: 98%;
    margin: 0.5em 0.5em 0.5em 0.5em;
}


/* ---------------------------------------------	*/
/* --		TABULATORE AD ANCORE	
/* ---------------------------------------------	*/
.tabGeneric
{
    cursor: pointer;
    height: 2em;
}

.tabSelected
{
    cursor: pointer;
    height: 2em;
}


/* ---------------------------------------------	*/
/* --		TREE VIEW		
/* ---------------------------------------------	*/
.treeRoot
{
    font-weight: bold;
}
.treeHover
{
    color: #c10000;
    border-bottom: 1px dashed #c10000;
}
.treeSelectedNode
{
    font-weight: bold;
    color: #c10000;
    border-bottom: 1px dashed #c10000;
}



/* -- STILI SPECIFICI APPLICAZIONE
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ---------------------------------------------	*/
/* -- INTESTAZIONE
/* ---------------------------------------------	*/

.Intestazione
{
    width: 100%;
    height: 68px;
}

.IntestazioneInfo
{
    height: 59px;
    padding-right: 6px;
    text-align: right;
    color: #e60000;
    overflow: hidden;
    background-color: #ffffff;
}

.IntestazioneLogo
{
    height: 59px;
    background-color: #ffffff;
    width: 100px;
}

.IntestazioneInfoApp
{
    /*width:644px;*/
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    font-size: 1.4em;
    color: #e60000;
}

.IntestazioneInfoUtente
{
    /*width:100%;*/
    font-size: 0.8em;
    color: #e60000;
}

/* ---------------------------------------------	*/
/* --	CONTENITORE MENU (contiene: Menu a sinistra)		
/* ---------------------------------------------	*/
.contenitoreMenu
{
    width: 100%;
    vertical-align: top;
    background-color: #e3e3e3;
}


/* ---------------------------------------------	*/
/* --	CONTENITORE PRINCIPALE (contiene: briciole di pane - multilingua - descrizione servizio - pagina)		
/* ---------------------------------------------	*/
.contenitorePrincipale
{
    width: 90%;
    height: 100%;
    vertical-align: top;
}


/* ---------------------------------------------	*/
/* --	CONTENITORE NAVIGAZIONE (contiene: briciole di pane - multilingua)		
/* ---------------------------------------------	*/
.contenitoreNavigazione
{
    width: 100%;
    height: 1.8em;
    vertical-align: middle;
    background-color: #e3e3e3;
    border: 0; /*border-top:solid 0.1em #e3e3e3;     border-bottom:solid 0.1em #C0C0C0;*/ /*BORDER-RIGHT: #505050 2px solid;    BORDER-TOP: #f0f0f0 2px solid;    BORDER-LEFT: #f0f0f0 2px solid;    BORDER-BOTTOM: #505050 2px solid; */
}


/* ---------------------------------------------	*/
/* --	CONTENITORE DESCRIZIONE SERVIZIO (contiene: descrizione servizio)		
/* ---------------------------------------------	*/
.contenitoreDescrizione
{
    width: 100%;
    vertical-align: middle;
    padding-top: 0.2em;
    padding-left: 1.0em;
    color: #999999;
}


/* ---------------------------------------------	*/
/* --	CONTENITORE PAGINA (contiene: pagina)		
/* ---------------------------------------------	*/
.contenitorePagina
{
    width: 100%;
}


.divLoginimg
{
    margin: 0 auto;
    width: 700px;
    height: 300px;
    padding-top: 80px;
    position: relative; /* border :1px solid #000;*/
}

.divLoginimg1
{
    /*  border :1px solid #000;*/
    position: absolute;
    top: 40px;
    left: 40px;
    width: 420px;
    height: 130px;
    background: url(../images/SFERA_Trasparente_lunga.png);
    background-repeat: no-repeat;
}

#tblLogin
{
    /* border :1px solid #000;*/
    position: absolute;
    top: 60px;
    left: 200px;
    height: 100px;
}
/*
#tblLogin span, #tblLogin label
{
    font-weight: bold;
}*/


/* ---------------------------------------------	*/
/* --		MENU		
/* ---------------------------------------------	*/

/* .........................................................................	
Elemento del menu: principale */

a.elementoPrincipale, a.elementoPrincipale:link, a.elementoPrincipale:visited
{
    height: 1.8em;
    padding-right: 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #e3e3e3;
    color: #000000;
    font-weight: bold;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoPrincipale:hover
{
    height: 1.8em;
    padding-right: 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #666666;
    color: #ffffff;
    font-weight: bold;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

a.linkWhite
{
    color: white;
    font-weight: bold;
    text-decoration: underline;
}
a.linkWhite:hover
{
    text-decoration: none;
    color: white;
}


a.linkRed
{
    color: #e60000;
    font-weight: bold;
    text-decoration: underline;
}
a.linkRed:hover
{
    text-decoration: none;
    color: #e60000;
}


/* ---------------------------------------------	*/
/* --		ANNO BUDGET		
/* ---------------------------------------------	*/

.AnnoBudget
{
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

/* .........................................................................	
Elemento del menu: allo stesso livello del principale */

a.elementoLiv0, a.elementoLiv0:link, a.elementoLiv0:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #e3e3e3;
    border-bottom: solid 0.1em #666666;
    background-color: #e3e3e3;
    color: #000000;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv0:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #666666;
    color: #ffffff;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: allo stesso livello del principale selezionato */

a.elementoLiv0Sel, a.elementoLiv0Sel:link, a.elementoLiv0Sel:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #666666;
    border-bottom: solid 0.1em #666666;
    background-color: #666666;
    color: #ffffff;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv0Sel:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #666666;
    color: #ffffff;
    text-indent: 0.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: primo livello */

a.elementoLiv1, a.elementoLiv1:link, a.elementoLiv1:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #e3e3e3;
    border-bottom: solid 0.1em #666666;
    background-color: #e3e3e3;
    color: #000000;
    text-indent: 1em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv1:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #E60000;
    color: #ffffff;
    text-indent: 1em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: primo livello selezionato */

a.elementoLiv1Sel, a.elementoLiv1Sel:link, a.elementoLiv1Sel:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #666666;
    border-bottom: solid 0.1em #666666;
    background-color: #666666;
    color: #ffffff;
    text-indent: 1em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv1Sel:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #E60000;
    color: #ffffff;
    text-indent: 1em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: secondo livello */

a.elementoLiv2, a.elementoLiv2:link, a.elementoLiv2:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #f8f8f8;
    border-bottom: solid 0.1em #666666;
    background-color: #f8f8f8;
    color: #000000;
    text-indent: 1.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv2:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #E60000;
    color: #ffffff;
    text-indent: 1.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: secondo livello selezionato */

a.elementoLiv2Sel, a.elementoLiv2Sel:link, a.elementoLiv2Sel:visited
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #666666;
    border-bottom: solid 0.1em #666666;
    background-color: #666666;
    color: #ffffff;
    text-indent: 1.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}
a.elementoLiv2Sel:hover
{
    padding: 0.2em 0em 0.2em 0.2em;
    border-top: solid 0.1em #ffffff;
    border-bottom: solid 0.1em #ffffff;
    background-color: #E60000;
    color: #ffffff;
    text-indent: 1.5em;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
}

/* .........................................................................	
Elemento del menu: spaziatura dagli elementi in primo piano */

.spaziaturaElementi
{
    height: 3em;
    padding: 0em 0em 0em 0.2em;
    border-bottom: solid 0.1em #666666;
    background-color: #e3e3e3;
    color: #00ff00;
    display: block;
}


/* ---------------------------------------------	*/
/* --		BRICIOLE DI PANE		
/* ---------------------------------------------	*/
.briciole
{
    height: 100%;
    float: left;
    white-space: nowrap;
    text-indent: 0.2em;
    vertical-align: middle;
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
    font-style: normal;
    font-family: verdana;
}


/* ---------------------------------------------	*/
/* --	LOCALIZZAZIONE
/* ---------------------------------------------	*/
.localizzazione
{
    height: 100%;
    float: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 4px;
}


/* ---------------------------------------------	*/
/* --		CONTENUTO TEMPLATE	PAGINA
/* ---------------------------------------------	*/
.pageContent
{
    height: 100%;
    width: 100%;
    padding: 1em;
}


/* ---------------------------------------------	*/
/* --		CONTENUTO TEMPLATE	PAGINA
/* ---------------------------------------------	*/
.pageContent
{
    height: 100%;
    width: 100%;
    padding: 1em;
}


/* ---------------------------------------------	*/
/* --	Piè di pagina
/* ---------------------------------------------	*/
.piePagina
{
    height: 1.6em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-top: solid 0.1em #C0C0C0;
    margin-top: 1em;
}


/* ---------------------------------------------	*/
/* --	GRIGLIA
/* ---------------------------------------------	*/
.griglia
{
    border-right: #505050 2px solid;
    border-top: #f0f0f0 2px solid;
    border-left: #f0f0f0 2px solid;
    border-bottom: #505050 2px solid;
    font-weight: bold;
    color: #E60000;
    padding-left: 8px;
}

.griglia > caption
{
    color: #000;
    font-size: 18px;
    text-align: left;
    padding: 2px;
    text-transform: uppercase;
}

/* Titolo griglia */
.petrolBG
{
    font-weight: bold;
    background-color: #E60000;
    color: White;
    height: 30px;
}

.greyBG
{
    font-weight: bold;
    background-color: #808080;
    color: White;
    height: 30px;
}

.petrolBG a
{
    font-weight: bold;
    background-color: #E60000;
    color: #FFFFFF;
    height: 30px;
}

.petrolBG a:hover
{
    font-weight: bold;
    background-color: #E60000;
    color: #FFFFFF;
    height: 30px;
}

.ItemGriglia
{
    background-color: #FFFFFF;
    color: black;
    height: 30px;
    padding-left: 8px;
    font-weight: normal;
}

.RigaAlternata
{
    background-color: #e3e3e3;
    color: black;
    height: 30px;
    padding-left: 8px;
    font-weight: normal;
}

.EditItemGriglia
{
    background-color: #FFFFFF;
    color: black;
    font-weight: normal;
}

.SelectedItemGriglia
{
    background-color: Gray;
    color: White;
    font-weight: bold;
}

.grigliaPaginatore
{
    background-color: #c0c0c0;
    color: black;
}

.grigliaRigaPulsanti
{
    background-color: #e3e3e3;
    color: #000000;
}

.griglia tbody tr td
{
    padding: 5px;
}

.grigliaCellaSmall
{
    min-width: 25px;
    max-width: 200px;
}

.grigliaCella
{
    min-width: 50px;
    max-width: 400px;
}

.grigliaCellaMiddle
{
    min-width: 150px;
    max-width: 400px;
}

.grigliaCellaBig
{
    min-width: 250px;
    max-width: 400px;
}

.wrapCell
{
    word-break:break-all; 
    word-wrap:break-word
}


.ajaxLoading
{
    background-image: url('../images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

.logo
{
    background-image: url('../images/Vodafone_logo.png');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 100;
    top: 9px;
    left: 16px;
}
.separatore
{
    background-image: url('../images/separatore.png');
    background-repeat: no-repeat;
    width: 65px;
    height: 59px;
    position: absolute;
    z-index: 100;
    top: 9px;
    left: 74px;
}

.fieldsetDiv
{
    float: left;
    width: 90%;
}
.fieldsetDiv > div
{
    float: left;
    margin: 5px;
}


.green
{
    color: #00C000;
}
.yellow
{
    color: #FFF600;
}
.red
{
    color: #E60000;
}
/* ---------------------------------------------	*/
/* --	REPORT
/* ---------------------------------------------	*/
.divReport, .divReportSolo, .divReportddl, .divReportSoloSmall
{
    float: left;
    margin: 5px 5px 0 0;
    width: 152px;
    max-width: 152px;
    min-height: 206px; /*border: 1px solid #f00;*/
}

.divReportSoloSmall
{
    min-height: 120px;
}

.divReport
{
    padding-top: 43px;
}

.divReportddl div
{
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 5px 0 0 0;
}

.lblInfoReport
{
    border-radius: 5px;
    box-shadow: 2px 2px 10px #777;
    margin: 10px auto;
    padding: 2px;
    font-size: .9em;
    background-color: #FBFAFD;
    border: 1px solid #767676;
    width: 120px;
    min-height: 30px;
    text-align: center;
    vertical-align: middle;
    display: block;
}

.divReportddl label
{
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}
.divReportddl input
{
    margin: 2px 0 0 0;
}

.logoReport span, .logoReport select
{
    margin-left: 10px;
    width: 120px;
}

.logoReport span
{
    font-weight: bold;
}
.logoReport span
{
    font-size: .8em;
}

.logoReport input[type="submit"]
{
    border-radius: 5px;
    box-shadow: 2px 2px 10px #777;
    margin: 10px;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.logoReport input[type="submit"]:hover
{
    cursor: pointer;
    opacity: 1.0;
    filter: alpha(opacity=100);
}


.divSaving
{
    background-color: #E60000;
    padding: 0;
    float: left;
    margin: 0.5em;
    width: 150px;
    text-align: center;
    height: 50px;
}
.divSaving span
{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #fff;
}



/*************************/

.divCaratteristiche
{
    padding: 0;
    float: left;
    margin: 0.5em;
    width: 18%;
    text-align: center;
}

.divCaratteristiche label, .divCaratteristiche span, .divCaratteristiche p span
{
    width: 70%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 1px;
    margin: 0.5em;
}

.divCaratteristiche label
{
    color: #fff;
    cursor: pointer;
}

.divCaratteristiche span
{
    color: #fff;
}

.divCaratteristiche p span
{
    color: #000;
}


.color1
{
    background-color: #604A7B;
}
.color2
{
    background-color: #00B050;
}
.color3
{
    background-color: #C00000;
}


.border_outset
{
    border-style: outset;
}
.border_inset
{
    border-style: inset;
}



/* divReport */
#modalTabelGray
{
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 500px; /*background-color:#A0A0A0;     filter:alpha(opacity=60);     opacity:0.6;     -moz-opacity:0.6;*/
    z-index: 100;
    text-align: center;
    vertical-align: middle;
}

#divReport
{
    position: absolute;
    top: 50px;
    left: 200px;
    width: 500px; /*height: 165px;*/
    height: 380px;
    border: 1px solid #000;
    background-color: #E60000;
    color: #fff;
    z-index: 101;
}

.divReportBottom
{
    top: auto !important;
    bottom: -250px;
}

#divReport div input[type="text"]
{
    width: 100%;
    display: inline;
}

#divReport div input[type="submit"]
{
    width: 100px;
    display: inline;
}
#divReport div input[type="submit"].hidden
{
    display: none;
}


.fldRicorrenza
{
    width: 98%;
    margin: 0 5px;
    padding: 0;
    text-align: left;
    height: 110px;
}
.fldRicorrenza legend
{
    color: #000;
}

.fldRicorrenza span
{
    display: inline-block;
    color: #000;
    margin: 0 0 0 .5em;
}

.divRicorrenza
{
    float: left;
    width: 18%;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    height: 60px;
    border-right: 1px solid #9A9A9A;
}
.divGiornaliero, .divSettimanale, .divMensile
{
    float: left;
    width: 80%;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    height: 60px;
    padding-left: 5px;
}
.divSettimanale label
{
    width: 74px;
    display: inline-block;
}

/* divReport END */


/* div Home page*/

.divTable, .divGraph
{
    float: left;
    width: 45%;
    margin: .5em;
    overflow: auto;
}

.divTable
{
    height: 250px;
}
.divGraph
{
    height: 400px;
}

/* HOME PAGE */

#tabs
{
    margin: 0;
    min-height: 465px;
}

.divtab
{
    float: left;
    width: 88%;
    min-width: 88%;
    margin: 0;
    padding: 5px 0 0 0px;
}
.divutility
{
    float: right;
    width: 11%;
    margin: 5px 0 0 0;
    padding: 3px 0 5px 2px;
    border-radius: 3px;
    border: 1px solid #aaa;
    min-height: 463px;
    text-align: center;
}

.divutility span
{
    text-align: center;
    margin: 5px 5px 0 5px;
    display: block;
}
.AppMobile, .IesWeb, .CentralEdm
{
    width: 105px;
    height: 105px;
    margin: 0 5px 2px 0;
    display: inline;
}
.AppMobile
{
    background-image: url('../images/SferaHome.jpg');
}
.IesWeb
{
    background-image: url('../images/IesWeb.jpg');
    background-size: 100px 100px;
}
.CentralEdm
{
    background-image: url('../images/IconaCentralEDM.PNG');
    background-size: 100px 100px;
}

.ui-widget-header
{
    background: #E60000;
}

.divinfo
{
    float: left;
    min-height: 130px;
    margin: 2px 2px 0 0;
    border: 0px solid #505050;
}

.TableInfoB
{
    border: 0px;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 10%;
    border-collapse: collapse;
}

.TableInfo
{
    border: 1px solid #505050;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 98%;
    border-collapse: collapse;
}

.TableInfoPopUp
{
    border: 1px solid #505050;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 70%;
    border-collapse: collapse;
}

.tHeader
{
    background-color: #E60000;
    color: #fff;
    border: 1px solid #505050;
    padding: 2px 5px;
    font-size: 12px;
}

.tlabel
{
    background-color: #E3E3E3;
    border: 1px solid #505050;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
}
.tvalue, .tvaluer
{
    font-size: 12px;
    padding: 2px 5px;
}

.tvalue
{
    color: #000;
}
.tvaluer
{
    color: #008000;
    font-weight: bolder;
}

.tborder
{
    border: 1px solid #505050;
}

.tvalueprogress
{
    font-size: 12px;
    padding: 0 0 0 5px;
    color: #000;
    height: 59px;
    margin: 0;
}

/* ---------------------------------------------	*/
/* --	GRIGLIA
/* ---------------------------------------------	*/
.grigliaHP
{
    border-color: #808080 #505050 #808080 #505050;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    color: #E60000;
    padding-left: 8px;
    font-size: 12px;
}
/* Titolo griglia */
.grigliaHP > caption
{
    color: #000;
    font-size: 18px;
    text-align: left;
    padding: 2px;
    text-transform: uppercase;
}



.grigliaHPHeaderStyle
{
    font-weight: bold;
    background-color: #E60000;
    color: #fff;
    height: 20px;
}
.grigliaHPHeader a
{
    font-weight: bold;
    background-color: #E60000;
    color: #FFFFFF;
    height: 30px;
}

.grigliaHPHeader a:hover
{
    font-weight: bold;
    background-color: #E60000;
    color: #FFFFFF;
    height: 30px;
}

.grigliaHPRowStyle
{
    background-color: #fff;
    color: #000;
    font-weight: normal;
}

.grigliaHPRigaAlternata
{
    background-color: #e3e3e3;
    color: #000; /*height: 30px;*/
    padding-left: 8px;
    font-weight: normal;
}

.grigliaHPRowStyle > td, .grigliaHPRigaAlternata > td
{
    padding: 2px;
}

/*********************************/



.circles, .circle
{
    position: relative;
}



.circle strong
{
    position: relative;
    top: -30px;
    left: 0; /*width: 100%;*/
    text-align: center; /*line-height: 40px;*/
    font-size: 12px;
}


.ui-tabs .ui-tabs-panel
{
    padding: 1em .5em;
}




a.lnkSubmit
{
    margin: 0px 0px 0px 0px;
    background: url(../images/xls.jpg) left center no-repeat;
    background-size: 20px 20px;
    padding: 0em 1.8em;
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0px;
}


.imageInfo
{
    color: #000;
}

.imageInfo a, .imageInfo a:hover
{
    color: #000;
    text-decoration: underline;
    font-weight: normal;
}

#PercSiti
{
    float: right;
    margin: -22px 3px 0 0;
    text-align: right;
    border: 0px solid #000;
    width: 35px;
}

#PercSiti span
{
    font-size: .8em;
    font-weight: bold;
    margin-bottom: 4px;
    padding-right: 3px;
    width: 90%;
    text-align: right;
    display: block;
}

.bggreen
{
    background-color: #00C000;
}
.bgyellow
{
    background-color: #FFF600;
}
.bgred
{
    background-color: #E60000;
}


#blank_bar
{
    border: 0px solid #000;
    float: left;
    position: relative;
    margin: -10px 0 0 0; /*width: 125px;*/
    width: 65%;
    height: 20px;
    background: lightgray;
}
#blank_bar strong
{
    padding-top: 5px;
    margin-top: 5px;
}

#filled_bar
{
    width: 30%;
    height: 100%;
}

#prgperc
{
    z-index: 100;
    position: absolute;
    top: 0;
    left: 41%;
    width: 30px;
    height: 100%;
    font-size: .8em;
    padding-top: 3px;
}

#progress
{
    z-index: 100;
    position: absolute;
    top: 0;
    width: 1px;
    height: 20%;
    background-color: #000;
    margin-top: 15px;
}
/*
#progress40
{
    left: 33.3%;
}
#progress80
{
    left: 66.6%;
}
*/



/* Gallery */
.gallery
{
    margin: 5px 0 20px 0;
    display: inline-table; /*  position: relative;*/
    width: 100%;
    padding: 0;
}

.gallery div.container
{
    /*background: url(../Images/template/cornice.jpg) 0 0 no-repeat;     background-size: 300px 270px;     width: 300px;     height: 270px;     */
    color: #000;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 0; /* 20px 5px;*/
    min-width: 200px;
    min-height: 150px;
    border: 1px solid #000;
    background-color: #f8f8f8;
}

div.ImageTitle
{
    margin: 0 auto;
    width: 98%;
    font-weight: bold;
    height: 30px;
}
div.ImageDescription
{
    margin: 0 5px;
    width: 90%;
    text-align: left;
}
div.info
{
    /*border-top:1px solid #000; */
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}
div.command
{
    padding: 5px 0 0 0;
    position: relative;
    background-color: #ccc;
}
div.info img
{
    /*border: 1px solid #790000;*/
}
.GalleryImage
{
    margin: 5px auto;
    border: 0px solid #000;
}

.GalleryImage, .singleimage
{
    max-width: 186px;
    max-height: 150px;
    width: 98%;
    overflow: hidden;
    padding: 0;
}
.singleimage
{
    border: 0px solid #000;
    width: 100%;
}


.divMail, .GetInfoMail
{
    margin: 5px 0;
}

.divMail span, .GetInfoMail span
{
    width: 120px;
    display: inline-table;
    vertical-align: top;
    font-weight: bold;
}

.divMail input[type="text"], .divMail input[type="textarea"], .divMail input[type="select"]
{
    width: 657px;
}

.SendMail
{
    width: 100%;
    text-align: center;
}


.fancybox-inner img
{
    max-width: 800px;
    margin: 0 auto;
}

/***********/



.EC table
{
    font-size: .80em;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
}
.EC table tr td
{
    border-width: 1px;
    border-style: solid;
    border-color: #D0D0D0;
    border-collapse: collapse;
    padding-right: 5px;
    padding-left: 2px;
}


.Header
{
    text-align: center;
    font-weight: bold;
    background-color: #C0C0FF;
}
.Footer
{
    text-align: left;
    font-weight: bold;
    background-color: #C0C0FF;
}
.Totalecorpo
{
    text-align: left;
    font-weight: bold;
    background-color: #DCE6F1;
    border-top: 2px solid #4F81BD;
    border-bottom: 2px solid #4F81BD;
}
.Totalecorpo td, .Footer td
{
    padding-top: 3px;
    padding-bottom: 3px;
}
.dati
{
    text-align: right; /*padding-right: 5px;*/
}





/* MODIFICHE STEFANO ADICOM */

.scroll_select
{
    height: 140px;
    overflow-y: scroll;
    display: block;
    border: none;
}

.margin_left
{
    margin-left: 1.0em;
}
.table_left
{
    padding: 1.0em 0 1.0em 1.0em;
    width: 50%;
}
.table_right
{
    padding: 1.0em 0;
}
.full
{
    width: 100%;
}
.no_padding_top
{
    padding-top: 0;
}
.thead_token
{
    border: 1px solid #505050; /*display: block;*/
    position: relative;
}

.thead_token a
{
    display: block;
    text-decoration: none;
    width: 100%;
}

.tbody_token
{
    /*display:block;*/ /*height:142px;*/
    height: 30px;
    overflow-y: scroll;
    width: 100%;
    border: none;
}
.table_token
{
    border-collapse: collapse;
    border: 0;
}
.no_border
{
    border: none;
}
.div_token
{
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 98%;
    border-collapse: collapse;
}
.header_token
{
    height: 20px;
    border: 1px solid #E60000;
}

.w100_final
{
    width: 100% !important;
}

.table_filter_title
{
    /**/
    background-color: #e60000;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 5px;
    margin: 10px 2px;
    cursor: pointer;
    position: relative;
}

.bg-filter-title
{
    background-image: url('../images/down_gray_arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    left: 0;
}

.bg-filter-title.closed
{
    background-image: url('../images/right_gray_arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    left: 0;
}

.ProvinciaFilterLabel, .OfficeNameFilterLabel
{
    width: 85px;
    text-align: right;
    display: inline-block;
}

.SummaFilterLabel
{
    float: left;
    /*width: 150px;*/
    width: 140px;
    text-align: left; /*display: inline-block;*/
}

.SummaFilterLabelHasl
{
    float: left;
    width: 113px;
    text-align: left; /*display: inline-block;*/
}

.SummaCombo
{
    /*min-width: 162px;*/
    min-width: 140px;
    min-height: 50px;
    max-height: 150px;
}

#chartDetailsInfo
{
    /*float: left;     width: 250px;   */
    position: absolute;
    right: 10%;
    top: 250px;
    width: 250px;
    background-color: White;
}
#chartDetailsInfotOfficeAvgInterruption
{
    float: left;
    width: 300px;
}

.chartDetailsInfotOfficeAvgInterruptionPopup
{
    position: absolute;
    right: 10%;
    top: 660px;
    width: 300px;
    background-color: White;
}

.OfficeClimaUnitMouseOverHint
{
    margin-top: 35px;
    margin-bottom: 30px;
    margin-left: 120px;
    font-style: italic;
}

.OfficeClimaUnitPopupHeader
{
    background-color: #e60000;
    color: #ffffff;
    font-weight: bold;
    width: 14%;
}

.OfficeClimaUnitPopupHeader > td
{
    padding: 5px;
}

.OfficeClimaUnitPopupBody > td
{
    padding-right: 5px;
    padding-left: 5px;
}

#ChartsWrapper
{
    overflow: auto;
}

#infoDetailsOfficeClimaCompChart
{
    position: absolute;
    right: 0;
    top: 290px;
    font-size: 0.9em;
    min-width: 485px;
    background-color: White;
}

#infoDetailsOfficeClimaFcChart, #infoDetailsOfficeClimaFanChart
{
    position: absolute;
    right: 0;
    top: 565px;
    font-size: 0.9em;
    min-width: 485px;
    background-color: White;
}

#infoDetailsOfficeClimaFcChart table, #infoDetailsOfficeClimaFanChart table
{
    width: 100%;
}







.ChartDetailsInfo
{
    display: none;
    border: 5px solid red;
    padding: 5px;
    margin-top: 25px;
}

.ChartDetailsInfoPowerOutages
{
    display: none;
    border: 5px solid red;
    padding: 5px;
    margin-top: 0px;
}



.ChartDetailsInfoAVG
{
    border: 5px solid red;
    padding: 5px;
}

.DetailsLegenda
{
    color: red;
    font-weight: 600;
    text-align: center;
}

.DetailsTitle
{
    color: red;
    font-weight: 600;
}

.DetailsUL
{
    list-style: none;
    margin-left: -20px;
}

/*#PowerOutagesChart
{
    width: 100% !important;
}*/

.SIMdetails
{
    margin-left: 6px;
    width: 71%;
}

.tokenTable
{
    width: 30%;
    margin: auto;
}

.CU-chart-wrapper-float-none
{
    min-width: 480px;
    float: none;
}

.PO-chart-wrapper
{
    min-width: 480px;
}

.PO-chart-wrapper-float-none
{
    min-width: 480px;
    float: none;
}

#onDemandFilterVoices
{
    margin-bottom: 10px;
    display: none;
}

#onDemandFilterVoices input
{
    display: inline-block;
    vertical-align: middle;
}

#onDemandFilterVoices label
{
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    font-weight: normal;
}

#onDemandFilterVoices #filterSubmitWrapper
{
    text-align: center;
}

#onDemandFilterVoices #btnFiltra
{
    height: auto;
    width: auto;
    opacity: 1;
    box-shadow: none;
}

.CSlabel
{
    width: auto !important;
}

.CSimage
{
    max-width: 16px;
    max-height: 16px;
}

.CStooltip
{
    display: none;
    position: absolute;
    border: 5px solid red;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}

.TooltipAblyTC2M
{
    margin-top: 0;
    margin-left: 30px;
    font-size: 0.85em;
}

div.TooltipAblyTC2M > ul > li
{
    list-style-type: square;
}

div.TooltipAblyTC2M > ul > li:nth-child(1)
{
    color: #ff0000;
}

div.TooltipAblyTC2M > ul > li:nth-child(2)
{
    color: #ffff00;
}

div.TooltipAblyTC2M > ul > li:nth-child(3)
{
    color: #008000;
}

div.TooltipAblyTC2M li > p
{
    color: #000000;
    margin: 0;
}

.ChartDetailsNote
{
    display: block; /*float: left;*/
    font-size: 0.85em;
    margin-bottom: 20px;
    margin-left: 80px;
}

.AVGValue
{
    display: inline-block;
    font-size: 1.5em;
    line-height: 27px;
    text-align: center;
    vertical-align: top;
    width: /*30%;*/ 15%;
}


.AVGLabel
{
    display: inline-block;
    width: 70%;
}

#PowerOutagesOfficeAvgInterruptionDevStd
{
    font-size: .9em;
    position: absolute;
    right: 0;
    top: 680px; /*min-width: 430px;*/
    background-color: White;
    border: 5px solid red;
    padding: 5px;
    display: none;
}

.boldRed
{
    font-weight: bold;
    color: Red;
}

/* ---------------------------------------------	*/
/* --	UPLOAD S.I.M. 
/* ---------------------------------------------	*/

.uploadSimModal
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.uploadSimLoading
{
    font-family: Arial;
    font-size: 10pt; /*border: 5px solid #67CFF5;*/
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: White;
    z-index: 999;
}

/* ---------------------------------------------	*/
/* --	Summa Office Details 
/* ---------------------------------------------	*/

.visibilityHidden
{
    visibility: hidden;
}

/* ---------------------------------------------	*/
/* --	Rit E Sol Popup
/* ---------------------------------------------	*/

.summaPopupRitESolLabelL
{
    text-align: left;
    font-weight: bold;
}

.summaPopupRitESolValueL
{
    text-align: left;
}

.summaPopupRitESolLabelR
{
    text-align: right;
    font-weight: bold;
}

.summaPopupRitESolValueR
{
    text-align: right;
}

.summaPopupRitESolLabelC
{
    text-align: center;
    font-weight: bold;
}

.summaPopupRitESolValueC
{
    text-align: center;
}

.summaPopupGreyBorder
{
    border-style: solid;
    border-width: 1px;
    border-color: #A9A9A9;
}

/* ---------------------------------------------	*/
/* --	Summa Office Activity 
/* ---------------------------------------------	*/

.summaOfficeActivityColumn
{
    width: 15%;
    text-align: left;
}

.summaOfficeActivity8Column
{
    width: 12%;
    text-align: left;
}

.summaOfficeActivityLabel8Column
{
    width: 15%;
    text-align: left;
}

.summaOfficeActivityValue8Column
{
    width: 15%;
    text-align: center;
}

.summaOfficeActivityNPLUSColumn
{
    width: 25%;
    text-align: center;
}

.summaOfficeActivityRemedyColumn
{
    width: 50%;
    text-align: center;
}

.summaOfficeActivityRitESolColumnSpan2
{
    width: 50%;
    text-align: center;
}
.summaOfficeActivityRitESolColumnSpan1
{
    width: 25%; /*text-align: center;*/
}

.summaOfficeActivityRitESolLabelColumnSpan1
{
    width: 25%;
    text-align: center;
}

.verticalAlignMiddle
{
    vertical-align: middle;
}

.summaWoStatusSemaphore
{
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -border-radius: 10px;
    display: inline-block;
    border-style: solid;
    border-width: thin;
    border-color: Black; /*position: relative;     float: left;*/
}

.summaWoStatusSemaphoreHeader
{
    vertical-align: middle;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -border-radius: 7px;
    display: inline-block;
    border-style: solid;
    border-width: thin;
    border-color: Black;
}

/* ---------------------------------------------	*/
/* --	Unhandled Exception Management 
/* ---------------------------------------------	*/
.centerExMessages
{
    margin: 2em auto auto auto;
}

.labelUEM
{
    /*text-align: center;*/
    font-weight: bold;
    font-family: Helvetica, Verdana;
    font-size: 24px;
    color: #7F7F7F;
}

.smallLabelUEM
{
    /*text-align: center;*/
    font-weight: bold;
    font-family: Helvetica, Verdana;
    font-size: 16px;
    color: #7F7F7F;
}

.stdMessageUEM
{
    /*text-align: center;*/
    font-weight: bold;
    font-family: Helvetica, Verdana;
    font-size: 18px;
    color: #FF0000;
}

.stdMessageContentUEM
{
    /*text-align: center;*/ /*font-weight: bold;*/
    font-family: Helvetica, Verdana; /*font-size: 18px;*/
    color: #000000;
}

.detailsArrow
{
    background-image: url('../images/right_gray_arrow.png');
    background-repeat: no-repeat;
    background-position: left center; /*position: absolute;     top: 0;     bottom: 0;     right: 10px;     left: 0;*/
}

.detailsArrow.closed
{
    background-image: url('../images/down_gray_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

/* ---------------------------------------------	*/
/* --	DropDown CheckBox List
/* ---------------------------------------------	*/
.ddlChkBoxLstArrow
{
    left: -20px;
    position: relative;
}

.ddlChkBoxLstArrowForTextBox
{
    background-image: url('../images/arrowDown.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

/* ---------------------------------------------	*/
/* --	Office - Home PAge
/* ---------------------------------------------	*/

.DetailsSection
{
    text-align: left;
    padding: 0; /*margin: 0 auto;*/
    width: 98%;
    border-collapse: collapse;
}

.DetailsSectionHeader
{
    background-color: #E60000;
    color: #fff;
    padding: 2px 5px;
    margin-top:5px;
    font-size: 12px;
    cursor:pointer;
}

.UcArrowD, .UcArrowR
{
}

/*---------------------------------------*/
/*---- Nuovo Charts Report E & C  -----*/
/*---------------------------------------*/
.divCharts div
{
    padding: 5px 0 0 0;
}

.chart
{
    font-weight: bold;
    font-size: .8em;
    border: 1px solid black;
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 5px 0 0 0;
}

.margin33T
{
    margin-top: 3.3em;
}


/*---------------------------------------*/
/*---- End Nuovo Charts Report E & C  -----*/
/*---------------------------------------*/

/*---------------------------------------*/
/*---- Office Detail User Controls  -----*/
/*---------------------------------------*/
.TableInfoCustom
{
    border: 0px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.TableInfoNoFloat
{
    border: 0px solid #505050;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 95%;
    border-collapse: collapse;
}

.TableInfoNoTopBorder
{
    border: 1px solid #505050;
    border-top: 0px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.TableInfoNoBorder
{
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.tHeaderCustom
{
    background-color: #E60000;
    color: #fff;
    border: 0px solid #505050;
    padding: 2px 5px;
    font-size: 12px;
    border-width: 0px 1px 0px 1px;
}



#infoClimaDetailsFcChart table, #infoClimaDetailsClimaFanChart table
{
    width: 100%;
}

#odtabs
{
    border: none;
}

#odtabs ul
{
    border: none;
    color: White;
    padding: 0;
    list-style-type: none;
}

#odtabs .ui-tabs-nav li
{
    font-size: 100%;
    margin-top: 0.3em;
}
#odtabs .ui-tabs-nav li.ui-tabs-selected, #odtabs .ui-tabs-nav li.ui-state-active
{
    margin-top: 0.3em;
    font-size: 100%;
}


#odtabsPlcDetails
{
    border: none;
}

#odtabsPlcDetails ul
{
    border: none;
    color: White;
    padding: 0;
    list-style-type: none;
}

#odtabsPlcDetails .ui-tabs-nav li
{
    font-size: 100%;
    margin-top: 0.3em;
}
#odtabsPlcDetails .ui-tabs-nav li.ui-tabs-selected, #odtabsPlcDetails .ui-tabs-nav li.ui-state-active
{
    margin-top: 0.3em;
    font-size: 100%;
}


.tlabelAvgTemp
{
    background-color: #E3E3E3;
    border: 1px solid #505050;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: bold;
}

.tvalueAvgTemp
{
    font-size: 10px;
    padding: 2px 5px;
    color: #000;
}

.tborderL
{
    border-left: 1px solid #505050;
}

.tborderR
{
    border-right: 1px solid #505050;
}

.tborderU
{
    border-top: 1px solid #505050;
}

.tborderD
{
    border-bottom: 1px solid #505050;
}


.tHeaderBorderCustom
{
    background-color: #E60000;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
}


.tHeaderSmall
{
    background-color: #E60000;
    color: #fff;
    border: 1px solid #505050;
    padding: 2px 5px;
    font-size: 11px;
}

.noBorder
{
    border: 0px;
}

.plcDetailsReport
{
    border: 0px solid #505050;
    border-top: 0px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 98%;
    border-collapse: collapse;
}

.tHeaderP2
{
    background-color: #E60000;
    color: #fff;
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    border-top: 1px solid #505050;
    padding: 2px 5px;
    font-size: 12px;
}


/*---------------------------------------*/
/*---- Office Detail User Controls  -----*/
/*---------------------------------------*/


/*---------------------------------------*/
/*----           heartbeat          -----*/
/*---------------------------------------*/

.heartbeat-container
{
    float: right;
    width: 100px;
    height: 20px;
}


.heartbeat
{
    color: red;
    font-size: 20px;
    display: none;
}

/*---------------------------------------*/
/*----       End heartbeat          -----*/
/*---------------------------------------*/

/*---------------------------------------*/
/*----       SUMMA MANAGE           -----*/
/*---------------------------------------*/

#modalDivManage,#modalDivOffice
{
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%; /*background-color:#A0A0A0;     filter:alpha(opacity=90);     opacity:0.9;     -moz-opacity:0.9;*/
    z-index: 1000;
    text-align: center;
    vertical-align: middle;
}

#modalDivPromote 
{
    top: 0;
    left: 0;
    position: absolute;
    width: 900px;
    height: auto; /*background-color:#A0A0A0;     filter:alpha(opacity=90);     opacity:0.9;     -moz-opacity:0.9;*/
    z-index: 1000;
    text-align: center;
    vertical-align: middle;
}

#divManage
{
    text-align: left;
    background-color: #808080;
    position: fixed;
    top: 200px;
    margin: 0 auto;
    left: 0;
    right: 0; /*border :0px solid #000;*/
    width: 800px;
   /* height: 220px;*/
    z-index: 1001;
    border-radius: 15px;
}

#divPromote
{
    text-align: left;
    background-color: #808080;
    position: absolute;
    top: 100px;
    margin: 0 auto;
    left: 25%;
    right: 0; /*border :0px solid #000;*/
    width: 900px;
    height: auto;
    z-index: 1001;
    border-radius: 15px;
}

.textPromotePopup 
{
    font-weight: bold; 
    font-size: .8em;
}

#divOffice
{
    text-align: left;
    background-color: #808080;
    position: absolute;
    top: 200px;
    margin: 0 auto;
    left: 0;
    right: 0; /*border :0px solid #000;*/
    width: 400px;
    height: 400px;
    z-index: 1001;
    border-radius: 15px;
}

#divManage fieldset,#divOffice fieldset
{
    border-radius: 15px;    
    background-color: #fff;
    color: #000;
    border-width:0px; 
    border-color: #000;
    margin: 5px 10px;
    height: 88%;
}

#divPromote fieldset
{
    border-radius: 15px;    
    background-color: #fff;
    color: #000;
    border-width:0px; 
    border-color: #000;
    margin: 5px 10px;
    height: 100%;
}

#divManage fieldset legend,#divOffice fieldset legend, #divPromote fieldset legend 
{
    background-color: #E60000;
    color: #fff;
    border-radius: 15px;
}

#divPromote fieldset legend 
{
    background-color: #E60000;
    color: #fff;
    border-radius: 15px;
}


 

#divManage table,#divOffice table, #divPromote table
{
    margin: 10px 0;
    border-collapse: collapse; /*min-height: 150px;*/
}

#divManage table select, #divPromote table select
{
    width: 150px;
}

/*---------------------------------------*/

/*---------------------------------------------------*/
/*----       Power Outeges Weekly live          -----*/
/*---------------------------------------------------*/

.zone
{
    width: 310px;
    margin: 0;
    margin-top: 5px;
    margin-left: 6%;
    margin-bottom: 20px;
    border: 1.5px solid black;
    height: 100%; /*text-align: center;*/
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.weeklyLive
{
    float: right;
    width: 150px;
    height: 100%;
    margin-right: 25%;
    border: 1.5px solid black;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*---------------------------------------------------*/
/*----    end  Power Outeges Weekly live        -----*/
/*---------------------------------------------------*/

.displayNone
{
    display: none;
}

.ReadOnlyTextBox
{
    cursor:default; 
    border-style: solid; 
    border-width:1px; 
    border-color:#A9A9A9 !important; 
    outline:none !important;
}

.dataUpdate
{
    font-weight: bold;
    font-size: 11px;
    font-style: italic;
}

.Evidenziatore
{
    background-color:Yellow;
}

.BorderNone
{
    border-width:0px;
}

.infoImage
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

/*

    Import Matrice Office

*/

#container-import-mo 
{
    margin-left: 8px;   
}
.margin-bottom-divider 
{
    border-bottom: 1px solid #a2a4a591;
}
.margin-top-divider 
{
    border-top: 1px solid #a2a4a591;
}
.mo-import-button 
{
    display: block;
    margin-bottom: 5px;
}
.last-update-date 
{
    margin-top: 3px;
    color: #e71818;
    font-weight: bold;   
}
#exportMoBox {
    float: right;
}
#ContentPlaceHolder1_downloadExportMoFile 
{
    padding: 10px;
    font-weight: bold;
}