body, html
{
    margin: 0;
    padding: 0;
}

body
{
    margin: 0px 0px 20px 0px;
    font-size: 0.9em;
    line-height: 14px;
    font-family: Tahoma, Arial;
    font-size: 11px;
    background: url(../../images/bgn.jpg) repeat;
    text-align: left;
    overflow: -moz--vscrollbarsertical;
    overflow-y: scroll;
    overflow-x: hidden;
}

textarea
{
    resize: vertical;
}

select, input[type="submit"]
{
    cursor: pointer;
}

#mainTemplate
{
    /* border: 1px solid #000; */
    line-height: 14px;
    margin: 0px auto;
    text-align: left;
    width: 985px;
    -webkit-box-shadow: 0 0 8px #000;
    -moz-box-shadow: 0 0 8px #000;
    box-shadow: 0 0 8px #000;
    border-radius: 0px 0px 12px 12px;
}

#topholder
{
    background: url(../../images/bgfooter.jpg) repeat;
    padding: 4px 0px;
    width: 100%;
    height: 12px;
    position: relative;
}

#topholder span
{
    color: #fff;
    font-family: Tahoma;
    position: absolute;
    left: 0;
}

#topholder a:hover
{
    color: #f00 !important;
}

#utilities
{
    text-align: left;
    display: none;
    position: relative;
    z-index: 999;
}

#utilities ul
{
    background: url(../../images/bgfooter.jpg) repeat;
    margin: 0px;
    padding: 6px;
    list-style: none;
    width: 120px;
    border-radius: 0px 0px 8px 8px;
    position: relative;
    right: 82px;
}

#utilities li a
{
    float: none;
}

#utilities li a
{
    text-decoration: none;
    color: #fff;
}

#utilities li a:hover
{
    text-decoration: underline;
}

#contact_holder
{
    color: #fff;
    font-size: 13px;
    font-family: Tahoma;
    padding: 6px 0px;
    text-align: center;
}

#header
{
    background: url(../../images/bgheader.jpg) repeat;
}

.clear
{
    clear: both;
}

#top_bar
{
    background-color: #f1eded;
    padding: 8px 20px;
    -webkit-box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    border-bottom: 2px solid #000;
    height: 16px;
    position: relative;
}

#greeting
{
    float: left;
    font-size: 12px;
}

#username
{
    font-size: 14px;
    font-family: Corbel;
    position: absolute;
    right: 50%;
    font-weight: bold;
}

#col_center
{
    font-size: 12px;
    position: absolute;
    right: 100px;
}

#logout
{
    /*background: URL(../../images/bgn.jpg) repeat;*/
    background-color: rgb(104, 144, 151);
    width: 86px;
    float: right;
    position: relative;
    bottom: 8px;
    left: 20px;
    border-radius: 14px 0px 0px 14px;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

.btnLogOut
{
    display: block;
    color: #e7e7e7;
    font-family: Corbel;
    font-size: 13px;
    font-weight: bold;
    float: right;
    padding: 9px;
}

#logout:hover
{
    background: none;
    background-color: rgb(139, 37, 110);
}

#head_top
{
    position: relative;
}

#logo
{
    margin: 12px 8px 18px 16px;
    float: left;
}

#logo img
{
    border: none;
}

#head_top_right
{
    float: right;
    position: relative;
    left: 106px;
}

#today_date, #trans_date
{
    float: right;
    background-color: #f1eded;
    padding: 4px 20px 4px 10px;
    -webkit-box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 8px -4px rgba(0,0,0,0.75);
    border-radius: 0px 0px 0px 8px;
    border-bottom: 2px solid #000;
}

#trans_date
{
    min-width: 324px;
}

#MainMenu
{
    float: left;
    background-color: #4370B1; /*7798B2;*/
    height: 29px;
}

#mainContents
{
    min-height: 250px;
    background: url(../../images/content.gif);
    padding: 10px 10px 10px 10px;
    float: left;
    width: 965px;
}

#footer
{
    font-family: Tahoma,Arial; /*background-color: #7798B2;*/
    background: url(../../images/bgfooter.jpg) repeat;
    border-top: 1px solid #000;
    height: 30px;
    clear: both;
    border-radius: 0px 0px 12px 12px;
}

#left_footer
{
    float: left;
    padding: 8px 0 0 0px;
    color: #fff;
    width: 100%;
    font-size: 12px;
}
#left_footer a
{
    color: #fff;
}
#left_footer a:hover
{
    text-decoration: none;
}

#bulletText
{
    list-style: none;
    padding-left: 20px;
    padding-top: 1px;
    background: url(../../images/li.png) no-repeat 0px 4px;
    line-height: 18px;
    margin-left: 3px;
}

.button
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #333399;
}
.button:Hover
{
    text-decoration: underline;
    color: #151B54;
}
/** Button Style Start **/

