div.system-backoffice {
    margin-top: 30px;
    clear: both;
}

div.system-backoffice-item {
    float: left;
    height: 100px;
    width: 350px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px #336699;
    color: white;
    border-color: #b7b7b7;
    background: #004a99;
}

div.system-backoffice a {
    min-height: 80px;
    padding-top: 6px;
    display: block;
    padding-left: 60px;
    text-transform: uppercase;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: white;
}

    div.system-backoffice a div {
        text-transform: none;
        font-weight: normal;
        font-size: 10px;
    }


/*************************/
/***** SYSTEM-BUTTON *****/
/*************************/
.system-button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    padding: .4em 1.5em .42em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    width: auto !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .system-button:hover {
        text-decoration: none;
    }

    .system-button:active {
        position: relative;
        top: 1px;
    }

    .system-button:link {
        color: #000000;
    }

/*************************/
/***** SYSTEM-SEARCH *****/
/*************************/
.system-search {
    padding-bottom: 2px;
    margin-top: 2px;
    padding-left: 2px;
    width: 209px;
    padding-right: 2px;
    background: url(Images/searchbox.gif) no-repeat;
    height: 23px;
    padding-top: 2px
}

.system-search-text {
    border-bottom: 0px;
    border-left: 0px;
    padding-left: 2px;
    width: 166px /*185px*/;
    background: none transparent scroll repeat 0% 0%;
    float: left;
    border-top: 0px;
    margin-right: 2px;
    border-right: 0px
}

.system-search-button {
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    margin-top: 1px;
    width: 18px;
    background: none transparent scroll repeat 0% 0%;
    float: left;
    height: 18px;
    cursor: pointer;
}

.system-search-reset {
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    margin-top: 1px;
    margin-right: 1px;
    width: 18px;
    background: none transparent scroll repeat 0% 0%;
    float: left;
    height: 18px;
    cursor: pointer;
}

/*************************/
/***** SYSTEM-FOOTER *****/
/*************************/
.system-footer {
    height: 20px;
    padding: 5px;
}

.system-footer-left {
    float: left;
}

.system-footer-right {
    float: right;
}

/************************/
/***** SYSTEM-PAGER *****/
/************************/
.system-pager {
    color: #404040;
    margin-top: 1px;
}

    .system-pager div {
        float: left;
        margin-right: 10px;
        position: relative;
        top: 5px;
    }

/************************/
/***** SYSTEM-EMPTY *****/
/************************/
.system-empty {
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    font-weight: bold;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
}

