/*
/// ----------------------------------------------------------------------------------
/// ©Copyright 2010 Copyright Invensoft Technologies Pvt. Ltd.
/// file path   : 
/// revision    : 
/// author      : 
/// --------------------------------------------------------------------------------------
/// Comment     : XBS_1065700101
/// --------------------------------------------------------------------------------------
/// Change History
/// --------------------------------------------------------------------------------------
/// VER		CREATED / MODIFIED BY 	DATE          REQ NO.     COMMENTS
/// --------------------------------------------------------------------------------------
/// 1      Chethan Shankar         22-05-2014     8882        Added div_popup_category CSS Class and cssInnerTbl
/// 2      Ajay Kumar              08-08-2014     ----        Added fuNoMandatory [ File Upload ]
/// 3      Manoj Joshi             30-10-2014     ----        Added new style mid_head_title
/// 4      Arun                    04-12-2014     9535        Addedd new style .cssGrid select
/// --------------------------------------------------------------------------------------
*/


* {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

body {
    font-family: Verdana;
    font-size: 12px;
    background: background-color:#E1E6EC;
    margin: 0px;
    padding: 0px;
}



.mGrid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    align: left;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
        align: left;
        vertical-align: top;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url(../images/mod-head.gif) repeat-x top;
        border-left: solid 1px #525252;
        font-size: larger;
    }

    .mGrid .alt {
        background: #fcfcfc url(../images/grd_alt.png) repeat-x top;
    }

.btnExtended {
    background: #2C4A64 url(../images/downArrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

.mGrid .pgr {
    background: #424242 url(../images/grd_pgr.png) repeat-x top;
    align: left;
}

    .mGrid .pgr table {
        margin: 5px 0;
        align: left;
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        vertical-align: top;
    }

    .mGrid .pgr a {
        color: #666;
        text-decoration: none;
    }

        .mGrid .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.mGrid a {
    color: #666;
}        .mGrid a[class!=select2-choice]:hover {
                  color: #000;
    
    }


.cssGrid {
    background-color: whitesmoke;
    margin: 0px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 0px solid #000;
    align: left;
}

    .cssGrid td {
        padding: 2px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        align: left;
        vertical-align: top;
    }

    .cssGrid th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        border-bottom-color: #2C4A64;
        font-weight: bold;
        background: #2C4A64 url(../images/mod-head1.gif) repeat-x;
        align: left;
        border-bottom: dotted 1px #c1c1c1;
    }

    .cssGrid .alt {
        background: #fff;
    }

    .cssGrid select {
    font-family: Verdana;
    font-size: 10px;
    height: 17.5px;

    }

    .cssGrid a {
        color: #fff;
        text-decoration: none;
    }

        .cssGrid a[class!=select2-choice]:hover {
            color: #fff;
            text-decoration: underline;
        }

    .cssGrid tr:hover {
        background-color: #D1DDF1;
    }

    .cssGrid .pgr {
        background: #405E78;
        align: left;
    }

        .cssGrid .pgr table {
            margin: 5px 0;
            align: left;
        }

        .cssGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 0px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
            vertical-align: top;
        }

        .cssGrid .pgr a {
            color: #A5A2A2;
            text-decoration: none;
        }

            .cssGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .cssGrid .ajax__calendar_container {
        background-color: White;
        border: 1px solid #646464;
    }

        .cssGrid .ajax__calendar_container table {
            border-color: White;
        }

        .cssGrid .ajax__calendar_container th {
            padding: 0px;
            border-style: dotted;
        }

        .cssGrid .ajax__calendar_container td {
            background-color: White;
            padding: 0px;
            border-style: none;
        }

    .cssGrid .ajax__calendar_other .ajax__calendar_day, .cssGrid .ajax__calendar_other .ajax__calendar_year {
        color: black;
    }

    .cssGrid .ajax__calendar_hover .ajax__calendar_day, .cssGrid .ajax__calendar_hover .ajax__calendar_month, .cssGrid .ajax__calendar_hover .ajax__calendar_year {
        color: black;
    }

    .cssGrid .ajax__calendar_active .ajax__calendar_day, .cssGrid .ajax__calendar_active .ajax__calendar_month, .cssGrid .ajax__calendar_active .ajax__calendar_year {
        color: black;
        font-weight: normal;
    }


.cssGridRep {
    background-color: #fff;
    margin: 0px 0px 0px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 0px solid #000;
    vertical-align: top;
}

    .cssGridRep td {
        padding: 2px;
        border-left: 0px;
        border-right: dotted 1px #c1c1c1;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #000;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssGridRep th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: dotted 1px #c1c1c1;
        border-bottom-color: #2C4A64;
        font-weight: bold;
        background: #46484A;
        align: left;
        border-bottom: dotted 1px #c1c1c1;
    }

    .cssGridRep .alt {
        background: #fff;
    }

    .cssGridRep a {
        color: #fff;
        text-decoration: none;
    }

        .cssGridRep a[class!=select2-choice]:hover {
            color: #fff;
            text-decoration: underline;
        }


    .cssGridRep .pgr {
        background: #46484A;
        align: left;
    }

        .cssGridRep .pgr table {
            margin: 5px 0;
            align: left;
        }

        .cssGridRep .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 0px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
            vertical-align: top;
        }

        .cssGridRep .pgr a {
            color: #A5A2A2;
            text-decoration: none;
        }