.formbutton
{
    cursor: pointer;
    border: outset 1px #ccc;
    background: #999;
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    padding: 1px 2px;
    height: 25px;
    background: url(../../images/formbg.gif) repeat-x left top;
}

.formbutton:hover
{
    color: #464646;
    cursor: pointer;
    background: url(../images/formbgSelected.gif) repeat-x left top;
}

.formbuttonselected
{
    cursor: pointer;
    border: outset 1px #ccc;
    background: #999;
    color: #464646;
    font-weight: bold;
    font-size: 12px;
    padding: 1px 2px;
    height: 24px !important;
    background: url(../images/formbgSelected.gif) repeat-x left top;
}

.customText
{
}

/** Button Style End **/

/** menuBar Style Starts **/
/**
#menuBar
{
    background-image: url('../../Images/menuBar.jpg');   
    /* background-color: #4370B1; /*7798B2;*/
/** height: 20px;
    border-top: 1px solid #000000; /*#BAD6FE;*/
/** border-left: 1px solid #000000; /*#85A9DC;*/
/** border-right: 1px solid #000000; /*#85A9DC;*/
/** border-bottom: 1px solid #000000;
    width: 1200px;
    /* font color not taken */
/**}  
**/

#menuBar
{
}

.menuHeader
{
    /*width: 200px;     padding-top: 2px; /*padding-right: inherit;     padding-bottom: inherit;     padding-left: inherit; **/
    height: 25px;
    font-size: 13px;
    font-weight: bold;
}

.menuHeader img
{
    height: 25px;
    width: 1px;
}
/**  separator control */

.StaticMenuItemStyle
{
    /**padding-top: 5px;     padding-right: inherit;     padding-bottom: inherit;     padding-left: inherit; */
    height: 25px;
    font-size: 14px;
    font-family: Corbel;
    color: #e7e7e7;
    text-align: center;
    line-height: 20px;
    margin-left: 0.85px;
    margin-right: 2px;
    margin-top: 2px; /**border:none !important;     border-radius:8px 8px 0px 0px*/
    width: 180px;
}

.StaticHoverStyle
{
    /** display: block; **/
    border-radius: 8px 8px 0px 0px;
    height: 25px; /** width:  163px;       background-image: url('../../Images/menuHover.gif');*/
}

.StaticMenuItemStyle a
{
    border: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80606c88', endColorstr='#803f4c6b',GradientType=0 );
    background: linear-gradient(to bottom, rgba(96,108,136,0.5) 0%,rgba(63,76,107,0.5) 100%);
    border-radius: 8px 8px 0px 0px;
    padding: 1px 4px;
    margin-right: 2px;
    display: block;
    -webkit-box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75);
    box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75);
    float: left;
}

