/*This CSS file overrides the style.css of the main project, so either the styles that are the same have to be removed, or made to be identical to the style.css.*/

/* Theme Settings*/
:root {
    --security-text-font: arial;
    --security-text-large: 12pt;
    --security-text-medium: 10pt;
    --security-text-small: 8pt;
    /***********************************************/
    --security-form-background: #F0F0F0;
    --security-form-gradient: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#E0E0E0);
    --security-form-textColor: #000000;
    --security-form-borderColor: #808080;
    /***********************************************/
    --security-control-background: #004080;
    --security-control-gradient: linear-gradient(#004080,#004080,#002040);
    --security-control-textColor: #FFFFFF;
    --security-control-borderColor: #003060;
    --security-control-background-hover: #F0F0F0;
    --security-control-TextColor-hover: #000000;
    /***********************************************/
    --security-menu-background: #004080;
    --security-menu-gradient: linear-gradient(#004080,#004080,#004080,#002040);
    --security-menu-textColor: #FFFFFF;
    --security-menu-background-hover: #FFFFFF;
    --security-menu-textColor-hover: #203040;
    /***********************************************/
    --security-gridHeader-background: #004080;
    --security-gridHeader-gradient: linear-gradient(#004080,#004080,#004080,#002040);
    --security-gridHeader-textColor: #FFFFFF;
    --security-gridHeader-borderColor: #003060;
    /***********************************************/
    --security-gridPager-background: #C0C0C0;
    --security-gridPager-gradient: linear-gradient(#C0C0C0, #F0F0F0, #FFFFFF, #E0E0E0, #C0C0C0);
    --security-gridPager-textColor: #000000;
    --security-gridPager-borderColor: #404040;
    --security-gridPager-background-selected: #FFFFFF;
    --security-gridPager-TextColor-selected: #000000;
}

/*Standard Control Styles*/
body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
}

img /*applies to all standard images without a CSSClass property*/ {
    border-width: 0px;
}

a:link, a:visited {
    color: #0066CC;
    text-decoration: underline;
}

a:hover, a:active {
    color: #666666;
    text-decoration: underline;
}

h3 {
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: 12pt;
    font-size: var(--security-text-large);
    font-family: Arial, Helvetica, sans-serif;
}
/*Custom Control Styles*/
.InlinePanel {
    text-align: left;
    border: 1px solid #808080;
    display: inline-block;
    padding: 0.5em;
}

.PageTitle {
    font-size: 12pt;
    font-size: var(--security-text-large);
    padding: 0.5em;
    color: #0072C6;
    font-weight: bold;
    text-align: center;
}

.PanelTitle {
    color: #0072C6;
    font-size: 12pt;
    font-size: var(--security-text-large);
    font-weight: bold;
    padding: 0.25em 0em;
    border-bottom: 1px solid #808080;
}

.textbox {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 2px 2px 2px;
    border: 1px solid #999999; /*  height:23px; */
}

.textboxToLabel {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 1px 0px 3px;
    border: 0px solid #999999;
    background-color: transparent;
}

.textBoxGridview {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 1px 0px 3px;
    border: 1px solid #999999; /*  height:23px; */
    vertical-align: top;
}

.checkBox {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    text-indent: -20px;
}

.button {
    background: #004080;
    background: var(--security-control-background);
    background: var(--security-control-gradient);
    color: #FFFFFF;
    color: var(--security-control-textColor);
    font-size: 10pt;
    font-size: var(--security-text-medium);
    padding: 2px 0.5em;
    border: solid 1px #003060;
    border-color: var(--security-control-borderColor);
    border-radius: 0.5em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .button:visited, .button:link, .button A {
        color: #FFFFFF;
        color: var(--security-control-textColor);
    }

    .button:hover {
        background: #F0F0F0;
        background: var(--security-control-background-hover);
        color: #000000;
        color: var(--security-control-TextColor-hover);
    }

.button:disabled
{
    background: #FFFFFF;
    color: #808080;
    cursor: default;
}

.buttonSmall {
    background: #004080;
    background: var(--security-control-background);
    background: var(--security-control-gradient);
    color: #FFFFFF;
    color: var(--security-control-textColor);
    font-size: 8pt;
    font-size: var(--security-text-small);
    padding: 2px 0.5em;
    border: solid 1px #003060;
    border-color: var(--security-control-borderColor);
    border-radius: 0.5em;
    font-weight: bold;
    cursor: pointer;
}

    .buttonSmall:visited, .buttonSmall:link, .buttonSmall A {
        color: #FFFFFF;
        color: var(--security-control-TextColor);
    }

    .buttonSmall:hover {
        background: #F0F0F0;
        background: var(--security-control-background-hover);
        color: #000000;
        color: var(--security-control-TextColor-hover);
    }

.buttonSmall:disabled
{
    background: #FFFFFF;
    color: #808080;
    cursor: default;
}

.buttonGridview {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-size: var(--security-text-small);
    font-weight: bold;
    padding: 0.25em 0.75em;
    color: #FFFFFF;
    color: var(--security-control-textColor);
    background: #004080;
    background: var(--security-control-background);
    background: var(--security-control-gradient);
    border: solid 1px #003060;
    border-color: var(--security-control-borderColor);
    border-radius: 0.5em;
    width: auto;
    height: auto;
    text-decoration: none;
    cursor: pointer;
}

    .buttonGridview:hover {
        color: #000000;
        color: var(--security-control-TextColor-hover);
        background: #F0F0F0;
        background: var(--security-control-background-hover);
    }

    .buttonGridview:disabled {
        color: #808080;
        background: #FFFFFF;
        cursor: default;
    }

.radioButton {
    font-size: 10pt;
    font-size: var(--security-text-medium);
}

.radioButtonBold {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-weight: bold;
}

.columnLabel {
    padding: 2px 5px 2px 0px;
    text-align: right;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    width: 130px;
}

.columnLabelNoWidth {
    padding: 2px 5px 2px 0px;
    text-align: right;
    font-size: 10pt;
    font-size: var(--security-text-medium);
}

.tableInput {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    border-collapse: collapse;
}

.tableInput th 
{
    padding: 2px 4px;
    text-align: right;
}

.tableInput td 
{
    padding: 2px 4px;
    text-align: left;
}

.DashboardWidget, .DashboardWidget:active, .DashboardWidget:visited, .DashboardWidget:link {
    display: inline-block;
    text-align: center;
    width: 200px;
    color: #204080;
    font-weight: bold;
    font-size: 12pt;
    font-size: var(--security-text-large);
    text-decoration: none;
    background: transparent;
    border: solid 1px #003060;
    border-color: var(--security-control-borderColor);
    border-radius: 16px;
    padding: 16px;
    margin: 8px 16px;
    vertical-align: bottom;
}

    .DashboardWidget:hover {
        color: #FFFFFF;
        background: #004080;
        background: var(--security-control-background);
        background: var(--security-control-gradient);
    }
.DashboardWidget img
{
    margin-bottom: 8px;
    border: none;
    max-height: 96px;
    max-width: 96px;
}

.dropDownList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    padding: 0px 2px 0px 2px;
    border: 1px solid #999999;
    color: #000000;
}

.listBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    padding: 5px;
    border: 1px solid #999999;
    color: #000;
    height: 32px;
}


.formTextboxWatermarkSmall {
    border: 1px solid #999999;
    padding: 2px;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    color: #999999;
    font-style: italic;
    border-radius: 5px;
}

.formTextboxSmall {
    border: 1px solid #999999;
    padding: 2px;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    border-radius: 5px;
}

.formLabelSmall {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-size: var(--security-text-small);
}

.formButtonSmall {
    border: 1px solid #999999;
    padding: 0px 3px 0px 3px;
    font-size: 9pt;
    border-radius: 5px;
}

.GrayBorderedBox {
    background: #F8F8F8;
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    border: 1px outset #C0C0C0;
    border-radius: 0.5em;
    display: inline-block;
    text-align: left;
}

.GrayBorderedPanel {
    background: #F8F8F8;
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    margin: 0.5em 0em;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
    border-radius: 0.5em;
    display: block;
    text-align: left;
}

.panel {
    border: 1px solid #999999;
    border-radius: 0.5em;
    padding: 0.5em;
    margin: 0.5em 0em;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    background-color: #FFFFFF;
}

.panelPopUp {
    border: 1px solid #999999;
    padding: 2px;
    box-shadow: 5px 5px 20px #888888;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    background-color: #FFFFFF;
}

.panelHide {
    border: 1px solid #999999;
    padding: 2px;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    border-radius: 5px;
    background-color: #e3e3e3;
    display: none;
}

.panelShow {
    display: inline;
}

.panelNoBorder {
    border: 0px solid #999999;
    padding: 0px 2px 0px 2px;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    background-color: #FFFFFF;
}

    .panelNoBorder table {
        margin: 0px auto;
    }

.RepeaterCell {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    white-space: pre-line;
    height: 1;
}

.panelAdd {
    /* border: 1px solid #999999; */
    padding: 2px;
    margin-top: 20px;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    border-radius: 5px;
}

.treeview {
    font-weight: bold;
    color: #000000;
    text-align: left;
}

.treeview table {
    border-collapse: collapse;
}
.treeview th, .treeview td {
    padding: 0px;
}
.treeview a
{
    color: #000000;
    display: inline-block;
    padding: 0px 2px;
    text-decoration: none;
}
.treeview img, .treeNode img
{
    max-height: 24px;
}
    .treeview tr:hover, .treeview tr:hover a, .treeviewSelected {
        color: #FFFFFF;
        color: var(--security-control-textColor);
        background: #004080;
        background: var(--security-control-background);
        background: var(--security-control-gradient);
    }

        .treeviewSelected a {
            color: #FFFFFF;
            color: var(--security-control-textColor);
        }

/*Tabs*/
    .ajax__tab_xp .ajax__tab_header {
    font-size: 2px;
}
.ajax__tab_body .ajax__scroll_none, .ajax__tab_panel {
    min-height: 200px;
}

.ajax__tab_xp {
}

.ajax__tab_header {
}

.ajax__tab_outer {
}

.ajax__tab_inner {
}

.ajax__tab_tab a {
}

.ajax__tab_xp .ajax__tab_inner .ajax__tab_tab {
    font-family: Arial;
    color: #393939;
    font-size: 10pt;
    font-size: var(--security-text-medium);
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    font-family: Arial;
}

.ajax__tab_active .ajax__tab_outer {
    font-family: Arial;
    border-bottom: 2px solid #858DB8;
}

.ajax__tab_active {
    font-family: Arial;
    border-width: 0px;
}

/* ********************************************************************  
   Both of these styles are necessary to set the selected tab style.     */
.tabContainer .ajax__tab_active .ajax__tab_tab /*This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */ {
    color: #EBEBEB;
}

.tabContainer .ajax__tab_active .ajax__tab_outer /*This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */ {
    background-color: #0D3692;
}

/* ********************************************************************  
   Both of these styles are necessary to set the hover tab style.        */
.tabContainer .ajax__tab_hover .ajax__tab_tab .ajax__tab_inner /*This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */ {
}

.tabContainer .ajax__tab_hover .ajax__tab_outer {
    background-color: #EBEBEB;
}

/* ********************************************************************  */
.tabContainer .ajax__tab_header /*A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.*/ {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    border-bottom: solid 1px #808080;
}

.tabContainer .ajax__tab_outer /*An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */ {
    padding-right: 8px;
    padding-left: 8px;
    height: 22px;
    margin-right: 2px; /*border-radius-top: 5px;*/
    border-right: solid 1px #808080;
    border-top: solid 1px #808080;
    border-left: solid 1px #808080;
    background-color: #eaeaea;
    background-color: #cccccc;
}

.tabContainer .ajax__tab_inner /*An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */ {
}

.tabContainer .ajax__tab_tab {
    /*color: #194874;*/
    color: #0D3692;
    outline: 0;
}

    .tabContainer .ajax__tab_tab:hover /*An element of the tab that contains the text content. Child CSS classes:none.*/ {
        color: #525252;
    }

.tabContainer .ajax__tab_body /*A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.*/ {
    padding: 5px;
    border: solid 1px #808080;
}

.accountCornerLink:hover {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    color: #666666;
    text-decoration: underline;
}

.accountCornerLinkSmall:link {
    font-size: 8pt;
    font-size: var(--security-text-small);
    color: #0066CC;
    text-decoration: underline;
}

.accountCornerLinkSmall:hover {
    font-size: 8pt;
    font-size: var(--security-text-small);
    color: #666666;
    text-decoration: underline;
}

.staticLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
}

.staticLabelItalic {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-style: italic;
}

.statusLabel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    color: #000000;
}

