html, body, form {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    background-repeat: repeat-x;
    background-position: center -28px;
    background-color: #FFFFFF;
    font-family: Verdana;
}

/*****************************
    Main Table styles
******************************/

.MainTable {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.CenterItem {
    margin-left: auto;
    margin-right: auto;
}

.SubTable {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.TopTable {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}

/*****************************
    FormView Styles
******************************/
.FormView {
    text-align: left;
    font-size: 10px;
    font-family: Verdana;
    padding: 5px;
}

.FormViewComment {
    font-size: 10px;
}

.FormViewControlFontBold {
    font-family: Verdana;
    font-size: 10px;
    font-weight: 600;
}

.FormViewControl {
    font-family: Verdana;
    font-size: 10px;
}

.txt-no-resize {
    resize:none;
}

/*****************************
    GridView Styles
******************************/
.GridViewHalf {
    width: 400px;
}

.GridView {
    width: 800px;
}

/*Grid view header*/
.GridViewHeader {
    font-family: Verdana;
    font-size: 10px;
    color: White;
    background-color: #001E32;
}

    .GridViewHeader a {
        text-decoration: underline;
        font-family: Verdana;
        font-size: 10px;
        color: White;
    }

.GridViewHeaderRowTable {
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.GridViewHeaderControl {
    font-family: Verdana;
    font-size: 10px;
    width: 85%;
}

.GridViewHeaderScroll {
    font-family: Verdana;
    font-size: 10px;
    color: White;
    background-color: #001E32;
    position: relative;
    z-index: 10;
    top: expression(this.offsetParent.scrollTop-4);
}

    .GridViewHeaderScroll a {
        text-decoration: underline;
        font-family: Verdana;
        font-size: 10px;
        color: White;
    }

/*Grid view header denying the header to be displayed on two rows*/
.GridViewColumnHeaderNoWrap {
    font-family: Verdana;
    font-size: 10px;
    color: White;
    background-color: #001E32;
    white-space: nowrap;
}

    .GridViewColumnHeaderNoWrap a {
        font-family: Verdana;
        font-size: 10px;
        color: White;
        background-color: #001E32;
        white-space: nowrap;
    }

/*Grid view row denying the row to be displayed on two rows*/
.GridViewColumnNoWrap {
    white-space: nowrap;
    padding: 0 5px 0 5px;
}

.GridViewColumnNoWrapNoImage {
    white-space: nowrap;
    padding: 2px 3px 5px 2px;
}

.GridViewColumnNoWrapCenter {
    white-space: nowrap;
    padding: 0 5px 0 5px;
    text-align: center;
}

.GridViewColumnNoWrapLeft {
    white-space: nowrap;
    padding: 0 5px 0 5px;
    text-align: left;
}

/*Style for the grid view row, selected row*/
.GridViewAlternatingRow {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
    background-color: #FFFACD;
}

.GridViewSelectedRow {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
    background-color: #C8E9FF;
}

.GridViewRow {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
}

    .GridViewRow:hover {
        font-family: Verdana;
        font-size: 10px;
        color: #001E32;
        background-color: #C8E9FF;
        cursor: pointer;
    }

.GridViewRowNoHover {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
}

.GridViewControlFont {
    font-family: Verdana;
    font-size: 10px;
}

.GridViewControlFontCenter {
    font-family: Verdana;
    font-size: 10px;
    text-align: Center;
}

.GridViewControlFontLeft {
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
}

.GridViewControlFontColored {
    background-color: #E9FAFF;
    font-family: Verdana;
    font-size: 10px;
}

.GridViewButton {
    font-family: Verdana;
    font-size: 10px;
    width: 60px;
}

.GridViewPager {
    font-family: Verdana;
    font-size: smaller;
    text-align: left;
}

.GridViewRowFooter {
    font-family: Verdana;
    font-size: x-small;
    color: #001E32;
}

.GridViewFieldEditHighlight {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
    background-color: GrayText;
}

.GridViewWarningMessage {
    font-family: Verdana;
    font-size: 10px;
    color: #001E32;
    background-color: Yellow;
}

.GridViewCustomValidator {
    position: relative;
    margin-left: -200px;
    margin-top: -80px;
}

    .GridViewCustomValidator div {
        border: solid 1px Black;
        background-color: #FFFACD;
        position: relative;
    }

    .GridViewCustomValidator td {
        border: solid 1px Black;
        background-color: #FFFACD;
    }

    .GridViewCustomValidator .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: Transparent;
        padding: 0px;
    }

    .GridViewCustomValidator .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: Transparent;
        padding: 0px;
    }

    .GridViewCustomValidator .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: Transparent;
        padding: 0px;
    }

    .GridViewCustomValidator .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: Transparent;
        padding: 0px;
    }

    .GridViewCustomValidator .ajax__validatorcallout_callout_table_row {
        background-color: Transparent;
        padding: 0px;
        border: none;
    }

    .GridViewCustomValidator .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: Transparent;
    }

        .GridViewCustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: Transparent;
            padding: 0px;
        }

            .GridViewCustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                border-left: none;
                padding: 0px;
                margin-left: auto;
            }

    .GridViewCustomValidator .ajax__validatorcallout_error_message_cell {
        font-family: Verdana;
        font-size: 10px;
        padding: 5px;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .GridViewCustomValidator .ajax_validatorcallout_icon_cell {
        width: 20px;
        padding: 5px;
        border-right: none;
        border-left: none;
    }

    .GridViewCustomValidator .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        border-left: none;
        border-right: 1px;
    }

        .GridViewCustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }

