/*
     * STANDARD ELEMENTS
     */
    body {
        background-color:       #FFFFFF;    
        margin-left:            0px;    
        margin-right:           0px;
        margin-top:             5px;
        margin-bottom:          0px;    
        padding:                0px;
        font-family:            verdana, tahoma, sans-serif;
        font-size:              12px;        
    }

    a {
        color:                  #3C5F84;
        text-decoration:        none;
    }

    a:hover {
        color:                  #96A5B1;
        text-decoration:        none;
    }

    h1 {
        color:                  #3C5F84;        
        font-size:              18px;
        font-weight:            bold;		  
    }

    h2 {
        color:                  #3C5F84;
        font-size:              16px;
        font-weight:            bold;
    }

    h3 {
        color:                  #3C5F84;
        font-size:              14px;
        font-weight:            bold;
        text-decoration:        underline;
    }

    p {
        color:                  #000000;
        margin-bottom:          20px;        
    }

    hr {
        color:                  #3C5F84;        
        background-color:       #3C5F84;
    }

    ul {        
        list-style-image:       url('images/list-arrow.gif');
        list-style-position:    inside;
        padding:                0 15px; 0 0;
        margin:                 0 0 0 0;
    }

    #rss ul {        
        list-style-image:       url('images/rss.gif');
        list-style-position:    inside;
        padding:                0 15px; 0 0;
        margin:                 0 0 0 0;
    }

    /*
     * JSF MESSAGES
     */
     .messages {
        width:                  100%;
        text-align:             left;
     }

     .messages .messagesInfo {
        color:                  #000000;
     }     

     .messages .messagesWarn {
        color:                  #F4B00C;
     }

     .messages .messagesError {
        color:                  #FF0000;                
     }

     .messages .messagesFatal {
        color:                  #FF0000;        
        font-weight:            bold;
     }


    /*
     * FORMS
     */
    input, select, textarea {
        font-family:            verdana, tahoma, sans-serif;
        font-size:              12px;
        
        border-style:           solid;
        border-color:           #BABABA;
        border-width:           1px;         
        margin: 1px;
    }

    form .panel {
        width:                  100%;        
        margin-top:             10px;        
    }

    form .panelCommand {
        width:                  100%;
        margin-top:             10px;
        padding:                2px;
        text-align:             right;
    }
          
    form .panelHeader {
        background:             #E3EBEF;
        color:                  #3C5F84;
        font-weight:            bold;
        padding-left:           2px;
        text-align:             left;
        height:                 20px;        
    }

    form .panelLabel {        
        white-space:            nowrap;
        background-color:       #EAEAEA;
        text-align:             right;
        padding:                2px;        
        border:                 1px solid #BABABA;        
    }

    form .panelComponent {
        white-space:            nowrap;
        background-color:       #FFFFFF;
        text-align:             left;
        padding:                2px;        
    }

    form .inputText {
        width:                  98%;
    }

    input[type='submit'], input[type='button'] {
        color:                  #3C5F84;                
        cursor:                 pointer;
    }


    form .commandButton {
        color:                  #3C5F84;                
        cursor:                 pointer;
    }

    legend {
        background-color:       transparent;
        padding-left:           6px;
        padding-right:          6px;
        padding-bottom:         0px;
        font-size:              12px;
    }

    /*
     * CUSTOM ELEMENTS
     */

     /* Giustifica un paragrafo */
     p.justify {
        text-align:             justify;
    }
     
    /* Definisce un elemento volante allineato a destra/sinistra 
     * (utile per img e div )
     */
     .float-right {
        float:                  right;
        margin-bottom:          10px;
        margin-left:            10px;
     }

     .float-left {
        float:                  left;
        margin-bottom:          10px;
        margin-right:           10px;
     }

    /* Come .floar-right|left ma se gli elementi sono successivi (es. + img)
     * permette di mostrarli in pila.
     */
     .floatclear-right {
        float:                  right;
        clear:                  right;
        margin-bottom:          10px;
        margin-left:            10px;
     }
     .floatclear-left {
        float:                  left;
        clear:                  left;
        margin-bottom:          10px;
        margin-right:           10px;
     }

    /* Tabella formattata per visualizzazione in presentazioni */ 
    table.formatted {
        border-collapse:        collapse;
        border:                 2px solid #EAEAEA;        
    }

    table.formatted caption {
        caption-side:           top;
        margin-bottom:          2px;
        font-weight:            bold;
        color:                  #3C5F84;        
    }

    table.formatted th { 
        border-left:            1px solid #EAEAEA;
        border-right:            1px solid #EAEAEA;
        speak-header:           once;
        font-size:              10px;
        color:                  #3C5F84;        
        padding:                2px;
    }

    table.formatted td {
        border:                 1px solid #EAEAEA;
        font-size:              10px;
        padding:                2px;
    }

    table.formatted tr {
        border:                 1px solid #EAEAEA;
        font-size:              10px;
    }