/* VALOPTIA CSS DOCUMENT RESPONSIVE STYLE FILE (C) 2016*/

html, body {
    background-color: #FFFFFF;
    border: 0px solid transparent;
    color: #666666;
    font-family: 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Arial', 'sans-serif';
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

img, object, embed, canvas, video, audio, picture {
    max-width: 100%;
    /*height: auto;*/
    margin-top: 0px;
}

a {
    color: #666666;
    text-decoration: none;
}

    a:active {
        color: #666666;
        text-decoration: none;
    }

    a:visited {
        color: #666666;
        text-decoration: none;
    }


    a:hover {
        font-weight: bold;
        text-decoration: none;
    }

    a[tabindex]:focus {
        color: #666666;
        text-decoration: none;
        outline: none;
    }


    a:link {
        text-decoration: none;
    }

.p0 {
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align:left;
}

.p0b {
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #666666;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
}

.pL {
    font-size: 9px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align: left;
}

.pLL {
    font-size: 7px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align: left;
}

.p1 {
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #FFFFFF;
    text-align: left;
}

.psc {
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #333333; /* DARK GREY */
    border-width: 1px;
    border-color: #333333;
    border-style: solid;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
}

.tsc {
    font-size: 9px;
    font-family: verdana, sans-serif;
    color: #FFFFFF; /* WHITE */
    border-width: 1px;
    border-color: #666666;
    border-style: solid;
    background-color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
}

.t0 {
    font-size: 16px;
    font-family: verdana, sans-serif;
    color: #666666; /* DARK GREY */
    text-align: left;
    /*border-width: 3px;
border-style: inset;
border-color: #BBBBBB;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;*/
}

.t1 {
    font-size: 20px;
    font-family: verdana, sans-serif;
    color: #9F2B20;
    border-width: 3px;
    border-style: inset;
    border-color: #BBBBBB; /* Grey */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
}

.t2 {
    font-size: 16px;
    font-family: verdana, sans-serif;
    color: #9F2B20;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
}

.t3 {
    font-size: 14px;
    font-family: verdana, sans-serif;
    color: #9F2B20;
    text-align: left;
}

.tm1 {
    font-size: 16px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align: left;
}

.tm2 {
    font-size: 14px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align: left;
}

.tm3 {
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #666666;
    text-align: left;
}

.tab_group {
    border-bottom: solid 2px #9F2B20; /* ligne Rouge Valoptia */
    padding-top: 1px; /* marge intérieure haute */
    padding-bottom: 2px; /* marge intérieure basse */
    text-align: left;
}

.tab { /* style des onglets inactifs */
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #FFFFFF; /* DARK GREY */
    border: solid 1px #BBBBBB; /* encadrement */
    margin: 1px 1px 0px 1px; /* marge extérieure */
    padding: 5px 1px 3px 1px;
    text-align:left;
}
/* marge intérieure */
a.tab { /* style des liens se trouvant dans un onglet inactif */
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #FFFFFF; /* DARK GREY */
    background-color: #BBBBBB; /* le fond de l'onglet est gris */
    text-decoration: none;
    text-align: left;
}
/* les liens ne sont pas soulignés */
.tab_selected { /* style de l'onglet de la page active */
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #FFFFFF; /* DARK GREY */
    border: solid 2px #9F2B20; /* l'encadrement est porté à 2 pixels */
    border-bottom: solid 5px #E4AF51; /* le trait inférieur est effacé */
    margin: 1px 1px 0px 1px; /* marge extérieure */
    padding: 5px 1px 3px 1px; /* marge intérieure */
    background-color: #9F2B20;
    text-align: left;
}
/* le fond de l'onglet actif est*/


.div_hide {
    display: none;
}

#div_show:target .div_hide {
    display: inline-block;
}

#div_show:target .div_show {
    display: none;
}

#div_show:target .working-area-column-1-of-3 {
    width: 33.33%;
    display: inline-block;
}

#div_hide:target .working-area-column-1-of-3 {
    width: 3%;
    display: inline-block;
}

#div_show:target .working-area-column-2-of-3 {
    width: 66.67%;
    display: inline-block;
}

#div_hide:target .working-area-column-2-of-3 {
    width: 97%;
    display: inline-block;
}

#div_show:target .cell-item {
    display: inline-block;
}

#div_hide:target .cell-item {
    display: none;
}

.td-middle {
    vertical-align: middle;
}

