/* DEFAULTS
----------------------------------------------------------*/



body {
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 2px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited {
    color: #4b6c9e;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

hr {
    border: 0px;
    border-bottom: 1px dotted #aaa;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.3em;
    font-weight: 300;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #f9f9f9;
    width: 100%;
}

    .header h1 {
        font-weight: 600;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #4b6c9e;
        border: none;
        line-height: 1.3em;
        font-size: 2.5em;
    }

.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: normal;
}

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

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #465c71;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }

.centerize {
    margin-left: 40%;
    margin-right: 35%;
    margin-top: 2%;
    margin-bottom: 2%;
    position: relative;
}

.centerizeOne {
    margin-left: 45%;
    margin-right: 45%;
    margin-top: 2%;
    margin-bottom: 2%;
    position: relative;
}
.centerizeCB {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
    margin-bottom: 2%;
    position: relative;
}

.middleRadComboBox {
    margin-bottom: 5%;
    position: relative;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }


span.valerror[style*="inline"] {
    display: block !Important;
    background-color: Yellow;
    border: 1px solid #cccccc;
    font-size: .9em;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #4b6c9e;
}

    .loginDisplay a:link {
        color: #4b6c9e;
    }

    .loginDisplay a:visited {
        color: #4b6c9e;
    }

    .loginDisplay a:hover {
        color: #4b6c9e;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold !Important;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.panelHome {
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: ghostwhite;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}

.panelCausa {
    position: relative;
    width: 800px;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: ghostwhite;
    border: 1px dotted #aaa;
    border-color: Gray;
}
.panelWarning {
    position: relative;
    width: 800px;
    padding: 10px 0px 0px 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: ghostwhite;
    border: 3px dotted #aaa;
    border-color: Gray;
    font-weight: !Important;
    font-size: 100%;
    color: red;
}
div.blockForm {
    overflow: hidden;
    margin: 0px 0px;
    border-bottom: 1px dotted #aaa;
    padding: 2px;
    font-weight: bold !Important;
}

    div.blockForm span:not(.failureNotification) {
        width: 360px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 10px;
    }

    div.blockForm .input {
        margin-left: 4px;
        float: left;
    }

div.block {
    overflow: hidden;
    margin: 0px 0px;
    border-bottom: 1px dotted #aaa;
    padding: 2px;
    font-weight: bold !Important;
}

    div.block span:not(.failureNotification) {
        width: 190px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 10px;
    }

    div.block .input {
        margin-left: 4px;
        float: left;
    }

div.blockPanel {
    overflow: hidden;
    margin: 10px 0px 5px 0px;
    border-bottom: 0px;
    padding: 2px;
    font-weight: bold !Important;
}

    div.blockPanel span:not(.failureNotification) {
        width: 190px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 10px;
    }

    div.blockPanel .input {
        margin-left: 4px;
        float: left;
    }

div.blockrb {
    overflow: hidden;
    margin: 2px 0px;
    border-bottom: 1px dotted #aaa;
    padding: 5px;
}

    div.blockrb labelrb {
        width: 160px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 10px;
        font-weight: bold !Important;
    }

    div.blockrb .input {
        margin-left: 4px;
    }

div.blockPopup {
    overflow: hidden;
    margin: 0px 0px;
    padding: 2px;
}

    div.blockPopup span:not(.failureNotification) {
        width: 150px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 10px;
    }

    div.blockPopup .input {
        margin-left: 4px;
        float: left;
    }

.hhom {
    padding: 0.1em 0 0.1em 0;
    border: 0;
    margin: 0 1em 0 1em;
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: bolder;
    color: #006;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    background-color: transparent;
}

a.simpleHover:link {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 120%;
    font-style: normal;
    color: navy !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}

a.simpleHover:visited {
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 120%;
    font-style: normal;
    color: #4b6c9e;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}

a.simpleHover:hover {
    padding: 0;
    border-bottom: #800000;
    border-width: 0 0 1px 0;
    border-style: none none dotted none;
    margin: 0;
    font-family: Trebuchet MS, Verdana, sans-serif;
    font-size: 120%;
    font-style: italic;
    font-weight: bolder;
    color: #4b6c9e !important;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}

/* | BGN | (3.4) - Colorazioni                                              | */
.azur {
    background-color: #D3D7FF;
}

.blue {
    background-color: #CCF;
}

.gree {
    background-color: #CFC;
}

.oran {
    background-color: #FFDD74;
}

.purp {
    background-color: #EED9FF;
}

.gray {
    background-color: #E5E5E5;
}

.sepp {
    background-color: #FFEEA3;
}

.acca {
    background-color: #DFEAE0;
}

.reds {
    background-color: #FF4646;
}


.azur_sezs {
    border-color: #817FFD;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #D3D7FF;
}

.blue_sezs {
    border-color: #CCF;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    text-align: center;
    background-color: #CCF;
}

.gree_sezs {
    border-color: #008000;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #CFC;
}

.purp_sezs {
    border-color: #800080;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #EED9FF;
}

.oran_sezs {
    border-color: #B05800;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #FFDD74;
}

.gray_sezs {
    border-color: #B05800;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #E5E5E5;
}

.sepp_sezs {
    border-color: #950000;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #FFEEA3;
}

.acca_sezs {
    border-color: #817FFD;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    background-color: #DFEAE0;
}
/* | END | (3.4) - Colorazioni      */

/** ID GENERICI **/

/** CLASSI GENERICHE **/

.opposit {
    float: right;
}

.EditFormHeader td {
    font-size: 16px;
    padding: 4px !important;
    text-align: center;
}

#example .demo-container {
    width: 400px;
    position: relative;
}

.demo-container .RadButton {
    margin-left: 10px;
}

.error-message {
    color: #ff0000;
    font-size: 12px;
    font-style: italic;
    position: relative;
    top: 10px;
}

.Checked {
    color: Blue !important;
}

.notChecked {
    color: Red !important;
}

.warningText {
    font-family: "Your Font", Arial, Helvetica, sans-serif !important;
    font-weight: bold !Important;
    font-size: 18px !important;
    text-align: center;
}

.warningTextLeft {
    font-family: "Your Font", Arial, Helvetica, sans-serif !important;
    font-weight: bold !Important;
    font-size: 18px !important;
    text-align: left;
}




.linkAdd {
    font-family: "Your Font", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    text-align: left;
    margin-left: 10px;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 10px;
}

.EditForm {
    /*CHANGE FONTS*/
    margin: 0px 0px 0px 0px;
    width: 97%;
    /*CHANGE BACKGROUD - FACEBOOK'S BLUE*/
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 13px !important;
    font-family: "Your Font", Arial, Helvetica, sans-serif !important;
}


.rgEditForm table {
    /*CHANGE FONTS*/
    margin: 7px 10px 10px 0px;
    line-height: 22px !important;
    /*CHANGE BACKGROUD - FACEBOOK'S BLUE*/
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 13px !important;
    font-family: "Your Font", Arial, Helvetica, sans-serif !important;
    border-left-style: double !important;
    border-left-color: inherit !important;
    border-left-width: 1px;
    border-right-style: double !important;
    border-right-color: inherit !important;
    border-right-width: 1px;
    border-top-style: double !important;
    border-top-color: inherit !important;
    border-top-width: 1px;
    border-bottom-style: double !important;
    border-bottom-color: inherit !important;
    border-bottom-width: 1px;
}

.imageClass {
    margin-top: 10px;
    margin-bottom: 10px;
}

.textBox {
    display: block;
    margin-bottom: 10px;
}

.centered {
    text-align: center;
}


centerCaptcha {
    width: 60%;
    margin-left: 320px;
    border: solid;
}


.iniziale {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 1em;
    background-color:lightgray;
}

.pageBack {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 100 !important;
    font-size: 20px !important;
    margin: 30px 10px;
}

.headerPage {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: bolder !important;
    font-size: 22px !important;
    margin: auto;
    text-align: center;
}

.headerContext {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: bolder !important;
    font-size: 20px !important;
    margin-bottom: 5px;
    text-align: center;
}

.headerRadGrid {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    margin: 10px 10px 10px 10px;
    text-align: center;
    color: navy !important;
}

.restrictedArea {
    font-style: oblique !important;
    font-variant: normal !important;
    font-weight: bold !important;
    font-size: 22px !important;
    color: #4b6c9e;
}

.dispositivoMancante {
    font-style: oblique !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
}

.upload {
    font-style: oblique !important;
    font-variant: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #4b6c9e;
}


.div-centrato {
    text-align: center;
}

.foto {
    width: 320px;
    height: 320px;
    margin: 0px 240px 0px 0px;
    position: center;
    border: 3px solid;
    border-color: #4b6c9e;
}



/* The button size */
.file-upload {
    margin-left: 230px;
    padding: 0px 10px;
    height: 31px;
    line-height: 31px;
    vertical-align: central;
}

#uploadPath {
    display: inline-block;
    padding: 0px 5px;
}

.file-upload, .file-upload span {
}

    .file-upload input {
        display: none;
    }

#ImgPrv {
    display: inline-block;
}

