/* ------------------------------------------------------------
   Html Styles
   ------------------------------------------------------------ */
* {
    font-family: Segoe UI,Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

a, a:visited {
    color: #4C84B8; /*#F99A36; /*#F09300; /*#4C84B8;*/
    text-decoration: none;
}

    a:hover {
        color: #4C84B8; /*#F99A36;/*#F09300;/*#FDBD5C;*/
        text-decoration: underline;
    }

h2 {
    font-size: 13px;
    font-weight: bold;
}

/* ------------------------------------------------------------
   Custom classes
   ------------------------------------------------------------ */

#footer a,
#footer a:hover,
#footer a:visited {
    font-size: 9px;
}

#header {
    margin-bottom: 50px;
}

#header .toolbar1 {
    background-color: Transparent;
    float: right;
    margin: 5px 5px 0px 0px; /* padding:3px 5px 2px 0px;*/
}

#header .locator {
    clear: both;
    padding-top: 5px;
    text-align: left;
}

    #header .locator .icon {
        float: left;
        margin: 0px 5px 0px 3px;
    }

    #header .locator .subtitle {
        color: white;
        font-size: 17px;
        float: left;
        position: relative;
        text-align: left;
        top: 3px; /*width:444px;*/
    }
   
#header .toolbar2 {
    float: left;
    margin: 2px 5px 0px 2px;
    text-align: left;
}

    #header .toolbar2 .shortcutbox {
        border: solid 1px #688CAF;
        float: left;
        height: 24px;
        margin-left: 2px;
        padding: 0px 2px 0px 2px;
        text-align: left;
        width: 110px;
    }

        #header .toolbar2 .shortcutbox input {
            height: 14px;
            position: relative;
            top: 2px;
        }

#header .toplink {
    float: left;
    margin-right: 5px;
}

#content .contentInner {
    padding: 10px 0 10px 0;
}

#content .errorPanel {
    color: red;
    padding-bottom: 5px;
}

#content .warningPanel,
#content .warning-pane {
    background-color: #FFFFE1;
    border: solid 1px #ACA899;
    color: #666;
    padding: 5px;
    margin-bottom: 10px;
}

#content .searchbox {
    margin-bottom: 5px;
}

/* AjaxControlToolkit TabContainer */
.actTab .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}

.actTab .ajax__tab_outer {
    padding-right: 4px;
    height: 17px;
    border: solid 1px #999;
    background-image: url('../Img/tabbg.gif');
    background-repeat: repeat-x;
}

.actTab .ajax__tab_inner {
    padding-left: 3px;
}

.actTab .ajax__tab_tab {
    height: 13px;
    padding: 3px 8px 6px 8px;
    margin: 0;
}

.actTab .ajax__tab_hover .ajax__tab_outer {
    background-image: url('../Img/tabbgover.gif');
    background-repeat: repeat-x;
}

.actTab .ajax__tab_hover .ajax__tab_inner {
}

.actTab .ajax__tab_hover .ajax__tab_tab {
}

.actTab .ajax__tab_active .ajax__tab_outer {
    height: 19px;
    border-bottom: solid 1px #fff;
    background-image: none;
}

.actTab .ajax__tab_active .ajax__tab_inner {
}

.actTab .ajax__tab_active .ajax__tab_tab {
}

.actTab .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid whitesmoke; /*border-top:0;*/
    padding: 8px;
    background-color: #ffffff; /*position:relative; top:-1px;*/
}

.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}

.building-relations {
    color: #333;
    margin: 8px 5px 8px 5px;
    text-align: center;
}

    .building-relations ul {
        list-style-type: none;
        margin: 0px;
    }

    .building-relations li {
        padding: 3px 0px 3px 0px;
    }

    .building-relations .sep {
        padding: 8px 0px 6px 0px;
    }

    .building-relations .current {
        font-size: 12px;
        font-weight: bold;
    }

.button,
.button:visited,
.buttonDisabled {
    background: none;
    border: solid 1px transparent;
    color: #333;
    text-decoration: none;
    padding: 3px;
}

    .button:hover {
        background-color: #D2E9F7;
        border: solid 1px #75AED6;
        color: #333;
        text-decoration: none;
    }

    .button img {
        padding-right: 5px;
    }

.ajaxLoadingTemplate {
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.7;
    cursor: wait;
}

#dialogPage #selection .text {
    padding-top: 5px;
    height: 40px;
    text-overflow: ellipsis;
    overflow-y: auto;
}