/**********************/
/***** VALIDATORS *****/
/**********************/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/********************************/
/***** SYSTEM-DIRECTMESSAGE *****/
/********************************/
.system-directmessage {
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    background-color: #ffffff;
    padding: 5px 5px 5px 25px;
    background-position: 7px 7px;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.system-directmessage-information {
    color: #0099ff;
    border-right: #0099ff 1px solid;
    border-top: #0099ff 1px solid;
    border-left: #0099ff 1px solid;
    border-bottom: #0099ff 1px solid;
    background-image: url(Images/DirectMessage/information.png);
}

.system-directmessage-confirm {
    color: #008000;
    border-right: #008000 1px solid;
    border-top: #008000 1px solid;
    border-left: #008000 1px solid;
    border-bottom: #008000 1px solid;
    background-image: url(Images/DirectMessage/confirm.png);
}

.system-directmessage-warning {
    color: #ff9966;
    border-right: #ff9966 1px solid;
    border-top: #ff9966 1px solid;
    border-left: #ff9966 1px solid;
    border-bottom: #ff9966 1px solid;
    background-image: url(Images/DirectMessage/warning.png);
}

.system-directmessage-error {
    color: #ff0000;
    border-right: #ff0000 1px solid;
    border-top: #ff0000 1px solid;
    border-left: #ff0000 1px solid;
    border-bottom: #ff0000 1px solid;
    background-image: url(Images/DirectMessage/error.png);
}

/*************************/
/***** SYSTEM-HEADER *****/
/*************************/
.system-header {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    margin-bottom: 1px;
    font-weight: bold;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
}

.system-header-left {
    float: left;
}

.system-header-right {
    float: right;
}

    .system-header-right a {
        margin-left: 10px !important;
        color: #fff;
        text-decoration: none;
        line-height: 16px;
    }

/*************************/
/***** SYSTEM-EDITOR *****/
/*************************/
.system-editor {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #e8eef4;
}

    .system-editor td, .system-edit th {
        border-width: 1px;
        border-style: solid;
        padding: 2px 7px 2px 7px;
        /*padding: 5px;*/
        border: solid 1px #e8eef4;
    }

    .system-editor th {
        padding: 6px 5px;
        text-align: left;
        /*
    padding-top:5px;
    padding-bottom:4px; */
        overflow: hidden;
        border: solid 1px #e8eef4;
    }

/***********************/
/***** SYSTEM-EDIT *****/
/***********************/
.system-edit {
    width: 100%;
    border-collapse: collapse;
}

    .system-edit td, .system-edit th {
        border-width: 1px;
        border-style: solid;
        padding: 2px 7px 2px 7px;
        text-align: left;
    }

    .system-edit th {
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        overflow: hidden;
    }

    .system-edit td {
        width: 65%;
    }

        .system-edit td input {
            width: 100%;
        }

        .system-edit td textarea {
            width: 100%;
        }

        .system-edit td select {
            width: 100%;
        }

.system-checkbox input {
    width: auto !important;
    cursor: pointer;
}


/****************************************/
/*STILI DI PROVA PER ICONE*/
.system-action-icon-16 {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    text-indent: -10000px;
    border: 0;
}

.system-action-icon2-16 {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    text-indent: -10000px;
    border: 0;
}

.system-action-full-16 {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    float: left;
    height: 16px;
    position: relative;
    text-indent: 20px;
}

.system-action-icon-center-16 {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -10000px;
    border: 0;
}

.td-center, .td-center a {
    text-align: center;
}

.system-image-DetailsItem-16 {
    background-image: url(Images/Icons/DetailsItem_16.png);
}

.system-image-CreateItem-16 {
    background-image: url(Images/Icons/CreateItem_16.png);
}

.system-image-UpdateItem-16 {
    background-image: url(Images/Icons/UpdateItem_16.png);
}

.system-image-DeleteItem-16 {
    background-image: url(Images/Icons/DeleteItem_16.png);
}

.system-image-Back-16 {
    background-image: url(Images/Icons/Back_16.png);
}

.system-image-Confirm-16 {
    background-image: url(Images/Icons/Confirm_16.png);
    display: block;
    margin-left: auto;
    margin-right: auto
}

.system-image-Error-16 {
    background-image: url(Images/Icons/Error_16.png);
}

.system-image-Warning-16 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Images/Icons/Warning_16.png);
}

