* {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: none
}

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

    a:hover {
        text-decoration: underline
    }

body, legend, table, div, p, a, span {
    font-family: Verdana, Geneva, sans-serif !important;
}
/*Sanjay 22 Feb 2013 added font-family*/
.DocEdit span {
    font-family: Arial !important;
}

body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #444;
    background-color: #ededed !important; /**/
}

table {
    border-spacing: 0;
    border: none;
    border-collapse: collapse
}
/*Sachin, 29 DEC 2012, removed width:100%;*/
html, body {
    height: 100%
}

input {
    visibility: visible;
    border: none;
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    color: #808080
}

/*float property*/
.Menu, .Menu ul li, .breadcrumb, .breadcrumb ul li, .pageTitle ul, .showPage, .pagiNation ul li, .txtBox, .tablecell, .ltFooter, .sortList ul li, .radioBtnH ul li, a.checkAll, .menuTabs ul li, .selSearch .selectBoxHold, .selSearch .search {
    float: left;
    display: inline
}

.userMenu, .rtHead, .pagiNation, .loginBody .btnHolder, .fpass, .rtFooter, a.unCheck {
    float: right;
    display: inline
}

    .rtHead div.block {
        display: inline-block;
    }

/*overfloe property*/
.header, .breadcrumb ul, .pageTitle, .pageDtls, .formHold, .footer, .checkDtls, .menuTabs {
    overflow: hidden;
    height: 100%
}
/*Ananya Changes on 12-Jan-17 for IssueID#14028 - Discrepancy while refreshing organization list -- Changed position:fixed from Relative*/
.wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/*topMenu*/
.topMenu {
    /* background: url(/Content/Images/newImages/bgTopmenu.png) 0 0 repeat-x;  */
    background-color: #272727;
    height: 46px;
}

.Menu {
    position: relative;
    height: 46px;
    font-size: 14px;
    z-index: 1112;
}

    .Menu > ul > li {
        position: relative;
        /* background: url(/Content/Images/newImages/menudevider.png) 0 0 no-repeat; */
    }

        .Menu > ul > li:first-child {
            background: none
        }

    .Menu ul li a {
        display: block;
    }

    .Menu > ul > li > a, .userMenu a {
        padding: 15px 15px 11px 15px;
        color: #fff;
        height: 46px;
    }

        .Menu > ul > li > a:hover {
            color: #000;
            background: #eceded
        }

        .Menu ul li a:hover, .userMenu a:hover {
            text-decoration: none;
        }

/*mayank 21/09/2013 Added a class for making button identical*/
.btnWidth100 {
    width: 102px !important;
}


/*menu level01*/
/*Sanjay 12 Sep 2013 (removed border-left css of dropdown class)*/
.dropDown {
    position: absolute;
    top: 46px;
    left: 0;
    padding: 7px 0;
    height: 446px;
    background: #fff;
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #cfcfcf; 
    border-left:1px solid #cfcfcf;
    display: none
}

.level01 {
    position: relative
}

    .level01 li {
        clear: both;
        display: block;
        width: 200px;
    }

        .level01 li a {
            float: left;
            color: #000;
            padding: 5px 15px;
            background: none
        }

        .level01 li:hover a {
            color: #fff;
        }

        .level01 li a:hover {
            color: #fff;
        }

/*Mayank Tiwari (22-April-2014) Task Id 	2462 */
ul.level01 li:hover {
    /* background: url(/Content/Images/newImages/bgsubactiveMenu.gif) 0 0 repeat-x; */
    background-color: #272727;
    color: #fff;
}
/* Styles for ContextMenus */
/* Mayank 28/08/2013 For making context menu identical, Chagne the background color or frame,item and selected item*/
.contextMenuFrame {
    background-color: #ffffff !important;
    z-index: 1112 !important;
    width: 150px;
    border: solid 1px #CCCCCC !important;
}

.contextMenuItems {
    background-color: #ffffff;
    cursor: default;
    vertical-align: middle;
    font-size: 13px !important;
    font-family: Verdana !important;
    color: #6c6c6c !important;
    margin-bottom: 5px;
}

.contextMenuSelectedItem {
    background-color: #CfCfCe !important;
}

/*level02*/
.level02 {
    position: absolute;
    top: -7px;
    left: 200px;
    height: 450px;
    width: 580px;
    padding-top: 10px;
    background: #fff;
    border-right: 1px solid #b1b0ae;
    border-left: 1px solid #cfcfcf;
    font-size: 13px;
    border-bottom: 1px solid #b4b4b4;
    display: none
}

    .level02 > ul {
        float: left;
        display: inline;
        width: 203px;
        padding-top: 7px;
    }

    .level02 li {
        width: 210px;
    }

        .level02 li a {
            padding: 3px 15px;
            color: #1e1d1d;
        }
        /*Sanjay*/
        .level02 li li {
            padding-left: 10px;
            width: 200px
        }

            .level02 li li a {
                color: #6c6c6c;
                padding: 4px 15px
            }

            .level02 li li a {
                font-size: 12px
            }

/*star*/
.level01 li span.star, .level01 li span.starOrg, .level01 li ul li a.disable span {
    float: right;
    display: inline;
    width: 25px;
    height: 28px;
    cursor: pointer
}

.level01 li span.star {
    background: url(/Content/Images/newImages/star.png) 0 5px no-repeat;
}

.level01 li span.starOrg {
    background: url(/Content/Images/newImages/starOrange.png) 0 5px no-repeat
}

.level01 li ul li.disable span {
    background: url(/Content/Images/newImages/starDisable.png) 0 5px no-repeat
}

.level01 li span.star, .level01 li span.starOrg {
    height: 22px;
}

.level01 li.activeMenu span {
    background: none
}

/*level02 activeMenu*/
.level01 li.activeMenu ul li span.star {
    background: url(/Content/Images/newImages/star.png) 0 5px no-repeat
}

.level01 li.activeMenu ul li span.starOrg {
    background: url(/Content/Images/newImages/starOrange.png) 0 5px no-repeat
}

.level01 li.activeMenu ul li.disable span {
    background: url(/Content/Images/newImages/starDisable.png) 0 5px no-repeat;
    cursor: default
}

/*level03*/
.level3 {
    color: #6c6c6c
}

li.level3, li.level3 a {
    display: block !important
}

/*active menu*/
.level01 li.activeMenu {
    /*background: url(/Content/Images/newImages/bgsubactiveMenu.gif) 0 0 repeat-x;
    color: #2f2f2f*/
}


