/* Minification failed. Returning unminified contents.
(840,54): run-time error CSS1019: Unexpected token, found ':'
(840,54): run-time error CSS1042: Expected function, found ':'
(840,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(855,78): run-time error CSS1019: Unexpected token, found ':'
(855,78): run-time error CSS1042: Expected function, found ':'
(855,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(858,76): run-time error CSS1019: Unexpected token, found ':'
(858,76): run-time error CSS1042: Expected function, found ':'
(858,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(862,79): run-time error CSS1019: Unexpected token, found ':'
(862,79): run-time error CSS1042: Expected function, found ':'
(862,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@charset "utf-8";

/* reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

input, textarea, select, option{font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block;}
a img{border:none;}
/* END reset.css */

body, html{height:100%;}
body{font-size:11px; font-family:Arial,"Zurich", Helvetica, sans-serif; background:#FFFFFF; color:#000;}

.clear{clear:both;}
a, a:visited{color:#000000; text-decoration:none;}
a:hover{ color:#000000; text-decoration:underline;}
p{padding:0 0 15px; margin-bottom:0;}
h1{font:bold 18px Arial, Helvetica, sans-serif; padding:10px 35px;}
h2{font:bold 14px Arial, Helvetica, sans-serif; padding:0 0 15px;}
h3{font:bold 12px Arial, Helvetica, sans-serif; padding:0 0 15px;}
.large-error {
    font-size: 24px;         
    font-weight: bold; 
    color: Gray;
}
.large-error-20 {
    font-size: 20px;
    font-weight: bold;
    color: Gray;
}

.btn-text { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; padding-right: 10px; }
.btn-text-xs { display: inline-block; padding: 1px 5px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; padding-right: 10px; }

.links{color:#000000; font:normal 12px Arial, Helvetica, sans-serif; margin: 20px 0;}
.links a, .links a:visited{color:#000000; text-decoration:none;}
.links a:hover, .links a.active{text-decoration:underline;}

.wrapper{width:100%; min-height:100%; margin:0; padding:0;}
.top-wrapper{background:#e8edee url(../images/bg-top.png) repeat-x; max-height:91px;}
.mc-top{width:1000px; height:89px; margin:0 auto; padding:0;}
.logo{margin:0; padding:15px 15px 0; float:left;}
.top-shadow{background:#FFFFFF url(../images/bg-top-shadow.png) no-repeat center center; height:2px;}

span.button{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; margin:0 20px 0 0; outline:none; padding:0; text-decoration:none;}
span.button input{border:none; background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; height:34px; line-height:25px; margin:0 -5px 0 0; padding:0 24px; color:#FFFFFF;}
.main{width:1000px; margin:0 auto; padding:0;}
.quick-links{color:#000000; font:normal 12px Arial, Helvetica, sans-serif; width:500px; float:right; text-align:right; margin:14px 35px 0 0; padding:0;}
.quick-links a, .quick-links a:visited{color:#000000; text-decoration:none;}
.quick-links a:hover, .quick-links a.active{text-decoration:underline;}
.quick-links .divider{padding:0 10px;}
.slider-wrapper{background:#FFFFFF url(../images/bg-slider.png) no-repeat center bottom; width:900px; height:418px; margin:0 auto; padding:31px 6px 7px 7px; position:relative;}
.slider{position:relative;}
.slider .slide{width:897px; height:416px; border:1px solid #cfcfcf;}

.footer{clear:both; margin:-35px 0 0; padding:10px 0; position:relative; width:100%; height:15px; text-align:center;}

/* Axes Labels */
.yAxis
{
    position: relative; top: 0px; left: 0px; height:0px; width:0px; margin: 0px 0px 0px 0px; bottom:0px; padding:0px 0px 0px 0px; width: 86px; height: 20px; top: 130px; float: left; left: -18px;
 /*   -moz-transform-origin: 34px 34px 0px;/*setting label posit to same as ie in firefox*/ 
  /*  -webkit-transform-origin: 34px 34px;/*setting label posit to same as ie in chrome*/
    -webkit-transform: rotate(270deg);/*rotation in chrome*/
    -moz-transform: rotate(270deg); /*rotation in firefox*/ /*-ms-transform:rotate(270deg);*/
    -ms-transform: rotate(-90deg);
    background-color: #F5F5F5; display: block; vertical-align: baseline; ext-align: center; white-space: nowrap; vertical-align:baseline; font-weight:bold;
}

/*Added for fixing the issue graph label not showing correctly in IE8 Document mode*/
.yAxisIE8 { position: relative;  top: 0px; left: 0px; height:0px; width:0px; left: 15px; margin: 0px 0px 0px 0px; bottom:0px; padding:0px 0px 0px 0px;
    width: 86px; height: 20px; top: 100px; float: left;
    -webkit-transform: rotate(270deg);/*rotation in chrome*/
    -moz-transform: rotate(270deg); /*rotation in firefox*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE*/
    background-color: #F5F5F5; display: block; vertical-align: baseline; text-align: center; white-space: nowrap; vertical-align:baseline; font-weight:bold;
}

.xAxis { width: auto; height: auto; position: relative; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); 
    /* IE*/ background-color: #F5F5F5; font-weight:bold; }

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.main-tabs{margin:0; padding:0 35px; overflow:hidden; width: 100%}
.main-tabs ul{margin:0; padding:0; list-style:none;}
.main-tabs ul li{float:left; margin:0 5px 0 0; padding:0;}
.main-tabs ul li a, .main-tabs ul li a:visited{display:block; padding:0 25px 0 0; background:none; overflow:hidden; text-align:center; color:#000000; font:normal 11px Arial, Helvetica, sans-serif;}
.main-tabs ul li a span, .main-tabs ul li a:visited span{background:none; float:left; display:block; padding:8px 0 15px 25px; min-width:50px;cursor:pointer;}
.main-tabs ul li a .pointer{display:none;}
.main-tabs ul li a:hover{background:url(../images/bg-tab-hover-right.png) no-repeat top right; text-decoration:none;}
.main-tabs ul li a:hover span{background:url(../images/bg-tab-hover-left.png) no-repeat top left;}
.main-tabs ul li a.active{background:url(../images/bg-tab-active-right.png) no-repeat top right; position:relative;}
.main-tabs ul li a.active span{background:url(../images/bg-tab-active-left.png) no-repeat 6px 0;}
.main-tabs ul li a.active .pointer{background:url(../images/bg-tab-active-pointer.png) no-repeat; margin:0 0 0 -11px; padding:0; width:22px; min-width:22px; height:15px; position:absolute; left:50%; bottom:-3px; display:block;}
.main-tabs ul li a img{margin:0 0 3px;cursor:pointer;}

.toastr-message { font-size: 14px }
.modal-body p { font-size: 14px }
.modal-body {margin-top: 20px}
.tr-header {
    background: #25528c url(../images/bg-grid-header.png) repeat-x bottom;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
    /*display: table-row !important*/
}
.table {
    width: 100%;
    border-collapse: collapse;
}
.cell-border {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    min-height: 28px;
    line-height: 28px;
    padding: 0 4px 0 4px;
}
.cell-border-top {
     border-top: 1px solid #000000;
}
.cell-border-bottom {
    border-bottom: 1px solid #000000;
}
.cls-word-wrap {
    word-wrap: break-word;
    white-space: normal
}
.cell-border .accepted {
    color: #009933;
    font-weight: normal;
}
.cell-border .pending {
    color: #ff0000;
    font-weight: normal;
}
.cell-border a {
    color: #0000FF;
}
.grand-total {
    font-weight: bold;
    font-size: 12px;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
/*bootstrap 4 modal classes*/
/*.modal-open { overflow: hidden; }*/
/*.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }*/
/*.modal-open .modal { overflow-x: hidden; overflow-y: auto; }*/
/*.modal-dialog {  position: relative; width: auto; margin: 0.5rem; pointer-events: none; }*/
/*.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out;  transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); }*/
/*.modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }*/
.modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    min-height: calc(90% - (0.5rem * 2)); }
.modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0;}
/*.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }*/
/*.modal-backdrop.fade { opacity: 0; }*/
/*.modal-backdrop.show { opacity: 0.5; }*/
/*.modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }*/ 
/*.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }*/
/*.modal-title { margin-bottom: 0; line-height: 1.5; }*/
.modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; }
/*.modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }*/
/*.modal-footer > :not(:first-child) { margin-left: .25rem; }*/  
/*.modal-footer > :not(:last-child) { margin-right: .25rem; }*/
/*.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }*/

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(90% - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }

    .toast-container .toast {
        width: 400px !important
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

div#tmpSlideshowControls{position:absolute; bottom:11px; left:26px; width:100px; height:15px;}
div.tmpSlideshowControl{background:url(../images/slider-nav.png) no-repeat; width:15px; height:15px; float:left; margin:0 7px 0 0; padding:0; cursor:pointer;}
div.tmpSlideshowControlOn, div.tmpSlideshowControlActive{background:url(../images/slider-nav-active.png) no-repeat;}
.login-box{position:absolute; background:url(../images/bg-login-box.png) no-repeat; width:336px; height:370px; top:57px; right:42px;}
.login-box .title{background:url(../images/bg-login-divider.png) repeat-x bottom; margin:0 7px 10px; padding:8px 0 10px;}
.login-box .title h3{background:url(../images/icon-login.png) no-repeat; font:bold 24px Arial, Helvetica, sans-serif; color:#001A3C; margin:0 auto; padding:0 0 0 42px; width:80px;}
.form-login{overflow:hidden;}
.form-login .row{padding:0 0 10px 26px; overflow:hidden;}
.form-login .row label{display:block; color:#001A3C; font:normal 14px Arial, Helvetica, sans-serif; margin:0; padding:0 0 4px 4px;}
.form-login .row input[type="text"], .form-login .row input[type="password"], .form-login .row input[type="number"]{display:block; background:url(../images/bg-input-box.png) no-repeat; width:272px; height:21px; margin:0; padding:4px 6px; border:2px solid #A6A6A6; font:normal 16px Arial, Helvetica, sans-serif;}
.form-login .row.messages{max-height:28px;}
.form-login .row.error{background:url(../images/icon-error.png) no-repeat 0 0; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif; margin:0 26px; padding:2px 0 10px 25px;}
.form-login .row .remember{float:left; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif;}
.form-login .row .remember input{float:left; width:15px; height:15px; margin:0 5px 0 0; padding:0;}
.form-login .row .forgot{float:right; margin:0; padding:0 30px 0 0; text-align:right; cursor:pointer;}
.form-login .row .forgot a, .form-login .row .forgot a:visited{color:#001A3C; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
.form-login .row .forgot a:hover{text-decoration:none;}
.form-login span.button{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; margin:0 0 0 96px; outline:none; padding:0; text-decoration:none;}
.form-login span.button input{border:none; background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; height:34px; line-height:34px; margin:0 -5px 0 0; padding:0 24px; color:#FFFFFF;}

/*Change Password*/
.form-changepw{overflow:hidden;}
.form-changepw .changepw-title{background:url(../images/bg-login-divider.png) repeat-x bottom; margin:0 7px 8px; padding:8px 0 10px;}
.form-changepw .changepw-title h3{background: url(../images/icon-login.png) no-repeat; font: bold 24px Arial, Helvetica, sans-serif; color: #001A3C; margin: 10px 10px 0px 40px; padding: 0 0 0 42px;}
.form-changepw .changepw-subtitle{font: 12px Arial, Helvetica, sans-serif;color: #001A3C; padding: 4px; text-align: center;}
.form-changepw .changepw-error{background: url(../images/icon-error.png) no-repeat 0 0; color: #001A3C; font: normal 11px Arial, Helvetica, sans-serif; padding:0 0 0 26px; margin:0 26px;height:28px}
.form-changepw .row{padding:0 0 10px 26px; overflow:hidden;}
.form-changepw .row label{display:block; color:#001A3C; font:normal 14px Arial, Helvetica, sans-serif; margin:0; padding:0 0 4px 4px;}
.form-changepw .row input[type="text"], .form-changepw .row input[type="password"]{display: block; background: url(../images/bg-input-box.png) no-repeat; width: 272px;height: 21px; margin: 0; padding: 4px 6px 10px 6px; border: 2px solid #A6A6A6; font: normal 16px Arial, Helvetica, sans-serif;}
.form-changepw .row.messages{max-height:28px;}
.form-changepw .row.error{background:url(../images/icon-error.png) no-repeat 0 0; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif; margin:0 26px; padding:2px 0 10px 25px;}
.form-changepw .row .remember{float:left; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif;}
.form-changepw .row .remember input{float:left; width:15px; height:15px; margin:0 5px 0 0; padding:0;}
.form-changepw .row .forgot{float:right; margin:0; padding:0 30px 0 0; text-align:right; cursor:pointer;}
.form-changepw .row .forgot a, .form-changepw .row .forgot a:visited{color:#001A3C; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
.form-changepw .row .forgot a:hover{text-decoration:none;}
.form-changepw span.button{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; margin:0 0 0 96px; outline:none; padding:0; text-decoration:none;}
.form-changepw span.button input{border:none; background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; height:34px; line-height:34px; margin:0 -5px 0 0; padding:0 24px; color:#FFFFFF;}

.form-mfa{overflow:hidden;}
.form-mfa .mfa-title{background:url(../images/bg-login-divider.png) repeat-x bottom; margin:0 7px 8px; padding:8px 0 10px;}
.form-mfa .mfa-title h3{background: url(../images/icon-login.png) no-repeat; font: bold 24px Arial, Helvetica, sans-serif; color: #001A3C; margin: 10px 10px 0px 80px; padding: 0 0 0 42px;}
.form-mfa .row{padding:0 26px 10px 26px; overflow:hidden;}
.form-mfa .row label{display:block; color:#001A3C; font:normal 14px Arial, Helvetica, sans-serif; margin:0; padding:0 0 4px 4px;}
.form-mfa .row label.headerlabel{display:block; color:#001A3C; font:normal 16px Arial, Helvetica, sans-serif; margin:0; padding:0 0 4px 4px;}
.form-mfa .row label.smalltext{display:block; color:#001A3C; font:normal 10px Arial, Helvetica, sans-serif;margin: 15px 4px 0 0; padding:0 0 4px 4px;}
.form-mfa .row input[type="text"], .form-mfa .row input[type="password"]{display:block; background:url(../images/bg-input-box.png) no-repeat; width:272px; height:21px; margin:0; padding:4px 6px; border:2px solid #A6A6A6; font:normal 16px Arial, Helvetica, sans-serif;}
.form-mfa .row.messages{max-height:28px;}
.form-mfa .row.error-messages{color:#ff0000; font:normal 11px Arial, Helvetica, sans-serif; margin:5px 5px; padding:2px 0 10px 20px;}
.form-mfa .row.error-messages ul{list-style-type: none;}
.form-mfa .row.error{background:url(../images/icon-error.png) no-repeat 0 0; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif; margin:0 26px; padding:2px 0 10px 25px;}
.form-mfa .row .remember{float:left; color:#001A3C; font:normal 11px Arial, Helvetica, sans-serif;}
.form-mfa .row .remember input{float:left; width:15px; height:15px; margin:0 5px 0 0; padding:0;}
.form-mfa .row .imagecategory{margin:0;cursor:pointer;word-spacing: 5px;}
.form-mfa .row .imagecategory a, .form-mfa .row .imagecategory a:visited{color:#001A3C; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:underline;}
.form-mfa .row .imagecategory a:hover{text-decoration:none;}
.form-mfa span.button{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; margin:0 0 0 96px; outline:none; padding:0; text-decoration:none;}
.form-mfa span.button input{border:none; background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; height:34px; line-height:34px; margin:0 -5px 0 0; padding:0 24px; color:#FFFFFF;}
.form-mfa span.confirmbutton{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; outline:none; padding:0; text-decoration:none;}
.form-mfa span.confirmbutton input{border:none; background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; height:34px; line-height:34px; margin:0 -5px 0 0; padding:0 24px; color:#FFFFFF;}
.form-mfa .row img.hoverBorder{border: 5px solid #eee;}
.form-mfa .row img.hoverBorder:hover{border: 5px solid #555;}
/* Mfa Message Box */
#boxes .logout-popup .mfa-login-dialog-content
{
   margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
    text-align: justify;
    font: normal 12px Arial,Helvetica,sans-serif;
    background: no-repeat left center;
}

/* Removed back ground image for showing dialog after completing mfa enrollment */
#boxes .logout-popup .mfa-profile-dialog-content{margin:10px 40px 0; padding:30px 0; text-align:justify; font:normal 12px Arial,Helvetica,sans-serif}

.content{padding:10px 34px 30px; overflow:hidden;}
.content.content-login{padding:20px 60px 30px;}
.content .graph-wrapper{float:left; margin:0; padding:0 25px 0 0; width:640px;}
.content .graph-wrapper .graph-container{width:635px; background:url(../images/bg-graph-bottom.png) no-repeat bottom;}
.content .graph-wrapper .graph-container .top{background:url(../images/bg-graph-top.png) no-repeat; height:15px;}
.content .graph-wrapper .graph-container .graph-content{padding:0 15px 20px;}
.content .graph-wrapper .filter, .content.dashboard .graph-wrapper .filter{float:right; min-width:195px; text-align:right; padding:0 10px 0 0;}
.content .graph-wrapper .filter .month{display:inline-block; float:left; padding:0; margin:0 5px 0 0; height:31px; cursor:pointer;}
.content .graph-wrapper .filter .month select{padding:0; font:normal 11px Arial, Helvetica, sans-serif; border:1px solid #d2d0d0; height:31px;}
.content .graph-wrapper .filter a{display:inline-block; margin:0 0 0 5px; padding:7px 0 0; width:30px; height:31px; text-align:center; line-height:30px;}
.content .graph-wrapper .filter a:hover, .content.dashboard .graph-wrapper .filter a.active{background:url(../images/bg-filter-active.png) no-repeat;}

.content.dashboard .summary-wrapper{float:left; border-left:1px solid #FFFFFF; margin:0; padding:0 0 0 25px; width:239px; min-height:375px;}
.content.dashboard .daily-deposit-summary{padding:15px 5px 5px; position:relative; line-height:180%; border-bottom:1px solid #858585;}
.content.dashboard .daily-deposit-summary .details{padding:0 0 10px;}
.content.dashboard .daily-deposit-summary a, .content.dashboard .daily-deposit-summary a:visited{font:bold 12px Arial, Helvetica, sans-serif; color:#0000cc; text-decoration:underline;}
.content.dashboard .daily-deposit-summary a:hover{text-decoration:none;}
.content.dashboard .daily-deposit-summary .error{font:bold 12px Arial, Helvetica, sans-serif;}
.content.dashboard .daily-deposit-summary .accepted{color:#009933; font-weight:bold;}
.content.dashboard .daily-deposit-summary .pending{color:#ff0000; font-weight:bold;}
.content.dashboard .daily-deposit-summary .more{position:absolute; right:5px; bottom:15px; color:#0000cc;}
.content.dashboard .daily-deposit-summary .more a{font:normal 11px Arial, Helvetica, sans-serif;}
.content.dashboard .today-summary{padding:10px 5px; line-height:180%;}
.content.dashboard .today-summary .amount, .content.dashboard .today-summary .checks{display:block; font:bold 16px Arial, Helvetica, sans-serif; color:#333333; padding:5px 0;}

.content .review-wrapper{margin:0; padding:0 0 5px 0; overflow:hidden;}
.content .review-wrapper .filter{padding:0 0 10px 0;}
.content .review-wrapper .filter .month{display:block; padding:0; margin:0 5px 0 0; height:31px; cursor:pointer;}
.content .review-wrapper .filter .month select{padding:0; font:normal 11px Arial, Helvetica, sans-serif; border:1px solid #d2d0d0; width:230px; height:31px;}
.content .review-wrapper .filter a,
.content .review-wrapper .filter a:visited{display:inline-block; margin:0 20px 0 0; padding:0; height:31px; line-height:30px; color:#0000ff; text-decoration:underline;}
.content .review-wrapper .filter a:hover, .content.dashboard .graph-wrapper .filter a.active{text-decoration:none;}
.content .review-wrapper .user-action{padding:0 0 15px;}

.grid-wrapper{overflow:hidden;}
.grid-wrapper .head-row {
    overflow: hidden;
    display: block;
    border: 1px solid #000000;
    background: #25528c url(../images/bg-grid-header.png) repeat-x bottom;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
    width: 927px;
}

    .grid-wrapper .grid-rows {
        overflow: auto;
        border: 1px solid #000000;
        border-right-width: 0px;
        background: #FFFFFF;
        width: 928px;
        max-height: 280px;
    }

.grid-wrapper .grid-row {
    overflow: hidden;
    display: block;
    font: normal 11px Arial, Helvetica, sans-serif;
    text-align: right;
    color: #000000;
}
.grid-wrapper .footer-row {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #000000;
    border-top-width: 0px;
    border-right-width: 0px;
    width: 928px;
}

.grid-wrapper .head-row .col-1,
.grid-wrapper .head-row .col-9,
.grid-wrapper .head-row .col-8,
.grid-wrapper .head-row .col-2,
.grid-wrapper .head-row .col-3,
.grid-wrapper .head-row .col-4,
.grid-wrapper .head-row .col-5,
.grid-wrapper .head-row .col-6 {
    border-right: 1px solid #000000;
    float: left;
    height: 60px;
    line-height: 30px;
    text-align: center
}

.grid-wrapper .head-row .col-7 {
    border-right: 0px;
    float: left;
    height: 60px;
    line-height: 30px;
    text-align: center
}

.grid-wrapper .grid-row .accepted {
    color: #009933;
    font-weight: normal;
}

.grid-wrapper .grid-row .pending {
    color: #ff0000;
    font-weight: normal;
}
    .grid-wrapper .grid-row .col-1,
    .grid-wrapper .grid-row .col-9,
    .grid-wrapper .grid-row .col-8,
    .grid-wrapper .grid-row .col-2,
    .grid-wrapper .grid-row .col-3,
    .grid-wrapper .grid-row .col-4,
    .grid-wrapper .grid-row .col-5,
    .grid-wrapper .grid-row .col-6 {
        border-right: 1px solid #000000;
        float: left;
        line-height: 28px;
    }
    .grid-wrapper .grid-row .col-7 {
        border-right: 1px solid #ffffff;
    }
    .grid-wrapper .head-row .col-1{width:95px;}
    .grid-wrapper .grid-row .col-1 {
        width: 91px;
        padding-right: 4px;
    }
.grid-wrapper .grid-row .col-1 a {
    color: #0000FF;
}
.grid-wrapper .head-row .col-9 {width:85px;}
    .grid-wrapper .grid-row .col-9 {
        width: 81px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-8 {width:70px;}
    .grid-wrapper .grid-row .col-8 {
        width: 66px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-2{width:132px;}
    .grid-wrapper .grid-row .col-2 {
        width: 128px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-3{width:106px; }
    .grid-wrapper .grid-row .col-3 {
        width: 102px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-4 {width: 95px;}
    .grid-wrapper .grid-row .col-4 {
        width: 91px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-5 {width: 120px;
    overflow-wrap: break-word;
    overflow-x: hidden;
    word-wrap: break-word;
}
    .grid-wrapper .grid-row .col-5 {
        width: 116px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-6 { width: 95px;
    overflow-wrap: break-word;
    overflow-x: hidden;
    word-wrap: break-word;
}
    .grid-wrapper .grid-row .col-6 {
        width: 91px;
        padding-right: 4px;
    }
.grid-wrapper .head-row .col-7 { width: 120px;}
    .grid-wrapper .grid-row .col-7 {
        width: 116px;
        padding-right: 4px;
    }

.grid-wrapper .footer-row .col-1,
.grid-wrapper .footer-row .col-2,
.grid-wrapper .grid-row .col-9, 
.grid-wrapper .grid-row .col-8,
.grid-wrapper .grid-row .col-3,
.grid-wrapper .grid-row .col-4,
.grid-wrapper .grid-row .col-5,
.grid-wrapper .grid-row .col-6,
.grid-wrapper .grid-row .col-7 {
    border-right: 1px solid #000000;
    float: left;
    height: 28px;
    line-height: 28px;
}

/* End History Grid */
.content.deposit-details .summary-wrapper {
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
    width: 150px;
}

.content.deposit-details .summary-wrapper h2 {
    padding: 0 0 5px;
}

.content.deposit-details .summary-wrapper .details {
    padding: 0 0 10px;
    line-height: 180%;
}

.content.deposit-details .summary-wrapper .accepted {
    color: #009933;
    font-weight: bold;
}

.content.deposit-details .summary-wrapper .pending {
    color: #ff0000;
    font-weight: bold;
}
.deposit-details .user-action {
    padding: 0 0 15px 0;
}

/* Detail Grid*/
.grid-details {
    overflow: hidden;
    width: 659px;
}

.detail-header {
    overflow: hidden;
    display: block;
    border: 1px solid #000000;
    border-right-width: 0px;
    background: #25528c url(../images/bg-grid-header.png) repeat-x bottom;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
}

.detail-row {
    overflow: hidden;
    display: block;
    border-left: 1px solid #000000;
    background: #FFFFFF;
    text-align: right;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 42px;
}
.detail-footer {
    overflow: hidden;
    display: block;
    border-left: 1px solid #000000;
    background: #FFFFFF;
    text-align: right;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 28px;
}

.detail-head-1,
.detail-head-2,
.detail-head-3,
.detail-head-4,
.detail-head-5,
.detail-head-6 {
    border-right: 1px solid #000000;
    float: left;
    height: 60px;
    line-height: 30px;
    text-align: center
}
.detailCol1,
.detailCol2,
.detailCol3,
.detailCol4,
.detailCol5,
.detailCol6 {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    float: left;
}

.detail-head-1 {
    width: 90px;
}
.detailCol1 {
    width: 75px;
    padding-right: 15px;
    vertical-align: middle;
}
.detailCol1 img { vertical-align: middle; }

.detail-head-2 {
    width: 75px;
}
.detailCol2 {
    width: 71px;
    padding-right: 4px;
}

.detail-head-3 {
    width: 100px;
}
.detailCol3 {
    width: 96px;
    padding-right: 4px;
}

.detail-head-4 {
    width: 90px;
}
.detailCol4 {
    width: 86px;
    padding-right: 4px;
}

.detail-head-5 {
    width: 100px;
}
.detailCol5 {
    width: 96px;
    padding-right: 4px;
}

.detail-head-6 {
    width: 196px;
}
.detail-row .detailCol6 {
    width: 193px;
    padding-right: 4px;
    overflow-wrap: break-word;
    overflow-x: hidden;
    word-wrap: break-word;
}
.detail-footer .detailCol6 {
    width: 197px;
}
/* End Detail Grid*/

.review-history span.button, .deposit-details span.button{background:url(../images/bt-report-left.png) no-repeat; font:bold 15px Arial,Helvetica,sans-serif; height:28px; margin:0 5px 0 0;}
.review-history span.button input, .deposit-details span.button input{border:none; background:url(../images/bt-report-right.png) no-repeat right; height:28px; line-height:28px; margin:0 -5px 0 0; padding:0 15px;}
.review-history div.month-picker.selector{display:block; width:300px; background:none;float:left;}
.review-history div.month-picker.selector input[type="text"]{display:inline; background:url(../images/bg-date-box.png) no-repeat; width:100px; height:23px; margin:0 0 0 0; padding:4px 6px; border:none; font:normal 12px Arial, Helvetica, sans-serif; color:#666666;}
.review-history div.month-picker.selector label{font:bold 12px Arial, Helvetica, sans-serif; margin:0 5px 0 0;}


.pagination{text-align:center; padding:10px 0;}
.pagination a, .pagination a:visited{background:url(../images/bg-page-counter-left.png) no-repeat; display:inline-block; font:normal 12px Arial,Helvetica,sans-serif; height:18px; margin:0 8px 0 0; outline:none; padding:0; text-decoration:none;}
.pagination a span{border:none; background:url(../images/bg-page-counter-right.png) no-repeat right; cursor:pointer; display:block; height:18px; line-height:18px; margin:0; padding:0 7px;  color:#133f7a;}
.pagination a:hover, .pagination a.active{background:url(../images/bg-page-counter-left-active.png) no-repeat; display:inline-block; font:normal 12px Arial,Helvetica,sans-serif; height:18px; margin:0 8px 0 0; outline:none; padding:0; text-decoration:none;}
.pagination a:hover span, .pagination a.active span{border:none; background:url(../images/bg-page-counter-right-active.png) no-repeat right; cursor:pointer; display:block; height:18px; line-height:18px; margin:0; padding:0 7px;  color:#FFFFFF;}
.pagination .prev{display:inline; color:#525151;}
.pagination .next{display:inline; color:#525151;}
.pagination .prev a, .pagination .prev a:visited,
.pagination .next a, .pagination .next a:visited{display:inline-block; font-size:12px; color:#133f7a; background:none; text-decoration:underline;padding: 0 7px; }
.pagination .prev a:hover, .pagination .next a:hover{text-decoration:none;}

/* Popup */
#mask{position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; overflow:hidden;}
#boxes .window{position:fixed; left:0; top:0; display:none; z-index:9999; padding:20px; border:none;}
#boxes a.button{background:url(../images/bt-login-left.png) no-repeat; color:#FFFFFF; display:inline-block; font:bold 17px Arial,Helvetica,sans-serif; height:34px; margin:0 12px; outline:none; padding:0; text-decoration:none;}
#boxes a.button span{background:url(../images/bt-login-right.png) no-repeat right; cursor:pointer; display:block; line-height:34px; margin:0 -5px 0 0; padding:0 24px; min-width:42px;}
#boxes .logout-popup{background:url(../images/bg-logout-box.png) no-repeat; width:326px; height:144px;}
#boxes .logout-popup .dialog-content{margin:10px 40px 0; padding:30px 0; text-align:right; font:normal 12px Arial,Helvetica,sans-serif; background:url(../images/icon-logout.png) no-repeat left center;}
#boxes .logout-popup .qdpapp-dialog-content{margin: 20px 20px 0 10px; padding: 0px 20px 10px 50px; text-align: justify; font: normal 12px Arial,Helvetica,sans-serif; background: url(../images/icon-logout.png) no-repeat left center;}
#boxes .logout-popup .user-action{text-align:center;}

/*Popup for check view*/
#boxes .check-view-popup{background:url(../images/bg-check-view-popup.png) no-repeat; width:760px; height:278px;}
#boxes .check-container{position:relative;}
#boxes .check-container .check{padding:10px 0 12px; text-align:center;}
#boxes a.close-popup, #boxes a.close-popup:visited{width:14px; height:14px; display:inline-block; top:0; right:0; position:absolute; z-index:2; background:url(../images/icon-popup-close.png) no-repeat;}
#boxes a.close-popup:hover{background:url(../images/icon-popup-close-active.png) no-repeat;}
#boxes .check-nav{position:absolute; width:760px; height:23px; padding:110px 0 0; text-align:left;}
#boxes .check-nav a.prev, #boxes .check-nav a.prev:visited{left:0; bottom:0; display:inline-block; background:url(../images/icon-popup-arrow-left.png) no-repeat; width:13px; height:23px; float:left;}
#boxes .check-nav a.next, #boxes .check-nav a.next:visited{right:0; bottom:0; display:inline-block; background:url(../images/icon-popup-arrow-right.png) no-repeat; width:13px; height:23px; float:right;}
#boxes .check-nav a.prev:hover{background:url(../images/icon-popup-arrow-left-active.png) no-repeat;}
#boxes .check-nav a.next:hover{background:url(../images/icon-popup-arrow-right-active.png) no-repeat;}
#boxes .other-task{padding:0 0 0 60px;}
#boxes .other-task a{margin:0 25px 0 0;}

/* Tooltip */
.tipsy{padding:5px; font-size:11px; position:absolute; z-index:100000;}
.tipsy-inner{padding:6px 8px 6px 8px; background-color:#003366; color:white; max-width:200px; text-align:left;}
.tipsy-arrow{position:absolute; background:url(../images/tipsy.png) no-repeat top left; width:9px; height:5px;}
.tipsy-n .tipsy-arrow{top:0; left:50%; margin-left:-4px;}
div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span{background-image:url(../images/sprite.png); background-repeat:no-repeat; webkit-font-smoothing:antialiased; }
.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{margin:0; padding:0; }
input.text,
input.email, 
input.password,
textarea.uniform{background:url('../images/bg-input.png') repeat-x 0px 0px; background:url('../images/bg-input-focus.png') repeat-x 0px 0px; border-bottom:solid 1px #ccc; border-left:solid 1px #aaa; border-radius:3px; border-right:solid 1px #ccc; border-top:solid 1px #aaa; color:#777; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; moz-border-radius:3px; outline:0; padding:3px; webkit-border-radius:3px; }
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus{background:url('../images/bg-input-focus.png') repeat-x 0px 0px; border-color:#999; box-shadow:0px 0px 4px rgba(0,0,0,0.3); moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3); webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3); }
div.selector{background-position:-483px -130px; height:26px; line-height:26px; }
div.selector span{background-position:right 0px; height:26px; line-height:26px; }
div.selector select{left:0px; top:0px; }
div.selector:active, 
div.selector.active{background-position:-483px -156px; }
div.selector:active span, 
div.selector.active span{background-position:right -26px; }
div.selector.focus, div.selector.hover, div.selector:hover{background-position:-483px -182px; }
div.selector.focus span, div.selector.hover span, div.selector:hover span{background-position:right -52px; }
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover{background-position:-483px -208px; }
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span{background-position:right -78px; }
div.selector.disabled{background-position:-483px -234px; }
div.selector.disabled span{background-position:right -104px; }
div.checker{height:19px; width:19px; }
div.checker input{height:19px; width:19px; }
div.checker span{background-position:0px -260px; height:19px; width:19px; }
div.checker:active span, 
div.checker.active span{background-position:-19px -260px; }
div.checker.focus span,
div.checker:hover span{background-position:-38px -260px; }
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span{background-position:-57px -260px; }
div.checker span.checked{background-position:-76px -260px; }
div.checker:active span.checked, 
div.checker.active span.checked{background-position:-95px -260px; }
div.checker.focus span.checked,
div.checker:hover span.checked{background-position:-114px -260px; }
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked{background-position:-133px -260px; }
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span{background-position:-152px -260px; }
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked{background-position:-171px -260px; }
div.radio{height:18px; width:18px; }
div.radio input{height:18px; width:18px; }
div.radio span{background-position:0px -279px; height:18px; width:18px; }
div.radio:active span, 
div.radio.active span{background-position:-18px -279px; }
div.radio.focus span, 
div.radio:hover span{background-position:-36px -279px; }
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span{background-position:-54px -279px; }
div.radio span.checked{background-position:-72px -279px; }
div.radio:active span.checked,
div.radio.active span.checked{background-position:-90px -279px; }
div.radio.focus span.checked, div.radio:hover span.checked{background-position:-108px -279px; }
div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked{background-position:-126px -279px; }
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span{background-position:-144px -279px; }
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked{background-position:-162px -279px; }
div.uploader{background-position:0px -297px; height:28px; }
div.uploader span.action{background-position:right -409px; height:24px; line-height:24px; }
div.uploader span.filename{height:24px; line-height:24px; margin:2px 0px 2px 2px; }
div.uploader.focus,
div.uploader.hover,
div.uploader:hover{background-position:0px -353px; }
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action{background-position:right -437px; }
div.uploader.active span.action,
div.uploader:active span.action{background-position:right -465px; }
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action{background-position:right -493px; }
div.uploader.disabled{background-position:0px -325px; }
div.uploader.disabled span.action{background-position:right -381px; }
div.button{background-position:0px -523px; }
div.button span{background-position:right -643px; }
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover{background-position:0px -553px; }
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span{background-position:right -673px; }
div.button.active,
div.button:active{background-position:0px -583px; }
div.button.active span,
div.button:active span{background-position:right -703px; color:#555; }
div.button.disabled,
div.button:disabled{background-position:0px -613px; }
div.button.disabled span,
div.button:disabled span{background-position:right -733px; color:#bbb; cursor:default; }
div.button{height:30px; }
div.button span{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; height:22px; letter-spacing:1px; margin-left:13px; padding-left:2px; padding-right:15px; padding-top:8px; text-transform:uppercase; }
div.selector{font-size:12px; width:190px; }
div.selector{background:none;}
div.selector select{border:solid 1px #fff; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; min-width:170px; }
div.selector span{cursor:pointer; padding:0px 25px 0px 2px; }
div.selector span{color:#666; text-shadow:0 1px 0 #fff; width:158px; }
div.selector.disabled span{color:#bbb; }
div.checker{margin-right:5px; }
div.radio{margin-right:3px; }
div.uploader{cursor:pointer; width:190px; }
div.uploader span.action{background-color:#fff; font-size:11px; font-weight:bold; text-align:center; text-shadow:#fff 0px 1px 0px; width:85px; }
div.uploader span.filename{border-right:solid 1px #bbb; color:#777; font-size:11px; width:82px; }
div.uploader input{width:190px; }
div.uploader.disabled span.action{color:#aaa; }
div.uploader.disabled span.filename{border-color:#ddd; color:#aaa; }
.selector, 
.checker, 
.button, 
.radio, 
.uploader{display:inline; display:inline-block; display:-moz-inline-box; vertical-align:middle; zoom:1; }
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus{outline:0; }
div.button a,
div.button button,
div.button input{position:absolute; }
div.button{cursor:pointer; position:relative; }
div.button span{display:inline-block; display:-moz-inline-box; line-height:1; text-align:center; }

/* Overridden */
div.selector.month{position:relative; overflow:visible; margin:0; padding:0; background:none; width:auto; height:auto;}
div.selector{overflow:visible; padding:0; position:relative; background:url(../images/bg-select-box.png) no-repeat top left; width:160px; height:31px;}
/*.review-wrapper div.selector{width:230px;}*/
div.selector span{display:block; text-overflow:ellipsis; white-space:nowrap; background:url(../images/bg-select-box.png) no-repeat bottom right; width:150px; height:31px; line-height:31px; margin:0 0 0 10px; padding:0; text-align:left;}
.review-wrapper div.selector span{width:220px;}
div.selector select{border:none; filter:alpha(opacity:0); height:25px; opacity:0; position:absolute; width:150px; border:1px dotted blue;}
div.selector.focus, div.selector.hover, div.selector:hover{background:url(../images/bg-select-box.png) no-repeat top left;}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover{background:url(../images/bg-select-box.png) no-repeat top left;}
div.selector.focus, div.selector.hover, div.selector:hover{background-position:top left;}
div.selector.focus span, div.selector.hover span, div.selector:hover span{background-position:bottom right;}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span{background-position:bottom right;}

div.checker{position:relative; }
div.checker span{display:inline-block; display:-moz-inline-box; text-align:center; }
div.checker input{background:none; display:inline-block; filter:alpha(opacity:0); opacity:0; }
div.radio{position:relative; }
div.radio span{display:inline-block; display:-moz-inline-box; text-align:center; }
div.radio input{background:none; display:inline-block; filter:alpha(opacity:0); opacity:0; text-align:center; }
div.uploader{cursor:default; overflow:hidden; position:relative; }
div.uploader span.action{cursor:pointer; display:inline; float:left; overflow:hidden; padding:2px 0px; }
div.uploader span.filename{cursor:default; display:block; float:left; overflow:hidden; padding:0px 10px; text-overflow:ellipsis; white-space:nowrap; }
div.uploader input{border:none; bottom:0; cursor:default; filter:alpha(opacity:0); float:right; height:25px; opacity:0; position:absolute; right:0; top:0; }

.review-history div.selector.focus:active, 
.review-history div.selector.focus.active, 
.review-history div.selector:hover:active, 
.review-history div.selector.active:hover{background:none;}