#loginPage #content .layout-table {
    color: #666;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    #loginPage #content .layout-table tr {
        vertical-align: middle;
    }

    #loginPage #content .layout-table .c1 {
        padding: 20px 50px 20px 0px;
    }

    #loginPage #content .layout-table .c2 {
        border-left: solid 1px #99AABC;
        padding: 20px 0px 20px 50px;
    }

.c3 {
        border-top: solid 1px #99AABC;
        padding: 10px 0px 0px 330px;
    }

.login .loginTitle {
    color: #333;
    font-size: 30px;
    padding-bottom: 40px;
    padding-top: 0px;
}

.login .lostPassword {
    color: #333;
    padding-top: 30px;
}

.login .failure {
    font-size: 10px;
    color: Red;
    padding-bottom: 5px;
}

.login .label {
    font-size: 11px;
    color: #333;
}

.login .textbox {
    font-size: 11px;
    color: #333;
}

.login .check .label {
    font-size: 10px;
}

.multipageZone1, .top-pane-views1 {
    width: 570px;
}

.multipageZone2, .top-pane-views2 {
    width: 400px;
}

.multipageZone3, .bottom-pane-views {
    width: 100%;
}

.msgBoxBackground {
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.7;
}

.msgBox,
.msgBoxWithTitle {
    background-color: #FFFFE1;
    border: solid 3px #94A6B9;
    margin: 20px;
}

.msgBoxWithTitle {
    background-image: url('../Img/msgBoxTitleBg.gif');
    background-repeat: repeat-x;
}

.msgBoxTitle {
    background-color: Transparent;
    padding: 6px 4px 6px 4px;
    color: White;
    font-weight: bold;
    height: 18px;
}

.msgBoxBody {
    padding: 10px;
}

.msgBoxIcon {
    padding: 0px 10px 0px 0px;
}

.msgBoxButtons {
    padding-top: 10px;
    text-align: center;
}

.propTable tr {
    height: 20px;
    vertical-align: top;
}

.propTable div {
    height: 20px;
    vertical-align: top;
    float: left;
}

.propTable .Divcol1 {
    color: #333;
    font-weight: bold;
    padding-right: 10px; 
    width:200px; 
    max-width:200px;  
}

.propTable .Divcol2 {
    width: 500px; 
    height:auto;
}

.propTable .col1 {
    color: #333;
    font-weight: bold;
    padding-right: 10px;    
}

.propTable .col2 {
    color: #333;
}

.propTable a {
    color: #549C00 !important;
}

.radView, .pane-view {
    padding: 10px 0px 5px 0px;
    position: relative;
    top: -1px;
}

.reportParam .item {
    padding: 3px 0px 3px 0px;
}

    .reportParam .item .label {
        height: 14px;
        display: inline-block;
    }

div.toolbar {
    padding: 5px 5px 0 0;
    text-align: left;
}

    div.toolbar .pageTitle {
        color: #4C84B8;
        font-size: 12px;
    }

table.toolbar {
    width: 100%;
}

    table.toolbar td {
        padding: 0;
    }

        table.toolbar td.left {
            vertical-align: middle;
        }

        table.toolbar td.right {
            padding-left: 5px;
            width: 50px;
        }

/* UpdateProgess */
.upgZone3 {
    background-color: #fff;
    height: 300px;
    margin-top: 25px;
    position: absolute;
    text-align: center;
    width: 960px;
    z-index: 55000;
}

    .upgZone3 img {
        padding-top: 10px;
    }

.bottom-pane-progress {
    height: 150px;
    padding-top: 75px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 55000;
}


.watermarked {
    background-color: #fff;
    border: 1px solid #7F9DB9; /*D4D8DF;color:#ECECEC;/*#999;padding:4px 0 4px 2px;*/
}

.clear {
    clear: both;
}

/* ------------------------------------------------------------------------- */
/* Alert editor styles                                                       */

.alert-editor {
    margin: 10px 5px 30px 10px;
}

    .alert-editor .header {
        border-bottom: solid 1px #efefef;
        padding-bottom: 10px;
    }

    /* The buttons OK and CANCEL */
    .alert-editor .buttons {
        float: right;
        margin: 10px 0px 10px 0px;
    }

        .alert-editor .buttons input {
            margin-left: 5px;
        }

    .alert-editor .error {
        clear: both;
        color: Red;
        margin: 0px 0px 10px 0px;
    }

    /* The property zone */
    .alert-editor .prop {
    }

