/* layout */

body {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-family: Verdana, Arial, Calibri, Tahoma;
}

.authNegata, .authNegataSub {
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 14px;
    color: #15428b;
    font-weight: bold;
    padding: 2px;
}

.authNegataSub {
    font-size: 12px;
}

.clearstatoVis {
    clear: both;
}

.center {
    text-align: center;
}

.hidden, .hidden div {
    display: none;
}

.bold {
    font-weight: bold;
}

.intestazione h1 {
    color: #4261a1;
    font-size: 12px;
    font-family: Verdana, Arial, Calibri, Tahoma;
    background: url(../images/freccia.png) no-repeat;
    text-indent: 25px;
    margin: 0px 2px 2px 2px;
    background-position: 2px 1px;
    line-height: 20px;
}

.intestazione, .x-accordion-hd, .x-panel-header, .intestazioneCalendario {
    /*background-color: #214173;*/
    background-image: url('../images/frameBar.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
}

.intestazioneCalendario {
    width: 709px;
    height: 19px;
}

.intestazioneCalendarioContent {
    color: #4261a1;
    font-weight: bold;
    font-size: 8pt;
    font-family: tahoma, verdana;
}

.colonnaSinistra {
    float: left;
    width: 325px;
    border-right: 1px dotted #444;
    border-bottom: 1px dotted #444;
}

.colonnaCentro {
    margin-left: 325px;
    border-left: 1px dotted #444;
    border-bottom: 1px dotted #444;
}

.corpo {
    padding: 0px;
    margin: 0px;
}

    .corpo .colonnaSinistra {
        background-color: #f1f7ff;
    }

.corpoColonna {
    padding: 4px;
}

.piePagina {
    background-color: #f1f7ff;
    border: solid 1px #CCE;
}

/* fine layout */

/* input form */
label, input, textarea, select {
    /* Stili comuni agli elementi del form */
    color: #000; /* Colore del testo */
    float: left; /* Float a sinistra */
    font-size: 11px;
    font-family: Tahoma, Verdana, sans-serif; /* Tipo di carattere per il testo */
    margin: 2px 0; /* Margini */
}

label {
    /* Stili per la label */
    display: block; /* Impostiamo la label come elemento blocco */
    line-height: 15px; /* Altezza di riga */
    padding-top: 7px;
    width: 100px; /* Larghezza */
}

input {
    height: 22px; /* Altezza */
}

input, textarea, select {
    /* Stili per il campo di testo e per la textarea */
    background: #f9f9ff; /* Colore di sfondo */
    border: 1px solid #88a; /* Bordo */
    color: #000; /* Colore del testo */
    width: 200px; /* Larghezza */
    padding: 0 3px; /* Padding */
    line-height: 22px; /* Altezza di riga */
    height: 22px; /* Altezza di riga */
}

    input[type="checkbox"] {
        border: none;
        background: transparent;
        margin: auto;
        line-height: 15px;
        padding-top: 7px;
    }

    input[type="checkbox"], input[type="image"] {
        width: auto !important;
        border: none;
    }

select {
    width: 208px; /* Larghezza */
}

.areaDescrizione {
    height: 120px; /* Altezza */
    width: 300px; /* Larghezza */
}

.areaDescrizioneFast {
    height: 95px; /* Altezza */
}

.areaDescrizioneSmallFast {
    height: 67px; /* Altezza */
}

.ctrlAttivitaFast {
    width: 300px; /* Larghezza */
}

.ctrlSelectAttivitaFast {
    width: 308px; /* Larghezza */
}

.confirmButton, .confirmButton1, .abortButton, .commandButton, .button {
    height: 26px;
    width: 98px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #225;
    line-height: 11px;
}

.confirmButton, .confirmButton1, .abortButton, .commandButton {
    margin: 4px 4px 4px 0px;
    float: right;
}

.confirmButton, .confirmButton1, .abortButton {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.confirmButton {
    background-image: url(../images/floppy.png);
}

.confirmButton1 {
    background-image: url(../images/floppyYellow.png);
}

.abortButton {
    background-image: url(../images/abort.png);
}

.button {
    margin-right: 4px;
}

.error {
    /*height:15px;*/
    background-color: #FFFE36;
    font-size: 11px;
    border: 1px solid #E1E16D;
    padding: 4px 10px;
    color: #000;
    display: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
}

    .error p {
        margin: 0;
    }

.attendere {
    color: #214173;
    display: none;
}

.attesa {
    background: url(../images/loading.gif) no-repeat;
    text-indent: 22px;
    background-position: 0px 1px;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0px;
}

/* fine input form */
.modal {
    display: none;
    background-color: #fff; /*display:none;*/
    width: 360px;
    padding: 10px;
    text-align: left;
    border: 2px solid #333;
    opacity: 0.8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

    .modal h2 {
        background: url(../images/ingranaggio.png) 0 50% no-repeat;
        margin: 0px 0px 5px 0px;
        padding: 10px 0 10px 35px;
        border-bottom: 1px solid #333;
        font-size: 15px;
    }

    .modal input, .modal textarea, .modal select {
        width: 250px; /* Larghezza */
    }

        .modal input[type="button"], .modal input[type="submit"] {
            width: 102px;
        }

    .modal select {
        width: 258px; /* Larghezza */
    }

    .modal .areaDescrizione {
        width: 350px; /* Larghezza */
    }
/* input form modal */

/* fine input form modal */

.left {
    float: left;
}

.right {
    float: right;
}

#btnAddFase {
    float: right;
}

.panes {
    margin-top: 3px;
    overflow: auto;
}

.fullWidthFilter {
    width: 308px;
}

#pnlModelPreview {
    width: 450px;
    height: 250px;
    overflow: auto;
    border: 1px solid #333;
    margin-top: 5px;
}

#pnlSceltaModello {
    width: 452px;
}