/*****************************
    CalendarExtended Styles
******************************/
.CalendarExtended .ajax__calendar_container {
    border: 1px solid #001E32;
    background-color: White;
    z-index: 100;
}

.CalendarExtended .ajax__calendar_header {
    background-color: #001E32;
    color: White;
    border-color: #001E32;
}

.CalendarExtended .ajax__calendar_next, .CalendarExtended .ajax__calendar_prev {
    background-color: #C8E9FF;
}

.CalendarExtended .ajax__calendar_footer {
    background-color: #001E32;
    color: White;
}

.CalendarExtended .ajax__calendar_dayname {
    border-bottom: 1px solid Silver;
}

.CalendarExtended .ajax__calendar_days {
    color: Black;
    font-weight: normal;
}

.CalendarExtended .ajax__calendar_day {
    color: Black;
    font-weight: normal;
}

.CalendarExtended .ajax__calendar_month {
    color: Black;
    font-weight: normal;
}

.CalendarExtended .ajax__calendar_year {
    color: Black;
    font-weight: normal;
}

.CalendarExtended .ajax__calendar_other .ajax__calendar_day {
    color: Gray;
}

/*******************************
    ModalPopup Extended Styles
********************************/
.modalBackground {
    background-color: #b9b9b9;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: White;
    border-width: 2px;
    border-color: #001E32;
    border-style: solid;
    padding: 10px;
    font-size: 10px;
    text-align: left;
}

.modalTitle {
    background-image: url("/images/button_back.jpg");
    font-size: 14px;
    border: solid 1px Gray;
    color: White;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    width: 100%;
    font-family: Verdana;
}

/***************************
    Update progress
****************************/

.UpdateProgressModal {
    background-color: Transparent;
    border-style: none;
    color: Black;
    position: absolute;
}