.Middle-Area {
    position: absolute;
    top: 103px;
    bottom: 32px;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: 10px;
}


.top-responsive-banner {
    display: none;
}

.panel {
    margin: 0px 0px 0px 0px;
    display: inline-block;
    height: 100%;
}

.icon_item {
    margin: 0px 0px 0px 0px;
    display: inline-block;
}

.left_icon_panel {
    margin: 0px 0px 0px 0px;
    display: inline-block;
    height: 100%;
}


.content_panel_25pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.content_panel_50pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.content_panel_75pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.content_panel_100pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
    text-align: left;
}

.right_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.right_panel_50pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.right_panel_75pct {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.center_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.center_large_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 30px;
    bottom: 26px;
}

.top_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
}

.content_panel {
    position: absolute;
    border-style: solid;
    border-width: thin;
    border-color: #AAAAAA;
    margin: 0px 0px 0px 0px;
    top: 22px;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

.bottom_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #EEEEEE;
}

.help_panel {
    position: absolute;
    border-style: none;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #EEEEEE;
}

.item-panel {
    margin: 0px 0px 0px 0px;
    display: inline-block;
}

.footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.table_header {
    position: absolute;
    top: 32px;
}

.table_content {
    position: absolute;
    top: 133px;
    bottom: 16px;
}

.Attribute_Icon {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #AAAAAA;
    height: 40px;
    width: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Attribute_Icon img{
    width: 30px;
    height: 30px;
}

.Attribute_Space {
    height: 8px;
    width: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}

.pla_year {
    font-size: 18px;
    font-family: inherit;
    color: #CCCCCC;
    padding: 1px 1px 4px 1px;
}

.pla_month {
    font-size: 14px;
    font-family: inherit;
    color: #E13F1D;
    padding: 1px;
}
.pla_lib {
    font-size: 10px;
    font-family: inherit;
    color: #666666;
    padding: 1px;
}

.pla_img {
    border-color: #444444;
    border-width: 5px;
    image-rendering: unset;
    max-height: 15px;
    height: 15px;
    background-color:brown;
    margin: 3px 3px 3px 3px;
}



.Scale {
    border-width: 1px !important;
    border-color: darkgray;
    border-top: hidden;
    border-bottom: solid;
    border-left: dotted;
    border-right: dotted;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    font-size: 8px;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
}

.Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
}

    .Button_Without_Border:active {
        border: none !important;
        outline: none !important;
    }

    .Button_Without_Border:focus {
        border: none !important;
        outline: none !important;
        font-weight: bold;
    }

    .Button_Without_Border:hover {
        cursor:pointer;
    }

.Button_Without_Border_Width_Margin {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    font-size: 12px;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: left;
    text-wrap: none;
    white-space: normal;
    padding: 0px 0px 0px 0px;
    width: 1280px;
}

    .Button_Without_Border_Width_Margin:focus {
        border: 0 !important;
        outline: none !important;
        background-color: #EEEEEE;
    }

    .Button_Without_Border_Width_Margin:active {
        border: 0 !important;
        outline: none !important;
    }

.Button_Without_Border_Width_Margin:hover {
    cursor: pointer;
    font-weight: bold;
}

.Button_Without_Border_Align_Right {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: right;
    white-space: normal;
}

    .Button_Without_Border_Align_Right:active {
        border: 0 !important;
        outline: none !important;
    }

    .Button_Without_Border_Align_Right:hover {
        cursor: pointer;
    }

.Button_Without_Border_Align_Left {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
}

    .Button_Without_Border_Align_Left:active {
        border: 0 !important;
        outline: none !important;
    }

    .Button_Without_Border_Align_Left:hover {
        cursor: pointer;
    }


.Button_Without_Border_Align_Center {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
}

    .Button_Without_Border_Align_Center:active {
        border: 0 !important;
        outline: none !important;
    }

    .Button_Without_Border_Align_Center:focus {
        border: 0 !important;
        outline: none !important;
        font-weight: bold;
    }

    .Button_Without_Border_Align_Center:hover {
        cursor: pointer;
        font-weight: bold;
    }



.Button_With_Margin_Align_Center {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #FFFFFF;
    margin: 5px 5px 5px 5px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: center;
    white-space: normal;
}

    .Button_With_Margin_Align_Center:active {
        border: 0 !important;
        outline: none !important;
    }

    .Button_With_Margin_Align_Center:focus {
        border: 0 !important;
        outline: none !important;
        font-weight: bold;
    }

    .Button_With_Margin_Align_Center:hover {
        cursor: pointer;
        font-weight: bold;
    }