.outerProgressBar {
    /*border: solid 1px #558;*/
    display: block;
}

.innerProgressBar {
    background-color: #f1f7ff;
    display: block;
}

.outerMarker {
    /*border: solid 1px #558;*/
    display: block;
}

.innerMarker {
    background-color: #f1f7ff;
    display: inline-block;
    width: 0px;
    padding-left: 10px;
    text-indent: 2px;
}

.nonCompletato {
    background-color: #f1f7ff;
}

.completato {
    background-color: #5d3;
}

/* colonne tabelle */
.textColumn {
    text-align: left;
}

.numberColumn {
    text-align: right;
}

.buttonColumn {
    text-align: center;
}

.section-title {
    border-bottom: solid 3px #dfdfdf;
    padding-bottom: 1px;
    margin-bottom: 10px;
    color: #009FFF;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
}

    .section-title img {
        vertical-align: middle;
        padding-bottom: 2px;
    }

.section-header .title a {
    text-decoration: none;
    font-size: 11px;
    color: #555;
}

.section-header {
    padding-bottom: 1px;
    margin-bottom: 10px;
    height: 25px;
}

    .section-header .title {
        background-color: #214173;
        font-weight: bold;
        font-size: 10pt;
        font-family: tahoma, verdana;
        color: White;
    }

        .section-header .title img {
            vertical-align: middle;
            padding-bottom: 2px;
        }

    .section-header .options {
        text-align: right;
        float: right;
    }

.section-content {
    margin: 10px;
}

.filterPanel {
    padding: 5px;
}

.callOut {
    background: url(../images/callout.png) no-repeat;
    height: 16px;
    width: 16px;
}

.callIn {
    background: url(../images/callin.png) no-repeat;
    height: 16px;
    width: 16px;
}

.bottom {
    background: url(../images/bkg02.gif);
    background-position: left top;
    background-repeat: repeat-x;
    height: 19px;
    padding: 0;
    margin: 0;
    color: #10223D;
    font-size: 10px;
}

.menuPanel {
    position: static !important;
}

#NorthPanel_Content {
    position: absolute !important;
    width: 100%;
}

#SouthPanel_Content {
    padding: 7px 3px 0px 3px;
    font-size: +1;
}

.x-panel-body {
    background-color: transparent !important;
}

.ext-el-mask {
    background-color: rgb(230,230,240);
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.x-border-layout-ct {
    background-color: #f1f7ff;
}

.x-tool-toggle {
    float: left;
    margin-right: 6px;
    margin-top: 3px;
}

.row-cmd-cell-ct .x-toolbar {
    border: none;
    background: none;
}

#creazioneAttivitaFastContainer {
    margin: 3px;
}

.cbRuolo label {
    width: auto !important;
}

.referente {
    background-color: #FFFFC8;
}

.CompatibilityError {
    font-size: 12px;
    font-family: Verdana, Arial, Calibri, Tahoma;
    text-align: left;
    color: #f00;
    padding: 20px;
    background: url(../images/compatibilityError.jpg) repeat-x;
}

    .CompatibilityError p {
        margin-bottom: 11px;
    }

    .CompatibilityError ul {
        margin-top: 6px;
        margin-bottom: 0px;
        margin-left: 81px;
    }

#compatibilityNot .x-window-header {
    color: #d00;
}

#compatibilityNot .x-window-tl, #compatibilityNot .x-window-bl {
    background-image: url(../images/left-corners.png);
}

#compatibilityNot .x-window-tr, #compatibilityNot .x-window-br {
    background-image: url(../images/right-corners.png);
}

#compatibilityNot .x-window-tc, #compatibilityNot .x-window-bc {
    background-image: url(../images/top-bottom.png);
}

#compatibilityNot .x-window-ml {
    background-image: url(../images/left-right.png);
}

#compatibilityNot .x-window-mr {
    background-image: url(../images/left-right.png);
}

#compatibilityNot .x-window-mc {
    background-color: #ffd6dc;
    border-color: #fd8a97;
}

.autocomplete_completionListElement {
    margin-top: -2px;
    margin-left: -2px;
    width: 306px;
    text-align: left;
    color: windowtext;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-top-color: buttonshadow;
    border-right-color: buttonshadow;
    border-bottom-color: buttonshadow;
    border-left-color: buttonshadow;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    visibility: visible;
    position: absolute;
    z-index: 1000;
    cursor: default;
    background-color: window;
}

.CompletionListCssClassPopup {
    padding: 0px;
    z-index: 1200 !important;
    list-style-type: none !important;
    border-bottom: buttonshadow 1px solid !important;
    text-align: left !important;
    border-left: buttonshadow 1px solid !important;
    background-color: window !important;
    list-style-type: none !important;
    margin-top: 0px !important;
    width: 270px !important;
    visibility: visible !important;
    color: windowtext !important;
    margin-left: 0px !important;
    border-top: buttonshadow 1px solid !important;
    cursor: default !important;
    list-style-image: none !important;
    margin-right: 0px !important;
    border-right: buttonshadow 1px solid !important;
}

.elemento {
    padding: 3px;
}

.evidenza {
    background-color: #80b4e4;
    font-weight: bold;
    color: #214173;
}

.dispari {
    background-color: #cbd8e4;
    color: Black;
}

.pari {
    background-color: #f3f5f8;
    color: Black;
}