.cssListView .ajax__calendar_container {
    background-color: White;
    border: 1px solid #646464;
}

    .cssListView .ajax__calendar_container table {
        border-color: White;
    }

    .cssListView .ajax__calendar_container th {
        padding: 0px;
        border-style: dotted;
    }

    .cssListView .ajax__calendar_container td {
        background-color: White;
        padding: 0px;
        border-style: none;
    }

.cssListView .ajax__calendar_other .ajax__calendar_day, .cssListView .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.cssListView .ajax__calendar_hover .ajax__calendar_day, .cssListView .ajax__calendar_hover .ajax__calendar_month, .cssListView .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.cssListView .ajax__calendar_active .ajax__calendar_day, .cssListView .ajax__calendar_active .ajax__calendar_month, .cssListView .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: normal;
}

.cssListView table {
    background-color: whitesmoke;
    margin: 0px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 0px solid #000;
    align: left;
}

    .cssListView table td {
        padding: 2px;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        vertical-align: top;
    }

    .cssListView table tr.a {
        background-color: #fff;
    }

    .cssListView table tr.group {
        background-color: #D8D4C9;
    }

    .cssListView table td.group {
        color: #3B4B5B;
    }

    .cssListView table th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: bold;
        background: #2C4A64 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

.cssListView th a {
    color: #fff;
    text-decoration: none;
}

    .cssListView th a:hover {
        color: #fff;
        text-decoration: underline;
    }

.cssListView .alt {
    background: #fff;
}

.cssListView a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

    .cssListView a[class!=select2-choice]:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


.cssListView table tr:hover {
    background-color: #D1DDF1;
}

.cssListView .pgr {
    background: #405E78;
    align: left;
}

    .cssListView .pgr td {
        border-width: 0;
        padding: 6px 6px 6px 6px;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssListView .pgr a {
        color: #A5A2A2;
        text-decoration: none;
        padding: 0px 3px 0px 3px;
    }

        .cssListView .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.cssListViewOuter table {
    background-color: #2C4A64;
    margin: 0px 0 10px 0;
    border: solid 1px #7F9DB9;
    border-collapse: collapse;
    align: left;
}

    .cssListViewOuter table td {
        padding: 2px;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        vertical-align: top;
    }

    .cssListViewOuter table tr.a {
        background-color: #fff;
    }

    .cssListViewOuter table tr.group {
        background-color: #D8D4C9;
    }

    .cssListViewOuter table td.group {
        color: #3B4B5B;
    }

    .cssListViewOuter table th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: bold;
        background: #2C4A64 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

.cssListViewOuter th a {
    color: #fff;
    text-decoration: none;
}

    .cssListViewOuter th a:hover {
        color: #fff;
        text-decoration: underline;
    }

.cssListViewOuter .alt {
    background: #fff;
}

.cssListViewOuter a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

 .cssListViewOuter a[class!=select2-choice]:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    

.cssListViewOuter .pgr {
    background: #405E78;
    align: left;
}

    .cssListViewOuter .pgr td {
        border-width: 0;
        padding: 6px 6px 6px 6px;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssListViewOuter .pgr a {
        color: #A5A2A2;
        text-decoration: none;
        padding: 0px 3px 0px 3px;
    }

        .cssListViewOuter .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.cssListViewInner table {
    background-color: #fff;
    margin: 0px;
    border-collapse: collapse;
    align: left;
}

    .cssListViewInner table td {
        padding: 2px;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        vertical-align: top;
    }

    .cssListViewInner table tr.a {
        background-color: #fff;
    }

    .cssListViewInner table tr.group {
        background-color: #D8D4C9;
    }

    .cssListViewInner table td.group {
        color: #3B4B5B;
    }

    .cssListViewInner table th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #000;
        border-left: 0px;
        border-right: 0px;
        font-weight: normal;
        align: left;
    }

.cssListViewInner th a {
    color: #fff;
    text-decoration: none;
}

    .cssListViewInner th a:hover {
        color: #fff;
        text-decoration: underline;
    }

.cssListViewInner .alt {
    background: #fff;
}

.cssListViewInner a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

 .cssListViewInner a[class!=select2-choice]:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
     
.cssListViewInner table tr:hover {
    background-color: #D1DDF1;
}

.cssListViewInner .pgr {
    background: #405E78;
    align: left;
}

    .cssListViewInner .pgr td {
        border-width: 0;
        padding: 6px 6px 6px 6px;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssListViewInner .pgr a {
        color: #A5A2A2;
        text-decoration: none;
        padding: 0px 3px 0px 3px;
    }

        .cssListViewInner .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

.cssListViewInner1 table {
    background-color: inherit;
    margin: 0px 0 0px 0;
    border: none;
    border-collapse: collapse;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-top: none;
    align: left;
}

    .cssListViewInner1 table td {
        padding: 2px;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: none;
        vertical-align: top;
    }

    .cssListViewInner1 table tr.a {
        background-color: #fff;
    }

    .cssListViewInner1 table tr.group {
        background-color: #D8D4C9;
    }

    .cssListViewInner1 table td.group {
        color: #3B4B5B;
    }

    .cssListViewInner1 table th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: bold;
        background: #2C4A64 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

.cssListViewInner1 th a {
    color: #fff;
    text-decoration: none;
}

    .cssListViewInner1 th a:hover {
        color: #fff;
        text-decoration: underline;
    }

.cssListViewInner1 .alt {
    background: #fff;
}

.cssListViewInner1 a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.cssListViewInner1 a[class!=select2-choice]:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.cssListViewInner1 table tr:hover {
    background-color: #D1DDF1;
}

.cssListViewInner1 .pgr {
    background: #405E78;
    align: left;
}

    .cssListViewInner1 .pgr td {
        border-width: 0;
        padding: 6px 6px 6px 6px;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssListViewInner1 .pgr a {
        color: #A5A2A2;
        text-decoration: none;
        padding: 0px 3px 0px 3px;
    }

        .cssListViewInner1 .pgr a:hover {
            color: #000;
            text-decoration: none;
        }




.cssSearchGrid {
    background-color: #F3F2F2;
    margin: 0px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 0px solid #000;
    align: left;
}

    .cssSearchGrid td {
        padding: 2px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #372B27;
        font-family: Verdana;
        font-size: 10px;
        align: left;
        vertical-align: top;
    }

    .cssSearchGrid th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: normal;
        background: #372B27 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

    .cssSearchGrid .alt {
        background: #fff;
    }

    .cssSearchGrid a {
        color: #717171;
        text-decoration: none;
        cursor: pointer;
    }

    .cssSearchGrid a[class!=select2-choice]:hover {
         color: #717171;
            text-decoration: underline;
            cursor: pointer;
    }

    .cssSearchGrid tr:hover {
        background-color: #7B6E6A;
    }

    .cssSearchGrid .pgr {
        background: #372B27;
        align: left;
    }

        .cssSearchGrid .pgr table {
            margin: 5px 0;
            align: left;
        }

        .cssSearchGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
            vertical-align: top;
        }

        .cssSearchGrid .pgr a {
            color: #A5A2A2;
            text-decoration: none;
        }

            .cssSearchGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .cssSearchGrid .emptyrow td {
        color: #000;
        text-align: center;
        vertical-align: top;
    }

.dbCSSListView table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 11px;
    margin: 5px;
    cursor: default;
}

    .dbCSSListView table tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .dbCSSListView table td {
        color: #000;
        border-top: 1px solid #B8C889;
        padding: 5px 5px;
        min-width: 60px;
        vertical-align: top;
    }

    .dbCSSListView table th {
        font-size: 11px;
        font-weight: normal;
        color: #454D36;
        padding: 5px 5px;
        vertical-align: top;
    }

    .dbCSSListView table tr:hover {
        color: #339;
        background: #E1EDC9;
    }

.oce-first {
    background: #C2D69A;
    border-right: 2px solid transparent;
    border-left: 10px solid;
}

.dbCSSListViewSub table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 11px;
    margin: 5px;
    cursor: default;
}

    .dbCSSListViewSub table tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .dbCSSListViewSub table td {
        color: #000;
        border-top: 1px solid #CE9231;
        padding: 5px 5px;
        min-width: 60px;
        vertical-align: top;
    }

    .dbCSSListViewSub table th {
        font-size: 11px;
        font-weight: normal;
        color: #7A560F;
        padding: 5px 5px;
        vertical-align: top;
    }

    .dbCSSListViewSub table tr:hover {
        color: #000;
        background: #F6DC9D;
    }