.StaticMenuItemStyle a:hover
{
    /** background-image: none;     width: 150px;     height: 25px;  **/
    background: linear-gradient(to bottom, rgba(121,125,132,0.5) 0%,rgba(121,125,132,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80797d84', endColorstr='#80797d84',GradientType=0 );
}

.StaticMenuItemStyle img
{
    visibility: hidden;
}

.DynamicMenuStyle
{
}

.DynamicMenuStyle a
{
}

.DynamicHoverStyle
{
}

.level1:hover
{
    cursor:pointer !important;  
}

.level2
{
    background-color: #f0f0f0 !important;
}

.level3
{
    background-color: #dedede !important;
}

.level3:hover, .level2:hover, .level4:hover
{
    background-color: #d5d5d5 !important;
}

.DynamicMenuItemStyle
{
    /** border-color: #FFFFFF;     border-width: 1px; **/
    text-align: left;
    height: auto;
    color: #000000;
    font-family: Tahoma;
    font-size: 12px;
    display: block;
    border: 1px solid #d0d0d0;
    width: 250px !important;
    margin: 0px !important;
    z-index: 9999;
}

.DynamicMenuItemStyle a
{
    display: block;
    width: 226px !important;
    padding: 6px 0px 6px 8px;
    background-color: transparent !important;
}

.DynamicMenuItemStyle img
{
}

/** menuBar Style Ends **/


/********************* dataTable **************************/
.singleTable
{
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    width: 100%;
    border-bottom: none;
    background-color: #F9F7F7;
}
.topTable
{
    width: 99%;
    padding: 0px 3px 0px 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #CCC;
    background-color: #F9F7F7;
    margin-left: 3px;
    margin-right: 3px;
}
.dataTable
{
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    width: 100%;
    background-color: #F9F7F7;
    text-align: center;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
}
.dataTable th
{
    background-color: #6666FF;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    padding: 0px 3px 0px 3px;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: left;
    height: 25px;
}
.dataTable th a
{
    color: #FFFFFF;
}
.dataTable h2
{
    font-size: 18px;
    color: #FFF;
}
.dataTable td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 3px 3px 3px 3px;
    vertical-align: middle;
    text-align: left;
}
.dataTable td input
{
    font-size: 11px;
}

.dataTable td sele .dataTable td input
{
    font-size: 11px;
}

.dataTable td textarea
{
    font-size: 12px;
}
.dataTable td a
{
    color: #000066;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.dataTable td a:hover
{
    color: #666;
    text-decoration: underline;
}
.dataTable tr.odd
{
    background-color: #F9F7F7;
}
.dataTable tr.even
{
    background-color: #EEE;
}
.table_list tr:hover
{
    background-color: #ECF8D3;
}
.dataTable td label
{
    float: left;
    padding: 3px;
}

.dataTable .insideTable td
{
    border: none; /*padding-right: 10px;*/
    text-align: left;
    padding: 0px 0px 0px 0px;
    height: 15px;
}
.dataTable .insideTable input
{
    font-size: 11px;
}

.topBorder td
{
    border-top: solid 1px #CCCCCC !important;
}

/**--------------------------------------------**/
/********************* loginTable **************************/
.loginTable
{
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
    background-color: #F9F7F7;
    text-align: center;
}
.loginTable th
{
    background-color: #669900;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    padding: 0px 3px 0px 3px;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    text-align: left;
}
.loginTable h2
{
    font-size: 18px;
    color: #FFF;
}
.loginTable td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px 3px 3px 3px;
    vertical-align: top;
    text-align: left;
}
.loginTable td a
{
    color: #225101;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.loginTable td a:hover
{
    color: #666;
    text-decoration: underline;
}
.loginTable tr.odd
{
    background-color: #F9F7F7;
}
.loginTable tr.even
{
    background-color: #EEE;
}
.table_list tr:hover
{
    background-color: #ECF8D3;
}
.loginTable td label
{
    float: left;
    padding: 3px;
}

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


/** gridTable Style Starts **/

.gridTable
{
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    width: 100%; /* width of each field */
    border-bottom: none;
    background-color: #F9F7F7;
    text-align: center;
}

.gridTable th
{
    background-color: #6666FF;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    padding: 0px 3px 0px 3px;
    border: 1px solid #c0c0c0;
    font-weight: bold;
    height: 25px;
    font-family: Tahoma; /*background-image: url('../../Images/gridHeading.jpg');*/
    background-image: url('../../Images/gridHeading_Dark.jpg');
}

.gridTable th a
{
    color: #FFFFFF;
}

.gridTable td
{
    border: 1px solid #CCCCCC;
    padding: 3px 3px 3px 3px;
    vertical-align: middle;
    text-align: left;
}

.gridTable td input
{
    height: 14px;
    font-size: 11px;
}

.gridTable td select
{
    height: 19px;
    font-size: 11px;
}

.gridTable td textarea
{
    font-size: 12px;
}

.gridTable td a
{
    color: #000066;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.gridTable td a:hover
{
    color: #666;
    text-decoration: underline;
}

.gridTable td label
{
    float: left;
    padding: 3px;
}

.gridTable .insideTable td
{
    border: none; /*padding-right: 10px;*/
    text-align: left;
    padding: 0px 0px 0px 0px;
    height: 20px;
}
.gridTable .insideTable input
{
    height: 14px;
    font-size: 11px;
}

/** gridTable Style Ends **/



/** Table Row  Style Starts **/

.btnClass
{
    background-color: #dfdfdf;
    border: 1px solid #CCCCCC;
    padding: 5px 3px 3px 3px;
    border-top: none;
}

.odd
{
    background-color: #F9F7F7;
    height: 26px;
}
.even
{
    background-color: #EEE;
    height: 26px;
}

.titleClass
{
    background-color: #666666;
    border: 1px solid #CCCCCC;
    padding: 5px 3px 3px 3px;
    border-top: none;
    color: #EAEAEA;
}

.rowHeight
{
    height: 26px;
}

/** Table Row  Style Ends **/


/**--PAGINATION FOR DataPager Style Starts **/
.pager
{
    float: left;
    font-size: 11px;
    margin-right: 2px;
}

.pager a.commandDisable
{
    padding: 1px 5px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    color: #b7b7b7;
    text-decoration: none;
}
.pagerLabel
{
    padding-top: 4px;
    display: inline-block;
    color: #808080;
    text-decoration: none;
}

.pager A.current, .pager A.commandEnable
{
    display: inline-block;
    padding: 1px 5px;
    border: 1px solid #b3cde6;
    color: #2f61ac;
    text-decoration: none;
    background: #F9F7F7;
}
.pager A.commandEnable:hover
{
    /** background: #6666FF; **/
    background-image: url('../../Images/menuHover.gif');
    color: #FFFFFF;
    text-decoration: none;
}
.pager A.current
{
    padding: 1px 5px;
    font-weight: bold;
    background: #EEE;
    border: 1px solid #175cc3;
    color: #2f61ac;
}

.pager table td
{
    padding: 0px 0px 3px 3px;
}
/**--PAGINATION FOR DataPager Style Ends **/
.dropdown1
{
    width: 142px;
    overflow: hidden;
}

/**--Confirm message dialog
---------------------------------------------------------------------------------------**/
div.error
{
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #999999;
    background-image: url(../../images/s_error.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 6px 3px 3px 36px;
    background-color: #FFCECE;
    text-align: left;
    vertical-align: middle;
    height: 18px;
}
div.ok
{
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #CCCCCC;
    background-image: url(../../images/s_ok.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 6px 3px 3px 36px;
    color: #009300;
    background-color: #E8F3FF;
    text-align: left;
    vertical-align: middle;
    height: 18px;
}

div.notice
{
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #FFD700;
    background-image: url(../../images/s_notice.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 6px 3px 3px 36px;
    color: #FF0000;
    background-color: #FFFFCC;
    text-align: left;
    vertical-align: middle;
    height: 18px;
}


.pagerCurrent
{
    display: inline-block;
    padding: 1px 5px;
    font-weight: bold;
    background: red;
    border: 1px solid #175cc3;
    color: #0000FF;
}

.pagerPageNumber
{
    /*     padding: 1px 5px; */
    padding: 0px 0px 3px 3px;
    background: #EEE;
    border: 1px solid #175cc3;
    color: #0000FF;
}

.pagerPageButton
{
    padding: 1px 5px;
    border: 1px solid #175cc3;
    color: #808080;
    border: 1px solid #808080;
}

/* modalpopup */

.PopupClass, .PopupHeader
{
    border-radius: 4px 4px 0px 0px;
}

.PopupHeader
{
    background: url('../../Images/gridHeading_Dark.jpg') repeat;
    padding: 8px 0px;
}

.PopupHeader span
{
    font-size: 14px;
    margin-left: 16px;
    color: #fff;
    font-family: Calibri;
    font-weight: bold;
}

.ibtnClosePopup
{
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}


input[readonly="readonly"], select[readonly="readonly"], select[disabled="disabled"], textarea[disabled="disabled"], textarea[readonly="readonly"], input[disabled="disabled"]
{
    background-color: #5D7591 !important;
    color: #fff;
    border-color: #ddd;
}

span[disabled="disabled"]
{
    color: #5D7591;
}

input[type="submit"][disabled="disabled"]
{
    background-image:none !important;
    background-color: #5D7591 !important;
    color:#b0b0b0;
}

.dxic input
{
    background-color: White !important;
    color: #000;
}

/*   Tab css*/

.dxtcPageContent, .dxtcPageContentWithTabPositionBottom, .dxtcPageContentWithTabPositionLeft, .dxtcPageContentWithTabPositionRight, .dxtcPageContentWithoutTabs
{
    background-color: #DEDEDE;
    color: Black;
}
.dxtcTabHover, .dxtcTabHoverWithTabPositionBottom, .dxtcTabHoverWithTabPositionLeft, .dxtcTabHoverWithTabPositionRight
{
    background-color: #535969 !important;
    color: #F1EDED !important;
    text-decoration: underline;
}
.dxtcTab, .dxtcTabWithTabPositionLeft, .dxtcTabWithTabPositionBottom, .dxtcTabWithTabPositionRight
{
    background-color: #535969 !important;
}
.dxtcTab td.dxtc, .dxtcTabWithTabPositionBottom td.dxtc, .dxtcTabWithTabPositionLeft td.dxtc, .dxtcTabWithTabPositionRight td.dxtc
{
    color: White;
    font-size: 11px;
}
.dxtcTab table.dxtc, .dxtcTabWithTabPositionBottom table.dxtc, .dxtcTabWithTabPositionLeft table.dxtc, .dxtcTabWithTabPositionRight table.dxtc
{
}
.dxtcActiveTabHover
{
    background-color: #657D99 !important;
    color: #F9F7F7 !important;
    text-decoration: underline;
}
.dxtcActiveTabHover table.dxtc
{
    background-color: #657D99 !important;
}
.dxtcActiveTab, .dxtcActiveTabWithTabPositionBottom, .dxtcActiveTabWithTabPositionLeft, .dxtcActiveTabWithTabPositionRight
{
    background-color: #657D99 !important;
}
.dxtcActiveTab td.dxtc, .dxtcActiveTabWithTabPositionBottom td.dxtc, .dxtcActiveTabWithTabPositionLeft td.dxtc, .dxtcActiveTabWithTabPositionRight td.dxtc
{
    color: White;
    font-size: 11px;
    background-color: #657D99 !important;
}
.dxtcActiveTab table.dxtc, .dxtcActiveTabWithTabPositionBottom table.dxtc, .dxtcActiveTabWithTabPositionLeft table.dxtc, .dxtcActiveTabWithTabPositionRight table.dxtc
{
    background-color: #657D99 !important;
}


/* devexpress round panel */

.dxrpControl .dxrpHeader
{
    background-color: #627a96 !important;
}
.dxrpControl .dxrpHeader, .dxrpControl .dxrpHeader td.dxrp, .dxrpControlGB span.dxrpHeader
{
    color: white !important;
    font-size: 11pt;
}
.dxrpControl .dxrpTE, .dxrpControl .dxrpHLE, .dxrpControl .dxrpHRE
{
    background-color: #627a96 !important;
}
.dxrpControl .dxrpLE, .dxrpControl .dxrpRE, .dxrpControl .dxrpBE, .dxrpControl .dxrpNHTE
{
    background-color: #dedede !important;
}
.dxrpControl .dxrpContent
{
    background-color: #dedede !important;
}

.dxWeb_rpHeaderTopLeftCorner
{
    background: none repeat scroll 0 0 #627a96 !important;
}

.dxWeb_rpHeaderTopRightCorner
{
    background: none repeat scroll 0 0 #627a96 !important;
}

.dxWeb_rpBottomLeftCorner
{
    background: none repeat scroll 0 0 #DEDEDE !important;
}
.dxWeb_rpBottomRightCorner
{
    background: none repeat scroll 0 0 #DEDEDE !important;
}

.dxgvSelectedRow
{
    color: #000 !important;    
}

/* Cheque Background -- xtra report   */
.ChequeBackground
{
    /*background-image: url(../../../UploadedDocuments/Cheque/Cheque.jpg);*/
}

.ChequeBackground table
{
    background-image: url(../../../UploadedDocuments/Cheque/Cheque.jpg) !important;
    background-size: cover;
    width:100% !important;
    height:100% !important;
}

/* validator callout popup*/
.customCalloutStyle div, .customCalloutStyle td{
border: solid 1px Black;
background-color: #515868;
font-family: Arial;
font-size: 11px;
font-weight:bold;
color:White;
padding:0px;
}

.ajax__validatorcallout_icon_cell img
{
     width:16px;
     padding:4px;
}

.ajax__validatorcallout_innerdiv img
{
    width:10px;    
}