div.blockLeft {
    overflow: hidden;
    margin: 2px 0px;
    border-bottom: 1px dotted #aaa;
    padding: 5px;
    color: #222;
}

    div.blockLeft span:not(.failureNotification) {
        width: 100px;
        display: block;
        float: left;
        text-align: right;
        padding-right: 5px;
    }



/* RadButton Predefined Icons */

.demo-container table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}



    .demo-container table th,
    .demo-container table td {
        padding: 6px 10px;
        border: 1px solid #dddddd;
        text-align: left;
    }



.rbPredefined16, .rbPredefined24 {
    background-image: url(images/rbPredefinedIcons.png);
    background-repeat: no-repeat;
}



.rbPredefined16 {
    width: 16px !important;
    height: 16px;
}



.rbPredefined24 {
    width: 24px;
    height: 24px;
}



/* 16x16 Icons*/

.rbAdd16 {
    background-position: 0 0 !important;
}



.rbRemove16 {
    background-position: -24px 0 !important;
}



.rbOk16 {
    background-position: -48px 0 !important;
}



.rbCancel16 {
    background-position: -72px 0 !important;
}



.rbUpload16 {
    background-position: -94px 0 !important;
}



.rbDownload16 {
    background-position: -120px 0 !important;
}



.rbPrevious16 {
    background-position: -144px 0 !important;
}