.Button_With_Border {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #DDDDDD;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
}

    .Button_With_Border:active {
        border: 1px !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #DDDDDD;
        outline: none !important;
    }

    .Button_With_Border:hover {
        cursor: pointer;
    }

.Round_Button {
    border: 3px !important;
    border-style: solid !important;
    border-width: 3px !important;
    border-radius: 50%;
    background-color: #666666;
    width: 35px;
    height: 20px;
    color: #EEEEEE;
    font-size: 10px;
    text-align: center;
}

    .Round_Button:active {
        border: 1px !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #DDDDDD;
        outline: none !important;
    }

    .Round_Button:focus {
        border: 1px !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #DDDDDD;
        outline: none !important;
    }

    .Round_Button:hover {
        cursor: pointer;
    }

    .Attribute_Value {
    font-size: 14px;
    height: 20px;
    width: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
}


.Attribute_Type {
    font-size: 8px;
    font-style: italic;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #AAAAAA;
    height: 12px;
    width: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}


.Responsive_Menu_Item {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    font-family: inherit;
    background-color: #FFFFFF;
    color: #444444;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    width: 80%;
}

    .Responsive_Menu_Item:hover {
        cursor: pointer;
        font-weight: bold;
        background-color: #EEEEEE;
    }

.Alert_Panel {
    height: 20px;
    width: 80%;
    border: solid;
    border-width: 1px;
    border-color: #4d6471;
    background-color: #FFFFFF;
    vertical-align: central;
    align-self: center;
    color: #4d6471;
}

.Alert_Panel img {
    width:33px;
    height:20px;
}


table.Expense_Report_Table {
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
}
    table.Expense_Report_Table td {
        border-style: solid;
        border-width: 1px;
        border-spacing: 0px;
        margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
    }

table.Report_Table {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-spacing: 0px;
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
}


    table.Report_Table th {
        background-color: #DDDDDD;
        border-style: solid;
        border-width: 1px;
        border-color: #CCCCCC;
        border-spacing: 0px;
        margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
    }

    table.Report_Table td {
        border-style: solid;
        border-width: 1px;
        border-color: #CCCCCC;
        border-spacing: 0px;
        margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
    }


table.Object_Table {
    border-style: none;
    border-width: 0px;
    border-spacing: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    table.Object_Table td {
        border-style: none;
        border-width: 0px;
        border-spacing: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }


.Table_Row_Light {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    vertical-align:middle;
}

.APM_Cell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 3px;
}

.APM_Cell_Value {
    padding: 3px;
    font-family: inherit;
}


.Left_Title {
    padding: 3px;
    font-family: inherit;
    vertical-align: middle;
    text-align: left; 
}

.Center_Title {
    vertical-align: middle;
    text-align: center;
    align-content: center;
}

.css-treeview ul,
.css-treeview li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.css-treeview input {
    position: absolute;
    opacity: 0;
}