.UpdateProgressBackground {
    background-color: White;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

/***************************
    Other styles
****************************/

.bulletedList {
    background-color: White;
    text-align: left;
    padding: 10px;
    font-size: 10px;
}

    .bulletedList li {
        margin: 10px;
    }

.checkListBox input {
    float: left;
}

.checkListBox Label {
    float: left;
}

.checkListBox td {
    text-align: left;
    vertical-align: top;
}

.checkListBox {
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
}

.imageButton {
    width: 16px;
    height: 16px;
}

.menuBarLink {
    font-size: 11px;
    color: #a4e5bd;
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
}

    .menuBarLink a:hover {
        font-size: small;
        color: White;
        text-decoration: none;
        text-align: right;
        padding-bottom: 1px;
    }

.copyright {
    font-size: x-small;
    color: #0077c6;
}

.MainTablePageContent {
    width: 960px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}

.RolesListBox {
    width: 160px;
    height: 280px;
    border-color: #001e32;
    font-size: small;
    vertical-align: top;
}

.SiteMapPath {
    color: #001e32;
    font-size: small;
}

.MainTitleText {
    font-size: 20px;
    text-align: left;
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 5px;
    color: #001e32;
}

.Button {
    font-size: small;
    font-family: Verdana;
    width: 150px;
    height: 25px;
    text-align: center;
}

.ButtonArrow {
    font-size: smaller;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
}

.Menu {
    position: relative;
    z-index: 123;
}

.MenuItem {
    background-color: Transparent;
    background-image: url("/images/MenuNormal.png");
    background-repeat: repeat-x;
    color: White;
    font-size: 11px;
    font-weight: bold;
    width: 157px;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .MenuItem:hover {
        background-image: url("/images/MenuRollOver.png");
    }

    .MenuItem a {
        padding-top: 7px;
        box-sizing: border-box;
    }

.MenuItemSelected {
    background-color: Transparent;
    background-image: url("/images/MenuActive.png");
    background-repeat: repeat-x;
    color: #031E2F;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    width: 157px;
    text-align: center;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .MenuItemSelected:hover {
        color: White;
        background-image: url("/images/MenuRollOver.png");
    }

.SousMenuItem {
    background-color: Transparent;
    background-image: url("/images/SousMenuNormal.png");
    background-repeat: repeat-x;
    color: White;
    font-size: 11px;
    font-weight: bold;
    width: 157px;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .SousMenuItem td img {
        margin-top: -5px;
        margin-left: -15px;
    }

    .SousMenuItem a {
        padding-top: 7px;
        box-sizing: border-box;
    }

    .SousMenuItem:hover {
        background-image: url("/images/SousMenuRollOver.png");
    }

.SousMenuItemSelected {
    background-color: Transparent;
    background-image: url("/images/SousMenuActive.png");
    background-repeat: repeat-x;
    color: #031E2F;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    width: 157px;
    text-align: center;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .SousMenuItemSelected:hover {
        color: White;
        background-image: url("/images/SousMenuRollOver.png");
    }

.DynamicSousMenuItem {
    background-color: Transparent;
    background-image: url("/images/MenuDeroulant.png");
    background-repeat: repeat-x;
    border-spacing: 0px;
    color: #031E2F;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    width: 230px;
    text-align: left;
    padding-left: 3px;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .DynamicSousMenuItem td img {
        margin-top: -5px;
        margin-left: -15px;
    }

    .DynamicSousMenuItem table {
        border-spacing: 0px;
    }

    .DynamicSousMenuItem a {
        padding-top: 7px;
        box-sizing: border-box;
    }

    .DynamicSousMenuItem:hover {
        background-image: url("/images/MenuDeroulantRollOver.png");
    }

.DynamicSousMenuItemSelected {
    background-color: Transparent;
    background-image: url("/images/SousMenuActive.png");
    background-repeat: repeat-x;
    border-spacing: 0px;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    width: 230px;
    text-align: left;
    padding-left: 3px;
    border-width: 0px;
    border-style: none;
    display: block;
}

    .DynamicSousMenuItemSelected:hover {
        background-image: url("/images/MenuDeroulantRollOver.png");
    }

.InstructionTitle {
    color: #001E32;
    font-weight: bold;
    font-size: small;
    text-align: right;
}

.InstructionText {
    color: #001E32;
    text-align: right;
    font-weight: normal;
    font-size: smaller;
    font-style: italic;
}

.InstructionPanel {
    background-color: #C8E9FF;
    text-align: right;
}

.InstructionPanelLeft {
    background-color: #C8E9FF;
    text-align: left;
}

.errorText {
    font-size: 12px;
    color: Red;
    font-style: italic;
    text-align: center;
    vertical-align: bottom;
    height: 15px;
}

.validText {
    font-size: 12px;
    color: Green;
    font-style: italic;
    text-align: center;
    vertical-align: bottom;
    height: 15px;
}

.accessRulesTree {
    border-style: ridge;
    border-width: 0px;
    border-color: #001E32;
    text-align: left;
    font-family: Verdana;
    font-size: small;
}

.TreeSelected {
    color: #001E32;
    font-weight: bold;
    pointer-events: none;
    cursor: default;
}

.TreeHover {
    text-decoration: underline;
}

.TreeBranch {
    color: #001E32;
}

.accessRulesTitle {
    background-color: #C8E9FF;
    padding-left: 5px;
    text-align: left;
    color: #001E32;
    font-size: small;
    font-family: Verdana;
}

.TreeViewPanel {
    background-color: Window;
    border-style: ridge;
}

.AccessRulesText {
    color: #001E32;
    font-size: small;
    font-family: Verdana;
}

/* projectCreation */
#divcontent {
    padding: 10px 10px 10px 10px;
}

fieldset {
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

    fieldset legend {
        color: #0077C6;
        font-size: 1.2em;
    }

.tooltipQuestionMark {
    margin-left: 3px;
}

.AddUserEntityFilterDiv table {
    margin-bottom: -10px;
}

.CopyButton {
    width: 16px;
    vertical-align: middle;
}
/*
#C8E9FF bleue light
#DFF2FF to test
#001E32  body background
#007AC9  Other background
BlueText #0077c6
#FDC82F  Written
#
*/

.tos-text {
    font-size: small;
}

.tos-cb > input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.font-big {
    font-size:14px;
    padding-left:20px;
}