.rbNext16 {
    background-position: -168px 0 !important;
}



.rbOpen16 {
    background-position: -192px 0 !important;
}



.rbAttach16 {
    background-position: -210px 0 !important;
}



.rbSave16 {
    background-position: -232px 0 !important;
}



.rbConfig16 {
    background-position: -256px 0 !important;
}



.rbPrint16 {
    background-position: -280px 0 !important;
}



.rbRefresh16 {
    background-position: -306px 0 !important;
}



.rbSearch16 {
    background-position: -332px 0 !important;
}



.rbHelp16 {
    background-position: -356px 0 !important;
}



.rbCart16 {
    background-position: -380px 0 !important;
}



.rbEdit16 {
    background-position: -406px 0 !important;
}



.rbRSS16 {
    background-position: -432px 0 !important;
}



.rbMail16 {
    background-position: -456px 0 !important;
}



.rbFB16 {
    background-position: -498px 0 !important;
}



.rbTwitter16 {
    background-position: -526px 0 !important;
}



/* 24x24 Icons */

.rbAdd24 {
    background-position: 0 -18px !important;
}



.rbRemove24 {
    background-position: -24px -18px !important;
}



.rbOk24 {
    background-position: -48px -18px !important;
}



.rbCancel24 {
    background-position: -72px -18px !important;
}



.rbUpload24 {
    background-position: -94px -18px !important;
}



.rbDownload24 {
    background-position: -120px -18px !important;
}



.rbPrevious24 {
    background-position: -144px -18px !important;
}



.rbNext24 {
    background-position: -168px -18px !important;
}



.rbOpen24 {
    background-position: -192px -18px !important;
}



.rbAttach24 {
    background-position: -210px -18px !important;
}



.rbSave24 {
    background-position: -232px -18px !important;
}



.rbConfig24 {
    background-position: -256px -18px !important;
}



.rbPrint24 {
    background-position: -280px -18px !important;
}



.rbRefresh24 {
    background-position: -306px -18px !important;
}



.rbSearch24 {
    background-position: -332px -18px !important;
}



.rbHelp24 {
    background-position: -356px -18px !important;
}



.rbCart24 {
    background-position: -380px -18px !important;
}



.rbEdit24 {
    background-position: -406px -18px !important;
}



.predIcons {
    color: #000;
}





    .predIcons td {
        padding: 6px 6px 6px 10px;
        border: 1px solid #ddd;
    }

    .predIcons thead tr {
        background-color: #eee;
    }

    .predIcons tr {
        background-color: #fff;
    }

        .predIcons tr.dark {
            background-color: #efefef;
        }

        .predIcons tr:hover {
            background-color: #FDFEE3;
        }

        .predIcons tr.head {
            border: 0;
            background: transparent;
        }

            .predIcons tr.head:hover {
                background: none;
            }

            .predIcons tr.head td {
                border: 0;
            }

.rbPredefinedIcons {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(images/rbPredefinedIcons.png);
}

.text {
    display: block;
    width: 100px;
    float: right;
    text-align: left;
    padding-right: 15px;
}

.predIcons .rborder {
    padding-right: 10px;
}


.MasterClass .rgCaption  
   {     
      color: #4b6c9e;  
      font:bold 12pt Arial Narrow;  
       margin: 2px 0px 10px;
   }  
.DetailClass .rgCaption  
   {  
      color: Yellow;  
      background-color:Violet;  
      font:bold 18pt Arial Narrow;  
   }