.css-treeview {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .css-treeview a {
        text-decoration: none;
    }

     

    .css-treeview input + label + ul {
        margin: 0 0 0 0;
    }

    .css-treeview input ~ ul {
        display: none;
    }

    .css-treeview label,
    .css-treeview label::before {
        cursor: pointer;
        opacity: 1.0;
    }

    .css-treeview input:disabled + label {
        cursor: default;
        opacity: 1.0;
    }

    .css-treeview input:checked:not(:disabled) ~ ul {
        display: block;
    }

    .css-treeview label,
    .css-treeview label::before {
        background: url('../img/Icon_Micro_Triangle_Right.png') no-repeat;
    }

        .css-treeview label,
        .css-treeview a,
        .css-treeview label::before {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            vertical-align: middle;
            margin: 0 0 0 0;
            background-position: 0 2px;
        }

            .css-treeview label::before {
                content: '';
                width: 25px;
                vertical-align: middle;
                margin: 0 0 0 0;
                background-position: 0 0;
            }

    .css-treeview input:checked + label::before {
        background: url('../img/Icon_Micro_Triangle_Down.png') no-repeat;
    }


    .Image_Icon img {
        margin: 1px 1px 1px 1px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        vertical-align: middle;
        width: 15px;
        height: 15px;
    }


.Label_Small_Italic {
    font-family: inherit;
    font-size: 10px;
    font-style: italic;
    height: 10px;
    vertical-align: middle;  
    margin-top: 3px;
    margin-left: 5px;
    margin-bottom: 2px;
}

.Label_Small_Italic_Red {
    font-family: inherit;
    font-size: x-small;
    font-style: italic;
    color: red;
}

.DropDownList {
    font-family: inherit;
    font-size: 10px;
    font-style: italic;
    height: 17px;
    border: 0 !important;
    border-width: 0px !important;
    border-color: white !important;
    outline: none !important;
    vertical-align: middle;
    text-align: right;
    text-align-last:right;
}

    .DropDownList:current {
        background-color: greenyellow;
    }

.TextBox_Without_Border {
    border: 0 !important;
    border-width: 0px !important;
    border-color: white !important;
    color: dimgrey;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    width: 100%;
    outline: none !important;
    text-align: left;
}

    .TextBox_Without_Border:focus {
        border-style: inset !important;
        border-width: 0px !important;
        border-color: white !important;
        outline: none !important;
        background-color: lightgrey;
    }

    .TextBox_Without_Border:active {
        border-style: inset !important;
        border-width: 0px !important;
        border-color: white !important;
        outline: none !important;
        background-color: lightgrey;
    }

    .TextBox_Without_Border::selection
    {
        color: white;
        background-color: dimgrey;
    }


.TextBox_With_Border {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: lightgray !important;
    color: #333333;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 250px;
    text-align: left;
}

    .TextBox_With_Border:focus {
        color: #333333;
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }

    .TextBox_With_Border:active {
        color: #333333;
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }


.TextBox_With_Border_Align_Right {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: lightgray !important;
    color: dimgrey;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 250px;
    text-align:right;
    padding: 4px;
}

    .TextBox_With_Border_Align_Right:focus {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }

    .TextBox_With_Border_Align_Right:active {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }



.TextBox_With_Border_Align_Center {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: #EEEEEE !important;
    color: #EEEEEE;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 250px;
    text-align: center;
    padding: 4px;
}

    .TextBox_With_Border_Align_Center:focus {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }

    .TextBox_With_Border_Align_Center:active {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
    }


.Small_TextBox_With_Border_Align_Center {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: #EEEEEE !important;
    color: #444444;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    padding: 0px;
}

    .Small_TextBox_With_Border_Align_Center:focus {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
        background-color: #EEEEEE;
    }

    .Small_TextBox_With_Border_Align_Center:active {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: darkgrey !important;
        outline: none !important;
        background-color: #EEEEEE;
    }




.Message_TextBox {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: #444444 !important;
    background-color: #EEEEEE !important;
    color: dimgrey;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    width: 90%;
}

    .Message_TextBox:focus {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: #222222 !important;
        outline: none !important;
    }

    .Message_TextBox:active {
        border-style: inset !important;
        border-width: 1px !important;
        border-color: #222222 !important;
        outline: none !important;
    }



.Mini_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    outline: none !important;
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    width: 33px;
    vertical-align: bottom;
}

    .Mini_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }

.Mini_Button_Without_Border:focus {
    background-color: #DDDDDD;
}

.Mini_Label_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    outline: none !important;
    font-family: inherit;
    font-size: x-small;
    font-style: italic;
    height: 20px;
    width: 33px;
    color: darkgray;
    background-color: #FFFFFF;
    text-align: left;
}

    .Mini_Label_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }

 
.Label_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    outline: none !important;
    font-family: inherit;
    font-size: 14px;
    color: dimgrey;
    background-color: #FFFFFF;
    text-align: left;
}

    .Label_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }

    .Label_Button_Without_Border:hover {
        cursor: pointer;
    }


.Item_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    outline: none !important;
    color: #FFFFFF;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 250px;
}

    .Item_Without_Border:active  {
        border: 0 !important;
        outline: none !important;
    }


.Item_Without_Border_Align_Center {
    border: 0 !important;
    border-style: inset !important;
    border-width: 1px !important;
    border-color: #EEEEEE !important;
    color: #444444;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}



.Menu_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    Height: 52px;
    Width: 80px;
}

    .Menu_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }


.Small_Menu_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    Height: 26px;
    Width: 40px;
}

    .Small_Menu_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }



.Small_Icon_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    Height: 30px;
    Width: 30px;
}

    .Small_Icon_Button_Without_Border:hover {
        cursor: pointer;
        border: 0 !important;
        outline: none !important;
    }

   .Small_Icon_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }

