/*#################################################  BODY  ############################################################
corpo della pagina
#####################################################################################################################*/
BODY
{
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff
}

/*####################################################  A  ############################################################
link generici
#####################################################################################################################*/
A
{
    COLOR: #000000;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

/*#################################################  A:hover ############################################################
link al passaggio del mouse
#######################################################################################################################*/
A:hover
{
    TEXT-DECORATION: underline
}

/*#################################################  #divLoading  ############################################################
identificativo del layer recante la scritta "Loading...", che appare al centro delle schermate durante il caricamento di dati
############################################################################################################################*/
#divLoading
{
    Z-INDEX: 100;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 95%
}

/*#################################################  .NewsText  ############################################################
testo delle news nelle HomePage
##########################################################################################################################*/
.NewsText
{
    FONT-SIZE: 70%;
    COLOR: #000000;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .UDM  ############################################################
unità di misura
#####################################################################################################################*/
.UDM {
  font-size: 66%;
}

.UDMSup {
  vertical-align: super;
  font-size: 5pt;
}

.UDMSub {
  vertical-align: sub;
  font-size: 5pt;
}

/*#################################################  .MenuTop  ############################################################
menù orizzontale in testa alla pagina
#########################################################################################################################*/
.MenuTop
{
    FONT-SIZE: 75%;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #569CBF
}

/*#################################################  .Title  ##############################################################
la seconda barra di intestazione di una pagina, quando contiene del testo
#########################################################################################################################*/
.Title
{
    PADDING-RIGHT: 15px;
    FONT-SIZE: 110%;
    COLOR: #214573;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #FCAF17
}

/*#################################################  .TitleBig  ##############################################################
titolo grande per le sezioni principali testo
#########################################################################################################################*/
.TitleBig
{
    FONT-SIZE: 175%;
    FONT-WEIGHT: bold;
    COLOR: #569CBF;
    FONT-FAMILY: Arial,Verdana,sans-serif;
}

/*#################################################  .Caption  ##############################################################
la seconda barra di intestazione di una pagina, quando contiene filtri e tasti di filtraggio
###########################################################################################################################*/
.Caption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 75%;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    PADDING-RIGHT: 5px;
    BACKGROUND: url(../images/gradient2.gif) 100%
}
.CaptionTop
{
    BACKGROUND: url(../images/top_band.gif) 0 0 no-repeat;
    HEIGHT: 18px;
    PADDING-RIGHT: 5px
}
.CaptionTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #0D4B72;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    TEXT-ALIGN: left;
    PADDING-LEFT: 5px;
    BACKGROUND: url(../images/gradient2.gif) 100%
}

/*##############################################  .FooterMiddle  ############################################################
riempimento footer (per adattarsi alla larghezza della finestra del browser)
###########################################################################################################################*/
.FooterMiddle
{
  background: url(../images/footer_md.gif) 100%;
  width: 100%;
  height: 50px
}

/*#################################################  .Logoff  ##############################################################
voce di menu 'logoff' in alto a destra
###########################################################################################################################*/
.Logoff
{
    COLOR: #4D4D4D;
	  FONT-SIZE: 75%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    TEXT-DECORATION: none
}
.Logoff:hover
{
    COLOR: #569CBF;
    TEXT-DECORATION: none
}

