/*@import url('Resources/DocumentFormats/Customized/LI_StyleSheet.css');/*StyleSheet for LI Mode*/
/* Styles directly affecting HTML Elements */
body, legend, table, div, p, a, span {
    font-family: Arial,Arial;
    font-size: 9pt;
}

body {
    background-color: #acc0e9;
    overflow: auto;
}

textarea {
    font-family: Arial;
    font-size: 10pt;
    resize: none;
}

legend {
    color: #0046D5;
}

a:active {
    color: #000000;
}

a:visited {
    color: #000000;
}
/* Custom style Classes */
/* Default font */
.defFont {
    font-family: Arial;
    font-size: 9pt;
}
/* Common styles for Miscellaneous uses */
/* To make labels use block display */
.blockLabel {
    display: block;
    height: 14px;
}
/* To make an item borderLess */
.borderLess {
    border: none;
}
/* A short cut class for setting width and height to 100%*/
.w100, .hw100, .wh100 {
    width: 100%;
}

.h100, .hw100, .wh100 {
    height: 100%;
}
/* Short cut class for relative positioning at top */
.relPos {
    position: relative;
    top: 0;
}
/* Short cut class for absolute positioning at top */
.absPos {
    position: absolute;
    top: 0;
}

.nowrap {
    white-space: nowrap;
}

.dinline {
    display: inline;
}
/* Styles for HomePage */
.mainMenuBand, .mainToolBand {
    /*background-color:#e0e3e8;*/
    background-color: #c1cddd;
    background-image: url(images/menuBand25.png);
}

.mainToolBand {
    border-top: #cccccc 1px solid;
    background-image: url(images/menuBand50.png);
    background-repeat: repeat-x;
}

.currUserInfo {
    color: #483d8b;
    font-weight: bold;
    white-space: nowrap;
}

.leftPaneHeader, .rightPaneHeader {
}

.rightPaneHeader {
    background-color: #789ADB;
}

.leftPaneHeader, .leftPaneTitle {
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    background-color: #507CD1;
}

.leftPaneContent {
}

.rightPaneHeader, .rightPaneTitle {
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
}

.rightPaneContent {
    background-color: #acc0e9;
    border: solid #3366cc 1px;
}

.leftNavContainer {
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    color: #000000;
    border: none;
    background-color: #ffffff;
}

.leftNav {
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    color: #000000;
    border: solid 1px #ffffff;
}

.leftHover {
    text-decoration: underline;
}

.leftNavSelected {
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    background-color: #acc0e9;
    border: solid 1px #6699CC;
}

.leftNavCategory {
    background-color: #CBCFD7;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    border-top: solid 1px gray;
    cursor: pointer;
    width: 100%;
    background-image: url(images/catgNorm.png);
}

.leftNavCategorySelected {
    background-color: #63769B;
    font-weight: bold;
    font-size: 9pt;
    xcolor: #ffffff;
    background-image: url(images/catgSel.png);
}

.leftNavCategoryHover {
    background-color: #DEE4B2;
    xcursor: pointer;
    color: #63769B;
}

.leftNavCategory a {
    display: block;
    height: 100%;
    padding-left: 10px;
}

.navSep {
    xbackground-color: #63769B;
    xxbackground-color: #C1C9D7;
    background-color: #507CD1;
}

.listBack {
    background-color: #E1EEFF;
    background-image: url(images/gridBack.png);
    background-repeat: repeat-x;
    xbackground-color: #acc0e9;
}
/* Navigation panel splitter */
.navSplitter {
    cursor: e-resize;
    position: absolute;
    top: 0;
    z-index: 10;
}

.navSplitting {
    border-left: dashed 1px #ff0000;
}
/* Align checkboxes on left side */
.checkBox {
    margin-left: -4px;
    border-radius: 3px;
}

.SCheckbox {
    border-radius: 3px;
}
/* Popup Header */
.popupHdr {
    background-color: #63769b;
    padding-left: 15px;
    font-family: verdana;
    height: 30px;
    font-size: 10pt;
}

    .popupHdr td.popTask {
        font-weight: bold;
        color: white;
    }

/*prevent wrapping in checkbox lists*/
td label {
    white-space: nowrap;
}

/*Mark item as disabled*/
.disabledItem {
    filter: alpha(opacity=40);
    opacity: 0.4;
    pointer-events:none;
}
/*Disable Text Box*/
.disabledTextBox {
    border: solid 1px #7F9DB9;
    background-color: #ece9d8;
    color: #444;
}
/*Mark item as mandatory*/
.mandatoryItem {
    color: Maroon;
}