.Attribute_Row {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: grey !important;
    margin: 0px 0px 0px 0px;
}


.Icon_Button_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    Height: 50px;
    Width: 50px;
}

    .Icon_Button_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }


.Menu_Label_Without_Border {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px 0px;
    outline: none !important;
    Height: 20px;
    Width: 100%;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 11px;
}

    .Menu_Label_Without_Border:active {
        border: 0 !important;
        outline: none !important;
    }


.Label_With_Border_And_Margin {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #DDDDDD;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    outline: none !important;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 14px;
}

    .Label_With_Border_And_Margin:active {
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #DDDDDD;
    }


.Label_Without_Border {
    margin: 0px 0px 0px 0px;
    outline: none !important;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 14px;
    vertical-align: middle;
}

.Label_Without_Border {
    border-style: none !important;
    border-width: 0px !important;
    border-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: none !important;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 11px;
    align-content:center;
    vertical-align:middle;
    text-align:center;
}

.Label_With_Border {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #DDDDDD;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: none !important;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 14px;
}

    .Label_With_Border:active {
        border-style: solid !important;
        border-width: 1px !important;
        border-color: #DDDDDD;
    }


.Ticket_Panel {
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    border-color: #B63030;
    border-style: ridge;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: 'Courier New';
    width: 100%;
    align-content: center;
    vertical-align: middle;
}


.Log {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: none !important;
    border-color: #FFFFFF;
    border-style: none;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: 'Courier New';
    font-size: 13px;
    width: 95%;
    text-align: left;
}

.Ticket {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: none !important;
    border-color: #FFFFFF;
    border-style: none;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: 'Courier New';
    font-size: 13px;
    width: 95%;
    align-content: center;
    vertical-align: middle;
}

    .Ticket:focus {
        background-color: #EEEEEE;
    }

.Ticket_Item_Title {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    border-top-color: #FFFFFF;
    border-bottom-color: #B63030;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: dimgray;
    background-color: #FFFFFF;
    font-family: 'Courier New';
    font-size: 13px;
    width: 90%;
    align-content: center;
    vertical-align: middle;
}

.Back_Screen {
    height: 80%;
    vertical-align:middle;
    align-content:center;
}

.banner_panel {
    margin: 0px 0px 0px 0px;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}



.layout-main {
    height: 100%;
    margin: 0px 0px 0px 0px;
    min-height: 100%;
    width: 100%;
}