/*#################################################  .MenuItem  ##############################################################
le voci del menù orizzontale in testa alla pagina
###########################################################################################################################*/
.MenuItem
{
    BACKGROUND-POSITION: left 50%;
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    BACKGROUND-IMAGE: url(../images/boxoff.gif);
    COLOR: #FFFFFF;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial, Verdana, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

/*#################################################  .MenuItem:hover ########################################################
le voci del menù orizzontale in testa alla pagina, al passaggio del mouse
###########################################################################################################################*/
.MenuItem:hover
{
    BACKGROUND-IMAGE: url(../images/boxon.gif);
    TEXT-DECORATION: none
}

/*#################################################  .MenuItemOn  ############################################################
la voce attiva del menù orizzontale in testa alla pagina
############################################################################################################################*/
.MenuItemOn
{
    BACKGROUND-POSITION: left 50%;
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    BACKGROUND-IMAGE: url(../images/boxon.gif);
    COLOR: #FDD481;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

/*#################################################  .MenuItemOn:hover  #####################################################
la voce attiva del menù orizzontale in testa alla pagina, al passaggio del mouse
###########################################################################################################################*/
.MenuItemOn:hover
{
    TEXT-DECORATION: none
}

/*#################################################  .MenuBar  ##############################################################
lo sfondo del menù di sinistra
###########################################################################################################################*/
.MenuBar
{
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .Logo  ##############################################################
il logo in alto a sinistra, sopra il menù
########################################################################################################################*/
.Logo
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../images/logo.jpg);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100px;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .LeftMenu  ##############################################################
le 'caselle' all'interno delle quali si posizionano le righe di testo del menù di sinistra (.LeftMenuItem)
############################################################################################################################*/
.LeftMenu
{
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 10px;
    FONT-SIZE: 100%;
    BACKGROUND-IMAGE: url(../images/Triangolino.gif);
    PADDING-BOTTOM: 6px;
    COLOR: #000000;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .LeftMenuItem  ##########################################################
le righe di testo del menù di sinistra
############################################################################################################################*/
.LeftMenuItem
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: #31598c;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .LeftMenuCaption  ##########################################################
intestazione per le voci di menu di sinistra
############################################################################################################################*/
.LeftMenuCaption
{
    FONT-SIZE: 75%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    TEXT-ALIGN: center;
    COLOR: #000000;
    BACKGROUND: url(../images/gradient1-r.gif) 100%;
    SPACING-TOP: 2;
    SPACING-BOTTOM: 2;
    BORDER-TOP: #5A7DA5 1px solid;
    BORDER-BOTTOM: #5A7DA5 1px solid
}
.LeftMenuCaption2
{
    FONT-SIZE: 75%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    TEXT-ALIGN: center;
    COLOR: #0D4B72;
    BACKGROUND-COLOR: #E4EDF7;
    SPACING-TOP: 2;
    SPACING-BOTTOM: 2;
    BORDER-TOP: #5A7DA5 1px solid;
    BORDER-BOTTOM: #5A7DA5 1px solid
}


/*###############################################  .LeftMenuShortcut  ########################################################
shortcut per le voci di menu di sinistra
############################################################################################################################*/
.LeftMenuShortcut
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 70%;
    COLOR: gray;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .RedLeftMenuItem  ##########################################################
le righe di testo del menù di sinistra corrispondenti a pagine non ancora realizzate
############################################################################################################################*/
.RedLeftMenuItem
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: red;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .TableHead  ##############################################################
la barra di intestazione di una tabella
#############################################################################################################################*/
.TableHead
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    PADDING-BOTTOM: 1px;
    COLOR: #FFFFFF;
    PADDING-TOP: 1px;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #569CBF
}

/*#################################################  .FormHead  ##############################################################
testata e contorni del form (vedi form di login)
#############################################################################################################################*/
.FormHead
{
    COLOR: #FDD481;
    BACKGROUND-COLOR: #569CBF;
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 4px;
}

/*#################################################  .FormBody  ##############################################################
corpo principale del form (vedi form di login)
#############################################################################################################################*/
.FormBody
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #7EB4CE;
    FONT-SIZE: 75%;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
}

/*#################################################  .FormTail  ##############################################################
parte finale del form (vedi form di login)
#############################################################################################################################*/
.FormTail
{
  background: url(../images/form_tail.gif) 0 0 no-repeat;
  width: 100%;
  height: 28px;
}

/*#################################################  .FormLink  ##############################################################
link all'interno del form (vedi form di login)
#############################################################################################################################*/
.FormLink
{
    COLOR: #D7D7D7;
    TEXT-DECORATION: none
}
.FormLink:hover
{
    COLOR: #0D4B72;
    TEXT-DECORATION: none
}

/*#################################################  .TableBorders  ##########################################################
genera i bordini attorno alla barra di intestazione di una tabella
############################################################################################################################*/
.TableBorders
{
    BORDER-RIGHT: #4C89A9 2px solid;
    BORDER-TOP: #71B9DE 2px solid;
    BORDER-LEFT: #71B9DE 2px solid;
    BORDER-BOTTOM: #4C89A9 2px solid
}

/*#################################################  .RowHead  ###############################################################
la seconda barra di intestazione di una tabella, riportante i nomi delle colonne o la scritta 'Nessun elemento trovato'
############################################################################################################################*/
.RowHead
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 75%;
    COLOR: #214573;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #7EB4CE
}

/*#################################################  .RowErr  ###############################################################
la seconda barra di intestazione di una tabella, riportante un messaggio d'errore
############################################################################################################################*/
.RowErr
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 75%;
    COLOR: red;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

/*#################################################  .RowGray  ###############################################################
una delle due classi per alternare il colore delle righe di una tabella (assieme a .RowWhite)
############################################################################################################################*/
.RowGray
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 75%;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #dbdcdb
}

/*#################################################  .RowGray  ###############################################################
una delle due classi per alternare il colore delle righe di una tabella (assieme a .RowWhite)
############################################################################################################################*/
.RowGrayBold
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 75%;
	FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #dbdcdb
}

/*#################################################  .RowWhite  ###############################################################
una delle due classi per alternare il colore delle righe di una tabella (assieme a .RowGray)
#############################################################################################################################*/
.RowWhite
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 75%;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .RowWhite  ###############################################################
una delle due classi per alternare il colore delle righe di una tabella (assieme a .RowGray)
#############################################################################################################################*/
.RowWhiteBold
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 75%;
	FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .RowBlue  ###############################################################
