/*Reset CSS2*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font-family:Bookman Old Style;vertical-align:bottom;color:#241D1D}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
/*ol, ul {list-style:none}*/
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
/*table {border-collapse:collapse}*/
a{color:#757f8c;text-decoration:none;outline:none;transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;}
.actionBtn .btn input[type="button"],.btn input[type="submit"],.leftNav dl dt,.leftNav dl dt span,.leftNav dl dt span{transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;}
body {line-height:1;font:12px Arial, Bookman Old Style, sans-serif;color:#757f8c;background:url(../images/body-bg.gif) repeat 0 0;}
/*global classes*/
select{color:#757f8c;}
.wraper{width:960px;margin:0 auto}
.clear{clear:both}
/*img{vertical-align:middle}*/
.fl{float:left !important;}
.fr{float:right !important;}
.AR{text-align:right !important}
.AL{text-align:left !important}
.AC{text-align:center !important}
.error_msg{color:#F00;font-size:10px;}
h1,h2,h3,h4,h5,h6{color:#2C6EB5;font:bold 12px Bookman Old Style,Arial,sans-serif;}
h1{font-size:20px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
.hide{display:none}
.relative{position:relative;}

input[type="button"],input[type="submit"]{border:none;cursor:pointer;outline:none;}
.multiSelect{ position:relative;}
.multiSelect .multiSelectScroll{ position:absolute;width:172px;height: 200px;overflow: auto; border:#CCC 1px solid; padding-right:5px; border-radius:3px; display:none; top:0; background:#FFF}
.multiSelect .multiSelectScroll.open{display:block}
.multiSelect td{font-size:14px; padding:2px 0 !important; clear:both; border-bottom:#CCC 1px solid}
.multiSelect td input[type="checkbox"]{float:left}
.multiSelect td label {  display: table-cell;  margin-left: 0;padding:2px 0 0 2px}
/*Global Classes End*/
/*Table Format Start*/
.tableFormat{border-top:1px solid #000;border-right:1px solid #000;}
.tableFormat td,.tableFormat th{border-left:1px solid #000;border-bottom:1px solid #000;padding:5px 10px;}
.tableFormat th:first-child{border-left-color:#000;}
.tableFormat th{background:#000;color:#fff;border-left-color:#fff;}
.tableFormat td{}
/*Table format end*/
/*form in 2 clumn*/
.formLayout{padding:25px 0}
.formLayout .formRow{margin-bottom:15px;}
.formRow label{min-width:20%;display:block;font:14px/16px Bookman Old Style,Arial,sans-serif; padding-top:6px;}
.formRow input[type="text"],.formRow input[type="password"],.formRow input[type="email"],.formRow input[type="number"]{border:1px solid #cccccc;width:71%;padding:0 1.7%;height:26px;border-radius:3px;}
.formRow input.calender{ background:url(../images/calender.gif) no-repeat right 2px}
.formRow .inline{float:left;width:80%;}
.formRow .inline .clumn{width:45%;}
.formRow .inline label{min-width:auto;}
.formRow input[type="checkbox"],.formRow input[type="radio"]{margin:5px 7px 0; width:auto!important}
.formRow.submitBtn{padding:10px 0;}
.formRow.submitBtn input[type="button"],.formRow.submitBtn input[type="submit"]{display:block;padding:7px 15px;text-align:center;background:#093;color:#fff;}
/*form in 2 clumn/ End*/

/*Please uncomment the below code if you want to use one column layout*/

/*form in 1 clumn layout*/
/*
.formRow label{min-width:100%;}
.formRow input[type="text"],.formRow input[type="password"],.formRow input[type="email"],.formRow input[type="number"]{width:96%;}
.formRow .inline{float:left;width:100%;}
.formRow.submitBtn input[type="button"],.formRow.submitBtn input[type="submit"]{display:inline-block}
*/
/*form in 1 clumn End*/

.headertop{background: #FFF; border-bottom:1px solid #2C6FB6; height:50px}
.header{background: #2c6eb5; border-bottom:1px solid #2C6FB6;height:10px}
.headertop .logoLeft{padding:12px;float:left;width:457px;}
.header .logoLeft img{width:150px}
.header .logoRight{float:right; width:380px}

.bodyCnt h1{/*border-bottom:1px solid #B5C0CB;*/padding:0 0 10px;}
.bodyCnt1 h1{border-bottom:1px solid #B5C0CB;padding:0 0 10px;}
.loginCnt{position:relative;padding:20px;width:340px;border:1px solid #B5C0CB;border-radius:5px;background:#fff;margin:0 auto;}
.loginCnt .formLayout{border:1px solid #d1d1d1;border-radius:3px;padding:0;margin:35px 0}
.loginCnt .formLayout input{display:block;width:96%;padding:0 2%;border:none;background:url(../images/username.png) no-repeat 10px center #fff; padding:13px 0 13px 38px;width: 299.5px;font:12px Arial, Helvetica, sans-serif;color:#666666;}
.loginCnt .formLayout input[type="text"], .loginCnt .formLayout input[type="password"]{border-bottom:1px solid #d1d1d1;}
.loginCnt .formLayout input[type="password"]{background-image:url(../images/password.png)}
/*.loginCnt .btn{text-align:left;padding:0;padding-bottom:8px}*/
.loginCnt .btn input[type="button"]{background:url("../images/repeat-x.png") repeat-x scroll 0 -108px #728d9e;font:bold 12px Bookman Old Style, Helvetica, sans-serif;text-transform:none;height:28px;width:90px;}
.loginCnt .btn.noWidth input[type="button"]{width:auto;}
.loginCnt .btn input[type="button"]:hover,.btn input[type="button"]:focus{background:#2c6eb5}
.loginCnt .btn input[type="button"]:disabled,.btn input[type="button"]:disabled,.btn input[type="submit"]:disabled{background:#a2a4a8}


.btn{text-align:center;padding:0 0 0px}
.btn a,.btn input[type="button"],.btn input[type="submit"]{text-align:center;display:inline-block;font:bold 10px/25px Bookman Old Style, sans-serif;background:#a2a4a8;border-radius:4px;color:#fff;padding:0 7px;height:25px;}/*text-transform:uppercase;*/
.btn.grid2Btn{ vertical-align:middle}
.btn.grid2Btn input[type="submit"]{margin-bottom:5px; width:35px}
.pagination a {  background: none repeat scroll 0 0 #f2f2f2;  border-radius: 4px;  color: #757f8c;  display: inline-block;  font: bold 12px/29px Bookman Old Style,sans-serif;  height: 29px;  padding: 0 14px;
  text-transform: uppercase;}
.pagination a.select {  background:#e04d7b; color:#FFF}
.btn input[type="button"],.btn input[type="submit"]{margin:0;}
.footer{}
.footer.fixed{position:fixed;left:0;bottom:0;width:100%;}
.footer p{text-align:right;font:11px Arial, Bookman Old Style, sans-serif;color:#757f8c;padding:5px 5px}
.bodyCnt{padding:0 0px; margin-top:0px}
.topLinks{padding:0px 0 0px;}
.topLinks .welcome{ font-size:11px; color:#FFF; padding-top:8px}
.topLinks .welcome span{ font-weight:bold;}
.topLinks ul li {list-style: none;display: block; margin: 0;padding: 0;font: bold 10px/16px Bookman Old Style,Helvetica,sans-serif;color: #FFFFFF;}
/*.topLinks  a {  background: url("../images/home.png") no-repeat 0 0 ;  color: #FFFFFF;  font: bold 10px/16px Bookman Old Style,Helvetica,sans-serif;  margin-right: 24px;  padding: 0 0 0 15px;}*/
.topLinks  a {  display: block;
            list-style: none;
            margin: 0;
            padding: 0;  color: #FFFFFF;  font: bold 10px/16px Bookman Old Style,Helvetica,sans-serif;  margin-right: 0px;  padding: 0 0 0 0px;}
/*.topLinks ul li a:hover {  background: url("../images/home-hover.png") no-repeat 0 0 ; }*/
/*.topLinks ul li + li a{background-image:url(../images/logout.png);margin-right:0;}*/
/*.topLinks ul li a:hover{/*background-image:url(../images/home-hover.png);color:#E04D7B;*/ /*text-decoration:underline;}*/
/*.topLinks ul li + li a:hover{background-image:url(../images/logout-hover.png);}*/
.infoCnt{overflow: auto;border:1px solid #a9b4bf;border-radius:3px;background:#fff; box-shadow:0 2px 4px rgba(98, 121, 132, 0.15), 1px 0 #B9C4CF inset;}

/**
        {
            padding: 0;
            margin: 0;
        }*/
        a
        {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
            font: 14px Bookman Old Style;
        }
.tab_ul {
	 display: block;
            list-style: none;
            margin: 0;
            padding: 0;
            font: 14px Bookman Old Style;
}
.tab_li {
	 display: block;
            list-style: none;
            margin: 0;
            padding: 0;
            font: 14px Bookman Old Style;
}
        .cl
        {
            clear: both;
        }
        #menu
        {
            padding: 0 30px 0 20px;
            background: #1f8fe3;
            /*text-transform: lowercase;*/
        }
        #menu ul
        {
            display: block;
            list-style: none;
            font-size: 10px;
             margin: 0;
            padding: 0;
            font: 14px Bookman Old Style;
            /*font-weight: bold;*/
        }
        #menu li a
        {
			font-size: 12px;
            color: #fff;
            padding: 4px 20px 4px 35px;
            /*font-weight: bold;*/
            text-decoration: none;
        }
        #menu li:hover, #menu li:focus
        {
            background: #2B6EB5;
        }
        #menu li
        {
            position: relative;
            float: left;
            padding: 0 0 0 0;
            position: relative;
            z-index: 1000;
            border-right: #33a5ee 1px solid;
            border-left: #297ece 1px solid;
        }
        #menu li.first
        {
            border-left: none;
        }
        .subMenu
        {
            display: none;
            background: #2B6EB5;
            position: absolute;
            padding: 15px 0;
            z-index:1000;
        }
        .subMenu ul
        {
            width: 198px;
            border-right: 1px dashed #3888DF;
        }
        #menu .subMenu ul li a
        {
            font-weight: normal;
        }
        #menu li:hover, #menu li:focus
        {
            background: #2B6EB5;
        }
        #menu li:hover .subMenu, #menu li:focus .subMenu
        {
            display: block;
        }
        #menu li li
        {
            float: none;
            display: block;
            margin-left: 11px;
            border: none;
            padding-right: 10px;
        }
        #menu li li a
        {
            background: url(  "../images/arr-btn.png" ) no-repeat scroll 10px -20px;
            border-bottom: 1px solid #3888DF;
            text-transform: none;
            padding: 5px 0 5px 20px;
        }
        #menu .subMenu ul li:first-child
        {
            font: bold 14px Bookman Old Style;
            padding: 10px;
            color: #fff;
            margin-left: 0;
        }
        #menu li li a:hover
        {
            background: url(  "../images/arr-btn.png" ) no-repeat scroll 10px 12px #DBE0E6 !important;
            color: #2B6EB5;
        }
        #menu .admin
        {
            position: static;
        }
        /*#menu .admin .subMenu
        {
            left: 1.5%;
        }*/
        #menu li.process
        {
            background-image: url(../AppImages/process.png);
            background-position: 10px 8px;
            background-repeat: no-repeat;
        }
        #menu li.outward
        {
            background-image: url(../AppImages/outword.png);
            background-position: 10px 8px;
            background-repeat: no-repeat;
        }
        #menu li.inward
        {
            background-image: url(../AppImages/inward.png);
            background-position: 10px 8px;
            background-repeat: no-repeat;
        }
        #menu li.report
        {
            background-image: url(../AppImages/report.png);
            background-position: 10px 8px;
            background-repeat: no-repeat;
        }
        #menu li.admin
        {
            background-image: url(../AppImages/admin.png);
            background-position: 10px 8px;
            background-repeat: no-repeat;
        }

/*MENU CSS ------------------
#menu {padding:0 30px 0 20px; margin-bottom:10px; height:34px; background:#1f8fe3; text-transform:uppercase}
#menu ul{  font-size:14px; font-weight:bold}
#menu li { float: left;  padding: 0; position:relative;z-index:100000000;  border-right:#33a5ee 1px solid; border-left:#297ece 1px solid }
#menu li.first{ border-left:none;}
#menu li.last{ border-right:none;}
#menu li a { float: left; color:#FFF}
#menu li span { repeat-x; cursor: pointer;  float: left;  min-height: 17px;  padding: 8px 25px 7px 42px;}
#menu li a:hover, #menu li a.sel{  color:#FFF; background:#2b6eb5}
#menu li a span.process{background:url(../images/process.png) no-repeat 20px 5px;}
#menu li a span.outward {background:url(../images/outword.png) no-repeat 20px 7px;}
#menu li a span.inward {background:url(../images/inward.png) no-repeat 20px 7px;}
#menu li a span.report{background:url(../images/report.png) no-repeat 20px 5px;}
#menu li a span.admin {background:url(../images/admin.png) no-repeat 20px 7px;}
#menu li a span.search {background:url(../images/search.png) no-repeat 20px 7px;}
*/
/*SUBMENU CSS ------------------
#menu li a:focus{background:#2B6EB5}
#menu .bigMenu{width:810px !important;padding:10px;background:#2B6EB5}
#menu .bigMenu.UL2{width:410px !important;left:-315px !important}
#menu .bigMenu.UL3{width:610px !important;padding:10px;background:#2B6EB5}
#menu .bigMenu > ul{float:left;width:190px;border-right: 1px dashed #3888DF;padding-right:10px;min-height:150px}
#menu .bigMenu ul li{border:none;list-style:none;color:#fff;margin-left:11px;border-bottom: 1px solid #3888DF;position:relative}
#menu .bigMenu > ul li:first-child{border:none;font:bold 14px Arial, Helvetica, sans-serif;margin-left:0;padding:10px}
#menu ul a:hover, #menu ul a:focus, #menu ul a:active, #menu ul li.hover a{background:#2B6EB5}
#menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hover ul{left: 0 !important;}
#menu ul li.hover .bigMenu{left:-454px !important}
#menu ul li.hover .bigMenu.UL2{left:-315px !important}
#menu ul li.hover .bigMenu.UL3{left:-610px !important}
#menu ul li:hover ul a, #menu ul li.hover ul a{background:url(../images/arr-btn.png) 10px -18px no-repeat #2B6EB5;padding-left:20px}
#menu ul li:hover ul a:hover, #menu ul li.hover ul a:hover, #menu ul li.hover ul a:focus, #menu ul li.hover ul a:active{background:#DBE0E6 url(../images/arr-btn.png) 10px 14px no-repeat;color:#2C6EB5}
#menu ul ul li{float: none;position: static;display;block}
#menu ul .subMenu, .subMenu{left: -385px;position:absolute;top: 100%;width:196px;display:none}
.subMenu li{border-bottom:1px solid #3888DF;float:none;font-size:14px;font-weight:normal;text-transform: none}
.subMenu li a{display:block;float:none !important;padding:8px}
#menu .bigMenu > ul li a{padding:5px 0 5px 10px;background:url(../images/arr-btn.png) 10px -22px no-repeat !important;color:#fff;font-size:14px;display:block}
#menu .bigMenu > ul li a:hover, #menu .bigMenu > ul li a:focus{background:#DBE0E6 url(../images/arr-btn.png) 10px 10px no-repeat !important;color:#2C6EB5}
#menu li .bigMenu.normal{width:410px !important;min-height:150px}
#menu li.hover .bigMenu.normal{width:410px !important;left:0 !important}
#menu ul .subMenu.bigMenu.normal{left:0}
*/

.infoArea{border-left:0px solid #a9b4bf}
.infoArea a:hover{ text-decoration:underline !important}
.infoArea .breadCrumb{padding:0px 0 0;}
.infoArea .breadCrumb ul li{float:left;}
.infoArea .breadCrumb ul li a{display:block;background:url(../images/bread-crumb-bg.png) no-repeat right center;padding:0 15px 0 0;margin-right:5px; font-size:11px;}
.infoArea h1{/*border-bottom:1px solid #b5c0cb;*/padding-bottom:5px;}
.infoArea h1 span.new{color:#4f9182}
.infoArea h1 span.modify{color:#7c4f91}
.infoArea h1 span.cancel{color:#914f55}
.infoArea .new1{background:url(../images/legend.png) no-repeat left 13px; padding:0 13px}
.infoArea .new1 a{color:#4f9182; text-decoration:none; font-size:11px}
.infoArea .modify1{background:url(../images/legend.png) no-repeat left -20px; padding:0 13px}
.infoArea .modify1 a{color:#7c4f91; text-decoration:none; font-size:11px}
.infoArea .cancel1{background:url(../images/legend.png) no-repeat left -52px; padding:0 13px}
.infoArea .cancel1 a{color:#914f55; text-decoration:none; font-size:11px}
.infoArea .formLayout {padding:20px 0 0}
.infoArea .formLayout .tblEntry{margin-bottom:25px}
.infoArea .formLayout .clumn{width:45%;padding-right:3%;border-right:1px solid #b5c0cb}
.infoArea .formLayout .clumn.singleclmn{border-right:none}
.infoArea .formLayout .clumn label{width:22%;background:url(../images/collen.jpg) no-repeat right 10px;margin-right:10px;}
.infoArea .formLayout .clumn.right{padding:0 0 0 3%;border:none;}
.formRow.relative .saveBtn{position:absolute;right:0;top:-1px;font:bold 12px/30px Bookman Old Style, Helvetica, sans-serif;color:#fff;background:#e04d7b;padding:0 13px;display:block;border-radius:3px;}

.actionBtn{ border-top:#b5c0cb 1px solid; padding-top:15px}
.actionBtn .line{width:100%;border-bottom:1px solid #b5c0cb;position:absolute;left:0;top:17px;z-index:1}
.actionBtn .btn{background:#fff;padding:0 10px 0 0; text-align:right;}
.actionBtn .btn li{float:left;margin:0 3px;/* background:url(../images/repeat-x.png) repeat-x 0 -108px;*/border-radius:5px;}
.actionBtn .btn a,.actionBtn .btn input[type="button"],.btn input[type="submit"]{font:bold 14px/33px Bookman Old Style,Helvetica,sans-serif;height:33px;background:#849ba9; background-image:linear-gradient(to top, #647f94, #93abb7);text-transform:none}
.actionBtn .btn a:disabled,.actionBtn .btn input[type="button"]:disabled,.btn input[type="submit"]:disabled{background:#849ba9;}
.actionBtn .btn a:hover,.actionBtn .btn input[type="button"]:hover,.btn input[type="submit"]:hover,.btn input[type="button"]:focus{background:#2C6EB5;}

.actionBtn .btn li a.reload,.actionBtn .btn input[type="button"].reload,.btn input[type="submit"].reload{width:36px;height:33px;background:url(../images/reload.png) no-repeat center center #849ba9;padding:0}
.actionBtn .btn li a.delete,.actionBtn .btn input[type="button"].delete,.btn input[type="submit"].delete{width:36px;height:33px;background:url(../images/delete.png) no-repeat center center #849ba9;padding:0}
.actionBtn .btn li a.delete:hover,.actionBtn .btn input[type="button"].delete:hover,.btn input[type="submit"].delete:hover,.actionBtn .btn li a.reload:hover,.actionBtn .btn input[type="button"].reload:hover,.btn input[type="submit"].reload:hover{background-color:#E04D7B;}

/*.infoTab{border-radius:3px;overflow:hidden;padding:0 0 20px;}*/
.infoTab{border-radius:3px;overflow:hidden;}
.infoTab table{border-collapse:collapse;}
.infoTab th,.infoTabOuter td{border:none;padding:0 5px}
.infoTab th{border:1px solid #b9c4cf;padding:12px 5px}
.infoTab td{border:1px solid #b9c4cf;padding:5px}
.infoTab .innerTbl td{border:none;padding:0}
.infoTab .innerTbl td.line{padding-right:5px;width:50%}
.infoTab.thumbNail td{border:1px solid #b9c4cf;padding:5px 5px}
.infoTab th{ background-image: linear-gradient(to top, #EEF1F2, #FFFFFF);  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.4) inset;  color: #485668;  font: bold 12px Arial,Helvetica,sans-serif;  text-align: left; text-transform:uppercase;}
.infoTab tr.new th{ background:#4f9182;  color: #FFF; }
.infoTab tr.modify th{ background:#7c4f91;  color: #FFF; }
.infoTab tr.cancel th{ background:#914f55;  color: #FFF; }
.infoTab tr.rejected td{ background:#ffdfdf;  }
.infoTab td.new{ background:url("../images/legend.png") no-repeat 5px 16px; color:#4F9182; font-size:11px; font-weight:bold; padding-left:22px}
.infoTab td.modify{  background:url("../images/legend.png") no-repeat 5px -17px; color:#700f9c; font-size:11px; font-weight:bold; padding-left:22px  }
.infoTab td.cancel { background:url("../images/legend.png") no-repeat 5px -48px; color:#9c0f1d; font-size:11px; font-weight:bold; padding-left:22px  }
.infoTab td{color:#757f8c;font:normal 14px Bookman Old Style, Helvetica, sans-serif;}
.infoTab td.right{ background:url(../images/right.png) no-repeat 10px center; padding-left:32px}
.infoTab td.wrong{ background:url(../images/wrong.png) no-repeat 10px center; padding-left:32px; color:#d50530}
.infoTab td input[type="text"]{ border: 1px solid #CCCCCC; border-radius: 3px; color: #697482; font: 12px/20px arial; padding: 5px;    width: 96%;}
.infoTab td a{color:#e04d7b;text-decoration:underline;}
.infoTab td div.action{ display:none; font-weight:normal; padding-top:5px}

.viewCnt{padding:0px 0;font:14px Bookman Old Style, Helvetica, sans-serif;}
/*.viewCnt input[type="text"], .viewCnt select, .viewCnt  textarea {  border: 1px solid #CCCCCC;  border-radius: 3px;  color: #697482;  font: 14px/20px arial;  padding: 5px;  }
.viewCnt input[type="radio"]{display:block;float:left; margin: 1px 4px;}
.viewCnt input.date{width:120px; background:url(../images/date.png) no-repeat right center}
.viewCnt input.sizeB, .sectionInfo textarea.sizeB{width:265px}
.viewCnt input.sizeM, .sectionInfo textarea.sizeM{width:160px}
.viewCnt input.sizeS, .sectionInfo textarea.sizeS{width:100px}*/
.viewCnt .deActive{ background:#EEE}
.viewCnt label{display:block;float:left;cursor:pointer}
.viewCnt td{vertical-align:middle;padding-right:5px}
.viewCnt td.smTxt{font-size:11px; color:#AAA}
.viewCnt td.smTxt strong{font-weight:bold}
.viewCnt td.smTxt span.dividor{padding:0 5px}
.viewCnt td.text{background:url(../images/collen.jpg) no-repeat right center}
.viewCnt td.textRadio{background:none; padding-right:10px}
.viewCnt td.frm{padding:7px 8px 7px 5px;}
.viewCnt td.withError{padding-right: 0}
.viewCnt td.frm strong{ font-weight:bold!important}
.viewCnt td.dividor{ background:url(../images/line.png) repeat-y center center; padding:0 40px 0 0}
.viewCnt .btn{text-align:left;padding:0;padding-bottom:8px}
.viewCnt .btn input[type="button"]{background:url("../images/repeat-x.png") repeat-x scroll 0 -108px #728d9e;font:bold 12px Bookman Old Style, Helvetica, sans-serif;text-transform:none;height:28px;width:90px;}
.viewCnt .btn.noWidth input[type="button"]{width:auto;}
.viewCnt .btn input[type="button"]:hover,.btn input[type="button"]:focus{background:#2c6eb5}
.viewCnt .btn input[type="button"]:disabled,.btn input[type="button"]:disabled,.btn input[type="submit"]:disabled{background:#a2a4a8}
.viewCnt .rightArrow{display:inline-block;padding-right:7px;background:url(../images/right-arrow.jpg) no-repeat right center; margin-right:10px}
.viewCnt select{padding: 5px 7px; font-size:14px Bookman Old Style, Helvetica, sans-serif;}
.sectionCnt{/*border:1px solid #b9c4cf;border-radius:5px;font:14px Arial, Helvetica, sans-serif;*//* padding-bottom: 12px;color:#989fa9*/color:#697482;margin-bottom:2px;}

.topSpace5{margin-top:5px;}
.sectionInfo {border:1px solid #b9c4cf;margin:0px;background-color: #F7F7F7;}
.sectionCnt h2{ background-image: linear-gradient(to top, #c7d3e9, #FFFFFF);  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.4) inset;  color: #667f93;  font: bold 12px Bookman Old Style,Helvetica,sans-serif;border-top:1px solid #b9c4cf;border-left:1px solid #b9c4cf;border-right:1px solid #b9c4cf;padding:2px 2px;/*margin-bottom:15px;*/border-radius:5px 5px 0 0;}
.sectionCnt h2 div.expand{ background:url(../images/dwn-arr.png) no-repeat left 5px; padding-left:20px}
.sectionCnt h2 div{ background:url(../images/up-arr.png) no-repeat left 5px; padding-left:20px}
.sectionInfo td{padding:0px 3px 0px 0; vertical-align:top}
.sectionInfo .innerTbl td{padding:7px 4px 7px 0; vertical-align:top}
.sectionInfo td.text{background:url(../images/collen.jpg) no-repeat right 17px; width:75px;font: normal 14px Bookman Old Style,Helvetica,sans-serif}
.sectionInfo td.text span{color:#E7396A; font: bold 14px Bookman Old Style,Helvetica,sans-serif}
.sectionInfo td div.amt { font-size:11px; font-weight:bold; padding-top:5px; color:#E7396A}
.sectionInfo td.frm{padding:4px 15px 4px 5px;}
.sectionInfo td.frm .error {margin:0;}
.sectionInfo td.frm .error td{padding:0; vertical-align:middle}

.sectionInfoFunction { background-color:#4675A8; }
.sectionInfoFunction td { font-size: 10pt;color:rgb(216, 233, 237); vertical-align:middle;}
.sectionInfo table{margin-left:5px;}
.infoArea input[type="text"],.infoArea select, .infoArea textarea{border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;font: 12px/20px Bookman Old Style;padding: 5px; color:#697482;}
/*New CSS On PAGE goes SATRTS HERE*/
.infoArea select{height:auto!important; padding:1px 1px!important}
.infoArea input[type="text"], .infoArea input[type="password"], .infoArea select, .infoArea textarea {border: 1px solid #CCCCCC; border-radius: 3px; color: #697482; font:  Bookman Old Style; padding: 0 5px;  width: auto;  margin-right:1px}

.infoArea input.sizeB, .sectionInfo textarea.sizeB, .sizeB{width:265px}
.infoArea input.sizeM, .sectionInfo textarea.sizeM, .sizeM{width:264px
}
.infoArea input.sizeS, .sectionInfo textarea.sizeS, .sizeS{width:137px
}

.infoArea input.sizeCode, .sectionInfo textarea.sizeS, .sizeS{width:60px
}
.infoArea input.date{width:150px; background:url(../images/date.png) no-repeat right center}
.date{width:150px;cursor:pointer;cursor:hand;}
.infoArea select.sizeB{width:275px}
.infoArea select.sizeM{width:162px}
.infoArea select.sizeS{width:112px}
.infoArea select.sizeS100{width:90px}
/*.viewCnt select{width:auto!important;}*/

.sectionInfo select{height:auto; padding:5px}
.sectionInfo .tableInner {margin-left:0;}
.sectionInfo .tableInner td { padding: 0 2px 0 0;  vertical-align: top;}
.sectionInfo .tableInner span.cont { font-size:11px;  color:#BBB;  padding-left:10px;}

/*New CSS On PAGE goes ENDS HERE*/

.sectionInfo input.date{/*width:120px;*/ background:url(../images/date.png) no-repeat right center}
/*.sectionInfo select{ width:auto}*/
.resultCnt{background:#fdfadd;padding:5px 10px;font:14px Arial, Helvetica, sans-serif; background-image: linear-gradient(to top, #F6F1B5, #FBF8CF);border: 1px solid #BEB877;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.75) inset;}
.resultCnt .status { font-weight:bold}
.resultCnt .status .statusBtn{ padding:0; border:none}
.resultCnt .status .statusBtn li{ padding:0; border:none}
.status ul li{float:left;border-right:1px solid #657f93;margin-right: 7px;padding: 0 7px 0 0;}
.status ul li:last-child{border:none;}
.status ul li .verfied{color:#4da704;}
.chequeCnt{/*background:#fff;*/margin-top:5px}
.chequeCnt td{ vertical-align:middle}
.chequeCnt .cheque{float:left;width:63.5%;height:279px;border:1px solid #ccc;}
.chequeCnt .cheque img{width:100%}
.chequeCnt .chequeeInfo {
  float: left;
  padding: 10px 0 25px;
  text-align: center;
  width: 35.5%;
	min-height:245px;
}
.chequeeInfo.actionBtn .btn li{float:none;display:inline-block;}
.chequeeInfo .btn {margin: 0;text-align:center;width:100%;}
/*.chequeeInfo .saveBtn input[type="button"]{position:absolute;right:0;bottom:10px;width:96%;background:#e04d7b;color:#fff;margin:0 2%;padding:10px 0;border-radius:5px;}*/
.chequeeInfo .saveBtn input[type="button"] {  background: none repeat scroll 0 0 #E04D7B;  border-radius: 5px 5px 5px 5px;  bottom: 10px;  color: #FFFFFF;  margin: 0 2%;  padding: 10px 0;  width: 60%;}
.bx-controls .bx-next,.bx-controls .bx-prev{position:absolute;right:12.3%;top: 38%;width:48px;height:48px;background:url(../images/next.png) no-repeat 0 0;text-indent:-99px;z-index:11;overflow:hidden;}
.bx-controls .bx-prev{background-image:url(../images/prev.png);right:20%;}

@media screen and (min-width:1024px) and (max-width:1200px){
.leftNav{width:21%;}
.formRow input[type="text"], .formRow input[type="password"], .formRow input[type="email"], .formRow input[type="number"]{width: 69%;}
}
/*@media screen and (min-width:600px) and (max-width:1023px){
.leftNav{width:27%;}
.infoArea{width: 67.52%;}
.infoArea .formLayout .clumn label,.infoArea .formLayout .clumn.right label,.formRow input[type="text"], .formRow input[type="password"], .formRow input[type="email"], .formRow input[type="number"],.infoArea .formLayout .clumn.right input{width:100%;}
.infoArea .formLayout .clumn label,.infoArea .formLayout .clumn.right label{background:none;}
.actionBtn .btn{margin:0 0 0 0;}
.actionBtn{margin-top:20px;}
.infoTab{overflow:visible}
.infoArea{padding:0 10px;}
.infoArea .formLayout .clumn{ padding-right: 4%;}
.formRow.relative .saveBtn{right: -11px;top: 25px;}
}*/

.noWidth{width:auto!important}
.ajax__calendar_days td {
    padding: 0 !important;
}
.actionBtn .btn a:hover,.actionBtn .btn input[type="button"]:hover,.btn input[type="submit"]:hover, .actionBtn .btn a:focus,.actionBtn .btn input[type="button"]:focus,.btn input[type="submit"]:focus{background:#2C6EB5;}
.highLight{background-color:#fffecc}

#menu li a:focus{background:#2B6EB5}
a.reload:hover,.actionBtn .btn input[type="button"].reload:hover,.btn input[type="submit"].reload:hover{background:url(../images/reload.png) no-repeat center center #2C6EB5;}

.frontBack{display:none}
.loginCnt select{padding:13px 10px 13px 35px;width:100%;border:none;font:15px Arial, Helvetica, sans-serif;color:#acacac;width:100% !important; background-color:Transparent;background:url("../images/client-icon.png") no-repeat scroll 8px center;}
.mandateImg{max-width:45%;width:45%}
/*.loginCnt select{padding:13px 15px 13px 35px;width:100%;border:none;font:12px Arial, Helvetica, sans-serif;color:#acacac;width:100% !important;background:url("../images/client-icon.png") no-repeat scroll 7px center #FFFFFF;}*/
#XtraReqFieldValidator1.XtraRFVClass{position: absolute;right: 17px;top: 105px;}
#XtraReqFieldValidator2.XtraRFVClass {position: absolute;right: 17px;top: 150px;}
#ctl00_CPH_BaseMain_tbl_Main, #ctl00_CPH_BaseMain_XtraTable1, #ctl00_CPH_BaseMain_XtraTable2{position:relative}
.disabled{cursor:default}
.ajax__calendar{position:relative;z-index:99999}
.ajax__calendar_container{z-index:99999;position:relative;zoom:1}
.ui-tooltip-content{padding: 7px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;background-color:#EEF1F2; color:#f00;}/*left:208px;top:-36px*/
.ui-tooltip a{color:#f00;font:bold 11px arial;}

.ajax__calendar td{padding:0}
.dataTables_info{display:none}
.searchAlert{display:block;padding-top:10px; text-align:center}
.bigMenu.subMenu ul:last-child {border: none !important}
#menu .bigMenu > ul li a.bigmenuHead, #menu .bigMenu > ul li a.bigmenuHead:hover{background:none !important;color:#fff;cursor:default;padding:0 !important}
#gridView1, #gridView2{border: 1px solid #CCCCCC;overflow:hidden}
#gridView1 .dataTables_scroll{width:93.5% !important}
#gridView2 .dataTables_scroll{width:93.5% !important}


select[disabled]{background-color: #eee !important;}
input[type="text"]:disabled{background-color: #eee !important;}
.btn.grid2Btn input{padding:0 5px}
.scroll{height:300px;overflow:auto;overflow-x:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee}
#js-warning{color:#FFF;font-size:16px;text-align:center;padding:10px;background:#f00}
#js-warning a{color:#fff;text-decoration:underline;display:block}
.boxHeader {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #EEEEEE;
}
.box input[type="checkbox"] {
    margin-right: 5px;
}
    /*border: 10px solid #CFCFCF;
    color: #fff;
    box-shadow: 0 0 16px #000;*/
} .ie7 .overlay {
    height: 200px;
} .overlay .wrapper {
    padding: 15px 30px 30px;
}

#overlay-inAbox{top:0 !important}
.overlay .toolbar {
    padding: 8px;
    line-height: 1;
    text-align: right;
    overflow: hidden;
} .overlay .toolbar a.close {
    display: inline-block;
        *display: inline;
         zoom: 1;
    padding: 0 8px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
    color: #999999;
    background-color: #515151;
} .overlay .toolbar a.close span {
    color: #818181;
} .overlay .toolbar a.close:hover,
  .overlay .toolbar a.close:hover span {
    background-color: #b90900;
    color: #fff;
}
  .popAlert {
}
.alertMsgBox {
	background: #9e9799;
	padding: 10px;
	;
	border-radius: 0 0 7px 7px
}
.iconAlert {
	width: 70px
}
.iconAlert img {
	width: 70px
}
.msgAlert {
	font: bold 12px arial;
	width: 250px;
	padding: 10px 0;
	color: #fff
}
#gridView1 th, #gridView2 th{border:1px solid #b9c4cf;padding:12px 5px;background-image: linear-gradient(to top, #EEF1F2, #FFFFFF);  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.4) inset;  color: #485668;  font: bold 12px Arial,Helvetica,sans-serif;  text-align: left; text-transform:uppercase;}
#gridView1 td, #gridView2 td{border:1px solid #b9c4cf;padding:5px}
/*overlay Css*/
.overlay{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:1000;}
.overlay-box{background:#fff;position:fixed;z-index:1001;display:none;margin:0 auto;min-width:350px;border-radius:5px;}
.overlay-box .closeBtn { background: none repeat scroll 0 0 #8f8b8c; color: #eee; cursor: pointer;  font: bold 17px/25px open sans;  height: 25px;  padding: 0;  position: absolute;  right: 0px;  text-align: center;  top:-17px;  width: 25px;  z-index: 1002;}
.overlay-box.message-box{width:auto;min-width:300px;}
.overlay-box.message-box dl dt{font-size:17px}
.overlay-box.message-box .closeBtn{top:6px;font-size:16px;}
.overlay-box.message-box dl dt{padding:7px 4%;}
.overlay-box.message-box dl dd{padding:10px 4%;}
/*overlay Css end*/
.overlayBoxHead {background:#8f8b8c;color:#fff;padding:8px 10px 2px;font-size:16px}
.overlayContent {border:5px solid #8f8b8c;background:#9D9799;padding:0px}
.overlayContent span{font-size:14px;color:#fff !important}
.overlayContent input {background:#adadad;color:#eee;margin-right:10px;border:none;display:block;float:right;padding:4px;}
.processInfo {background:#eee;color:#000;font-size:12px;width:315px;height:100px;overflow-y:scroll;margin:20px 0 0 0;padding:5px;display:none}
/*****************FIELDSET*/
.fieldsetsection
{
    color: #BDC0C3;
    margin-bottom: 2px;
    border: solid;
    border-width: thin;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.legendsection
{
    font-size : small;
    font-weight:bold;
    color: #766363;
}

input[type=text]:disabled
{
    background-color: rgb(235, 235, 228);
}
input[type=text]:read-only
{
    background-color: rgb(235, 235, 228);
}



.txtNumberAlign 
{
	text-align:right;
}

.txtAlpaNumericAlign 
{
	text-align:left;
}

/********************************************************

***** Media Queries For Width 1024px ******

********************************************************/

/*custom drop down start*/
.dropDownCnt{width:110px;border:1px solid #000;position:relative; background:#484848; float:right; margin-top:20px; margin-right:20px; border-radius:5px; z-index:1000;}
.dropDownCnt:hover{background:#646464;}
.dropDownCnt h2{padding:5px 7px;font:12px Arial, Helvetica, sans-serif;background:url(../images/drop-down-arrow.gif) no-repeat right center;cursor:pointer; color:#fff;}
.dropDownList{position:absolute;left:-1px;top:25px;border:1px solid #000;width:inherit;background:#fff;border-top:none;display:none;}
.dropDownList ul li{cursor:pointer;padding:5px 7px; border-top:1px solid #000; z-index:1000;}
/*.tr {vertical-align: middle;}*/
/*custom drop down end*/

@media screen and (min-width:0px) and (max-width: 1024px) {

.dataTables_scrollHead, .dataTables_scrollBody{width:97.8% !important}

}
/****** Dipti */
.FieldLable {
    
    
    vertical-align: top;
    text-align:right;
}
/****** Dipti */