.border {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.border-cell {
    display: inline-block;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #666666;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.logo {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 180px;
    height: 92px;
    vertical-align: top;
}

    .logo .logo-item {
        margin: 4px 10px 4px 4px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        vertical-align: middle;
    }

        .logo .logo-item img {
            margin: 1px 1px 1px 1px;
            padding: 1px 1px 1px 1px;
            text-align: center;
            width: 160px;
            height: 40px;
        }


.logo2 {
    display: none;
}


.footer2 {
    display: none;
}



.menu {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 1004px;
    height: 92px;
    vertical-align: top;
}

    .menu .menu-border {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        vertical-align: top;
    }

    .menu .menu-item {
        border-style: none !important;
    border-color: inherit !important;
    border-width: 0 !important;
    display: inline-block;
        width: 100px;
        height: 92px;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
        outline: none;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    .menu .menu-item img {
        height: 52px;
        width: 80px;
        border: 0 !important;
        outline: none !important;
    }





.title {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 300px;
    height: 92px;
    vertical-align: top;
}

    .title .title-item {
        margin: 4px 10px 4px 10px;
        font-size: 19px;
        text-align: right;
    }

    .title .title-update {
        margin: 4px 4px 4px 10px;
        font-size: 14px;
        font-style: italic;
        text-align: right;
    }


.logout {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 92px;
    vertical-align: top;
}

    .logout .logout-border {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        vertical-align: top;
    }

    .logout .logout-item {
        border-style: none !important;
        border-color: inherit !important;
        border-width: 0 !important;
        display: inline-block;
        width: 100px;
        height: 92px;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
        outline: none;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .logout .logout-item img {
            height: 26px;
            width: 40px;
            border: 0 !important;
            outline: none !important;
        }



.title2 {
    display: none;
}

.working-area {
    position: absolute;
    top: 100px;
    bottom: 46px;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: 10px;
}

.working-area-chart {
    position: absolute;
    top: 92px;
    bottom: 55px;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: scroll;
    margin-left: 10px;
}

.chart-row {
    display: inline-block;
    width: 100%;
}

.chart-column {
    vertical-align: top;
    display: inline-block;
}

.chart-box {
    width: 300px;
    vertical-align: top;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDDDDD;
}

.chart-box-selected {
    width: 300px;
    vertical-align: top;
    display: inline-block;
    margin: 0px 10px 0px 10px;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #666666;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #666666;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDDDDD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;
}

.chart-box-icon {
    width: 40px;
    vertical-align: middle;
    display: inline-block;
    margin: 2px 2px 2px 2px;
}

    .chart-box-icon img {
        height: 36px;
        width: 36px;
    }

.chart-box-text {
    width: 252px;
    vertical-align: middle;
    display: inline-block;
    margin: 2px 2px 2px 2px;
    text-align: left;
}

.chart-box-bottom {
    width: 300px;
    vertical-align: top;
    display: inline-block;
}

    .chart-box-bottom img {
        height: 36px;
        width: 36px;
    }

.working-area-row {
    width: 100%;
}

.working-area-column-1-of-1 {
    vertical-align: top;
    width: 100%;
    display: inline-block;
}

.working-area-column-1-of-2 {
    vertical-align: top;
    width: 50%;
    display: inline-block;
}

.working-area-column-1-of-3 {
    vertical-align: top;
    width: 33.33%;
    display: inline-block;
}

.working-area-column-2-of-3 {
    vertical-align: top;
    width: 66.67%;
    display: inline-block;
}

.working-area-cell {
    vertical-align: top;
    width: 95%;
}

.cell-title {
    font-size: 10px;
    margin: 4px 4px 4px 4px;
    font-style: italic;
    text-align: left;
}

.cell-item {
    font-size: 14px;
    margin: 4px 4px 4px 4px;
    text-align: left;
}

.cell-item-axe-list {
    font-size: 14px;
    height: 120px;
    margin: 4px 4px 4px 4px;
    text-align: left;
}

.cell-item img {
    margin: 0px 4px 0px 4px;
    height: 25px;
    width: 25px;
}

.cell-small-item {
    font-size: 11px;
    margin: 2px 2px 2px 2px;
    text-align: left;
}

    .cell-small-item img {
        margin: 0px 4px 0px 2px;
        height: 20px;
        width: 20px;
    }

.cell-item-selected {
    font-size: 14px;
    margin: 4px 4px 4px 4px;
    text-align: left;
    background-color: #EEEEEE;
}

    .cell-item-selected img {
        margin: 0px 4px 0px 4px;
        height: 14px;
        width: 14px;
    }

.cell-item-title {
    font-size: 19px;
    font-weight: bold;
    margin: 4px 4px 4px 4px;
    text-align: left;
}

    .cell-item-title img {
        margin: 0px 4px 0px 4px;
        height: 19px;
        width: 19px;
    }

.cell-item-field-icon-axes {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 4px 0px 4px;
    text-align: left;
}

    .cell-item-field-icon-axes img {
        height: 28px;
        width: 28px;
    }

.cell-item-field-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 4px 0px 4px;
    text-align: left;
}

    .cell-item-field-icon img {
        height: 28px;
        width: 28px;
    }

.cell-item-field-big-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 4px 0px 4px;
    text-align: left;
}

    .cell-item-field-big-icon img {
        height: 42px;
        width: 42px;
    }

.cell-item-field-title {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 4px 7px 4px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-style: italic;
}

.cell-item-field-text {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 4px 7px 4px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.cell-item-field-line {
    margin: 2px 4px 2px 4px;
    width: 100%;
    height: 1px;
    text-align: left;
    background-color: #EEEEEE;
}

.zone-bloc {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0px 2px 0px;
    width: 100%;
    height: 5px;
    background-color: #CCCCCC;
}

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.5;
    moz-opacity: 0.5;
}

#modalprogress {
    position: absolute;
    top: 40%;
    left: 50%;
    color: #990000;
    font-weight: bold;
    font-size: 14px;
}





