.dbCSSListViewSub-oce-first {
    background: #F8D583;
    border-right: 2px solid transparent;
    border-left: 10px solid;
}

.dbCSSListViewBlu table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 11px;
    margin: 5px;
    cursor: default;
}

    .dbCSSListViewBlu table tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .dbCSSListViewBlu table td {
        color: #000;
        border-top: 1px solid #8FA3BA;
        padding: 5px 5px;
        min-width: 60px;
        vertical-align: top;
    }

    .dbCSSListViewBlu table th {
        font-size: 11px;
        font-weight: normal;
        color: #0053A5;
        padding: 5px 5px;
        vertical-align: top;
    }

    .dbCSSListViewBlu table tr:hover {
        color: #000;
        background: #C6DAF2;
    }

.dbCSSListViewBlu-oce-first {
    background: #B8CCE4;
    border-right: 2px solid transparent;
    border-left: 10px solid;
}

.cssRep table {
    border: solid 1px #000;
    border-collapse: collapse;
}

    .cssRep table td {
        padding: 2px;
        color: #000;
        border-top: solid 1px #000;
        font-family: Verdana;
        font-size: 10px;
        vertical-align: top;
    }

    .cssRep table th {
        font-family: Verdana;
        font-size: 10px;
        height: 22px;
        color: #000;
        font-weight: bold;
    }

    .cssRep table tr.group {
        font-weight: bold;
    }

.chkBoxLst {
    background-color: #fff;
    overflow: auto;
    min-height: 15px;
    max-height: 80px;
    border-bottom: 1px solid #7F9DB9;
    border-top: 1px solid #7F9DB9;
    border-right: 1px solid #7F9DB9;
    border-left: 1px solid #7F9DB9;
}

    .chkBoxLst table {
        background-color: #fff;
        border-collapse: collapse;
        align: left;
        width: 100%;
    }

    .chkBoxLst td {
        padding: 2px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        align: left;
        vertical-align: top;
    }

    .chkBoxLst label {
        padding: 0 0 0 4px;
    }

    .chkBoxLst tr:hover {
        background-color: #D1DDF1;
    }