.prop-header {
    color: #276c9d;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.prop-table {
    border-spacing: 0px;
    padding: 0px;
    width: 100%;
}

    .prop-table .first-row .col1,
    .prop-table .first-row .col2 {
        border-top: solid 1px #E4E4E4; /*#999;*/
    }

    .prop-table .col1,
    .prop-table .col2 {
        border-bottom: solid 1px #E4E4E4; /*#999;*/
        padding: 3px 0px 3px 0px;
    }

    .prop-table .noline .col1,
    .prop-table .noline .col2 {
        border-bottom: none;
        padding: 3px 0px 3px 0px;
    }

    .prop-table .col1 {
        color: #666;
        font-size: 11px;
        font-weight: bold;
        padding-right: 5px;
        width: 250px;
        min-height: 22px; /* IE 8 */
    }

        .prop-table .col1 .hint {
            margin-top: 5px;
        }

    .prop-table .col2 {
        padding-left: 5px;
        background-color: #F6F6F6; /* blue: #EEF3FA;*/
    }

    .prop-table tr {
        height: 22px; /* IE 7 */
        min-height: 22px;
        vertical-align: top;
    }

.hint {
    color: #666;
    font-size: 10px;
    font-weight: normal;
}

.option-table {
}

    .option-table tr {
        vertical-align: top;
    }

    .option-table .col1 {
        padding-top: 0px !important;
        width: 10px !important;
    }

    .option-table .col2 {
        padding: 5px 0px 5px 0px !important;
    }

input.activeonly {
    position: relative;
    left: 3px;
    top: 3px;
}

label.activeonly {
    position: relative;
    left: 3px;
}

.required {
    color: red;
    font-size: 11px;
    padding-left: 10px;
}

.error {
    color: red;
}

.pman-search {
    margin-bottom: 5px;
}

.pman-command {
    text-align: right;
    background-color: Transparent;
    margin: 5px;
}

.spmenu-box {
    background-image: url('../img/spmenu-downarrow.gif');
    background-position: right;
    background-repeat: no-repeat;
    border: solid 1px transparent; /*#FFF;*/
    line-height: 20px;
    padding: 4px 20px 4px 4px;
}

.spmenu-dropdown {
    border: solid 1px #999;
    background-color: #fff;
    background-image: url('../img/spmenu-dropdown-bg.jpg');
    background-repeat: repeat-y;
    position: absolute;
    text-align: left;
    top: -1000px;
    width: 310px;
    z-index: 10000;
}

.spmenu-items {
    padding: 2px;
}

.spmenu-sep {
    margin: 2px 4px 2px 49px;
    border-bottom: solid 1px #c5c5c5;
}

.spmenu-item .text,
.spmenu-item .desc {
    margin-left: 45px;
}

.spmenu-item .text {
    color: #000080;
    font-weight: bold;
}

.spmenu-item a:link, .spmenu-item a:visited {
    background: transparent;
    border: solid 1px transparent;
    color: #333;
    display: block;
    padding: 5px;
}

* html .spmenu-item a {
    width: 100%;
}

.spmenu-item a {
    color: #333;
    text-decoration: none;
}

    .spmenu-item a:hover {
        background-color: #FFF7D4;
        border: solid 1px #666;
        color: #333;
        text-decoration: none;
    }

.mandate-conditions h1,
.mandate-conditions h2,
.mandate-conditions h3 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

.mandate-conditions h1 {
    font-size: 14pt;
}

.mandate-conditions h2 {
    font-size: 11pt;
}

.mandate-conditions p {
}

.import-button {
    height: 24px;
    position: relative;
    top: -1px;
}

table.searchbox {
    border: 1px solid #aaaaaa; /*#7F9DB9;*/
}

    table.searchbox td.input {
        width: 100%;
    }

        table.searchbox td.input input {
            border: 0px;
            color: #333;
            padding: 3px 2px 3px 2px;
        }

    table.searchbox td.gobutton {
        padding-right: 2px;
    }

.section {
    padding: 10px;
}

    .section h1 {
        font-size: 14px;
        font-weight: normal;
    }

    .section h1, .doclib h2 {
        color: #549C00;
    }

    .section ul {
        padding: 0px;
        list-style: none;
    }

        .section ul li {
            padding: 0px;
            margin: 0px 0px 5px 0px;
        }