@media screen and (max-width: 640px) and (min-width: 321px) {
    .layout-main {
        margin: 0px 0px 0px 0px;
        min-height: 100%;
        width: 100%;
    }

    .top-banner {
        display: none;
        position: relative;
        width: 100%;
    }

    .top-responsive-banner {
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .zone-bloc {
        display: inline-block;
        position: relative;
        margin: 2px 0px 2px 0px;
        width: 100%;
        height: 5px; 
    }

    .Middle-Area {
        display: inline-block;
        position: relative;
        top: unset;
        bottom: unset;
        width: 100%;
        height: 700px;
        margin-left: 10px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .banner_panel {
        display: inline-block;
        position: relative;
        width: 100%;
        margin: 0px 0px 0px 0px;
        margin-bottom: 5px; 
    }

    .footer {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0; 
    }

    .content_panel_100pct {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .content_panel_75pct {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .content_panel_50pct {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .content_panel_25pct {
        display: inline-block;
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        top: unset;
        bottom: unset;
        height: 350px;
    }

    .right_panel {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .right_panel_50pct {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .right_panel_75pct {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .center_panel {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    .center_large_panel {
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width: 800px) and (min-width: 641px) {
    .content_panel_100pct {
        left: 0px;
        width: 635px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 471px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 313px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 154px;
    }

    .right_panel {
        left: 476px;
        width: 154px;
    }

    .right_panel_50pct {
        left: 318px;
        width: 313px;
    }

    .right_panel_75pct {
        left: 159px;
        width: 471px;
    }

    .center_panel {
        left: 318px;
        width: 154px;
    }

    .center_large_panel {
        left: 159px;
        width: 313px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 801px) {
    .content_panel_100pct {
        left: 0px;
        width: 795px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 591px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 393px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 194px;
    }

    .right_panel {
        left: 596px;
        width: 194px;
    }

    .right_panel_50pct {
        left: 398px;
        width: 393px;
    }

    .right_panel_75pct {
        left: 199px;
        width: 591px;
    }

    .center_panel {
        left: 398px;
        width: 194px;
    }

    .center_large_panel {
        left: 199px;
        width: 393px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .content_panel_100pct {
        left: 0px;
        width: 1019px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 759px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 505px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 250px;
    }

    .right_panel {
        left: 764px;
        width: 250px;
    }

    .right_panel_50pct {
        left: 510px;
        width: 505px;
    }

    .right_panel_75pct {
        left: 255px;
        width: 759px;
    }

    .center_panel {
        left: 510px;
        width: 250px;
    }

    .center_large_panel {
        left: 255px;
        width: 505px;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1281px) {
    .content_panel_100pct {
        left: 0px;
        width: 1275px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 951px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 633px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 314px;
    }

    .right_panel {
        left: 956px;
        width: 314px;
    }

    .right_panel_50pct {
        left: 638px;
        width: 633px;
    }

    .right_panel_75pct {
        left: 319px;
        width: 951px;
    }

    .center_panel {
        left: 638px;
        width: 314px;
    }

    .center_large_panel {
        left: 319px;
        width: 633px;
    }
}

@media screen and (max-width: 1536px) and (min-width: 1441px) {
    .content_panel_100pct {
        left: 0px;
        width: 1435px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 1071px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 713px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 354px;
    }

    .right_panel {
        left: 1076px;
        width: 354px;
    }

    .right_panel_50pct {
        left: 718px;
        width: 713px;
    }

    .right_panel_75pct {
        left: 359px;
        width: 1071px;
    }

    .center_panel {
        left: 718px;
        width: 354px;
    }

    .center_large_panel {
        left: 359px;
        width: 713px;
    }
}

@media screen and (max-width: 1680px) and (min-width: 1537px) {
    .content_panel_100pct {
        left: 0px;
        width: 1531px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 1143px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 761px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 378px;
    }

    .right_panel {
        left: 1148px;
        width: 378px;
    }

    .right_panel_50pct {
        left: 766px;
        width: 761px;
    }

    .right_panel_75pct {
        left: 383px;
        width: 1143px;
    }

    .center_panel {
        left: 766px;
        width: 378px;
    }

    .center_large_panel {
        left: 383px;
        width: 761px;
    }
}

@media screen and (max-width: 2560px) and (min-width: 1681px) {
    .content_panel_100pct {
        left: 0px;
        width: 1675px;
    }

    .content_panel_75pct {
        left: 0px;
        width: 1251px;
    }

    .content_panel_50pct {
        left: 0px;
        width: 833px;
    }

    .content_panel_25pct {
        left: 0px;
        width: 414px;
    }

    .right_panel {
        left: 1256px;
        width: 414px;
    }

    .right_panel_50pct {
        left: 838px;
        width: 833px;
    }

    .right_panel_75pct {
        left: 419px;
        width: 1251px;
    }

    .center_panel {
        left: 838px;
        width: 414px;
    }

    .center_large_panel {
        left: 419px;
        width: 833px;
    }
}

.NonVisibleTable {
    background-color: inherit;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border: none !important;
}


.Window_Menu_Panel {
    width: 150px;
    height: 30px;
    margin-left: 5px;
    margin-top: 2px;
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-color: #DDDDDD;
    border-right-width: 1px;
}


.Window_Menu {
    font: inherit;
    font-size: 13px;
    background-color: #FFFFFF;
    width: 150px;
    height: 30px;
    border: none;
    padding-left: 30px;
    text-align: left;
}

    .Window_Menu:hover {
        font-weight: bold;
        background-color: #EEEEEE;
        cursor: pointer;
    }

    .Window_Menu:active {
        border: 0 !important;
        outline: none !important;
    }

    .Window_Menu:focus {
        border: 0 !important;
        outline: none !important;
    }

.Window_Menu_ImageButton {
    position: relative;
    bottom: 24px;
    left: 5px;
    width: 20px;
    background-color: none;
}

    .Window_Menu_ImageButton:active {
        border: 0 !important;
        outline: none !important;
    }

    .Window_Menu_ImageButton:focus {
        border: 0 !important;
        outline: none !important;
    }



.Window_Panel_Top_Banner_Table {
    border-radius: 3px;
    color: #666666;
    font: inherit;
    font-size: 18px;
    font-weight: bold;
    padding-left: 0px;
}

.Window_Top_Banner_Icon {
    height: 30px;
    width: 30px;
    background-color: inherit;
    vertical-align: middle;
    margin-left: 0px;
}



.Month_Calendar_Panel {
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.Month_Calendar_Title_Cell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;
    background-color: #FFFFFF;
    font: inherit;
    font-size: 10px;
    font-style:italic;
    font-weight : bold;
    text-align: left;
    height: 15px;
    vertical-align: middle;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 3px 3px 3px !important;
}


.Month_Calendar_Cell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;
    background-color: #FFFFFF;
    font: inherit;
    font-size: 9px;
    text-align: left;
    height: 70px;
    vertical-align: top;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 3px 3px 3px !important;
}

.Calendar_Period_Panel {
    position: relative;
    height: 54px;
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
}


.Calendar_Period_Label {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 20px;
    background: none;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    border: none;
}

.Calendar_Period_Button {
    position: absolute;
    top: 0px;
    bottom : 0px;
    left : 0px;
    right : 25px;
    width: 85%;
    background: none;
    border: none;
}

    .Calendar_Period_Button:hover {
        outline: none !important;
        cursor: pointer;
    }

    .Calendar_Period_Button:focus {
        outline: none !important;
    }
    .Calendar_Period_Button:active {
        outline: none !important;
    }


.Calendar_Period_SubMenu_Button {
    position: absolute;
    top: 0px;
    height: 22px;
    width: 22px;
    right: 0px;
    background: none;
    border: none;
}

    .Calendar_Period_SubMenu_Button:hover {
        outline: none !important;
        cursor: pointer;
    }

    .Calendar_Period_SubMenu_Button:focus {
        outline: none !important;
    }

    .Calendar_Period_SubMenu_Button:active {
        outline: none !important;
    }



.Calendar_Period_SubMenu  {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: -20px;
    width: 200px;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    vertical-align: middle;
    font-size: 11px;
    box-shadow: 30px 30px 30px #111;
}

    .Calendar_Period_SubMenu img {
        position: absolute;
        left: 5px;
        width: 20px;
        height: 20px;
    }

    .Calendar_Period_SubMenu li {
        width: 200px;
        background-color: #EEEEEE; 
        text-align:left;
        padding-left: 30px;
    }

.Tree {
    background-color: #FFFFFF;
    font: inherit;
    font-size: 11px;
    color: #444444;
    width: 100%;
}

    .Tree img {
        height: 15px;
        margin-left: 5px;
        margin-right: 5px;
    }

.TreeNode {
    background-color: #FFFFFF;
    font: inherit;
    height: 20px;
    color: inherit;
    margin-left: 5px;
    margin-right: 10px;
    min-width: 250px !important;
}

    .TreeNode:hover {
        background-color: #EEEEEE;
        text-decoration-color: #EEEEEE;
    }


.TreeSelectedNode {
    background-color: #444444;
    font: inherit;
    height: 20px;
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 10px;
}