/*menu hover*/
.Menu > ul > li:hover .dropDown {
    display: block;
    z-index: 1113;
}

.level01 li:hover .level02 {
    display: block
}

.Menu > ul > li:hover > a, .userMenu a:hover {
    background: #fafafa;
    color: #000;
}

.level01 li.activeMenu > a {
    color: #fff;
}

/*level02 hover*/
.level02 a, ul.level02 li.level3 a {
    color: #000 !important;
    height: 20px;
}

ul.level02 li.level3:hover {
    background: #272727; /*e1e2e2*/
    color: #fff;
}

    ul.level02 li.level3:hover a {
        color: #fff !important;
    }

li ul li.disable a, li ul li.disable a:hover {
    color: #b9b9b9 !important;
    background: none !important;
}


.userMenu {
    position: relative;
    padding: 0 10px 0 0;
    font-size: 14px
}

    .userMenu a {
        display: block;
    }

        .userMenu a:hover, .userMenu a.selecUser {
            color: #000;
            background: #fff;
        }

  .sortList ul li .ddList {
    position: absolute;
    top: 46px;
    right: 10px;
    width: 150px;
    background: #fff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    /*background: #cecece url(/Content/Images/newImages/bgLevel01.gif) 0 0 repeat-x;*/
    z-index: 1111;
    display: none
}
.UMenuHold {
    position: absolute;
    top: 46px;
    right: 10px;
    width: 200px;
    background: #fff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    /*background: #cecece url(/Content/Images/newImages/bgLevel01.gif) 0 0 repeat-x;*/
    z-index: 1111;
    display: none
}

    .UMenuHold ul {
        padding: 0;
    }

        .UMenuHold ul li {
            text-align: right;
            line-height: 52px;
        }

            .UMenuHold ul li a {
                display: block;
                padding: 3px 15px 3px 10px;
                font-size: 13px;
                color: #6C6C6C
            }

            .UMenuHold ul li:hover a {
                text-decoration: none;
                color: #fff;
                background: #272727;
            }


/*menu colume width*/

/*Sanjay 30 Dec 2012 (Changes in Below Css)*/
/*Mayank 13 July 2015 (Added col04 taskid#7111)*/
.col01, .col02, .col03, .col04 {
    overflow: hidden;
    width: 210px;
}

.col02 {
    margin-left: 210px
}

.col03 {
    margin-left: 420px
}

.col04 {
    margin-left: 630px
}


/*header*/
.header {
    clear: both;
    padding: 5px 10px 5px 5px;
}
/*breadcrumb*/
.breadcrumb {
    margin-left: 5px;
}

    .breadcrumb ul li {
        padding: 0 15px 0 0;
        background: url(/Content/Images/newImages/rtbreadcrumb.png) right top no-repeat
    }

        .breadcrumb ul li a, .breadcrumb ul li span {
            display: block;
            background: url(/Content/Images/newImages/bgbreadcrumb.png) 0 0 repeat-x;
        }

        .breadcrumb ul li span {
            color: #454545;
            padding: 7px 5px 8px 10px;
        }

        .breadcrumb ul li.selectedBC {
            background: url(/Content/Images/newImages/selectedBreadcrum.png) right top no-repeat;
            padding-right: 17px
        }

        .breadcrumb ul li span.currentBC {
            color: #000;
            background: url(/Content/Images/newImages/bgHobreadcrumb.png) 0 0 repeat-x;
        }

        .breadcrumb ul li.firstBC {
            background: url(/Content/Images/newImages/rtfirstbreadcrumb.png) right top no-repeat;
        }

        .breadcrumb ul li.homeBC, .breadcrumb ul li.homeBC a {
            padding: 0;
            background: none
        }

            .breadcrumb ul li.homeBC a span {
                width: 19px;
                height: 14px;
                background: url(/Content/Images/newImages/iconhome.png) 0 0 no-repeat;
                cursor: default;
            }

        .breadcrumb ul li.lastBC {
            background: url(/Content/Images/newImages/rtHobreadcrumb.png) right top no-repeat;
            padding-right: 17px
        }

            .breadcrumb ul li.lastBC span {
                padding-left: 5px
            }

.rtHead {
    text-align: right;
    margin-bottom: 10px;
}

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

    .userName span {
        color: #272727;
    }


/*container*/
.container {
    clear: both;
    padding: 0 0 0 5px;
}

.pageHold {
    padding-bottom: 25px
}

.pageTitle {
    background: url(/Content/Images/newImages/bgpgTitlebottom.png) left bottom repeat-x;
    display: none;
}

    .pageTitle ul {
        background: url(/Content/Images/newImages/rtpgTitle.png) right top no-repeat;
        padding-right: 7px;
    }

        .pageTitle ul li {
            background: url(/Content/Images/newImages/ltpgTitle.png) 0 0 no-repeat;
            padding-left: 5px;
        }

            .pageTitle ul li h2 {
                color: #000;
                padding: 9px 15px;
                *padding: 9px 15px 9px 0;
                font-size: 16px;
                background: url(/Content/Images/newImages/bgpgTitle.png) 0 0 repeat-x;
            }

.pageDataH {
    clear: both;
    background: #fffdf8;
    border: 2px solid #272727;
    border-top: none;
}

/*grid*/
.gridHold {
    background: #f7f7f7
}

    .gridHold table {
        color: #555;
        background: #fff
    }
        /* ededed* dt:14-01-2013 change bg color by ashok*/
        .gridHold table td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 1px 10px
        }

        .gridHold table tr.tabHeader td {
            color: #fff;
            text-align: left;
            font-weight: bold;
            border: 1px solid #bebebe
        }

        .gridHold table td {
            border: 1px solid #bebebe
        }

            .gridHold table td.sortDown {
                background: #969696 url(/Content/Images/newImages/sortDown.png) right 3px no-repeat
            }

            .gridHold table td.sortUp {
                background: #969696 url(/Content/Images/newImages/sortUp.png) right 1px no-repeat
            }

            .gridHold table td span span {
                color: #000 !important;
                text-decoration: none !important
            }

                .gridHold table td span span:hover {
                    text-decoration: underline !important
                }

        /*commented dt- 18-12-2012 use background-color*/
        /*background:#1c8de2*/
        .gridHold table tr {
            height: 29px;
            *height: 28px
        }

    .gridHold tr.tabHeader {
        height: 27px;
        *height: 26px;
        /* background: url(/Content/Images/newImages/bgtableHead.gif) 0 0 repeat-x; */
        background-color: #272727;
    }