.chkBoxLstMandatory {
    overflow: auto;
    max-height: 80px;
    border: 1px solid red;
}

    .chkBoxLstMandatory table {
        background-color: #fff;
        border: solid 1px #525252;
        border-collapse: collapse;
        border-left: 1px solid #7F9DB9;
        border-bottom: 0px solid #7F9DB9;
        border-right: 0px solid #7F9DB9;
        border-top: 0px solid #7F9DB9;
        align: left;
        width: 100%;
    }

    .chkBoxLstMandatory td {
        padding: 2px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        align: left;
        vertical-align: top;
    }

    .chkBoxLstMandatory label {
        padding: 0 0 0 4px;
    }

    .chkBoxLstMandatory tr:hover {
        background-color: #D1DDF1;
    }

.searchBox {
    width: 300px;
    font-size: 13px;
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 12px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
}


.div_grid_top {
    background: #424242 url(../images/mod-head.gif) repeat-x top;
}

    .div_grid_top a {
        color: #fff;
        text-decoration: none;
    }

        .div_grid_top a:hover {
            color: #fff;
            text-decoration: underline;
        }

.fltr_img {
    cursor: pointer;
}

.lbl_white {
    color: blue;
    font-family: Verdana;
    font-size: 12px;
}

.outerDiv {
    position: relative;
}

.div_confirmMsgBox {
    display: block; /*--hidden by default--*/
    background: #fff;
    border-top: 10px solid #2C4A64;
    border-bottom: 10px solid #2C4A64;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 30%;
    left: 38%;
    width: 20%;
    z-index: 22;
    margin: 15px 0px 0px 0px; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000; /*--box-shadow: 0px 0px 20px #000;--*/ /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.div_msgBox_error {
    position: fixed;
    top: 50%;
    left: 42%;
    width: 30%;
    background-color: #fff;
}

.btn_msgBox {
    padding: 1px 10px;
    color: #fff;
    background: #424242 url(../images/grd_head.png) repeat-x top;
    font-size: small;
    border: 1px solid;
    border-color: #424242 #424242 #424242 #424242;
}

.msgBox {
    background-color: #fff;
    margin: 1px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .msgBox th {
        padding: 2px 1px;
        color: #fff;
        background: #424242 url(../images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: small;
    }

    .msgBox td {
        color: #717171;
        background: #fcfcfc repeat-x top;
        vertical-align: top;
    }

.confirmMsgBox {
    background-color: #fff;
    margin: 1px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .confirmMsgBox th {
        padding: 2px 1px;
        color: #fff;
        background: #424242 url(../images/grd_head.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: small;
    }

    .confirmMsgBox td {
        color: #717171;
        background: #fcfcfc repeat-x top;
        vertical-align: top;
    }

.div_popup {
    display: block; /*--hidden by default--*/
    background: #fff;
    padding: 20px;
    border: 10px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 30%;
    left: 10%;
    width: 75%;
    z-index: 22;
    margin: 15px 0px 0px 0px; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000; /*--box-shadow: 0px 0px 20px #000;--*/ /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*
.ddl
{
    border: solid 1px #c1c1c1;
}
.ddllagre
{
    width: 415px;
    border: solid 1px #c1c1c1;
    font-family: Verdana;
    font-size: 11px;
}
*/
.btn {
    background: #2C4A64;
    border: 1px solid #E1E6EC;
    height: 23px;
    text-align: center;
    padding: 4px 2px;
    color: #fff;
    width: 90px;
    font-family: Verdana;
    font-size: 11px;
    cursor: hand;
}

.btnSmall {
    background: #2C4A64;
    border: 1px solid #E1E6EC;
    height: 23px;
    width: 50px;
    text-align: center;
    padding: 4px 2px;
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bolder;
}


.btnTst {
    background: #2C4A64;
    border: 0px solid #000;
    height: 18px;
    text-align: center;
    padding: 4px 2px;
    color: #fff;
    width: 30px;
    font-family: Verdana;
    font-size: 11px;
    border-right: 1px solid #000;
    cursor: pointer;
}

.btnTop {
    background-color: #717171;
    border: 0px solid #000;
    height: 22px;
    text-align: center;
    padding: 4px 2px;
    color: #fff;
    background: #fcfcfc url(../images/mod-head.gif) repeat-x top;
    width: 90px;
    font-family: Verdana;
    font-size: 11px;
    border-right: 1px solid #000;
    cursor: pointer;
}

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

.lblHead {
    color: #293643;
    font-family: Verdana;
    font-size: 10px;
}

.lblInfo {
    color: #3B4B5B;
    font-family: Verdana;
    font-size: 10px;
}

.lblRepScreenName {
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

.lblRepBlockHead {
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

.lblRepHead {
    color: #000;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

.lblRepInfo {
    color: #000;
    font-family: Verdana;
    font-size: 10px;
}

.txtboxDateNoManndatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 70px;
}

.txtboxDateManndatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid Red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 70px;
    border-width: 1px;
}

/*
.txtbox
{
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans" ,Tahoma,Helvetica,Sans-serif;
}
*/

.txtboxNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
}

.txtboxMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
}

.txtboxItemNameNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 265px;
}

.txtboxItemNameMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 265px;
}

.txtboxItemCodeNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 150px;
}

.txtboxItemCodeMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 150px;
}

.txtboxOrgNameNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 300px;
}

.txtboxOrgNameMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 300px;
}

.txtboxOrgCodeNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 150px;
}

.txtboxOrgCodeMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    width: 150px;
}

.txtboxOrgAddrNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    width: 300px;
    height: 35px;
}

.txtboxOrgAddrMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    width: 300px;
    height: 35px;
}

.txtMultiLineNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    height: 35px;
}

.txtMultiLineMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    height: 35px;
}

.txtboxUnitsNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxUnitsMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxstr {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
}

.txtboxRateNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxRateMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxQtyNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxQtyMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxAmountNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxAmountMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
}

.txtboxDisabled {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
}

.txtboxUnitsDisabled {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
    color: Blue;
}

.txtboxQtyDisabled {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
    color: Blue;
}

.txtboxRateDisabled {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
    color: Blue;
}

.txtboxAmountDisabled {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: right;
    color: Blue;
}

.txtboxUcNoMandatory {
    background-color: #F3F8F3;
    background-image: url(../images/search-zoom-icon.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
}

.txtboxUcMandatory {
    background-color: #F3F8F3;
    background-image: url(../images/search-zoom-icon.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
}

.divChkBoxNoMandatory {
    border: 0px solid Black;
    padding: 2px 2px 2px 2px;
}

.divChkBoxMandatory {
    border: 1px solid Red;
    padding: 2px 2px 2px 2px;
}

.cmboMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 200px;
    border-color: Red;
    border-width: 1px;
    height: 17.5px;
}

.cmboNoMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 200px;
    height: 17.5px;
}

.cmboOrgNameNoMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 304px;
    height: 17.5px;
}

.cmboOrgNameMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 304px;
    border-color: Red;
    border-width: 1px;
    height: 17.5px;
}

.cmboOrgAddrNoMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 304px;
    height: 17.5px;
}

.cmboOrgAddrMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 304px;
    border-color: Red;
    border-width: 1px;
    height: 17.5px;
}

.cmboItemNameNoMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 300px;
    height: 17.5px;
}

.cmboItemNameMandatory {
    font-family: Verdana;
    font-size: 10px;
    width: 300px;
    border-color: Red;
    border-width: 1px;
    height: 17.5px;
}
/*
.ddl
{
    font-family: Verdana;
    font-size: 10px;
    height: 14px;
}
.Cmboboxsmall
{
    font-family: Verdana;
    font-size: 11px;
}
.Cmbobox
{
    font-family: Verdana;
    font-size: 11px;
    width: 200px;
}
.Cmboboxlarge
{
    font-family: Verdana;
    font-size: 10;
    height: 14px;
}
*/
.lbl_msg {
    font-family: Verdana;
    font-size: 10px;
    color: Red;
}

.lbl_Red {
    color: Red;
    font-family: Verdana;
    font-size: 10px;
}

.lbl_Blue {
    color: Blue;
    font-family: Verdana;
    font-size: 10px;
}

.btn_active_tab {
    border-style: solid;
    border-color: inherit;
    border-width: 0px;
    font-size: 10px;
    font-family: Verdana;
    height: 20px;
    background-color: #2C4A64;
    text-align: center;
    color: #FFF;
    font-weight: 700;
}

.btn_inactive_tab {
    border-right: 0px solid;
    border-top: 0px solid;
    font-size: 10px;
    border-left: 0px solid;
    border-bottom: 0px solid;
    font-family: verdana;
    height: 20px;
    background-color: #8799A6;
    text-align: center;
}

table.MyTable {
    border-collapse: collapse;
    width: 75%;
}

    table.MyTable th {
        border-bottom: 0px solid #FFF;
        background-color: #687EAB;
        padding: 0.1em 0.0em;
        color: #FFF;
        font-weight: normal;
    }

    table.MyTable td {
        border-bottom: 0px solid #FFF;
        background-color: #DBE2F1; /* #ECEEB9 */
        padding: 0.1em 0.9em;
        vertical-align: top;
        vertical-align: top;
    }

.msg_button_class {
    background-image: url(msg_button_1.jpg);
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 22px;
}