.search-page {
    margin: 10px 12px 10px 12px;
}

    .search-page .toolbar1 {
        float: left;
    }

    .search-page .toolbar2 {
        float: left;
        margin-left: 10px;
    }

        .search-page .toolbar2 .spmenu-box {
            position: relative;
            top: 2px;
        }

    .search-page .bookmarks-popup {
        background-color: #fff;
        border: solid 1px #cecece;
        max-height: 500px;
        margin-top: 2px;
        min-width: 200px;
        /*overflow-x:hidden; 
    overflow-y:auto; */
        padding: 5px;
        padding-right: 20px;
        visibility: hidden;
    }

        .search-page .bookmarks-popup ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }

            .search-page .bookmarks-popup ul li {
                line-height: 25px;
            }

    .search-page .search-result {
        border-top: solid 1px #ececec;
        margin: 10px 0px 10px 0px;
        padding-top: 10px;
    }

        .search-page .search-result .summary {
            font-size: 14px;
        }

            .search-page .search-result .summary .search-name {
                color: #4C84B8;
                font-size: 16px;
                margin-bottom: 5px;
            }

        .search-page .search-result .actions {
            margin: 15px 0px 5px 0px;
        }

    .search-page .search-result-items {
        margin-top: 15px;
    }

.browser-support {
    margin: auto !important;
    margin-bottom: 30px !important;
    width: 690px;
}

    .browser-support .warning-msg, .browser-support strong {
        font-size: 14px;
    }

table.generic-radcombo-itemtemplate,
table.generic-radcombo-headertemplate {
    width: 100%;
}

    table.generic-radcombo-itemtemplate tr,
    table.generic-radcombo-headertemplate tr {
        vertical-align: top;
    }

div.top-pane {
    margin-top: 10px;
    margin-bottom: 30px;
}

table.top-pane td.left {
    vertical-align: top;
}

table.top-pane td {
    padding: 0;
}

    table.top-pane td.right {
        padding-left: 10px;
        vertical-align: top;
    }

.bottom-pane-toolbar {
    clear: both;
    height: 27px;
    text-align: right;
}

    .bottom-pane-toolbar .search-box {
    }

    .bottom-pane-toolbar .actions {
        float: right;
        margin-top: 10px;
    }


/* emulate radtextbox style */
.textbox {
    border: solid 1px #abc1de;
    font-size: 12px;
    padding: 2px 2px 1px;
}

.no-padding {
    padding: 0 !important;
}

.no-spacing {
    border-spacing: 0;
}

.attrib-by-item-subtitle {
    color: #4C84B8;
    font-size: 16px;
    margin-bottom: 4px;
    padding-left: 5px;
}

.PanelComparaison {
    border: solid 1px #efefef; 
    max-height: 600px; 
    overflow: scroll;
}

.GroupListComparaison {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
    border-bottom-color: #BAE8FE;
}

.TitreGroupListComparaison {
    font-size: 15px;
    color: #4C84B8;
    font-weight: bold;
    border:none;
    clear:both;
}

.TitreStatusGroupListComparaison {
    font-size: 13px;
    font-weight: normal;
}

.HeaderListComparaison {
    float: left;
    padding-top: 5px;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
     /*border-style:solid;*/
}

.HeaderListComparaison span {
    font-weight: normal;
}

.RowListComparaison {
    width: 100%; 
    float: left;
    padding-top:5px;
    /*border-style:solid;*/
}

.BodyListComparaison {
    max-height:500px;    
}

.RowFournisseurListComparaison {
    width: 20%; 
    float:left;
    display: inline-block;
    vertical-align: middle;    
    line-height: 100%;   
    /*border-style:solid;*/
}

.RowNewValeurComparaison {
    color:red;
    font-weight: bold;
}

.RowOldValeurComparaison {
    color: gray;
    font-weight: bold;
    text-decoration: line-through;
}

.blocRepartition {
    float: left; 
    width: 700px;
    display:block;
    max-width:700px;
}

.HeaderRepartition {
    margin-bottom:10px; 
    font-weight:bold; 
    color: #4C84B8; 
    font-size: 14px; 
    text-align:center;
    width:100%;
}

.LibeleRepartition {
    width:100px; 
    float:left; 
    padding-top:5px;
    font-weight:bold;
}

.ChampRepartition {
    width:300px;
    float:left;
}

.ColComboPrincipal {
    vertical-align: middle; 
    width:50%;
}

.ColComboGac {
    vertical-align:middle; 
    width:5%;
}

.ColComboAction {
    width:auto; 
    padding-left:5px;
}

div.lowerSection {
    margin-top: 20px;
}