/*background:#fff;*/
.activeRow {
    background: url(/Content/Images/newImages/activeRow.png) 0 0 repeat-x;
    box-shadow: 0 0 6px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 6px 4px rgba(0,0,0,0.4);
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.activeprevRow {
    background: url(/Content/Images/newImages/activeprevRow.png) 0 0 repeat-x;
}

.activenextRow {
    background: url(/Content/Images/newImages/activenextRow.png) 0 0 repeat-x;
}

tr.activeRow td {
    -webkit-box-shadow: 0px 12px 9px -8px rgba(0,0,0,0.5) inset;
    white-space: nowrap;
    border-bottom: 4px solid #b3b3b3;
    border-top: 2px solid #b5b5b5;
    border-left: none;
    border-right: none
}

    tr.activeRow td:first-child {
        border-left: 1px solid #bebebe
    }

tr.activeRow span {
    font-size: 11pt;
    font-weight: bold;
}
/*Sanjay 07 Dec 2013 (style for active row)*/


.pageDtls {
    clear: both;
    padding: 9px 10px 7px 10px;
    color: #000;
    background: #dadadb url(/Content/Images/newImages/bgpgtop.png) 0 0 repeat-x;
}

.showPage {
    padding: 5px 0 0 0;
    font-weight: bold;
    font-size: 13px;
    color: #000;
}

    .showPage a {
        text-decoration: underline;
        color: #000;
    }


/*pagiNation*/
.pagiNationH {
    clear: both;
    padding: 9px 10px 7px 10px;
    color: #000;
    background: #dadadb url(/Content/Images/newImages/bgpgtop.png) 0 0 repeat-x;
}

.disabledItem {
    opacity: 0.4;
}

.pagiNationH td span {
    display: inline-block;
    *padding: 11px 0 0 0
}

.pagiNationH td input.selectPG, .SPager td input[type="text"] {
    display: inline-block;
    padding: 2px 7px 3px 5px;
    margin: 0 5px 0 0;
    background: #fff;
    text-align: right;
}

table.pagiNGrid {
    table-layout: fixed;
    width: auto;
    float: right
}

.SPager td {
    font-size: 12px !important
}


/*iframe background*/
body.bgIframe {
    clear: both;
    background: url(/Content/Images/newImages/bgformH.png) repeat-x scroll 0 0 #C3C3C3;
    overflow: hidden !important
}

/*formHold*/
.formHold {
    padding: 5px 10px;
    background: #c3c3c3 url(/Content/Images/newImages/bgformH.png) 0 0 repeat-x;
}

/*textBox & select width*/
.adminPref {
    clear: both;
    position: relative;
    z-index: 999
}

    .adminPref .txtBox input {
        width: 127px
    }


/*textBox*/
.txtBox {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .txtBox span {
        display: block;
        padding: 2px 5px 0 5px;
    }

    .txtBox input {
        overflow: visible;
        height: 20px;
        width: 100%
    }

.calIcon span {
    margin-right: 1px
}

    .calIcon span span {
        margin: 0;
        background: url(/Content/Images/newImages/iconCalender.png) right 4px no-repeat
    }

.adminPref .calIcon input {
    width: 106px;
    *width: 100px;
    margin-right: 21px;
    *margin-right: 29px
}

/*selectBox*/
.selectBoxHold {
    position: relative;
    z-index: 999
}

    .selectBoxHold a:hover, .selectBox-dropdown-menu a:hover {
        text-decoration: none
    }

/*table div*/
.tableRow {
    overflow: hidden;
    position: relative;
    padding-bottom: 15px
}

.tablecell {
}


/*login page*/
/*Changed login page background color from #f7f7f7 to #ffffff*/
.loginPage, table.loginTab {
    position: relative;
    height: 100%;
    width: 100%;
    background: #ffffff;
}
/* Mayank 27/08/2013 vertical-align:middle*/
.loginHold {
    position: relative;
    margin: 0 auto;
    width: 450px;
    font-size: 14px;
    vertical-align: middle;
}

.CompLogo {
    text-align: center;
    height: 211px;
}

    .CompLogo img {
        width: 100%;
        height: 100%;
    }

.loginHead {
    padding: 15px 0 14px 25px;
    /*background: url(/Content/Images/newImages/bgHeader.gif) 0 0 repeat-x;*/
    background-color: #000000;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.loginBody {
    padding: 5px 15px 15px 25px;
    border: 2px solid #272727;
    border-top: none;
    background: #c1c1c1 url(/Content/Images/newImages/bgloginBody.png) 0 0 repeat-x;
}

    /*login input width*/
    .loginBody .tableRow {
        padding: 20px 0 0 0;
        color: #555
    }

    .loginBody .txtBox {
        width: 250px
    }

    .loginBody select {
        width: 235px;
    }

    .loginBody .tablecell {
        width: 150px;
    }

    .loginBody .txtBold {
        padding: 5px 0 0 0
    }

    .loginBody .btnHolder {
        padding-right: 8px
    }

    .loginBody .btnGreen {
        margin-left: 10px
    }

.fpass {
    padding: 7px 0 0 0
}

/*bg Logo*/
.bgLogo {
    clear: both;
    height: 577px;
    background: #fff url(/Content/Images/newImages/tradesysbigLogo.jpg) center center no-repeat;
}

/*sort list*/
.sortList {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    padding: 7px 0 5px 0;
    z-index: 1111
}
    /*.sortList ul li{position:relative; padding:2px 10px; background:url(/Content/Images/newImages/listDevider.png) 0 0 no-repeat;}*/
    .sortList a.ToolBarItem {
        position: relative;
        float: left;
        padding: 5px 5px 5px 10px !important;
        color: #454546 !important;
        background: url(/Content/Images/newImages/listDevider.png) 0 0 no-repeat;
    }

    .sortList div.ToolBarItem {
        position: relative;
        float: left;
        padding: 5px 5px 5px 10px !important;
        color: #454546 !important;
        background: url(/Content/Images/newImages/listDevider.png) 0 0 no-repeat;
    }

    .sortList span:first-child + a.ToolBarItem {
        background: none
    }

    .sortList ul li.refresh a, .sortList ul li.printer a, .sortList ul li.xls a, .sortList ul li.folder a, .sortList ul li.add a, .sortList ul li.edit a, .sortList ul li.delete a {
        width: 29px;
        height: 19px;
    }

    .sortList ul li.refresh a {
        background: url(/Content/Images/newImages/iconrefresh.png) 0 0 no-repeat;
    }

    .sortList ul li.printer a {
        background: url(/Content/Images/newImages/iconPrinter.png) 0 0 no-repeat;
    }

    .sortList ul li.xls a {
        background: url(/Content/Images/newImages/iconXls.png) 0 0 no-repeat;
    }

    .sortList ul li.folder a {
        background: url(/Content/Images/newImages/iconFolder.png) 0 0 no-repeat;
    }

    .sortList ul li.add a {
        background: url(/Content/Images/newImages/iconAdd.png) 0 0 no-repeat;
    }

    .sortList ul li.edit a {
        background: url(/Content/Images/newImages/iconEdit.png) 0 0 no-repeat;
    }

    .sortList ul li.delete a {
        background: url(/Content/Images/newImages/iconDelete.png) 0 0 no-repeat;
    }

    .sortList div span.sortlistdown {
        cursor: pointer;
        text-decoration: none;
        padding: 5px 18px 5px 0;
        background: url(/Content/Images/newImages/listdownArrow.png) right 8px no-repeat;
    }

    .sortList .ddList {
        top: 22px;
        right: 6px;
        background: #ececec;
        border: 1px solid #e5e5e5
    }

        .sortList .ddList ul {
            overflow: hidden;
            padding: 10px 0 5px 0
        }

        .sortList .ddList li {
            clear: both;
            width: 100%;
            padding: 0;
            background: none
        }

            .sortList .ddList li a {
                white-space: nowrap;
                display: block;
                padding: 4px 5px 4px 10px;
                color: #6C6C6C;
                text-decoration: none
            }

                .sortList .ddList li a:hover {
                    background: #E1E2E2
                }

/*select search*/
.selSearch {
}

    .selSearch .selectBoxHold {
    }

    .selSearch .search {
        padding: 4px 0 0 5px
    }


/*button grey*/
.btnGrey {
    background-color: #969696;
    color: #fff;
    /*background: url(/Content/Images/newImages/rtBtnGrey.png) right top no-repeat*/
}

    .btnGrey a {
        background-color: #969696;
        color: #fff;
        /*background: url(/Content/Images/newImages/ltBtnGrey.png) 0 0 no-repeat;*/
        text-decoration: none
    }

        .btnGrey a input {
            color: #fff;
            background-color: #969696;
            /*background: url(/Content/Images/newImages/bgBtnGrey.png) 0 0 repeat-x;*/
            padding-bottom: 2px\9;
        }

        .btnGrey a:hover input {
            color: #fff
        }


/*Tab style*/
.tabContainer {
    overflow: hidden;
    padding: 10px
}

.tabBoxH {
    overflow: hidden
}

.menuTabs {
    height: 27px !important;
}
    /*sailesh 24july 2013 commented as border size is changed from 1 to 3
.menuTabs ul{border-bottom:1px solid #7eb9e5; height:26px;}*/
    .menuTabs ul {
        border-bottom: 3px solid #272727;
        height: 26px;
    }

        .menuTabs ul li {
            padding-left: 7px !important;
            height: 27px !important;
            background: url(/Content/Images/newImages/lttab.png) 0 0 no-repeat;
        }

            .menuTabs ul li a {
                display: block;
                color: #535354;
                padding: 7px 10px 5px 2px;
                text-decoration: none;
                background: url(/Content/Images/newImages/rttab.png) right top no-repeat;
            }

            .menuTabs ul li:hover {
                cursor: pointer
            }

                .menuTabs ul li:hover a {
                    color: #000;
                    font-weight: bold;
                }

            .menuTabs ul li.linkOn {
                background: url(/Content/Images/newImages/lttabActive.png) 0 0 no-repeat;
            }

                .menuTabs ul li.linkOn a {
                    color: #000;
                    font-weight: bold;
                    border-bottom: 1px solid #e7e7e7;
                    background: url(/Content/Images/newImages/rttabActive.png) right top no-repeat;
                }

            .menuTabs ul li.linkOff {
                cursor: default;
                background: url(/Content/Images/newImages/ltdisabletab.png) 0 0 no-repeat;
            }

                .menuTabs ul li.linkOff a {
                    color: #545454;
                    cursor: default;
                    background: url(/Content/Images/newImages/rtdisabletab.png) right top no-repeat;
                }

.menuTabContent {
    clear: both;
    padding: 10px;
    border: 1px solid #272727;
    border-top: none;
    background: #e7e7e7 !important;
}

.contentPanel {
    padding: 10px;
    background-color: #e7e7e7 !important;
    border: solid #272727 1px !important;
}



/*footer*/
.footer {
    clear: both;
    padding: 13px 25px;
    /*background: url(/Content/Images/newImages/bgFooter.gif) 0 0 repeat-x;*/
    color: #383838;
    font-size: 14px;
    font-weight: bold
}

.ltFooter span {
    font-size: 16px
}

.rtFooter span {
    color: #fff
}

/*LHS menu*/
/*.lhsMenuH{position:absolute; left:-227px; top:53px; width:200px; height:100%; background:url(/Content/Images/newImages/lhsTop.png) 0 0 no-repeat;z-index:1111;}*/
.lhsMenuH {
    position: absolute;
    left: -275px;
    top: 53px;
    width: 200px;
    height: 100%;
    background: url("") 0 0 no-repeat;
    z-index: 1111;
}

.lhsMenubg {
    position: absolute;
    top: 1px;
    bottom: 0;
    width: 227px;
    background: #666464;
    bottom: 0;
    opacity: 0.85;
    filter: alpha(opacity=85)
}

.clickB, .clickBOn {
    position: absolute;
    left: 275px;
    top: 1px;
    width: 27px;
    height: 107px;
    background: url(/Content/Images/newImages/clickOn.png) 0 0 no-repeat;
    cursor: pointer;
}

.clickBOn {
    width: 38px;
    background: url(/Content/Images/newImages/clickOff.png) 0 0 no-repeat;
}

.lhsData {
    position: absolute;
    top: 16px;
    width: 275px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .lhsData h3 {
        font-size: 18px;
        padding: 10px 0 20px 18px;
    }

    .lhsData ul > li {
        margin-bottom: 5px;
    }

    .lhsData ul li a {
        display: block;
        padding: 11px 5px 11px 18px;
        color: #fff;
        text-decoration: none
    }

    .lhsData > ul > li > a {
        background: url(/Content/Images/newImages/bglhsMenu.png) 0 0 repeat-x;
    }

    .lhsData ul li a:hover {
        color: #fff
    }

    .lhsData ul li ul {
        position: relative;
        display: none
    }

    .lhsData ul li li {
        margin: 0;
        background: none
    }

        .lhsData ul li li a {
            padding: 0px 5px 4px 25px;
            color: #fff
        }

            .lhsData ul li li a:hover, .lhsData ul li li a.subActiveNav {
                background: url(/Content/Images/newImages/lhsSubmenu.png) 0 0 repeat-x;
            }

            .lhsData ul li li a.subActiveNav {
                font-size: 15px;
                color: #353535 !important
            }

    .lhsData ul li a.activeNav {
        color: #017bc2;
        font-weight: bold;
        background: url(/Content/Images/newImages/activeLhsmenu.png) right top no-repeat !important;
    }

/*multi box*/
.multiBoxH {
    position: relative;
    overflow: hidden;
    padding: 0 18px 18px 0
}

.multiBox {
    position: absolute;
    top: 0
}

    .multiBox .leftMB, .multiBox .topMB {
        float: left
    }

    .multiBox .leftMB {
    }

    .multiBox .rightMB {
        float: right;
    }

.leftMB {
    background: url(/Content/Images/newImages/ltmultiBox.png) 0 0 no-repeat;
    height: 80px;
    padding: 0 0 0 7px
}

.topMB {
    background: url(/Content/Images/newImages/topmultiBox.png) right top no-repeat;
    height: 8px;
    width: 250px;
    padding-top: 8px
}

.rightMB {
    background: url(/Content/Images/newImages/rtmultiBox.png) right bottom no-repeat;
    height: 80px;
    width: 7px
}

.bottomMB {
    clear: both;
    background: url(/Content/Images/newImages/bottommultiBox.png) 0 0 no-repeat;
    height: 8px;
    width: 250px
}

.textAreaMB {
    position: relative;
    z-index: 1
}

.textarea {
    border: none;
    resize: none;
}

.dataMB {
    overflow: auto;
    position: relative;
    top: 8px;
    *top: 7px;
    left: 7px;
    background: #fff;
    z-index: 1;
}


/*width*/
.wid100 {
    width: 100px
}

.wid150 {
    width: 150px
}

.wid200 {
    width: 200px
}

.wid250 {
    width: 250px
}

.wid300 {
    width: 300px
}

.wid350 {
    width: 350px
}

.wid400 {
    width: 400px
}

.wid450 {
    width: 450px
}

.wid500 {
    width: 500px
}



/*show hide list*/
.hideList {
    display: none !important
}

.showList {
    display: block !important
}

.txtBold {
    font-weight: bold
}

.SListFilterPanel {
    height: auto !important;
    border: none !important;
    background-color: transparent !important;
}

/*popup form style*/
.popupForm {
    overflow: auto;
    clear: both;
}
    /* sailesh w.e.f 15 june changed css to apply scroll bar when form resize to small */
    .popupForm span.textBox, .popupForm span.idate, .popupForm span.iSearch, .popupForm .textAreaHold, .ob_cbTopContainer {
        background: #fff;
        border: 1px solid #bdbdbd !important;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 5px;
    }

    .popupForm span.textBox, .popupForm span.idate, .popupForm span.iSearch {
        display: block;
        width: 180px;
        height: 20px;
    }

    .popupForm .textAreaHold {
        padding: 2px 0 2px 5px
    }

    .popupForm textarea {
        position: relative;
        overflow: auto;
        background: #fcfcfc;
        width: 100%;
        height: auto;
        border: 1px solid #bdbdbd;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 5px;
        color: #808080;
    }

    .popupForm span.textBox {
        overflow: hidden;
    }

        .popupForm span.textBox input {
            width: 100%;
            height: 20px;
        }

    .popupForm span.idate, .popupForm span.iSearch {
        display: block;
        width: 185px;
    }

table.SSubTable > td {
    padding-bottom: 2px
}

.SSubTable div table.ob_cbTables td {
    padding-bottom: 0 !important
}

/*Sanjay 19 Sep 2013 (Added left and right padding to input and textarea fields*/
.popupForm span.textBox {
    padding-left: 3px;
    padding-right: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
}

.popupForm textarea {
    padding-left: 3px;
    padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*TODO: error in ie browsers 
.SSubTable div table.ob_cbTables td input{background-color:#fff;height:20px}
.ob_cbTopContainer table.ob_cbTables{border:1px solid #BDBDBD !important; border-radius:3px; background:#fff}
table.ob_cbTables td.ob_cbTopContainer{border:none !important}
.ob_cbButtonContainer{background:url(/Content/Images/newImages/listdownArrow.png) no-repeat center center; height:20px; width:13px}
.ob_cbButtonContainer img{opacity:0; filter:alpha(opacity=0);}*/

.SSubTable div table.ob_cbTables td input {
    background-color: #fff;
    height: 20px
}

.SSubTable table div .ob_cbTopContainer {
    border: 1px solid #BDBDBD !important;
    border-radius: 3px;
}

.ob_cbButtonContainer {
    background: #fff url(/Content/Images/newImages/listdownArrow.png) no-repeat center center;
    height: 20px;
    width: 13px
}

    .ob_cbButtonContainer img {
        opacity: 0;
        filter: alpha(opacity=0);
    }


/*input data*/
.popupForm span.idate {
    overflow: hidden
}

input.inputdate {
    float: left;
    width: 155px;
    padding-right: 5px
}

input.inputImg {
    float: right;
}

/*input search*/
.popupForm span.iSearch {
    overflow: hidden;
}

input.inputSearch {
    float: left;
    width: 155px;
    padding-right: 5px
}

.iSearch input.inputImg {
    padding-right: 1px
}


/*custom CheckBox & Radio button*/
input.customCheckBox, input.customRadioBtn {
    position: relative;
    width: 15px\9;
    height: 15px\9;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0
}

input.customRadioBtn {
    position: relative;
    top: 1px;
    *top: -7px;
}

    input.customCheckBox + label, input.customRadioBtn + label {
        position: relative;
        left: -15px;
        height: 18px;
        display: inline-block;
        padding: 2px 0 0 22px;
        background: url(/Content/Images/newImages/checkBox.png) 0 0 no-repeat;
        z-index: 1
    }

    input.customRadioBtn + label {
        background: url(/Content/Images/newImages/radioBtn.png) 0 0 no-repeat;
    }

    input.customRadioBtn:checked + label {
        background-position: 0 -32px
    }

input.customCheckBox + label.checked {
    background-position: 0 -33px
}


span.rtRadioBtn, span.ltRadioBtn, span.sRadioBtn {
    position: relative
}

    span.rtRadioBtn input, span.ltRadioBtn input, span.sRadioBtn input {
        position: absolute;
        width: 17px;
        height: 17px;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 2;
        outline: none;
    }

    span.rtRadioBtn label, span.ltRadioBtn label, span.sRadioBtn label {
        display: inline-block;
        height: 17px;
        left: 0 !important;
        background: url(/Content/Images/newImages/radioBtn.png) right top no-repeat;
        z-index: 1
    }

    span.sRadioBtn label, span.rtRadioBtn label {
        background-position: 0 0
    }

    span.ltRadioBtn label {
        padding-right: 22px
    }

    span.rtRadioBtn label {
        padding-left: 22px
    }

    /*leftText RadioBtn*/
    span.ltRadioBtn input {
        right: 0;
    }

    span.ltRadioBtn label.radiochecked {
        background-position: right -32px
    }


/*checkBox*/
.ob_cbContainer {
    overflow: hidden !important;
    background: #e7e8e8 !important;
    border-right: 1px solid #bebebe !important;
}

    .ob_cbContainer .multiSelList {
        padding: 10px;
    }

    .ob_cbContainer table.multiSelectTable {
        width: 100%
    }

    .ob_cbContainer .relPos table td {
        padding-bottom: 3px
    }

    .ob_cbContainer input {
        position: relative;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 0
    }

    .ob_cbContainer label {
        position: relative;
        display: inline-block;
        height: 18px;
        padding: 2px 0 0 22px;
        background: url(/Content/Images/newImages/checkBox.png) 0 0 no-repeat;
        z-index: 1
    }

        .ob_cbContainer label.checked {
            background-position: 0 -32px
        }

.ob_cbTables table tr.SGridFooter td {
    padding: 7px 0;
    background: #272727;
}

    .ob_cbTables table tr.SGridFooter td a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer
    }

        .ob_cbTables table tr.SGridFooter td a:hover {
            text-decoration: underline;
        }

/*popup box*/
.blueWindowLayer {
    position: absolute;
    overflow: hidden !important;
    border: 1px solid #272727;
    border-top: none;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    z-index: 1120 !important
}

.blueButtonCloseOut, .blueButtonCloseOver, .blueButtonCloseDown {
    width: 16px !important;
    height: 14px !important;
    background: url(/Content/Images/newImages/CloseOut.png) 0 0 no-repeat !important;
}
/*Mayank 27/08/2013 Title bar height from 42 to 30 px*/ /*Sanjay 19 Sep 2013 Title bar height from 30 to 27 px, font-size from 16px to 12px*/
.blueHeaderMiddleLeft, .blueHeaderMiddleCenter, .blueHeaderMiddleRight {
    padding: 11px 5px 12px 5px;
    color: #fff;
    font-size: 12px !important;
    font-weight: bold;
    /*background: url(/Content/Images/newImages/bgpopupHead.png) 0 0 repeat-x !important;*/
    background: #000 !important;
    height: 27px !important
}

.blueTitlePanel {
    font-size: 12px !important
}

.blueWindowLayer table.blueContentTable td {
    background: none
}

/*toolbar update*/
.popupHdr {
    background: url(/Content/Images/newImages/bgtaskUpdate.png) 0 0 repeat-x !important;
    height: 24px !important;
}

    .popupHdr td.popTask {
        color: #383838 !important
    }

    .popupHdr td a {
        color: #219ffd !important
    }

/*cutomize columns*/
.popup {
    position: absolute;
    background: #eceded !important;
    z-index: 9999 !important;
}

    .popup > table {
        border: none !important;
        border: 1px solid #a3a3a3\9 !important;
        box-shadow: 0 8px 9px #a3a3a3;
        -moz-box-shadow: 0 8px 9px #a6a6a6;
        -webkit-box-shadow: 0 8px 9px #a6a6a6
    }

    .popup .ColHeader {
        padding: 0 10px 0 0;
        color: #fff;
        font-size: 14px;
        height: 28px !important;
        background: url(/Content/Images/newImages/bgcutomColum.png) 0 0 repeat-x !important;
    }

        .popup .ColHeader table td input {
            padding: 0 10px 0 0;
        }

    .popup table tr.MS_GridHeader {
        background: #2785c5 !important;
        height: 20px
    }

    .popup div {
        background: #fff !important
    }

    .popup table.selectcolTab td {
        padding: 5px 0
    }

    .popup table.movecolTab td {
        padding: 8px 0
    }

/*button style*/
/*Sanjay 26 Feb 2013 (changed height and font-size)*/
input.btnGreen, input.btnWhite, input.btnGrey, span.advFilter {
    border: 1px solid #b2b2b2;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-border-radius: 4px;
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    cursor: pointer
}

@-moz-document url-prefix() {
    input.btnGreen, input.btnWhite, input.btnGrey {
        padding-bottom: 3px;
    }
}

input.btnGreen:hover {
    color: #fff
}

input.btnWhite:hover {
    color: #fff
}
/*Sanjay 26 Feb 2013*/

/*button background color*/
input.btnWhite, span.advFilter {
    background: #e0dfdf;
}
/*input.btnGrey{background:#828282; color:#b9baba !important} Sanjay 27 Feb 2013 (commented)*/
input.btnGrey {
    background: #272727;
    color: #fff !important;
    cursor: default;
}

input.btnGreen {
    /* Maintaince Hack, to avoid changing class on every linked input tag. Sorry, Not Sorry */
    background: #272727;
    color: #fff;
}


.btnNew {
    background: -moz-linear-gradient(center top,#62AEF6 0%, #519DEA 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62AEF6', endColorstr='#519DEA'); /* for IE */
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

span.advFilter {
    padding: 0 10px
}

    span.advFilter a {
        display: inline-block;
        padding: 5px 18px 4px 0;
        height: 21px;
        /*color: #1467a5;*/
        color: #000;
        font-weight: bold;
        cursor: pointer;
    }

        span.advFilter a.advFilterOff {
            background: url(/Content/Images/newImages/bulpoff.png) right 2px no-repeat;
        }

        span.advFilter a.advFilterOn {
            background: url(/Content/Images/newImages/bulpon.png) right 2px no-repeat;
        }

.advFilterBtnH {
    text-align: right;
    padding-right: 10px;
}

/*Sanjay 02 Feb 2013 (Advance Filter )*/
table.filterTab {
    border-collapse: collapse;
}

    table.filterTab td {
        height: 28px;
    }

input.NumtxtBoxAF {
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
/*Sanjay 19 Sep Feb 2013(Css for Advance filter)*/
div.inputBoxAF span.textBox {
    width: 99% !important;
    top: 1px;
}

div.advFilterHold table.cssDteNumTbl > tbody > tr > td:nth-child(2) {
    padding: 0px 10px 0px 10px;
}

div.inputBoxAF {
    padding: 0px;
}

/*popup table link*/
.SGrid_PanelFooter {
    background: none !important
}

    .SGrid_PanelFooter td:first-child {
        background: none !important;
        padding: 0 10px 0 0 !important;
    }

    .SGrid_PanelFooter td {
        float: left;
        display: inline;
        width: auto !important;
        padding: 0 10px !important;
        background: url(/Content/Images/newImages/linkDivider.png) 0 2px no-repeat !important;
        border: none !important
    }

        .SGrid_PanelFooter td a {
            color: #000 !important
        }

            .SGrid_PanelFooter td a.GridLinkButton_Delete {
                color: Red !important;
            }

            .SGrid_PanelFooter td a.DisableLinkButton, .DisableLinkButton {
                color: #8f8f8f !important;
                cursor: default !important;
                text-decoration: none !important;
                pointer-events: none;
            }

/*disabled textbox*/
textarea.disabledTextBox, input.disabledTextBox, span.disabledTextBox td, .disabledTextBox, .blockLabel {
    background: #ebebe4 !important; /*border:none !important;*/
}

textarea.disabledTextBox, a.selectBox-disabled, .blockLabel, span.spanBorder {
    border: 1px solid #ABADB3 !important;
}

span.spanBorder {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 4px;
    padding-top: 2px;
    height: 18px !important;
}


/*custom selectbox list*/
ul.selectBox-dropdown-menu {
    z-index: 1121
}

/*table cellpadding*/
table.FormTable {
    border-collapse: seperate;
    border-spacing: 0px;
}
    /*.FormTable>tbody>tr>td,.FormTable>tr>td{padding: 2px;}*/
    table.FormTable > tbody > tr > td {
        padding-bottom: 2px
    }

/*Smart Data Grid Styles*/
tr.SGridSelectedItem span.selectBox-label {
    line-height: 16px !important;
}

.SGrid_Header {
    height: 27px !important;
    *height: 26px !important;
    background: #000;
    /*background-image: url("/Content/Images/newImages/bgtableHead.gif") !important;*/
    color: white !important;
    font-weight: bold;
}

tr.SGridItem {
    font-family: Verdana !important;
}
    /*Sanjay 25 Feb 2013 (override grid item css)*/
    /*Sanjay 04 Dec 2013 (Added iniline block to span inside grid, because it was showing ... when content width is greater than header width)*/
    tr.SGridItem td > span, tr.SGridSelectedItem td > span {
        display: inline-block;
    }


/*cutomCheckBox*/
span.CheckBox, span.rtcustomCheckBox, span.ltcustomCheckBox, span.sCheckBox {
    position: relative
}

    span.CheckBox input, span.rtcustomCheckBox input, span.ltcustomCheckBox input, span.sCheckBox input {
        position: absolute;
        width: 17px;
        height: 17px;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 2;
        outline: none;
    }

    span.CheckBox label, span.rtcustomCheckBox label, span.ltcustomCheckBox label, span.sCheckBox label {
        display: inline-block;
        height: 17px;
        left: 0 !important;
        padding-right: 22px;
        background: url(/Content/Images/newImages/checkBox.png) right top no-repeat;
        z-index: 1
    }

    /*leftText cutomCheckBox*/
    span.ltcustomCheckBox input {
        right: 0;
    }

    span.ltcustomCheckBox label.checked {
        background-position: right -33px
    }

/*for checkbox list if leftText*/
.ltcustomCheckBox .customCheckBox + label.checked {
    background-position: right -32px
}

/*for checkbox list if rightText*/
.rtcustomCheckBox .customCheckBox + label.checked {
    background-position: 0 -33px
}

/*rightText cutomCheckBox*/
span.rtcustomCheckBox label {
    background-position: 0 0;
    padding: 0 5px 0 22px;
}

    span.rtcustomCheckBox label.checked {
        background-position: 0 -33px
    }

/*emptyText cutomCheckBox*/
span.sCheckBox label {
    background-position: 0 0;
    padding: 0;
    width: 17px;
}

    span.sCheckBox label.checked, .swcCheckBox label.checked {
        background-position: 0 -33px
    }

/*disabled input*/
span.aspNetDisabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

span.textBox input[disabled=""] {
    background: #EBEBE4;
    background: #fff\9
}

span.textBox input[disabled='disabled'] {
    background: #EBEBE4\9
}
/*Applies to IE8*/
span.textBox input[disabled] {
    background: #EBEBE4\9
}
/*Applies to IE7*/


.GridPanel .SGridSelectedItem {
    color: #555;
    font-size: 10pt !important;
}

/*Sanjay 22 Feb 2013 (Marked STextBox's font-size important)*/
/*Sanjay 26 Feb 2013 (set STextBox's font-size 10pt)*/
/*Sanjay 20 Jul 2013 (set STextBox's font-size 9pt)*/
/*Sanjay 19 Sep 2013 (set STextBox additional css3 styles)*/
input.txtBoxAF, .STextBox {
    height: 22px;
    border: none;
    font-size: 9pt !important;
    vertical-align: middle;
    border-collapse: separate; /* collapsed borders do not round well */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #272727 !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    select:focus, input:focus, input.txtBoxAF:focus, .STextBox:focus {
        outline: #272727;
    }

    /*Sanjay 19 Sep 2013 (disabled input)*/
    .STextBox[disabled=""] {
        background: #EBEBE4;
        background: #fff\9
    }

    .STextBox[disabled='disabled'] {
        background: #EBEBE4\9
    }
    /*Applies to IE8*/
    .STextBox[disabled] {
        background: #EBEBE4\9
    }
/*Applies to IE7*/
span.textBox input.disabledTextBox {
    border: none !important;
}

.STextBox[disabled='disabled'] {
    background-color: #EBEBE4;
}
/* 21-April-2014 Mahendra :css For showing texbox disabled*/

/*Multi checkbox*/
.popupForm div.ob_cbContainer {
    border: 1px solid #BDBDBD !important;
}

/*fieldset*/
fieldset {
    padding-left: 7px;
    *padding-left: 0px;
}

legend {
    padding: 0 5px 3px 0px\9;
    *padding-top: 2px;
    color: #187AC4
}


/*loading Img*/
.loaderH {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.loadingImg {
    width: 220px;
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #272727;
    text-align: center;
    text-transform: uppercase;
}

/*alpha Filter Style*/
.alphaFilterStyle {
    background: #d7d7d7 !important
}

    .alphaFilterStyle a, .alphaFilterStyle a.selected {
        color: #000 !important;
    }

        .alphaFilterStyle a:hover, .alphaFilterStyle a.selected, .alphaFilterStyle a.selected:hover {
            background-color: #fff !important;
            border: 1px solid #000 !important;
        }

input.ob_cbTextbox {
    font-size: 9pt !important;
}

.popupHold {
    border-color: #272727;
    margin: 0 auto;
    position: absolute;
    top: 100px;
    left: 10px;
    width: 625px;
    height: 226px;
    background: #ffffff;
    z-index: 1020;
    border-width: 1px;
    border-style: solid;
}

.popupHeader {
    padding: 11px 5px 12px 5px;
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
    /*background: url(/Content/Images/newImages/bgpopupHead.png) 0 0 repeat-x !important;*/
    background-color: #000;
    height: 22px !important
}
    /*.popupHeader{background-color:#0291C3;height:28px; padding:4px 10px; font-size:18px; font-weight:bold; color:#fff}*/
    .popupHeader span {
        float: left;
        display: inline;
    }

    .popupHeader a {
        float: right;
        display: inline;
        color: #fff;
        background-image: url("/Content/Images/newImages/bgpopupHead.png") !important;
        margin-top: 7px;
        *margin-top: 4px;
        text-decoration: none
    }

.filterHold {
    overflow: hidden;
    padding: 0 0 10px 0
}

.filterData {
    clear: both;
    overflow: hidden;
    padding: 10px;
}

/*Sanjay 21 Sep 2013 (Added below css class for calendar controls)*/
table.STextBox {
    padding: 0px;
    border-collapse: separate !important;
}

.minus {
    background-image: url("/Content/Images/tree2/icons/minus_1.gif");
    background-position: -2px -3px;
    width: 16px;
    height: 15px;
    display: inline-block;
}

.plus {
    background-image: url("/Content/Images/tree2/icons/plus_1.gif");
    background-position: -2px -3px;
    width: 16px;
    height: 15px;
    display: inline-block;
}


/*Mayank Tiwari  20-Feb-2014  Added Following Css for Band in Export PreShipement Cutom*/
.DSpanChild {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    text-indent: 0;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    width: 802px;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 0px #ffffff;
    border: 1px solid steelblue;
    border-radius: 8px;
}

/*Mayank Tiwari  8-April-2014  Change the background property and also added DSpanChildActive class */
.DSpanChildContent {
    border-left: 1px solid steelblue;
    border-right: 1px solid steelblue;
    border-bottom: 1px solid steelblue;
    border-radius: 0px 0px 10px 10px;
}

.DSpanChild:hover {
    color: #1467A5;
    font-weight: bold;
    text-shadow: 0px 0px 0px #fff;
    background: none repeat scroll 0 0 #DDE8CC !important;
    border: 1px solid steelblue;
}

.DSpanChildActive {
    color: #1467A5;
    font-weight: bold;
    text-shadow: 0px 0px 0px #fff;
    background: none repeat scroll 0 0 #DDE8CC !important;
    border-radius: 10px 10px 0px 0px;
}

.DSpanWorldCustom {
    color: #1467A5;
    font-weight: bold;
    text-shadow: 0px 0px 0px #fff;
    background: none repeat scroll 0 0 #DDE8CC;
}

.DSpanChild:active {
    position: relative;
    top: 1px;
}


.DSpanItem:hover {
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
    background: url(/Content/Images/newImages/bgpopupHead.png) 0 0 repeat-x !important;
}
/*Mahendra : Added CSS for Showing Loading Message on Panel Click*/
.Waiting {
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
    background-color: #EDF0F1;
    position: absolute;
}

    .Waiting span {
        border: 1px solid #BDC9CC;
        padding: 15px;
    }




/* 7-Apl-2014 :Mahendra. Css Classes For Dashboard Grids  */
.DashBoard_SGrid_Header {
    font-family: Verdana;
    font-size: 9pt;
    line-height: 18pt;
    background: none repeat scroll 0 0 steelblue;
    color: White;
    vertical-align: middle;
}

    .DashBoard_SGrid_Header td {
        border-right: solid 1px White;
        padding-left: 2px;
        padding-right: 2px;
    }

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

.DashBoard_SGridItem {
    font-family: Arial;
    font-size: 10pt;
    white-space: inherit;
    background-color: #f5f5f5;
    line-height: 18pt; /*padding-left:10px;*/
    color: #525252;
    vertical-align: middle;
}

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

.DashBoard_SGridSelectedItem {
    font-family: Arial;
    font-size: 11pt;
    white-space: inherit;
    background-color: Silver;
    color: Blue;
    line-height: 18pt;
}
/**********************/


/* Overrides */

/* User Agent Overrides */
:focus {
    outline: none !important;
}

.calendarControl table thead tr {
    background-color: #272727;
}

.calendarControl table thead td.title {
    background-color: #272727 !important;
}

.calendarControl table thead tr.headrow td, .calendarControl table tfoot td {
    color: #fff;
}

.dateRangePicker table thead tr {
    background: #272727 !important;
}

.ActiveLinkButton {
    color: #000 !important;
}

.calendarControl table tr.daynames td:first-child {
    color: #000;
}


#lblClose, #lnkShowWinCopyPrev, #dvPlgPOXML {
    color: #000 !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

.captionBold, td.ob_t2 A, legend {
    color: #000 !important;
}



td.ob_t3 A {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.uxDeliveryPortpu_divDispTxt {
    background-color: #fff !important;
}

.select-navtive-box {
    height: 22px;
    border: none;
    vertical-align: middle;
    border-collapse: separate; /* collapsed borders do not round well */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #808080;
    padding: 2px 22px 3px 5px;
    font-size: 13px;
}

.select-arrow {
    background-image: url(/Content/Images/newImages/listdownArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 5px;
    height: 100%;
    width: 15px;
}