/* ajax__tab_theme*/
.ajax__tab_theme .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    background: url(../images/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

    .ajax__tab_theme .ajax__tab_header .ajax__tab_outer {
        background: url(../images/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

    .ajax__tab_theme .ajax__tab_header .ajax__tab_inner {
        background: url(../images/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.ajax__tab_theme .ajax__tab_hover .ajax__tab_inner {
    color: #000;
}

.ajax__tab_theme .ajax__tab_active .ajax__tab_outer {
    background: url(../images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.ajax__tab_theme .ajax__tab_active .ajax__tab_inner {
    background: url(../images/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}

.ajax__tab_theme .ajax__tab_body {
    padding: 5px 0px 10px 5px;
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

/* ajax__tab_otr_theme*/
.ajax__tab_otr_theme .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    background: url(../images/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

    .ajax__tab_otr_theme .ajax__tab_header .ajax__tab_outer {
        background: url(../images/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

    .ajax__tab_otr_theme .ajax__tab_header .ajax__tab_inner {
        background: url(../images/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.ajax__tab_otr_theme .ajax__tab_hover .ajax__tab_inner {
    color: #000;
}

.ajax__tab_otr_theme .ajax__tab_active .ajax__tab_outer {
    background: url(../images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.ajax__tab_otr_theme .ajax__tab_active .ajax__tab_inner {
    background: url(../images/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}

.ajax__tab_otr_theme .ajax__tab_body {
    padding: 10px 0px 10px 10px;
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

.clas_img_buttons {
    font-size: 11px;
    color: #FFF;
    font-family: arial;
    text-decoration: none;
}

.class_env {
    font-size: 11px;
    color: #FFF;
    font-family: arial;
    text-decoration: none;
}

.shadow_hr {
    display: '';
    position: relative;
    padding: 0;
    border: none;
    border-top: 1px solid #587187;
    border-bottom: 1px solid #2C4A64;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 0px;
}

.shadow_vr {
    display: '';
    position: relative;
    padding: 0;
    width: 0;
    border: none;
    border-left: 1px solid #587187;
    border-right: 1px solid #2C4A64;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 100%;
}

.shadow_drk_vr {
    display: '';
    position: relative;
    padding: 0;
    width: 0;
    border: none;
    border-left: 1px solid #4E6C87;
    border-right: 1px solid #658197;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 100%;
}

.shadow_drk_hr {
    display: '';
    position: relative;
    padding: 0;
    border: none;
    border-top: 1px dotted #5C7993;
    border-bottom: 1px dotted #0E2337;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 0px;
}

.screen_title {
    font-size: 19px;
    font-weight: bold;
    color: #2C4A64;
    font-family: Verdana;
    text-decoration: none;
}

.mid_head_title {
    font-size: 12px;
    font-weight: bold;
    color: #2C4A64;
    font-family: Verdana;
    text-decoration: none;
   
    padding-top:5px;
    margin-bottom:5px;
}

.screen_title_popup {
    font-size: 15px;
    font-weight: bold;
    color: #2C4A64;
    font-family: Verdana;
    text-decoration: none;
}

.shadow_body {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    border-top: 1px solid #D0D9E4;
    border-bottom: 1px solid #EDF0F3;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 0px;
}

.srchOuterDiv {
    max-height: 200px;
    min-width: 150px;
    max-width: 500px;
    background: url(../images/bg_sub_left.png) no-repeat 0 100%;
    padding-left: 10px;
    margin-left: -3px;
    position: absolute;
    z-index: 14;
}

.srchInnerDiv {
    max-height: 180px;
    background: url(../images/bg_sub.png) no-repeat 100% 100%;
    padding: 0px 10px 10px 10px;
    width: 100%;
}

.srchDDL {
    font-family: courier new;
    font-size: 11px;
    color: black;
    max-height: 170px;
    overflow: auto;
    line-height: 15px;
    scrollbar-face-color: #FFF;
    scrollbar-highlight-color: #FFF;
    scrollbar-3dlight-color: #FFF;
    scrollbar-darkshadow-color: #FFF;
    scrollbar-shadow-color: #FFF;
    scrollbar-arrow-color: #2C4A64;
    scrollbar-track-color: #FFF;
}

.srchTab {
    border-collapse: collapse;
    width: 100%;
}

    .srchTab tr {
        cursor: default;
        border-bottom: 1px dotted #ECEBEB;
    }

        .srchTab tr:hover {
            background-color: #D1DDF1;
        }

.srchTxtBox {
    float: left;
    height: 21px;
    border: 0px solid transparent;
    background: url(../images/select_left.gif) no-repeat 0 0;
    vertical-align: middle;
    padding: 4px 1px 0px 6px;
    font-size: 11px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    color: #FFF;
}

.srchRightDiv {
    float: left;
    height: 21px;
    width: 17px;
    background: url(../images/select_right.gif) no-repeat 100% 0;
    cursor: pointer;
    border: 0px solid #000;
}

.tooltip-bubble {
    background-color: #EDEDED;
    border: 2px solid #666666;
    color: #717171;
    font-family: Verdana;
    font-size: 10px;
    line-height: 1.3em;
    margin: 5px 5px 5px 5px;
    text-align: left;
    width: auto;
    min-width: 100px;
    max-width: 300px;
    height: 22px;
    padding: 5px 5px 5px 5px;
    background: #FFF url(images/textfield.gif) top repeat-x;
    position: absolute;
    display: none; /*     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     -moz-box-shadow: 0 0 5px #888888;     -webkit-box-shadow: 0 0 5px #888888;     */
    z-index: 0;
}


.tooltip-bubble-arrow-border {
    border-color: transparent #666666 transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: 6px;
    left: -20px;
}

.tooltip-bubble-arrow {
    border-color: transparent #FFF transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    top: 6px;
    left: -17px;
}

.tooltip-box {
    position: absolute;
    left: -75px;
    display: none;
    background-color: #EDEDED;
    border: 1px solid #666666;
    color: #717171;
    font-family: Verdana;
    font-size: 10px;
    line-height: 1.3em;
    margin: 5px 5px 5px 5px;
    text-align: left;
    width: 150px;
    height: auto;
    padding: 5px 5px 5px 5px;
    background: #FFF url(images/textfield.gif) top repeat-x;
    z-index: 0;
}

.div_progress {
    position: fixed;
    background-color: #111;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 24;
}

.div_progress_bar {
    position: fixed;
    top: 50%;
    left: 40%;
    z-index: 25;
}

.div_SessionTimeout {
    position: fixed;
    top: 50%;
    left: 40%;
    margin-top: -4.5em; /*set to a negative number 1/2 of your height*/
    margin-left: -9em; /*set to a negative number 1/2 of your width*/
    background-color: #f3f3f3;
    z-index: 50;
}






.cssSearchGridUC {
    background-color: #F3F2F2;
    margin: 0px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 0px solid #000;
    align: left;
}

    .cssSearchGridUC td {
        padding: 2px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: dotted 1px #c1c1c1;
        color: #372B27;
        font-family: Verdana;
        font-size: 10px;
        align: left;
        vertical-align: top;
    }

    .cssSearchGridUC th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: normal;
        background: #372B27 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

    .cssSearchGridUC .alt {
        background: #fff;
    }

    .cssSearchGridUC a {
        color: #717171;
        text-decoration: none;
        cursor: pointer;
    }
        
    .cssSearchGridUC a[class!=select2-choice]:hover {
                color: #717171;
            text-decoration: underline;
            cursor: pointer;
    
    }
     

    .cssSearchGridUC tr:hover {
        background-color: #7B6E6A;
    }

    .cssSearchGridUC .pgr {
        background: #372B27;
        align: left;
    }

        .cssSearchGridUC .pgr table {
            margin: 5px 0;
            align: left;
            border-width: 0;
        }

        .cssSearchGridUC .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
            background: #372B27;
            vertical-align: top;
        }

        .cssSearchGridUC .pgr a {
            color: #A5A2A2;
            text-decoration: none;
        }

            .cssSearchGridUC .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

    .cssSearchGridUC .emptyrow td {
        color: #000;
        text-align: center;
        vertical-align: top;
    }

.notify_shadow {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    border-top: 1px solid #272727;
    border-bottom: 1px solid #151414;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    height: 0px;
}

.notifyDetl {
    font-family: Verdana;
    font-size: 11px;
    color: #fff;
}

.notHead {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    color: Gray;
}

.notRemove {
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    color: #191919;
    padding-right: 2px;
}

.notDesc {
    font-family: Verdana;
    font-size: 11px;
    color: #fff;
}

.notDivStl {
    width: 95%;
    border: 0px solid #5F5E5E;
    padding: 3px;
}

    .notDivStl:hover {
        border-width: 1px;
    }

        .notDivStl:hover div {
            color: Gray;
        }

/* Copy Option */
.copy-option-bar {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .copy-option-bar a, .copy-option-List .copy-option-selected {
        background: #FFFFFF none repeat scroll 0%;
        border: 1px solid #DDDDDD;
        padding: 2px 6px;
        text-decoration: none;
        cursor: hand;
    }

        .copy-option-bar a:visited {
            background: #FFFFFF none repeat scroll 0%;
            border: 1px solid #DDDDDD;
            padding: 2px 6px;
            text-decoration: none;
        }

    .copy-option-bar .copy-option-selected {
        background: #ED1B2F none repeat scroll 0%;
        border-color: #999999;
        color: #FFFFFF;
        padding: 2px 6px;
        vertical-align: top;
    }

    .copy-option-bar a:hover {
        background: #ED1B2F none repeat scroll 0%;
        border-color: #000000;
        color: #FFFFFF;
        text-decoration: none;
    }

.copy-blankOnly-bar {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .copy-blankOnly-bar a, .copy-blankOnly-List .copy-blankOnly-selected {
        background: #FFFFFF none repeat scroll 0%;
        border: 1px solid #DDDDDD;
        padding: 2px 6px;
        text-decoration: none;
        cursor: hand;
    }

        .copy-blankOnly-bar a:visited {
            background: #FFFFFF none repeat scroll 0%;
            border: 1px solid #DDDDDD;
            padding: 2px 6px;
            text-decoration: none;
        }

    .copy-blankOnly-bar .copy-blankOnly-selected {
        background: #a8d63d none repeat scroll 0%;
        border-color: #999999;
        color: #FFFFFF;
        padding: 2px 6px;
        vertical-align: top;
    }

    .copy-blankOnly-bar a:hover {
        background: #a8d63d none repeat scroll 0%;
        border-color: #000000;
        color: #FFFFFF;
        text-decoration: none;
    }

.copy-colName-bar {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .copy-colName-bar a, .copy-colName-List .copy-colName-selected {
        background: #FFFFFF none repeat scroll 0%;
        border: 1px solid #DDDDDD;
        padding: 2px 6px;
        text-decoration: none;
        cursor: hand;
    }

        .copy-colName-bar a:visited {
            background: #FFFFFF none repeat scroll 0%;
            border: 1px solid #DDDDDD;
            padding: 2px 6px;
            text-decoration: none;
        }

    .copy-colName-bar .copy-colName-selected {
        background: #5F5E5E none repeat scroll 0%;
        border-color: #999;
        color: #fff;
        padding: 2px 6px;
        vertical-align: top;
    }

    .copy-colName-bar a:hover {
        background: #b2b1b1 none repeat scroll 0%;
        border-color: #000000;
        color: #FFFFFF;
        text-decoration: none;
    }

.btn-ok {
    height: 20px;
    background-color: #2C4A64;
    color: #fff;
    font-family: Verdana;
    font-size: 9px;
    cursor: hand;
    border: solid 1px #2C4A64;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
    text-align: center;
    padding: 2px 6px;
}

.btn-row-no {
    background: #2C4A64;
    border: 0px solid #E1E6EC;
    height: 23px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    color: #fff;
    width: 50px;
    font-family: Verdana;
    font-size: 11px;
    cursor: hand;
}

.div-copy-detl {
    display: block; /*--hidden by default--*/
    background: whitesmoke;
    padding: 3px 2px 2px 2px;
    border: 1px solid #2C4A64;
    border-right: solid 4px #2C4A64;
    border-bottom: solid 2px #2C4A64;
    float: left;
    position: absolute;
    z-index: 25;
}

.dv-row-no-detl {
    position: relative;
    cursor: default;
    width: 50px;
    z-index: 10;
    color: #fff;
    height: 21px;
    border: 0px solid #000;
}
/* Copy */
.cssListViewInner table td table {
    background-color: #fff;
    margin: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    text-align: left;
}

    .cssListViewInner table td table td {
        padding-left: 16px;
        padding-right: 0px;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: dotted 1px #c1c1c1;
        border-bottom: 0px;
        vertical-align: top;
    }

.lstBoxMandatory {
    width: 400px;
    height: 40px;
    border: 1px solid red;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: left;
}

.lstBoxNoMandatory {
    width: 400px;
    height: 40px;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    text-align: left;
}

.cmboNoMandatoryCopy {
    font-family: Verdana;
    font-size: 10px;
    width: 200px;
    background: #E9E9E9;
    border-width: 1px;
    height: 17.5px;
}

.lblCopy {
    font-family: Verdana;
    font-size: 10px;
    background: #E9E9E9;
}

.txtMultiLineNoMandatoryCopy {
    background: #E9E9E9;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    width: 200px;
    height: 35px;
}

.cmboMandatoryCopy {
    font-family: Verdana;
    font-size: 10px;
    width: 200px;
    border-color: Red;
    background: #E9E9E9;
    border-width: 1px;
    height: 17.5px;
}

.divExc_popup {
    display: block; /*--hidden by default--*/
    background: #fff;
    border-top: 10px solid #A52B2A;
    border-bottom: 10px solid #A52B2A;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 30%;
    left: 28%;
    width: 40%;
    z-index: 22;
    margin: 15px 0px 0px 0px; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000; /*--box-shadow: 0px 0px 20px #000;--*/ /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.divExc {
    position: fixed;
    background-color: #111;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 24;
}

.title {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    font-family: Verdana;
    text-decoration: none;
}

.titleDesc {
    font-size: 10px;
    font-weight: bold;
    color: #2C4A64;
    font-family: Verdana;
    text-decoration: none;
}

.lnkDownload {
    font-size: 10px;
    font-weight: bold;
    color: blue;
    font-family: Verdana;
    text-decoration: underline;
    cursor: pointer;
}

.desc {
    font-size: 10px;
    font-weight: bold;
    color: #000;
    font-family: Verdana;
    text-decoration: none;
}

.div_popup_category {
    display: block; /*--hidden by default--*/
    background: #fff;
    padding: 20px;
    border: 10px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 38%;
    left: 32%;
    width: 30%;
    z-index: 22;
    margin: 15px 0px 0px 0px; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000; /*--box-shadow: 0px 0px 20px #000;--*/ /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cssInnerTbl table {
    background-color: inherit;
    margin: 0px 0 0px 0;
    border: none;
    border-collapse: collapse;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-top: none;
    align: left;
}

    .cssInnerTbl table td {
        padding: 2px;
        color: #717171;
        font-family: Verdana;
        font-size: 10px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: none;
        vertical-align: top;
    }

    .cssInnerTbl table tr.a {
        background-color: #fff;
    }

    .cssInnerTbl table tr.group {
        background-color: #D8D4C9;
    }

    .cssInnerTbl table td.group {
        color: #3B4B5B;
    }

    .cssInnerTbl table th {
        font-family: Verdana;
        font-size: 10px;
        padding: 2px 0px;
        height: 22px;
        color: #fff;
        border-left: 0px;
        border-right: 0px;
        font-weight: bold;
        background: #2C4A64 url(../images/mod-head1.gif) repeat-x;
        align: left;
    }

.cssInnerTbl th a {
    color: #fff;
    text-decoration: none;
}

    .cssInnerTbl th a:hover {
        color: #fff;
        text-decoration: underline;
    }

.cssInnerTbl .alt {
    background: #fff;
}

.cssInnerTbl a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

 
        .cssInnerTbl a[class!=select2-choice]:hover {
                    color: #000;
        text-decoration: none;
        cursor: pointer;
    
    }



.cssInnerTbl table tr:hover {
    background-color: #fff;
}

.cssInnerTbl table td table td td:hover {
    background-color: #D1DDF1;
}

.cssInnerTbl table td table td td {
    border-bottom: dotted 1px #c1c1c1;
}

.fuNoMandatory {
    background: #FFF url(../images/textfield.gif) top repeat-x;
    border: 1px solid #A6A6A6;
    padding: 2px 1px;
    font-size: 10px;
    font-family: Verdana, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    border-width: 1px;
    cursor:pointer;
}