.validationSummary {
    text-align: center;
    color: Red;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.gvDefault {
    margin: 0px auto;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
}

.gvDefault td
{
    padding: 4px 8px;
    border: 1px solid #808080;
    text-align: left;
    vertical-align: middle;
}

.gvDefault th 
{
    padding: 4px 8px;
    border: 1px solid #FFFFFF;
    text-align: left;
    vertical-align: middle;
}

.gvRowStyles 
{
    background: #FFFFFF;
}

.gvAlternateRowStyles 
{
    background: #E0E0E0;
}

.gvHeaderStyles {
    background: #004080;
    background: var(--security-gridHeader-background);
    background: var(--security-gridHeader-gradient);
    color: #FFFFFF;
    color: var(--security-gridHeader-textColor);
    vertical-align: bottom;
}

.rpHeaderStyles {
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    vertical-align: bottom;
    border-bottom: 1px solid #003060;
    border-bottom-color: var(--security-gridHeader-borderColor);
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-weight: bold;
    color: #204060;
    padding: 2px 0px 0px 0px;
    width: 100%;
    text-align: left;
}

.gvPagerStyle {
    background: #C0C0C0;
    background: var(--security-gridPager-background);
    background: var(--security-gridPager-background);
    color: #000000;
    color: var(--security-gridPager-textColor);
    font-weight: bold;
}
.gvPagerStyle TD
{
    padding: 1px 0px;
}

    .gvPagerStyle SPAN {
        display: inline-block;
        padding: 0.25em 0.5em;
        border-radius: 0.25em;
        border: 2px solid #404040;
        border-color: var(--security-gridPager-borderColor);
        color: #000000;
        color: var(--security-gridPager-TextColor-selected);
        background: #FFFFFF;
        background: var(--security-gridPager-background-selected);
    }

.gvPagerStyle A:link, gvPagerStyle A:visited, gvPagerStyle A:active
{
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    background: transparent;
    color: #000000;
    color: var(--security-gridPager-textColor);
    border: 2px solid transparent;
}

.AlignRight
{
    text-align: right;
}

.AlignCenter, th.AlignCenter, td.AlignCenter
{
    text-align: center;
}
.AlignLeft
{
    text-align: left;
}
.AlignTop
{
    vertical-align: top;
}
.AlignMiddle
{
    vertical-align: middle;
}
.AlignBottom
{
    vertical-align: bottom;
}

.labelGridview {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    vertical-align: middle;
    color: #000000;
    border: 1px solid #999999;
    padding: 2px 8px 2px 2px;
}

.formHeading {
    font-family: Arial, Helvetica, sans-serif;
    color: #0D3692; /* font-weight:bold; */
    font-style: italic;
    font-size: 10pt;
    font-size: var(--security-text-large); /* padding: 15px; */
}

/*Reorder List*/

.dragHandle /*This is the actual area that is clicked on to move the row. */ {
    /*background-color: Blue;     background-image: url(images/bg-menu-main.png);*/
    background-image: url('/Resources/images/arrows_up_down.png');
    height: 15px;
    width: 15px;
    margin: 1px;
    cursor: move;
    border: outset thin white;
    background-color: #e3e3e3;
    opacity: 0.3;
}

.callbackStyle /*Not sure how this is used. */ {
    /*border: thin #4c4e56 inset;     background-color: Aqua;*/
}

    .callbackStyle table /*This style is applied to a line who's order has been changed. */ {
        /*background-color: #AAACB5;     color: Black;     background-color: Fuchsia;*/
    }

.reorderList ul {
    /*border-bottom: 1px solid #808080;     border-left: 1px solid #808080;     border-right: 1px solid #808080;     border-top: 1px solid #808080;*/
    border-collapse: collapse;
}

.reorderList li /*This is the left part of the row where list style would be applied. */ {
    list-style: none;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    margin-bottom: 2px; /*margin: 2px;      color: black;     background-color: Lime;*/
}

.dragVisualContainer li /*This is the entire line with the row is selected to move. */ {
    list-style: none;
    color: #0D3692;
    background-color: #cccccc;
}

.reorderList {
    /*border-top: 1px solid #808080;*/
}

    .reorderList li a /*Not sure how this is used. */ {
        /*color: black !important;     font-weight: bold;     background-color: Silver;*/
    }

.reorderCue /*This is the entire line where the row that is selected WAS until it is released in it's new spot. */ {
    border: dashed thin black;
    width: 100%;
    height: 25px;
    background-color: #808080;
}

.itemArea /*This is the content part of the row where the data and command buttons are displayed. */ {
    margin-left: 15px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
    background-color: White;
}

.ReorderImage {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.requiredSansWingdings {
    vertical-align: top;
    font-size: 8pt;
    font-size: var(--security-text-small);
    color: Red;
}

/*Doesn't Appear to work in other browsers, including firefox*/
.requiredSpan {
    vertical-align: top;
    font-size: 8pt;
    font-size: var(--security-text-small);
    color: Red;
    margin-left: 2px;
    margin-top: 2px;
    display: inline-block;
}
.requiredField{
    background: #FFFFF0;
}

/*StatusMessageDisplay Styles*/
.StatusMessagePanel {
    font-family: Arial;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    width: 100%;
    text-align: center;
}

.SuccessMessage {
    color: Green;
}

.ErrorMessage {
    color: Red;
}

.NeutralMessage {
    color: Black;
}

.ErrorMessageBox {
    display: block;
    background: #FFE0C0;
    color: #000000 !important;
    padding: 4px;
    font-weight: bold;
}
.SuccessMessageBox {
    display: block;
    background: #C0FFC0;
    color: #000000;
    padding: 4px;
    font-weight: bold;
}

/*Watermark Styles*/
.textboxWatermark {
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    color: silver;
    border: 1px solid #999999;
}

.textboxWatermarkPassword {
    background-image: url('/Resources/Images/password_watermark.png');
    background-position: left;
    background-repeat: no-repeat;
    color: White;
    text-align: right;
    border: 1px solid #999999;
}
/* Modal Popup */
.modalBackground {
    background-color: rgba(255,255,255,0.7);
}

.modalForm {
    background-color: #F0F0F0;
    border-width: 3px;
    border-style: solid;
    border-color: #7D2228;
    padding: 3px;
}

.modalPopup {
    background-color: #F0F0F0;
    border-width: 3px;
    border-style: solid;
    border-color: #204060;
    padding: 3px;
}

/*Menu*/

.CDSSecurityMenuContainer {
    font-weight: bold;
    background: #004080;
    background: var(--security-menu-background);
    background: var(--security-menu-gradient);
    color: #FFFFFF;
    color: var(--security-menu-textColor);
}
.CDSSecurityMenu {
    padding: 4px 8px;
}

    .CDSSecurityMenu ul {
        background: #004080;
        background: var(--security-menu-background);
        background: var(--security-menu-gradient);
        list-style: none;
        margin: 0em;
        padding: 0px 20px;
        width: auto;
        z-index: 0;
    }
.CDSSecurityMenu li
{
    padding: 0em 0.5em;
}
.CDSSecurityMenu ul li ul
{
        box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
        border: none;
}

.CDSSecurityMenu ul li a, div.menu ul li a:visited
{
    background: transparent;
    color: #FFFFFF;
    display: block;
    line-height: 1.25em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

    .CDSSecurityMenu ul li a:hover {
        background-color: #FFFFFF;
        background-color: var(--security-menu-background-hover);
        color: #203040;
        color: var(--security-menu-textColor-hover);
        text-decoration: none;
    }

.CDSSecurityMenu ul li a:active
{
    background-color: #405080;
    color: #FFFFFF;
    text-decoration: none;
}

.mainLoginLinkbutton:link, mainLoginLinkbutton:active {
    color: #FFFFFF;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.mainLoginLinkbutton:hover, mainLoginLinkbutton:active {
    color: #FFFFFF;
    font-size: 10pt;
    font-size: var(--security-text-medium);
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* ---------------------------------------------------------------------  */
/* CDS File Upload Control */
.file_input_textbox {
    float: left;
    width: 315px;
    font-family: Arial;
    font-size: 9pt;
    padding: 2px 2px 1px 2px;
    margin-top: 3px;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: 0 0 2px #999999 inset;
    outline: none;
}

.file_input_div {
    position: relative;
    width: 80px;
    height: 23px;
    overflow: hidden;
}

.file_input_button /*currently matches ButtonSmall - must be updated if ButtonSmall is updated*/ {
    width: 77px;
    position: relative;
    top: 0px;
    padding: 0px 3px 1px 3px;
    font-size: 9pt;
    cursor: pointer;
    text-align: center;
    margin-top: 2px;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    font-family:  Arial, Helvetica, sans-serif;
    background: url(img/button.gif);
    display: block;
    color: #333333;
    text-decoration: none;
}

    .file_input_button a:link, .file_input_button a:visited {
    }

    .file_input_button a:hover, .file_input_button a:active {
        width: 77px;
        position: relative;
        top: 0px;
        padding: 2px 4px 2px 4px;
        font-family: Arial;
        font-size: 9pt;
        border: 1px solid #999999;
        border-radius: 4px;
        box-shadow: 0 0 1px #999999 inset;
        background-color: #E8E9F4;
    }

.file_input_hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
}

.fileUploadButton {
    position: relative;
    text-align: right;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    padding: 1px;
    top: 0px;
    left: 0px;
}