una delle due classi per alternare il colore delle righe di una tabella (assieme a .RowBlue)
#############################################################################################################################*/
.RowBlue
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 75%;
    COLOR: #00468b;
    FONT-FAMILY: Arial,Verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .TableBottom  ###########################################################
linea utilizzata per separare orizzontamente diverse sezioni di una tabella
############################################################################################################################*/
.TableBottom
{
    HEIGHT: 2px;
    BACKGROUND-COLOR: #4C89A9
}

/*#################################################  .Spacer1  ###############################################################
linea vuota di spaziamento, più sottile
############################################################################################################################*/
.Spacer1
{
    HEIGHT: 1px
}

/*#################################################  .Spacer2  ###############################################################
linea vuota di spaziamento, più spessa
############################################################################################################################*/
.Spacer2
{
    HEIGHT: 2px
}

/*#################################################  .Spacer3  ###############################################################
linea vuota di spaziatura 3
############################################################################################################################*/
.Spacer3
{
    HEIGHT: 3px
}

/*#################################################  .Spacer4  ###############################################################
linea vuota di spaziatura 4
############################################################################################################################*/
.Spacer4
{
    HEIGHT: 4px
}

/*#################################################  .RgtCellBorder  #########################################################
per caselle di una tabella con bordo a destra
############################################################################################################################*/
.RgtCellBorder
{
    BORDER-RIGHT: #00468b 1px solid;
    PADDING-RIGHT: 3px
}

/*#################################################  .LftCellBorder  #########################################################
per caselle di una tabella con bordo a sinistra
############################################################################################################################*/
.LftCellBorder
{
    PADDING-LEFT: 3px;
    BORDER-LEFT: #00468b 1px solid
}

/*#################################################  .TextBox  ###############################################################
caselle di inserimento testo
############################################################################################################################*/
.TextBox
{
    BORDER-RIGHT: #7B7B7B 1px solid;
    BORDER-TOP: #7B7B7B 1px solid;
    BORDER-BOTTOM: #7B7B7B 1px solid;
    BORDER-LEFT: #7B7B7B 1px solid;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 2px;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff
}

.TBReadOnly
{
    BACKGROUND-COLOR: #DBDBDB
}

/*################################################  .TextArea  ##############################################################
caselle di inserimento testo
############################################################################################################################*/
.TextArea
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .GrayTextBox  ###########################################################
caselle di inserimento testo con sfondo non bianco standard
############################################################################################################################*/
.GrayTextBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #dbdcdb
}

/*#################################################  .FilterTextBox  #########################################################
caselle di inserimento testo dei filtri in testa alla pagina
############################################################################################################################*/
.FilterTextBox
{
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .Cancel  ################################################################
l'immagine associata alla possibilità di cancellare una riga di una tabella
############################################################################################################################*/
.Cancel
{
    BACKGROUND-IMAGE: url(../images/CancelOff.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 17px;
    BACKGROUND-COLOR: transparent
}

/*#################################################  .Cancel:hover  ##########################################################
l'immagine associata alla possibilità di cancellare una riga di una tabella, al passaggio del mouse
############################################################################################################################*/
.Cancel:hover
{
    BACKGROUND-IMAGE: url(../images/CancelOn.gif);
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none
}

/*#################################################  .Combo  ################################################################
combo-box
############################################################################################################################*/
.Combo
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}

/*#################################################  .Checkbox  ##############################################################
check-box
############################################################################################################################*/
.Checkbox
{
    COLOR: #000000;
    HEIGHT: 15px;
    BACKGROUND-COLOR: transparent
}

#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -60px;
  margin-left: -90px;
  padding: 25px 35px 25px 35px;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;
  color: #A80000;
  background: #EAE3A0;
  border-top: 2px solid #CCAA00;
  border-bottom: 2px solid #CCAA00;
}

.UserInfoArea {
  spacing-top: 2;
  spacing-bottom: 2;
  background-color: #E4F6ED;
  border-top: #40BF7C 1px solid;
  border-bottom: #40BF7C 1px solid;
/*
  background-color: #F6E7E4;
  border-top: #BF5740 1px solid;
  border-bottom: #BF5740 1px solid;
*/
}

.UserInfoText {
  font-size: 9px;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif, Tahoma;
  color: #800000;
}

.warning {
    FONT-WEIGHT: bold;
    FONT-SIZE: 70%;
    COLOR: #0000ff;
    FONT-FAMILY: Arial, Verdana, sans-serif, Tahoma;
    BACKGROUND-COLOR: transparent
}

.PopupFrame {
  background-color: #EDF2F9;
}