/* Menu tab style */
.menuTabs {
    cursor: hand;
    width: 100%;
    height: 25px;
    background: url("Images/TabImages/tab_underline.gif") repeat-x bottom;
    line-height: normal;
    margin: 0;
}

    .menuTabs ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .menuTabs li {
        float: left;
        background: url("Images/TabImages/tab_left.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 8px;
        height: 24px;
        cursor: pointer;
    }

    .menuTabs a {
        float: left;
        display: block;
        color: black;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        background: url("Images/TabImages/tab_right.gif") no-repeat right top;
        padding: 4px 8px 5px 0px;
        height: 15px;
    }

        .menuTabs a:hover {
            color: black;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }

    .menuTabs .linkOn {
        background-image: url("Images/TabImages/tab_left_on.gif");
        border-width: 0;
    }

        .menuTabs .linkOn a {
            background-image: url("Images/TabImages/tab_right_on.gif");
            color: black;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            padding-bottom: 6px;
        }

    .menuTabs .linkOff {
        float: left;
        background: url("Images/TabImages/tab_left.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 8px;
        filter: alpha(opacity=35);
        opacity: 0.35;
    }

        .menuTabs .linkOff a {
            background-image: url("Images/TabImages/tab_right.gif"); /*filter:alpha(opacity=60); 	opacity:0.6;*/
        }

            .menuTabs .linkOff a:hover {
                text-decoration: none;
            }

.menuCurrentTab {
    /*background-color: White;*/ /*border-bottom: none; /*solid 1px #f5f5f5;*/ /*padding-top: 1px;*/ /*width: 100px; 	height: 20px;*/
    text-align: center;
    font-weight: bold;
    color: #000000;
}

.menuDisabledTab {
    color: #808080;
}

.menuTabContent {
    padding: 10px;
    background-color: #f5f5f5;
    border: solid #6495ed 1px;
    border-top: none;
}

.contentPanel {
    padding: 10px;
    background-color: #f5f5f5;
    border: solid #6495ed 1px;
}

/*First column of search list*/
.srchcol1 {
    padding-left: 10px;
}

/* Styles for filter in DBList */
.filterCSS {
    background-color: #9999cc;
    table-layout: fixed;
    vertical-align: middle;
    float: left;
    height: 30px;
    margin: 1px;
    border: #6a5acd 1px solid;
}

    .filterCSS .filter-caption-holder {
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.filter-caption {
    color: Blue;
    white-space: nowrap;
    padding-left: 5px;
}

.filterListCSS {
    background-color: #cccccc;
}

    .filterListCSS fieldset table td div {
        overflow: auto;
        max-height: 100px;
        height: expression(this.scrollHeight > 80 ?'80px':'auto');
    }

.SListTitle {
    background-color: Blue;
    color: White;
}

.SMainTable {
    font-family: Verdana;
    font-size: 8pt;
    line-height: 17pt;
}

.SMenuItems {
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
}

/* only used in login */
.STableHeader {
    font-family: Verdana;
    color: Red;
    background-color: #507CD1;
}

.SSubTable {
    font-family: Verdana;
    font-size: 8pt; /*white-space:nowrap;*/
}

.SButton, .SearchBtn {
    font-family: Verdana;
    font-size: 8pt;
    height: 23px;
    border-radius: 5px;
}

.STaskButton {
    font-family: Verdana;
    font-size: 8pt;
    height: 23px;
}

.SLinkButton {
    font-family: Verdana;
    font-size: 8pt;
    height: 16px;
    cursor: pointer;
    text-align: center;
}

.STextLable {
    font-size: 8pt;
    font-family: Verdana;
    background-color: #f5f5f5;
    border: 0px hidden #f5f5f5;
    border-right: red 1px inset;
    border-top: red 1px inset;
    border-left: red 1px inset;
    border-bottom: red 1px inset;
}


/* All entry boxes */

.STextBox {
    font-size: 8pt;
    font-family: Verdana;
    vertical-align: middle;
    border: solid 1px #7F9DB9;
    border-radius: 3px;
}
/* Grid footer cel to display running total */
.SGFooter td {
    border: solid 1px #7F9DB9;
    border-left: none;
    font-family: Verdana;
    font-size: 8pt; /* background-image:url("Images/Grid/GridFooter.gif") ; */
    background-color: #dcdcdc;
    color: Black;
}

.SGFooter {
    border: solid 1px #7F9DB9;
    border-left: none;
    border-right: none;
    font-family: Verdana;
    font-size: 8pt; /* background-image:url("Images/Grid/GridFooter.gif") ; */
    color: Black;
    background-color: #dcdcdc;
}
/* DBList settings */
.DBLFilter {
}

.SMultiLineTextBox {
    font-family: Verdana;
    font-size: 8pt;
    vertical-align: middle;
    border: solid 1px #7F9DB9;
    background-color: #507CD1;
    border-radius: 3px;
}

/* Grid Style */
.hiddenGridCol {
    display: none;
}

.SGrid {
    border: solid 1px #7F9DB9;
    -moz-box-sizing: border-box;
}

.SGridHeader td {
    border-right: solid 1px #DFDFDF;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SGridHeader {
    font-family: Arial;
    font-size: 9pt;
    line-height: 16pt;
    background-color: #507CD1;
    color: #ffffff;
}

.SGridFooter {
    font-family: Arial;
    font-size: 9pt;
    background-color: #bbbbbb;
    padding-left: 2px;
}

.SGridPager {
    font-family: Arial;
    font-size: 8pt;
    text-align: left;
}

.SGridItem td {
    border-bottom: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2px;
    padding-right: 2px;
    empty-cells: show; /*Sanjay 08 Jan 2014 (show blank td)*/
}

    /*dont show border of any table inside Grid*/
    .SGridItem td table tr td {
        border: 0px;
    }

.SGridItem {
    font-family: Arial;
    font-size: 9pt;
    white-space: inherit;
    background-color: #f5f5f5;
    line-height: 14pt; /*padding-left:10px;*/
}

.SGridSelectedItem td {
    border-bottom: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2px;
    padding-right: 2px;
}

.SGridSelectedItem {
    font-family: Arial;
    font-size: 9pt;
    white-space: inherit;
    background-color: #CCF;
    color: Blue;
    line-height: 14pt;
}

/* Styles for rows in grid with specific class for embedded cells w.e.f. 3-Sep-2011 12.51pm */
.SGridRow td.c {
    border-bottom: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2px;
    padding-right: 2px;
}

.SGridRow {
    font-family: Arial;
    font-size: 9pt;
    white-space: inherit;
    background-color: #f5f5f5;
    line-height: 14pt; /*padding-left:10px;*/
}

.SGridSelRow td.c {
    border-bottom: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2px;
    padding-right: 2px;
}

.SGridSelRow {
    font-family: Arial;
    font-size: 9pt;
    white-space: inherit;
    background-color: Silver;
    color: Blue;
    line-height: 14pt;
}


/*On Hover on the List Display the Row Color*/
.ListItemHoverCssClass {
    background-color: #ffffe0;
}

.ListErrorMessage {
    color: #ff0033;
}

.ListWarnMessage {
    color: #999999;
}

/* default styles for AlphaFilter */
.alphaFilterStyle {
    background-image: url("~/Images/backline.jpg");
    background-color: #C5D8EF;
    padding-left: 2px;
}

    .alphaFilterStyle a, alphaFilterStyle a:visited {
        text-decoration: none;
        text-align: center;
        padding: 1px;
        color: blue;
        display: block;
        float: left;
        width: 20px;
    }

        .alphaFilterStyle a.selected {
            text-decoration: none;
            text-align: center;
            padding: 0px;
            background-color: #f5f5f5;
            color: blue;
            font-weight: bold;
            display: block;
            float: left;
            border: #008000 1px solid;
        }

        .alphaFilterStyle a:hover {
            background-color: #ffff00;
            text-align: center;
            padding: 0px;
            border: 1px solid #ffa500;
        }

.SPager td {
    font-family: Arial;
    font-size: 8pt;
    text-align: left;
    padding-right: 3px;
    padding-left: 3px;
}

.modalBackground {
    background-color: #ffffff;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.SMainPanel {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}

/* Can be removed : used only in forms/presentation.cs */
.TreeClass {
    font-family: 'verdana';
    font-size: 8pt;
    text-decoration: none;
    color: black;
    height: 17;
    width: 130px;
}

.STabPanel {
    height: 100%;
    width: 100%;
    border: solid 1px #6495ed;
    background-color: #ffffff;
    padding: 10px;
}

.SListFilterPanel {
    height: 100%;
    width: 100%;
    border: solid 1px #6495ed;
    background-color: #f5f5f5;
    padding: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Can be used to give readonly look */
.ReadOnly {
    background-color: #EBEBE4;
    border: solid 1px #7F9DB9;
    padding: 2px;
    font-family: Verdana;
    font-size: 8pt;
}


a.ToolBarItem:hover {
    padding: 1px; /* 	border:1px solid #316ac5; 	background-color:#dff1ff; */
    display: block;
    float: left;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

a.disabledItem {
    background-color: transparent;
    text-decoration: none;
    padding: 2px;
    border: solid 0px;
    display: block;
    float: left;
    cursor: default;
}

a.ToolBarItem img {
    border: 0px;
}

a.ToolBarItem {
    color: blue;
    cursor: pointer;
    text-decoration: none;
    padding: 1px; /*	padding:2px; 	border:solid 0px; 	display:block;*/
    float: left;
}

.ToolBar_regular {
    /* ToolBar item - Regular state */
    margin: 0px;
    margin-right: 2px;
    padding: 2px;
    font-family: Arial;
    font-size: 8pt;
    vertical-align: middle;
    float: left;
    text-align: center;
    position: relative;
}

.ToolBar_hover {
    /* ToolBar item - Mouse over state */
    padding: 1px;
    border: 1px solid #316ac5;
    background-color: #dff1ff;
    cursor: pointer; /*background-image:url('Images/Bluish.gif');*/
}

/* Report Navigation Bar styles */
.RptNav {
    background-color: #bbbbbb;
}

    .RptNav img.ToolImage {
        background-image: url(/images/nav/toolbuttons.gif);
        background-repeat: no-repeat;
        height: 16px;
        margin: 3px;
        overflow: hidden;
        width: 16px;
    }

    .RptNav td {
        white-space: nowrap;
    }

        .RptNav td.tool {
            background-image: url(images/vert_div.gif);
            background-repeat: repeat-y;
            padding-left: 2px;
            white-space: nowrap;
        }

/*Login page styles*/
.loginTitle {
    color: #000000;
    background-color: #82befc;
}

.loginBackground {
    background-color: #ffffff; /*background-image:url(Images/gear.jpg);*/
}

.loginFrameTitle {
}

.loginFrameBackground {
    background-color: #D4E0F7;
}

/* DataGrid Stylesheet */
/* Grouping to each other*/
.GridHeader {
    font-family: Verdana;
    font-size: 9pt;
    background-color: #507CD1;
    color: White;
    font-weight: bold;
}

.GridFooter {
    font-family: Verdana;
    font-size: 9pt;
    background-color: #bbbbbb;
}

.GridItem {
    font-family: Verdana;
    font-size: 9pt;
    background-color: White;
    line-height: 14pt;
    padding-left: 10px;
}

.GridEditItem {
    background-color: White;
    font-size: 8pt;
    height: 1px;
}

.GridSelectedItem {
    background-color: #507CD1;
    font-size: 8pt;
    color: Black;
}


/* Tooltips in DBLists */
.toolTip {
    position: absolute;
    border: 1px solid black;
    padding: 2px;
    background-color: #ffffe0;
    z-index: 1000;
}

/*pravin NOV 28,2011 : to set popup Display Frame Styles for popup display text */
.PopupDispFrame {
    background-color: #ffffff;
    z-index: 1000;
    width: 150px;
    border: solid 1px #000000;
}

.PopupDispItems {
    color: #000000;
    cursor: default;
    vertical-align: middle;
}

.PopupDispSelItems {
    background-color: #4169e1;
    color: #ffffff;
}
/* Styles for ContextMenus */
.contextMenuFrame {
    background-color: #ffffff;
    z-index: 1000;
    width: 170px;
    border: solid 1px #000000;
    display: table;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contextMenuItems {
    color: #000000;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    width: 94%;
    padding: 5px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contextMenuSelectedItem {
    /*background-color: #4169e1;*/
    /*color: #ffffff;*/
    color: #008cff;
    font-weight: bold;
    padding: 5px;
}
/* Styles for Menus using anchor tags as items*/
.cMenu {
    border: solid 1px #000000;
    padding: 2px;
    background-color: #ffffff;
}

    .cMenu a {
        color: #000000;
        width: 100%;
        display: block;
        text-decoration: none;
    }

        .cMenu a:hover {
            background-color: #4169e1;
            color: #ffffff;
            width: 100%;
            display: block;
            text-decoration: none;
        }
/* Styles for loading message */
.loadingMessageBackFrame {
    background-color: #ffffff;
    filter: alpha(opacity=40);
    opacity: 0.4;
    position: absolute;
    z-index: 15000;
    top: 0px;
    left: 0px;
    border: none;
}

.loadingMessage {
    /*background-color: #ccffff;*/
    background-color: #EDF0F1;
    position: absolute;
    z-index: 15001;
    padding: 8px;
    top: 0px;
    border: 1px solid #BDC9CC;
}

    .loadingMessage span {
        color: #ff6633;
        margin: 3px;
    }
/* Styles for autoSuggest lists */
.autoSuggestFrame {
    text-align: left;
    visibility: hidden;
    cursor: default;
    padding: 0px;
    margin: 0px !important;
    border: solid 1px gray;
    background-color: #ffffff;
    color: #000000;
    z-index: 502;
    white-space: nowrap;
}

.autoSuggestItems {
    overflow: hidden;
}

.autoSuggestSelectedItem {
    background-color: #dcdcdc;
    color: #000000;
    overflow: hidden;
}

/* Grid display styles */
.GridPanel {
    padding: 0px;
    background-color: #f2f5f7;
    border: solid #6495ed 1px;
}

.GridPanelHeading {
    padding: 0px;
    background-image: url("Images/Grid/GridPanelHeader.gif");
    border: 0px;
    padding: 0px;
}

.MainGridPanel /* for list section */ {
    padding: 0px;
    background-color: White;
    border: 0px;
}

.GridDetailPanel /* for detail section */ {
    padding: 0px;
    background-color: #f2f5f7;
    border: 0px;
    border-top: solid 1px #d4def4;
}

.GridLinkButton /* for link buttons in bottom area */ {
    text-align: center;
    text-decoration: none;
    color: Black;
}

.GridLinkButton_Edit /* Edit button style */ {
    text-align: center;
    text-decoration: none;
    color: Black;
}

.GridLinkButton_Delete /* delete button style */ {
    text-align: center;
    text-decoration: none;
    color: Red;
}

.GridLinkButton_Add /* add button style */ {
    text-align: center;
    text-decoration: none;
    color: Blue;
}


.GridLinkButton_Save /* save button style */ {
    text-align: center;
    text-decoration: none;
    color: Blue;
}

.DisableLinkButton /* Disable link button style */ {
    text-align: center;
    text-decoration: none;
    color: GrayText;
    user-select: none;
    pointer-events: none;
    cursor: not-allowed;
}

.DisableLink /* Disable link button style */ {
    text-align: center;
    text-decoration: none;
    color: GrayText !important;
    pointer-events: none;
}

.BillTextBox {
    font-size: 8pt;
    font-family: Verdana;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #7F9DB9;
    background-color: #F5F5F5;
}

.STextBoxDisableLinkButton {
    text-align: center;
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana;
    vertical-align: middle;
    color: GrayText;
}

.SGrid_Header {
    font-family: Verdana;
    font-size: 9pt;
    xfont-weight: bold;
    line-height: 15pt;
    background-image: url("Images/Grid/GridHeader.gif");
    color: black;
    vertical-align: middle;
}

    .SGrid_Header td {
        border-right: solid 1px #DFDFDF;
        padding-left: 2px;
        padding-right: 2px;
    }
/*sGridCommndBar*/
.SGrid_PanelFooter {
    font-family: Verdana;
    font-size: 9pt;
    line-height: 13pt;
    background-image: url("Images/Grid/GridFooter.gif");
    color: White;
}

    .SGrid_PanelFooter td {
        border-right: solid 1px #DFDFDF;
        padding-left: 2px;
        padding-right: 2px;
    }

.SGrid_RunningTotal {
    font-family: Verdana;
    font-size: 9pt;
    line-height: 13pt;
    background-image: url("Images/Grid/GridFooter.gif");
    color: White;
}

    .SGrid_RunningTotal td {
        border-right: solid 1px #DFDFDF;
        padding-left: 2px;
        padding-right: 2px;
    }

.Form_Panel {
    padding: 5px;
    background-image: url("Images/Grid/FormPanel.gif");
}

/* Custom style Classes */
/* Default font */
.defFont {
    font-family: Arial;
    font-size: 9pt;
}



/*----------------------------------------------------------------------------------------------------------------------*/
.Info_Panel {
    background-color: #f0f3ff;
    border: solid 1px #6495ed;
}

.Info_Panel_Header {
    font-weight: bold;
    font-size: 15px;
}

.Info_Panel_ItemHeader {
    font-weight: bold;
}

.Info_Panel_ItemData {
    background-color: gainsboro;
    padding-left: 2px;
    padding-right: 2px;
}

.Loading_Message {
    font-size: medium;
    font-weight: normal;
    color: Maroon;
}
/* Styles for loading message in import document*/
.loadingMessageFrame {
    background-color: #dcdcdc; /*#ffffff;*/
    filter: alpha(opacity=40);
    opacity: 0.4;
    position: relative;
    z-index: 500;
    top: 0px;
    left: 0px;
    border-top: dashed 1px black;
    border-bottom: dashed 1px black;
    border-left: dashed 1px black;
    border-right: dashed 1px black;
}

.SGridPager_Panel {
    background-color: #A3A3A3;
    text-align: right;
}

/*----------------------------------------------------------------------------------------------------------------------*/

.DocItem_selected {
    /* ToolBar item - Mouse over state */
    margin: 0px;
    margin-right: 2px;
    padding: 2px;
    font-family: Arial;
    font-size: 8pt;
    vertical-align: middle;
    float: left;
    text-align: center;
    border: dashed 1px black;
    background-color: #dff1ff;
    position: relative;
}

.DocItem_Regular {
    margin: 0px;
    margin-right: 2px;
    padding: 2px;
    font-family: Arial;
    font-size: 8pt;
    vertical-align: middle;
    float: left;
    text-align: center;
    xborder: dashed 1px black;
    position: relative;
}

.Docket a {
    margin: 0px;
    margin-right: 2px;
    padding: 3px;
    font-family: Arial;
    font-size: 8pt;
    vertical-align: middle;
    float: left;
    text-align: center;
    text-decoration: none;
    position: relative;
    top: 0;
    display: block;
    height: 90px;
    width: 90px;
}

    .Docket a:hover, .DocketOn {
        margin: 0px;
        margin-right: 2px;
        padding: 2px;
        font-family: Arial;
        font-size: 8pt;
        vertical-align: middle;
        float: left;
        text-align: center;
        border: dashed 1px black;
        background-color: #dff1ff;
        position: relative;
        top: 0;
        display: block;
        height: 90px;
        width: 90px;
    }


.EDI_Field {
    xfont-weight: bold;
    font-style: italic;
    text-decoration: none;
    xborder-bottom: dotted 1px;
}


/* Grouping style for MultiSelect Control..  */
.MSGroupHeader {
    font-weight: bold;
    color: black;
    height: 20px;
    cursor: pointer;
}

.MSGroupItem {
    padding-left: 24px;
    cursor: default;
}
/* SearchBox style for Multiselect */

/* styles for page like look */
.pageView {
    background-color: #808080;
}

    .pageView .paper {
        background-color: #FFFFFF;
        width: 8in;
        min-height: 11in;
        border: solid 1px black;
        margin: 4px;
    }

/* To set inline style and text overflow behavior for e.g. linkbutton compatibility with  Firefox v7 and above */
.inlineLabel {
    display: inline;
    -o-text-overflow: clip; /* Opera 9-10 */
    text-overflow: clip;
    -ms-text-overflow: clip;
}


/* Text portion of control having embedded popup button */
.embedPopTxt {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none; /* Remove right-side border */
}

/* Popup icon portion of control having embedded popup button */
.embedPopIcon {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none; /* Remove left-side border */
    padding-left: 2px;
    padding-right: 2px;
    background-color: #ffffff;
}

.rb5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gradBox {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.dynBtn {
    xborder: solid 1px red;
}

.hovrBtn {
    display: none;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 100;
    background-color: #ffffff;
}

.dynBtn:hover .hovrBtn {
    display: block;
}
/* This was experimental
.STextBox:focus
{
background-color:yellow;
}
*/

.col2Label {
    padding-left: 5px;
}

.quot div.fl {
    float: left;
    xborder: solid 1px red;
}

.quot .big {
    font-size: 20pt;
}

.quot .carr {
    width: 24px;
    height: 24px;
}

.quot .chevGreen {
    width: 45px;
    height: 24px;
    background-image: url('images/chevGreen.png');
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 13px;
    padding-right: 5px;
}

.quot .chevOrange {
    width: 45px;
    height: 24px;
    background-image: url('images/chevOrange.png');
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 13px;
    padding-right: 5px;
}

.ApportionToolTip {
    width: 45px;
    height: 24px;
    background-image: url(images/ApportionToolTip.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 3px;
    padding-left: 13px;
    padding-right: 5px;
}
/* Abhishek 15 May,2013 css for advance filter control*/
.EntryCntrlHldr .TextBoxFilter {
    height: 22px !important;
}

.EntryCntrlHldr table.TextBoxFilter {
    height: 21px !important;
}

    .EntryCntrlHldr table.TextBoxFilter .TextBoxFilter {
        height: 18px !important;
    }

.EntryCntrlHldr input.STextBox {
    height: 22px !important;
    border-radius: 3px;
}
/*adding css for text area in advance filter control regarding popup*/
.EntryCntrlHldr textarea.STextBox {
    height: 21px !important;
    border-radius: 3px;
}

.EntryCntrlHldr .CssFilterTable td {
    height: 27px\9 !important; /* \9 is for IE6+7+8 browser*/
}

table.CssFilterTable {
    width: 100%\9;
}
/* Class for displaying tickmark */
.tickMark {
    background-image: url(Images/Tick.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Class for displaying tickmark to the left*/
.tickMarkLeft {
    background-image: url("Images/Tick.gif");
    background-position: left top;
    background-repeat: no-repeat;
}
/* Sanjay 13 Jun 2013 (Added WareHouse css classes)*/
.Info_Label_WH {
    background-color: #E4E4E4;
    padding-left: 2px;
    padding-right: 2px;
    border: solid 1px #8B8B8B;
    height: 15px;
}

.Info_GRLabel_WH {
    /*background-color:#E4E4E4;*/
    background-color: White;
    text-decoration: none;
    color: Black;
    border: solid 1px #8B8B8B;
}

.Info_Label_WH_Disabled {
    background-color: #E4E4E4;
    height: 15px;
}
/*WareHouse css End*/
/*.trHeight to be usered in filter panel; Parulekar w.e.f 06AUG2013*/
.trFixRowHeight {
    height: 23px;
}

/* New styles with embedded popup icon for DBList popup controls w.e.f. 06-Aug-2013 5.39pm - girish */
.popCtrl /* Main class: apply to the parent which contains the full control including the popup icon */ {
    /* NOTE: On hold till we ensure IE 9.0 at all places - girish     -webkit-border-radius: 5px;     -moz-border-radius: 5px;     border-radius: 5px;     */
    background-color: #ffffff;
    font-size: 8pt;
    font-family: Verdana;
    vertical-align: middle;
    border: solid 1px #7F9DB9;
    border-collapse: separate; /* collapsed borders do not round well */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .popCtrl tr td, .popCtrl th td {
        padding: 1px;
        border-color: #7F9DB9;
    }

    .popCtrl tr.dsbl td, .popCtrl th.dsbl td {
        background-color: #ece9d8;
    }

.popupDsbl {
    background-color: #ece9d8;
}

.popCtrl input /* Adjust the entry to be equally rounded to avoid chopping of corners */ {
    /* NOTE: On hold till we ensure IE 9.0 at all places - girish     -webkit-border-radius: 5px;     -moz-border-radius: 5px;     border-radius: 5px;     */
    border: none;
    padding: 0px;
    margin: 0px;
}

.popCtrl img /* Adjust the popup image to be of 14x14px size */ {
    width: 12px !important;
    height: 12px !important;
}
/* give style to second cell of dblist popups */
.popCtrl td.secCell {
    border-left: solid 1px #7F9DB9;
}

/* New styles for Entity control w.e.f. 11-Sep-2013 8.27pm - girish */
.entityCtrl {
    position: relative;
    float: left;
    padding-right: 10px;
    padding-top: 4px;
}
    /*.entityCtrl div.innerPanel
{
    position: relative; 
    float: left;
    border:solid #6495ed 1px; 
    padding-top: 4px; 
    padding-bottom: 4px;
}*/
    .entityCtrl td.errPnl {
        padding-top: 3px;
        padding-left: 5px;
        cursor: pointer;
    }

.entityPanel div.entityHolder {
    position: relative;
    float: left;
    border: solid #6495ed 1px;
    padding-top: 4px;
    padding-bottom: 4px;
}
/*Adding the Entity Box Styles*/
.EntityBox {
    position: relative;
    float: left;
    border: 1px solid Gray;
    width: 392px;
    xmargin-bottom: 4px;
    xmargin-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E5E8E8));
    background: -webkit-linear-gradient(#FFFFFF, #E5E8E8);
    background: -moz-linear-gradient(#FFFFFF, #E5E8E8);
    background: -ms-linear-gradient(#FFFFFF, #E5E8E8);
    background: -o-linear-gradient(#FFFFFF, #E5E8E8);
    background: linear-gradient(#FFFFFF, #E5E8E8);
    -pie-background: linear-gradient(#FFFFFF, #E5E8E8);
    behavior: url(/js/PIE.htc);
}

.addEntityCSS {
    border: solid 1px #6495ed;
    background-color: #f5f5f5;
    width: 100px;
    right: 5px;
    position: absolute;
    z-index: 10;
}
/* New styles for section header w.e.f. 12-Sep-2013 6.03pm - girish */
.sectionHdr {
    display: block;
    color: #0000ff;
    border-bottom: solid 1px #888888;
    padding-top: 5px;
    margin-bottom: 3px;
}

/* Style for forcing width on outer border w.e.f. 24-Sep-2013 3.57pm - girish */
.bSOuter {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/*---------------------------START----------------
  Style for Docuement Control buttons w.e.t. 09 Oct 2013 6:24pm -Ravindra 
*/
.rBtn {
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100px;
    font-family: Verdana,Arial;
    text-align: center;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-left: 5px;
}

.activeBtn {
    background-color: #558ED5;
    cursor: pointer;
}

.inactiveBtn {
    background-color: #A6A6A6;
}

.documentItem {
    height: 40px;
}

/* Style for setting control opacity to ZERO */
.zeroOpcty {
    opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/*Ravindra 12 May 2014 : Show the Lock Image.*/
.LockImg {
    background-image: url(images/FormImages/lock_yellow.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.TickImg {
    background-image: url(Images/tick_16.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.DraftImg {
    background-image: url(Images/back.gif);
    background-position: center;
    background-repeat: no-repeat;
}
/* Style for multi-column selection control */
.MSSearchBox {
    height: 15px;
    font-size: 6.8pt;
    background-image: url('Images/qsearch.gif');
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    z-index: 1000;
    background-position: 2px 1px;
    padding-left: 18px;
    background-color: #8FAECF;
    font-family: Arial;
    border: solid 1px #CDCDCD;
    float: left;
    color: #0D262F;
}

.multiColSel .grpExpanded td {
    background-image: url('Styles/tree2/style/Explorer/plusik.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    cursor: pointer;
}

.multiColSel .grpCollapsed td {
    background-image: url('Styles/tree2/style/Explorer/minus.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    cursor: pointer;
}

.multiColSel a.toolBtn {
    border: solid 1px green;
    display: block;
    padding: 1px;
    margin: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .multiColSel a.toolBtn:hover {
        background-color: #fff1d1; /*border: solid 1px green;     display: block;     padding: 1px;     border-radius: 5px;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;*/
    }

.multiColSel .dsbl {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

    .multiColSel .dsbl a.toolBtn, .multiColSel a.toolBtn:hover {
        background-color: #aaaaaa;
        cursor: default;
    }

.multiColSel td.hiddenItem {
    display: none;
}

.multiColSel .groupHdr td {
    font-size: 9pt;
    background-color: #717171;
    color: White;
    font-weight: bold;
}

.multiColSel .groupItem td {
    font-size: 9pt;
    color: #284775;
    padding-left: 20px;
}

.multiColSel .colSelItem td {
    font-size: 9pt;
    background-color: #aaaaaa;
    color: #284775;
}

.multiColSel .colList {
    background-color: #ffffff;
}

.multiColSel tr.listHeader {
    font-family: Verdana;
    font-size: 9pt;
    background-color: #5D7B9D;
    color: White;
    font-weight: bold;
}

.multiColSel tr.listItem {
    font-family: Verdana;
    font-size: 9pt;
    background-color: White;
    color: #284775;
}

.multiColSel .dsbl .groupHdr td {
    cursor: default;
}
/*-------------END-------------*/
.warnMsg {
    background-image: url(Images/Warning24.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 17px;
}

a.infoTip {
    outline: none;
}

    a.infoTip strong {
        line-height: 30px;
    }

    a.infoTip:hover {
        text-decoration: none;
    }

    a.infoTip span.tipHolder, .tipInfo {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 300px;
        line-height: 16px;
    }

    a.infoTip:hover span.tipHolder, .tipInfo {
        display: inline !important;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
    width: 30px;
    height: 22px;
    display: block;
    /*background-image: url(Images/callout.gif);*/
    background-repeat: no-repeat;
    background-position: left center;
}

a.infoTip span .tipHolder, .tipInfo {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.imgIco {
    height: 16px;
    width: 16px;
    cursor: pointer;
    padding-left: 2px;
}

.invEntity {
    position: relative;
    float: left;
    border: 1px solid Gray;
    width: 330px;
    xpadding-top: 2px;
    xpadding-bottom: 2px;
    margin-bottom: 2px;
    margin-right: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    xbox-shadow: #666 0px 2px 3px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E5E8E8));
    background: -webkit-linear-gradient(#FFFFFF, #E5E8E8);
    background: -moz-linear-gradient(#FFFFFF, #E5E8E8);
    background: -ms-linear-gradient(#FFFFFF, #E5E8E8);
    background: -o-linear-gradient(#FFFFFF, #E5E8E8);
    background: linear-gradient(#FFFFFF, #E5E8E8);
    -pie-background: linear-gradient(#FFFFFF, #E5E8E8);
    behavior: url(/js/PIE.htc);
}

    .invEntity td.hdr {
        color: #666;
        fong-size: 8pt;
    }
/* Vishal - Added trnsHdPopup class used in Transport Module. */
.trnsHdPopup, .trnsHdPopup:active, .trnsHdPopup:hover {
    cursor: pointer;
    text-decoration: underline;
    color: White;
    font-size: 8pt;
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
}

.CellAsButton {
    text-align: center;
    vertical-align: middle;
}

.OpLock {
    text-align: center;
    vertical-align: middle;
}

.FinLock {
    text-align: center;
    vertical-align: middle;
}

.CellAsButton:hover {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #AAA;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    position: absolute;
    z-index: 500;
}

.OpLock:hover {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #AAA;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    position: absolute;
    z-index: 500;
}

.FinLock:hover {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #AAA;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    position: absolute;
    z-index: 500;
}


.CellAsButton:activate {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.OpLock:activate {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.FinLock:activate {
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
    border-radius: 3px;
    height: 20px;
    background-color: White;
    text-align: center;
    vertical-align: middle;
}

.CellLockOpen {
    background-image: url(images/FormImages/lock_open.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.CellLockOprClose {
    background-image: url(images/FormImages/lock_opr.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.CellLockFinClose {
    background-image: url(images/FormImages/lock_fin.png);
    background-repeat: no-repeat;
    background-position: center center;
}
/*SGCredit Helper Start*/

.modalbody {
    position: absolute;
    top: 170px;
    left: 90px;
    z-index: 100;
    width: 600px;
    height: 150px;
    background-color: #638bdb;
    border: 5px solid #638bdb;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.modalheader {
    background-color: #638bdb;
    height: 30px;
}

.modalcontent {
    background-color: #ffffff;
    height: 110px;
    padding: 5px;
}

.modalmessage {
    padding-left: 8px;
    padding-top: 6px;
    font-family: Arial;
    font-weight: bold;
    line-height: 30px;
    color: white;
    font-size: 18px;
}

.modalclose {
    float: right;
    padding-right: 8px;
    padding-top: 2px;
    font-family: Arial;
    font-weight: bold;
    color: White;
    font-size: 20px;
}

.modalfooter {
    background-color: Red;
    height: 30px;
}
/*SGCredit Helper End*/


.ToolBarMoreMenuItems {
    color: #000000;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    padding:3px;
}



/* Styles for the popup container */
.jobSavePopup {
    display: none; /* Hide the popup by default */
    position: fixed; /* Position the popup relative to the viewport */
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the popup horizontally and vertically */
    z-index: 999; /* Ensure the popup appears above other elements */
    width: 300px;
}

/* Styles for the popup content */
.jobSavePopup-content {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}