.system-image-Assign-16 {
    background-image: url(Images/Icons/Assign_16.png);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.system-image-Revoke-16 {
    background-image: url(Images/Icons/Revoke_16.png);
}

.system-image-AssignUser-16 {
    background-image: url(Images/Icons/AssignUser_16.png);
}

.system-image-AssignFeature-16 {
    background-image: url(Images/Icons/AssignFeature_16.png);
}

.system-image-Password-16 {
    background-image: url(Images/Icons/Password_16.png);
}

.system-image-User-16 {
    background-image: url(Images/Icons/User_16.png);
}

.system-image-Reset-16 {
    background-image: url(Images/Icons/Reset_16.png);
}

.system-image-About-16 {
    background-image: url(Images/Icons/About_16.png);
}

.system-image-Error-48 {
    background-image: url(Images/Icons/Error_48.png);
}

.system-image-Forbidden-16 {
    background-image: url(Images/Icons/Forbidden_16.png);
}

.system-image-Forbidden-48 {
    background-image: url(Images/Icons/Forbidden_48.png);
}

.system-image-Compatibility-48 {
    background-image: url(Images/Icons/Compatibility_48.png);
}

.system-image-Compatibility-16 {
    background-image: url(Images/Icons/Compatibility_16.png);
}

.system-image-Mailbox-48 {
    background-image: url(Images/Icons/Mailbox_48.png);
}

.system-image-About-48 {
    background-image: url(Images/Icons/About_48.png);
}

.system-image-Home-48 {
    background-image: url(Images/Icons/Home_48.png);
}

.system-image-Backoffice-48 {
    background-image: url(Images/Icons/Backoffice_48.png);
}

.system-image-User-48 {
    background-image: url(Images/Icons/User_48.png);
}

.system-image-Role-48 {
    background-image: url(Images/Icons/Role_48.png);
}

.system-image-AssignUser-48 {
    background-image: url(Images/Icons/AssignUser_48.png);
}

.system-image-AssignFeature-48 {
    background-image: url(Images/Icons/AssignFeature_48.png);
}

.system-image-Password-48 {
    background-image: url(Images/Icons/Password_48.png);
}

.system-image-Reset-48 {
    background-image: url(Images/Icons/Reset_48.png);
}

.system-title-48 {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    /*float: left;*/
    height: 48px;
    position: relative;
    text-indent: 50px;
    clear: both;
    padding-top: 13px;
}

.system-notification {
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    background-color: #ffffff;
    padding: 5px 5px 5px 25px;
    background-position: 7px 7px;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 10px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    list-style-type: none;
}

.system-notification-information {
    color: #0099ff;
    border-right: #0099ff 1px solid;
    border-top: #0099ff 1px solid;
    border-left: #0099ff 1px solid;
    border-bottom: #0099ff 1px solid;
    background-image: url(Images/Notification/information.png);
}

.system-notification-confirm {
    color: #008000;
    border-right: #008000 1px solid;
    border-top: #008000 1px solid;
    border-left: #008000 1px solid;
    border-bottom: #008000 1px solid;
    background-image: url(Images/Notification/confirm.png);
}

.system-notification-warning {
    color: #ff9966;
    border-right: #ff9966 1px solid;
    border-top: #ff9966 1px solid;
    border-left: #ff9966 1px solid;
    border-bottom: #ff9966 1px solid;
    background-image: url(Images/Notification/warning.png);
}

.system-notification-error {
    color: #ff0000;
    border-right: #ff0000 1px solid;
    border-top: #ff0000 1px solid;
    border-left: #ff0000 1px solid;
    border-bottom: #ff0000 1px solid;
    background-image: url(Images/Notification/error.png);
}

.login-textbox {
    width: 100px;
    clear: both;
    float: left;
    margin: 0 4px 1px 4px;
    font-size: 8px;
}

.login-label {
    float: left;
    font-size: 16px;
    margin: 0 4px 0 0;
    text-shadow: 0 3px 3px rgba(0,0,0,.3);
}

.system-datebox {
    width: 90px !important;
}

.system-timebox {
    width: 50px !important;
}

.system-button-calendar {
    width: 25px !important;
    margin: 2px;
}

.system-context {
    font-size: 18px;
    color: #696969;
    background-color: #F0F0F0;
    padding: 4px;
}

.system-button-filepicker {
    width: 90px !important;
    height: 23px;
    margin: 2px;
}

.system-button-filepicker-input {
    margin: 2px;
    height: 23px;
}



.system2-edit {
    width: 100%;
    border-collapse: collapse;
}

    .system2-edit td, .system2-edit th {
        border-width: 1px;
        border-style: solid;
        padding: 2px 7px 2px 7px;
        text-align: left;
    }

    .system2-edit th {
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        overflow: hidden;
    }

    .system2-edit td {
        width: 65%;
    }

.system2-input {
    width: 100%;
}

.system2-edit td textarea {
    width: 100%;
}

.system2-edit td select {
    width: 100%;
}

.system2-checkbox input {
    width: auto !important;
}

{
    width: auto !important;
}

.warning-message {
    text-align: center;
    font-family: Tahoma, Verdana, Arial;
    background-color: #ffffff;
    color: red;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    margin: 10px 0;
    -moz-border-radius: 8px;
    font-size: large;
}

.warning-message2 {
    text-align: center;
    font-family: Tahoma, Verdana, Arial;
    /*background-color: #ffffff;*/
    color: red;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    margin: 10px 0;
    -moz-border-radius: 8px;
    font-size: x-large;
}

.collapsiblePanelContainer {
    height: 0;
    overflow: hidden;
}