@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family: Verdana, Geneva, Arial, Georgia; font-style:normal; font-weight:normal; text-decoration:none;background-color:#FFFFFF; font-size:11px; color:#2f2f2f;}
h1,h2,h3,h4,h5,h6,img,img a,form,fieldset,hr,ul,ol{margin:0; padding:0; border:none;} span{padding:0; margin:0;}
/*general syles*/
.float_l{float:left;} .float_r{float: right;} .alignleft{text-align:left;} .aligncenter{text-align: center;} .alignright{text-align: right;} .spacer{height:0px; clear:both; margin:0; padding:0;} .fontbold{font-weight:bold;} .auto{overflow:hidden; clear:both;}
.link{color:#000; text-decoration:none; outline:none;} .link:hover{color:#005d9a; text-decoration: underline; outline:none;}
/*general syles*/
#main{overflow:hidden; padding:6px 6px 0 6px; margin:0;}
/*bredcrumb syles*/
ul.bredcrumb{width:auto; height:auto; padding:0; margin:0; list-style:none;}
ul.bredcrumb li, ul.bredcrumb li a{width:auto; height:auto; padding:0 2px 0 0; margin:0; display: inline; color:#7f7f7f; text-decoration:none; outline:none;}
ul.bredcrumb li a:hover, ul.bredcrumb li a.select{width:auto; height:auto; padding:0 2px 0 0; margin:0; display: inline; color:#005d9a;}
/*header syles*/
#header{clear:both; padding:0 0 10px 0;} .top_l{background-image: url(../images/top_l.png); width:10px; height:45px; background-repeat:no-repeat; float:left;} .top_r{background-image: url(../images/top_r.png); width:10px; height:45px; background-repeat:no-repeat; float: right;} .topmid{background-image:url(../images/top_mid.png); background-repeat:repeat-x; height:45px; clear:both;} .gapbotrgt{padding:0 0 6px 0;}  .logopanel{width:280px; float:left; padding: 6px 0 0 0 ;}  
.toplink_panel{width:68%; float:right; font-size:11px; font-weight:bold; text-align:right; padding:15px 0 5px 0;}
.toplink_panel ul{ width:auto; height:auto; list-style:none; color:#ffffff;} .toplink_panel ul li{ display: inline; padding:0 0 5px 15px;} .toplink_panel ul li a{display: inline; color:#ffffff; text-decoration:none; outline:none; padding:0 0 4px 0;}
.toplink_panel ul li a:hover{display: inline; color:#ffffff; text-decoration:none; background-image:url(../images/topline.gif); background-repeat:repeat-x; background-position:bottom;}
.toplink_panel ul li a.select{ color:#ffffff; text-decoration:none; background-image:url(../images/topline.gif); background-repeat:repeat-x; background-position:bottom;}
/*body syles*/
#body{clear:both; padding:0 0 10px 0;}
.grid_l{background-image: url(../images/grid_l.gif); background-repeat:no-repeat; width:10px; height:25px; float:left;}
.grid_r{background-image: url(../images/grid_r.gif); background-repeat:no-repeat; width:10px; height:25px; float: right;}
.grid_mid{background-image:url(../images/grid_mid.gif); height:25px; clear:both;}
.grid_mid h1{font-size:11px; color:#000; padding:5px 0 0 0;} .gridinfo{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; clear:both; overflow:hidden; padding:7px;} .gridbot_l{background-image:url(../images/gridbot_l.gif); background-repeat:no-repeat; width:6px; height:6px; float:left;} .gridbot_r{background-image:url(../images/gridbot_r.gif); background-repeat:no-repeat; width:6px; height:6px; float: right;} .gridbot_mid{background-image:url(../images/gridbot_mid.gif); background-repeat:repeat-x; height:6px; overflow:hidden;}
.hdauto{width:auto; float:left;} .drpdwnlist{width:100%; height:20px; border:1px solid #dbdbdb; font-size:11px;}
.drpdwnlist1{width:100%; height:70px; border:1px solid #dbdbdb; font-size:11px;} span.list_panel{width:16%; float:left; padding:0 10px 0 0; display:block;} .gridlst_top{background-image:url(../images/gridlst_top.gif); background-repeat:repeat-x; height:20px; clear:both; border:1px solid #9c9c9c;} .gapbot{padding:0 0 10px 0;} .gridhd_sep{width:18%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:0 0 0 10px; height:20px;}
span.grid_infohd, span.grid_infohd a, span.grid_infohd a:hover{width:auto; float:left; color:#000000; display:block; text-decoration:none; padding:1px 0 0 0; font-weight:bold; outline:none;} span.sort, span.sort a{background-image:url(../images/arrownormal.gif); background-repeat:no-repeat; width:12px; height:20px; float:right; outline:none; text-indent:-999999px; margin:0 2px 0 0;} span.sort a:hover{background-image:url(../images/arrowhover.gif); background-repeat:no-repeat; width:12px; height:20px; float:right;}
.griddata{clear:both; background-color:#ffffff; border: 2px solid #e1e1e1;overflow:hidden; padding:4px 10px 4px 0;} .griddata:hover{clear:both; background-color:#e8e8e8; overflow:hidden;} span.griddata_info{width:18%; float:left; color:#2f2f2f; display:block; padding:0 2px 0 10px;} 
.griddata_shaded{clear:both; background-color:#f9f9f9; overflow:hidden; padding:4px 10px 4px 0;} .griddata_shaded:hover{clear:both; background-color:#e8e8e8; overflow:hidden;} .borderbot{border-bottom:1px solid #cccccc; clear:both;}
.button{background-image:url(../images/buttonbg.gif); background-repeat:repeat-x; height:18px; border:1px solid #000000; color:#ffffff; font-weight:bold; cursor:pointer; padding:0 5px 4px 5px; text-align:center; font-size:10px; outline: none;} .buttonpanel{/*width:45%;*/ width:60% ; float:right; padding:3px 0 0 0;} .gapbtn{margin:0 0 0 10px;} 
/*footer syles*/
#footer{overflow:hidden; clear:both;}
.ftpan{border-bottom:1px solid #cccccc; clear:both; padding:0 0 10px 0; text-align:center; color:#000000;} .gapft{padding:5px 0;}
/*notifications syles*/
.notf_l{background-image:url(../images/notf_l.gif); background-repeat:no-repeat; width:2px; height:24px; float:left;}
.notf_r{background-image:url(../images/notf_r.gif); background-repeat:no-repeat; width:2px; height:24px; float: right;}
.notf_mid{background-image:url(../images/notf_mid.gif); height:19px; padding:5px 0 0 10px; background-repeat:repeat-x; clear:both; border:1px solid #d3d3d3; font-size:11px; font-weight:bold; color:#000000;} .notf_mid a,.notf_mid a:hover{color:#005d9a; text-decoration:none; outline:none;} .notfpanel{width:40%; position:absolute; z-index:25; height:200px; margin:-182px 0 0 -11px;}
.notfgrid{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; clear:both; overflow:hidden; padding:7px; background-color:#ffffff; height:137px;} span.notfclose{background-image:url(../images/notf_close.png); background-repeat:no-repeat; width:12px; height:12px; float:right; text-indent:-999999px; outline:none; margin:5px 0 0 0;} span.notfclose a{background-image:url(../images/notf_close.png); background-repeat:no-repeat; width:12px; height:12px; float:right; text-indent:-999999px; outline:none;} span.notfclose a:hover{background-image:url(../images/notf_closehover.png); background-repeat:no-repeat; width:12px; height:12px; float:right;} .notfgrid_l{background-image: url(../images/notfgrid_l.gif); background-repeat:no-repeat; width:10px; height:25px; float:left;}
.notfgrid_r{background-image: url(../images/notfgrid_r.gif); background-repeat:no-repeat; width:10px; height:25px; float: right;}
.notfgrid_mid{background-image:url(../images/notfgrid_mid.gif); height:25px; overflow:hidden; clear:both;}
.notfgrid_mid h1{font-size:11px; color:#ffffff; padding:5px 0 0 0;} .notfhd{ padding:0 0 10px 0; border-bottom:1px solid #cccccc; clear:both;} span.notfdata_dt{width:22%; float:left; display:block; padding:2px 5px 0 0;} span.notfdata_msg{width:56%; float:left; display:block; padding:2px 5px 0 0;} span.notfdata_actn{width:18%; float: right; display:block; padding:2px 5px 0 0; text-align:center;}.notfdatagrid{clear:both; padding:2px 0 3px 0; border-bottom:1px solid #ebebeb; font-size:10px; color:#7f7f7f; font-weight:normal;} 
span.edit{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 30%;} span.edit a{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.edit a:hover{background-image:url(../images/edit_hover.png); background-repeat:no-repeat; width:12px; height:12px; } span.closesml{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} span.closesml a{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.closesml a:hover{background-image:url(../images/notfclose_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
.notftab{width:35%; background-color:#FFF; float:left; height:20px; padding:5px 0 0 10px; color:#000000; text-decoration:none; margin:0 0 0 1px; border-right:1px solid #cccccc;}
.notftab a, .notftab a:hover{ color:#005d9a; text-decoration:none; outline:none;}
/*page syles 14-4-2010*/
.formpanel{width:48%; overflow:hidden; padding:6px;} .formsub{clear:both; overflow:hidden;}
.formsub span.label{width:25%; float:left; display:block; padding:4px 0 0 0;} .formsub span.datainfo{width:75%; float:left; display:block;} .gapfrom{padding:0 0 6px 0;} .gapfromtop{padding:4px 0 0 0;}
.textfield{width:98%; background-color:#ffffff; border:1px solid #e3e3e3; padding:2px; font-size:11px;} .textfield:focus, .textfield:hover{width:98%; background-color:#d3e8fd; border:1px solid #94c3fc; padding:2px;}
.textfieldnew{/*width:98%;*/ background-color:#ffffff; border:1px solid #e3e3e3; padding:2px; font-size:13px;}
.textarea{width:98%; background-color:#ffffff; border:1px solid #e3e3e3; padding:2px; font-size:11px; /*height:70px;*/height:58px;/*added by sutandra on 1.7.2013*/} .textarea:focus, .textarea:hover{width:98%; background-color:#d3e8fd; border:1px solid #94c3fc; padding:2px;} .gap_busn{margin: 0 5px 0 0;} 
.info_busn{width:32%; overflow:hidden; float:left; border:1px solid #cccccc;} .info_busn span.hdng{background-color:#5a5a5a; text-align:center; font-size:11px; font-weight:bold; clear:both; padding:4px; display:block; color:#ffffff;} .info_busn span.fld{display:block; padding:4px; clear:both;}
/*style login*/


.textfieldlgn{width:98%; background-color:#ffffff; border:4px solid #cccccc; padding:3px; font-size:14px;} .textfieldlgn:focus, .textfieldlgn:hover{width:98%; background-color:#f6e5b1; border:4px solid #cdbe8b; padding:3px;} .lgntext{font-size:12px; color:#000; text-decoration:none; font-weight:bold;} .lgntext a, .lgntext a:hover{font-size:12px; color:#ffffff; text-decoration: underline;} .innerbox{width:450px; margin:30px 0 0 45px; overflow:hidden; padding:12px;}
/*page syles 16-4-2010*/
.subinfo_box{width:31%; overflow:hidden; float:left; margin:0 7px 0 0;} .subinfo_box span.d_r{width:83%; float: left; padding:4px 4px 4px 1px; display:block;} 
.subinfo_box span.d_l{width: auto; float: left; padding:8px 0 0 0; display:block;} .graybg{background-color:#f7f7f7;}
span.btnpnl{width:12%; float: right; display:block;} .scrolldiv{clear:both; overflow-y:scroll; overflow-x:hidden; height:85px; border:1px solid #cccccc;} .btnlogin{background-color:#f8dd75; padding:5px; font-size:12px; font-weight:bold; border:none; cursor:pointer; outline:none; text-align:center; color:#222;} .btnlogin:hover{background-color:#333; padding:5px; font-size:12px; font-weight:bold; border:none; cursor:pointer; outline:none; text-align:center; color:#ffffff;} .errortext{font-size:11px; font-weight:bold; color:#e5000d;} .errorpnl{background-color:#feeed9; border:1px solid #fcbc9a; padding:4px; margin:0 0 5px 0;}
/*page syles 19-4-2010*/
span.del{width:10px; height:10px; text-indent:-999999px; outline:none; float: right;} span.del a{background-image:url(../images/del.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float: right; } span.del a:hover{background-image:url(../images/delhover.png); background-repeat:no-repeat; width:12px; height:12px; }
.formsub span.datainfodynm{width:72%; float:left; display:block;} .gapdel{margin:9px 0 0 0;} 
.listingdiv{clear:both; overflow:hidden; border:1px solid #cccccc;}
ul.pagination{width:auto; height:auto; padding:0; margin:0; list-style:none;} ul.pagination li{width: auto; height:auto; padding:0; margin:0; display: inline; text-align: center; font-size:11px; font-weight:bold; text-decoration:none; color:#005d9a;}
ul.pagination li a{width: auto; height:auto; margin:0 4px 0 0; padding:1px 3px; display: block; text-align: center; font-size:11px; font-weight:bold; text-decoration:none; color:#005d9a; border:1px solid #e0e0e0; float: right; outline:none;} ul.pagination li a:hover, ul.pagination li a.select{width: auto; height:auto; margin:0 4px 0 0; display: inline; text-align: center; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#005d9a; border:1px solid #005d9a; outline:none;}
.formsub span.labellrg{width:29%; float:left; display:block; padding:4px 0 0 0;} .action_sep{/*width:7%; change by sutandra */ width:6%; float: right; padding:2px 0 0 12px; height:18px; font-weight:bold; margin:0 10px 0 0;} 
/*action icons styles*/
.action_icon{/*width:8%; change by sutandra*/ width:7%; float: right; overflow:hidden;}
.action_icon span.editacn{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left;} .action_icon span.editacn a{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.editacn a:hover{background-image:url(../images/edit_hover.png); background-repeat:no-repeat; width:12px; height:12px; } 
.action_icon span.closeacn{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .action_icon span.closeacn a{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.closeacn a:hover{background-image:url(../images/notfclose_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
.action_icon span.block{background-image:url(../images/block.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .action_icon span.block a{background-image:url(../images/block.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.block a:hover{background-image:url(../images/blockhover.png); background-repeat:no-repeat; width:12px; height:12px; }
.action_icon span.unblock{background-image:url(../images/unblock.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .action_icon span.unblock a{background-image:url(../images/unblock.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.unblock a:hover{background-image:url(../images/blockhover.png); background-repeat:no-repeat; width:12px; height:12px; }
.action_icon span.view{background-image:url(../images/view.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .action_icon span.view a{background-image:url(../images/view.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.view a:hover{background-image:url(../images/viewhover.png); background-repeat:no-repeat; width:12px; height:12px; }

.action_icon span.details{background-image:url(../images/detail.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .action_icon span.details a{background-image:url(../images/detail.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .action_icon span.details a:hover{background-image:url(../images/detailhover.png); background-repeat:no-repeat; width:12px; height:12px; } .fontten{font-size:10px;} span.abbr{font-size:10px; float:left; padding:4px 0 0 0; font-weight:bold;}
.action_icon span.detailno{background-image:url(../images/detailno.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} /* added on 10.1.2014 */
/*page syles developed on 22-4-2010*/
.gapzero{margin:0;} .textrqed{font-size:11px; color:#e5000d;} .gridhd_seplist{width:16%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:4px 0 0 10px; height:16px; font-weight:bold; text-align:center;}
.gridhd_seplistsec{width:10%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:4px 0 0 10px; height:16px; font-weight:bold; text-align:center; } span.griddata_infolst{width:16%; float:left; color:#2f2f2f; display:block; padding:0 2px 0 10px; text-align:center;} span.griddata_infosec{width:10%; float:left; color:#2f2f2f; display:block; padding:0 2px 0 10px; text-align:center;}
/*page syles developed on 29-4-2010*/
span.chkbox{float:left; overflow:hidden; padding:2px 2px 0 0; display:block;} span.chkboxlabel{float:left; overflow:hidden; padding:4px 25px 0 0; display:block;}
span.delbot{width:10px; height:10px; text-indent:-999999px; outline:none; float: right; margin:64px 0 0 0;} span.delbot a{background-image:url(../images/del.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float: right; } span.delbot a:hover{background-image:url(../images/delhover.png); background-repeat:no-repeat; width:12px; height:12px; }
.prodt_infopanel{width:65%; overflow:hidden; padding:6px; margin:0 auto;} .formsub span.prodtdes{width:74%; float:left; display:block;} .gapfrom{padding:0 0 6px 0;} .formsub span.dealinfo{width:32%; float:left; display:block;} .formsub span.labelets{width:10%; float:left; display:block; padding:4px 0 0 0; text-align:right;} .gapfrom{padding:0 0 2px 0;} .dynflds_panel{border:1px dashed #cccccc; width:97%; /*margin:10px auto;*/ margin:2px auto;/* edited by sutandra on 18.7.2013 */ overflow:hidden; clear:both; padding:5px 5px 5px 35px;} .dynform_panel{width:40%; overflow:hidden;/* padding:4px;*/padding:1px;/*edited sutandra 1.7.2013*/} .formsub span.deallabel{width:25%; float:left; display:block; text-align:right; padding:0 5px 0 0;}
.formsub span.deallabel_info{width:72%; float:left; display:block; text-align:right; padding:0 5px 0 0;} .formsub span.dealdrpdwn{width:26%; float:left; display:block;} .formsub span.labelunit{width:19%; float:left; display:block; padding:4px 4px 0 0; text-align:right;} .formsub span.dodfld{width:12%; float:left; display:block;} .widdod{width:14%;} span.dd{font-size:9px; letter-spacing:-1px; float: left; display:block; /*padding:3px 0 0 6px;sutandra on 20.6.2013*/ padding:3px 0 0 11px;} .dealchk{width:17%; float:left; overflow:hidden; margin:300px 0 0 0; padding:0 0 0 10px;}  .formsub span.dealprofit_info{width:67%; float:left; display:block; text-align:right; padding:0 5px 0 0;}
 .formsub span.midlabel{width:25%; float:left; display:block; text-align:right; padding:3px 5px 0 0;}
 /*page syles developed on 7-5-2010*/
.enqscroll{width:100%; overflow-x:scroll; overflow-y:hidden; clear:both;}   .enqsub{width:214%; clear:both;}
.gridhd_sepdl{width:125px; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:4px 0 0 10px; height:16px; font-weight:bold; }
span.gridhd_subsepdl{width:125px; float:left; padding:4px 0 0 10px; display:block;}
 /*page syles developed on 10-5-2010*/
.gridhd_subsepdl span.editacn{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left;} .gridhd_subsepdl span.editacn a{background-image:url(../images/edit.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .gridhd_subsepdl span.editacn a:hover{background-image:url(../images/edit_hover.png); background-repeat:no-repeat; width:12px; height:12px; } 
.gridhd_subsepdl span.closeacn{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .gridhd_subsepdl span.closeacn a{background-image:url(../images/notfclose.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .gridhd_subsepdl span.closeacn a:hover{background-image:url(../images/notfclose_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
.gridhd_subsepdl span.invoice{background-image:url(../images/invoice.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .gridhd_subsepdl span.invoice a{background-image:url(../images/invoice.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .gridhd_subsepdl span.invoice a:hover{background-image:url(../images/invoice_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
.gridhd_subsepdl span.nominate{background-image:url(../images/nominate.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .gridhd_subsepdl span.nominate a{background-image:url(../images/nominate.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .gridhd_subsepdl span.nominate a:hover{background-image:url(../images/nominate_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
.gridhd_subsepdl span.confirm{background-image:url(../images/confirm.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} .gridhd_subsepdl span.confirm a{background-image:url(../images/confirm.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } .gridhd_subsepdl span.confirm a:hover{background-image:url(../images/confirm_hover.png); background-repeat:no-repeat; width:12px; height:12px; }
 /*page syles developed on 12-5-2010*/
.griddldtbase_sep{/*width:14%; change by sutandra*/width:10%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:0 0 0 10px; height:20px;} span.griddata_info_dtbase{/*width:14%; change by sutandra*/width:10%; float:left; color:#2f2f2f; display:block; /*padding:0 2px 0 10px; change by sutandra */ padding:0 1px 0 10px;} 
 /*page syles developed on 18-5-2010*/
 .subinfo_box_suppl{/*width:22%; change on 30.5.13 by sutandra*/ width:18%; overflow:hidden; float:left; margin:0 7px 0 0;}
.subinfo_box_suppl span.d_r_suppl{width:76%; float: left; padding:4px 0 4px 1px; display:block;} 
.subinfo_box_suppl span.d_l_suppl{width: auto; float: left; padding:8px 0 0 0; display:block;} .fontten{font-size:10px; letter-spacing:-1px;}
 /*page syles developed on 3-6-2010*/
.txtflentry{width:35%; position:absolute; z-index:20;}
.floatentry{position:absolute; z-index:50; width:34.5%; margin:20px 0 0 0;}
.floatentrynew{position:absolute; z-index:50; width:34.8%; margin:0px 0 0 0;text-align: left;}
ul.txtfls_drop{width: 99.5%; height:auto; padding:0; margin:0; list-style:none; border:1px solid #e3e3e3;}
ul.txtfls_drop li{display:block; font-size:11px; background-color:#ffffff; list-style:none;}
ul.txtfls_drop li a{background-color:#ffffff; text-decoration:none; color:#2f2f2f; display:block; padding:4px; outline:none;}
ul.txtfls_drop li a:hover{display:block; font-size:11px; background-color:#4c8de4; color:#ffffff;}
/*ul.txtfls_drop li{display:block; padding:4px; font-size:11px; background-color:#ffffff; list-style:none;}
ul.txtfls_drop li:hover{display:block; padding:4px; font-size:11px; background-color:#4c8de4; color:#ffffff;}*/

 /*page syles developed on 15-6-2010*/
.rgttrms{width:auto; float: right; font-weight:bold; color:#ffffff; padding:4px 0 0 0;}
p.nominate_print{padding:0 0 10px 0; margin:0; display:block; clear:both; overflow:hidden;} p.nominate_print label{width:10%; float:left; overflow:hidden; display:block;} p.nominate_print span.spacer{height:1px; clear:both; margin:0; padding:0; display:block;}
 p.nominate_print span.rgt{display:block; float:left; padding:0 0 0 7px; margin:0; overflow:hidden; color:#7d7d7d; width:70%}
  p.nominate_print span.mt{display:block; float:left; padding:0 0 0 7px; margin:0; overflow:hidden; color:#2f2f2f;}
   p.nominate_print span.graytxt{display:block; float:left; padding:0 75px 0 7px; margin:0; overflow:hidden; color:#7d7d7d; }
.dealview_panel{width:49%; overflow:hidden; padding:4px;} .formsub div.datainfofl{width:75%; float:left; overflow:hidden;}
.nm_printpanel{width:80%; margin:0 auto; overflow:hidden; padding:7px; border:1px solid #e6e6e6;}
.formsub span.datainfo_view{width:75%; float:left; display:block; color:#666666; padding:4px 0 0 0;}
.formsub span.dealinfo_view{width:32%; float:left; display:block; color:#666666; padding:4px 0 0 0;}
.formsub span.dealdrpdwn_view{width:26%; float:left; display:block; color:#666666;}
.formsub span.deallabel_info_view{width:72%; float:left; display:block; text-align:right; padding:0 5px 0 0; color:#666666; text-align:left;}  .formsub span.dodfld_view{width:12%; float:left; display:block; color:#666666; padding:4px 0 0 0}
.formsub span.dealdrpdwn_viewsec{width:26%; float:left; display:block; color:#666666; padding:4px 0 0 0;}
 /*page syles developed on 17-6-2010*/
.suppltop_sep{width:14%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:0 0 0 10px; height:20px;} span.suppltop_data{width:14%; float:left; color:#2f2f2f; display:block; padding:0 2px 0 10px;} 
span.sorttop, span.sorttop a{background-image:url(../images/sorttop.gif); background-repeat:no-repeat; width:12px; height:20px; float:right; outline:none; text-indent:-999999px; margin:0 2px 0 0;} span.sorttop a:hover{background-image:url(../images/sorttop_hover.gif); background-repeat:no-repeat; width:12px; height:20px; float:right;}
 /*page syles developed on 24-6-2010*/
.formsub span.caln{width:6%; float:left; display:block; padding:4px 0 0 0;} .formsub span.calndrpdwn{width:12%; float:left; display:block; padding:0 20px 0 0;} .formsub span.calndyr{width:14%; float:left; display:block;} .formsub span.calnview{width:15%; float:left; display:block; color:#666666; padding:4px 7px 0 0;}
 /*page syles developed on 25-6-2010*/
 .spacerall{height:1px; clear:both; margin:0; padding:0; display:block;}
 .calnLft_panel{width:20%; float:left; overflow:hidden;}  .calnRgt_panel{width:79%; float: right; overflow:hidden;} .slidebox{width:15px; padding:5px 0 0 1px;}
 ul.lftcaln_days{margin:0 0 4px 0; padding:0; list-style:none; display:block; background-color:#3a76d4; overflow:hidden;}  ul.lftcaln_days li{width:13.4%; margin:0 4px 0 0;display:block; float:left; text-align:center; padding:4px 0; font-size:11px; color:#ffffff; font-weight:bold; border:1px solid #3a76d4;} .btntoday{width: auto; float: left; padding:3px 10px 0 0;} .autotext{width:auto; float:left; font-size:11px; color:#ffffff; font-weight:bold; padding:4px 0 0 0;} 
 ul.lftcaln_dates{margin:0 0 4px 0; padding:0; list-style:none; display:block; overflow: hidden;}  ul.lftcaln_dates li{width:13.4%; display:block; float:left; border:1px solid #efefef; padding:0; font-size:11px; margin:0 4px 4px 0;} ul.lftcaln_dates li:hover{border:1px solid #b5b5b5; } ul.lftcaln_dates li.red{width:13.4%; display:block; float:left; border:1px solid #cf000f; padding:0; font-size:11px; margin:0 4px 4px 0;} ul.lftcaln_dates li.red:hover{border:1px solid #cf000f;} 
 ul.lftcaln_dates li.green{width:13.4%; display:block; float:left; border:1px solid #018901; padding:0; font-size:11px; margin:0 4px 4px 0;} ul.lftcaln_dates li.green:hover{border:1px solid #018901;} 
 ul.lftcaln_dates li span.top{padding:3px; text-align: center; color:#333333; clear:both; display:block; background-color:#f0f0f0;} 
 ul.lftcaln_dates li span.redtop{padding:3px; text-align:center; color:#ffffff; clear:both; display:block; background-color:#cf000f;}ul.lftcaln_dates li span.greentop{padding:3px; text-align:center; color:#ffffff; clear:both; display:block; background-color:#018901;}
 ul.lftcaln_dates li span.bottom{padding:3px; color:#000000; clear:both; display:block; background-color:#ffffff; height:110px;} ul.lftcaln_dates li span.redbottom{padding:3px; color:#000000; clear:both; display:block; background-color:#ffe7e7; height:110px;} ul.lftcaln_dates li span.greenbottom{padding:3px; color:#000000; clear:both; display:block; background-color:#dcffdc; height:110px;}
ul.lftcaln_dates li span.forall{clear:both; display:block; overflow:hidden;}
ul.lftcaln_dates li span.redbottomsml{padding:3px; color:#000000; clear:both; display:block; background-color:#ffe7e7; height:41px;border-bottom:1px solid #cf000f; border-left:1px solid #cf000f; border-right:1px solid #cf000f;} ul.lftcaln_dates li span.greenbottomsml{padding:3px; color:#000000; clear:both; display:block; background-color:#dcffdc; height:41px; border-bottom:1px solid #018901;  border-left:1px solid #018901;  border-right:1px solid #018901;}
.tooltippanel{width:285px; position:absolute; z-index:15; margin:-85px 0 0 -160px;} .tooltip_top{background-image:url(../images/tooltiptop.png); background-repeat:no-repeat; width:285px; height:14px; clear:both; overflow:hidden;} .tooltip_bot{background-image:url(../images/tooltipbot.png); background-repeat:no-repeat; width:285px; height:60px; clear:both;} .tooltipbg{background-image:url(../images/tooltipmid.png); width:260px; clear:both; background-repeat:repeat-y; padding:0 20px 0 5px; overflow:hidden;} .tooltipbg label{width:60px; color:#000000; padding:4px 0 0 0; display:block; float:left;}
 .tooltipbg span{width:190px; display:block; float:left;} 
  /*page syles developed on 28-6-2010*/
  .formsub span.labeldrpdwn{width:8%; float:left; display:block; padding:4px 0 0 0;} .formsub span.calnu{width:3%; float:left; display:block; padding:4px 0 0 0;} .formsub span.calndrpdwnu{width:9%; float:left; display:block; padding:0 20px 0 0;} .formsub span.calnauto{float:left; display:block; padding:0 20px 0 0;} 
/*page syles developed on 14-7-2010*/
.fldcash{width:34%; float:right; overflow:hidden; padding:2px 0 0 0;} .arrowcash{width:13px; height:25px; float:right;  padding:3px 0 0 2px;} .textfield_cash{width:98%; background-color:#ffffff; border:1px solid #e3e3e3; padding:2px; font-size:12px; font-weight:bold;}  .textfield_cash:focus, .textfield_cash:hover{width:98%; background-color:#d3e8fd; border:1px solid #94c3fc; padding:2px;}
.cashportlets{width:19.9%; float:left; overflow:hidden; border-right:1px solid #ffffff;} .cashTop, .cashTop a, .cashTop a:hover{background-color:#2f67ca; text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; clear:both; padding:5px 0; text-decoration:none; outline:none;}  .gridhd_sepcash{width:23%; float: left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; height:16px; font-weight:bold; color:#000000; padding:4px 0 0 2px;}
/*inactive styles*/
span.edit_inactive{background-image:url(../images/edit_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left;} span.edit_inactive a{background-image:url(../images/edit_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.edit_inactive a:hover{background-image:url(../images/edit_inactive.png); background-repeat:no-repeat; width:12px; height:12px; }
span.invoice_inactive{background-image:url(../images/invoice_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} span.invoice_inactive a{background-image:url(../images/invoice_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.invoice_inactive a:hover{background-image:url(../images/invoice_inactive.png); background-repeat:no-repeat; width:12px; height:12px; }
span.nominate_inactive{background-image:url(../images/nominate_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} span.nominate_inactive a{background-image:url(../images/nominate_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.nominate_inactive a:hover{background-image:url(../images/nominate_inactive.png); background-repeat:no-repeat; width:12px; height:12px; }
span.confirm_inactive{background-image:url(../images/confirm_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;} span.confirm_inactive a{background-image:url(../images/confirm_inactive.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; } span.confirm_inactive a:hover{background-image:url(../images/confirm_inactive.png); background-repeat:no-repeat; width:12px; height:12px; }
/*inactive styles*/
/*page syles developed on 15-7-2010*/
.cashinfo{border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; overflow:hidden;} span.cash_data{width:23%; float:left; color:#666666; display:block; padding:0 0 0 2px;} 
.cashscroll_main{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; clear:both; overflow: scroll; padding:7px; width:98.5%; height:400px;} .flow_normal{clear:both; overflow:hidden; padding:4px 2px;} .flow_normal:hover{background-color:#e8e8e8;} .flow_select{padding:4px 2px; clear:both; background-color:#d3e8fd; overflow:hidden;} 
.flow_inactive{padding:3px 2px; clear:both; background-color:#dddddd; overflow:hidden;}
span.flwlabel{width:32%; float:left; display:block; padding:1px 0 0 0;} 
span.flwfldtext{width:68%; float:left; display:block; color:#666666;} .clientbg{background-color:#f6f6f6; clear:both; margin:5px 0 0 0; overflow:hidden;}  span.cashtotal{width:42%; float: right; color:#666666; display:block; padding:0 3px 0 0;} 
.totalbg{background-color:#d7dde9; padding:5px 0 0 0;} .flwscroll{width:210%; clear:both;}
span.chkflw{float:left; width:20px; display:block;}  .chkfloat{position:absolute; background-color:#ffffff; width:350px; z-index:25; padding:6px; border:1px solid #2f67ca;}
.formsub span.flwcaln{width:10%; float:left; display:block; padding:4px 0 0 0;} .formsub span.flwentry{width:19%; float:left; display:block; padding:0 12px 0 0;}  .flwauto{clear:both; overflow:hidden;}
/*page syles developed on 24-7-2010*/
.formsub span.flwlbl_data{width:42%; float:left; display:block; padding:0 12px 0 0;} .shwhd{width:41%; float:left; overflow:hidden; padding:4px 0 0 0;}
/*page syles developed on 26-7-2010*/
.acnbox{width:10px; height:10px;}
/*page syles developed on 28-7-2010*/
.supplfloat{position:absolute; background-color:#ffffff; width:450px; z-index:25; padding:6px; border:1px solid #2f67ca;}
span.supphd{ font-size:12px; font-weight:bold; float:left; display:block; padding:2px 0;}
/*page syles developed on 12-8-2010*/
.cashportlets_panel{width:19.9%; float:left; overflow:hidden; border-right:1px solid #ffffff;}  .gridhd_portlets{width:10.6%; float: left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; height:16px; font-weight:bold; color:#000000; padding:4px 5px 0 2px; letter-spacing:-1px;}    span.portlets_data{width:10.6%; float:left; color:#666666; display:block; padding:0 5px 0 2px;}   span.portlabel{width:12%; float:left; display:block; padding:1px 0 0 0;} 
span.portletfld{width:20%; float:left; display:block; color:#666666;}   span.portlettotal{width:25%; float: right; color:#666666; display:block; padding:0 0 0 0; margin:0 8% 0 0;}   .portletsscroll{width:520%; clear:both;}
span.portlabelrgt{width:12%; float: right; display:block; padding:1px 0 0 0;} 
/*page syles developed on 20-8-2010*/
 .gridhd_list{width:17%; float:left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; padding:0 0 0 10px; height:20px;}  span.gridlist_info{width:17%; float:left; color:#2f2f2f; display:block; padding:0 2px 0 10px;} 
 /*page syles developed on 2-9-2010*/
 .gridhd_prtflw{width:7.5%; float: left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; height:16px; font-weight:bold; color:#000000; padding:4px 5px 0 2px; letter-spacing:-1px;}    span.prtflw_data{width:7.5%; float:left; color:#666666; display:block; padding:0 5px 0 2px;} 
.flow_catg{padding:0 5px; clear:both; padding:4px 5px; overflow:hidden; color:#ffffff; font-weight:bold; font-size:12px; background:#3f83d2;}  .gridhd_foraccount{width:16%; float: left; background-image:url(../images/grid_sep.gif); background-repeat:no-repeat; background-position:right; height:16px; font-weight:bold; color:#000000; padding:4px 5px 0 2px; letter-spacing:-1px;}    span.foraccount_data{width:16%; float:left; color:#666666; display:block; padding:0 5px 0 2px;} 
/*page syles developed on 27-10-2010*/
.txtflentry_sml{width:27.5%; position:absolute; z-index:20;}   .floatentry_sml{position:absolute; z-index:50; width:27.4%; /*margin:20px 0 0 0;*/ top:0;left:0;/* top and left add*/}    .formsub span.deallabel_sml{width:72%; float:left; display:block; padding:0 5px 0 0; height:25px;position:relative;/* position add*/}
/*page syles developed on 1-2-2011*/
 span.srclabel{float:left; display:block; padding:1px 3px 0 0; letter-spacing:-1px;} 
 span.srcdata{width:8.4%; float:left; display:block; padding:0 14px 0 0; margin:0 2px 0 0;}   span.src_btnpnl{width:5%; float: right; display:block;}
  /*page syles developed on 7-4-2011*/
span.dealcolpse{width:26%; float:left; display:block; margin:1px 0 0 5px;}
.midfld_panel{ position:absolute; width:18%; z-index:5; top:-30px; left:41%;}
.common{clear:both;}  .fixeddiv{clear:both; /*height:40px;*/ position:relative;height:20px;/*edited sutandra 1.7.2013*/}

/*page syles developed on 20-5-2011*/
.mult_list{width:100%; height:80px; border:1px solid #dbdbdb; font-size:11px;}
.common span.deallabel{width:25%; float:left; display:block; text-align:left; padding:0 5px 0 1px;}
.common span.deallabel_info{width:72%; float:left; display:block; text-align:right; padding:0 5px 0 0;}

 /*page syles developed on 27-5-2011*/
.formsub span.dealitems{width:23.4%; float: left; display:block; padding:0 5px 0 0;}
.formsub span.dealitems_list{width:23.2%; float: left; display:block; padding:1px 5px 0 0;}

/*page syles developed on 15-6-2011*/
 .miningpanel{background:#f7f7f7; clear:both; margin:0 0 10px 0;}
.mininglist{width:15.8%; float:left;}
.mininglist span{display:block;}
.mininglist label{display:block; padding:0 0 5px 0; letter-spacing:-1px;}
.period_panel{width:70%; float:left; padding:5px;}
.formsub span.periodlabel{width:12%; float:left; display:block; text-align:right; padding:0 5px 0 0;}
.formining{clear:both; padding:7px 0 10px 0; margin:0 7px;}
.border_top{ border-top:1px dashed #cccccc;}
.mining_form{width:35%; float:left; padding:5px;}
.mining_form label{width:28%; float:left; display:block; text-align:right; padding:4px 5px 0 0;}
.mining_form span{width:70%; float:left; display:block; padding:0 0 7px 0;}

/*page syles developed on 21-7-2011*/
.formsub span.dealdata_view{width:24%; float:left; display:block; color:#666666;}
.labelheading{clear:both; overflow:hidden; padding:0 0 6px 0; font-weight:bold;}
/*page syles developed on 19-6-2013*/
.tablewrap{width:75%; float:left;/* height:133px;*/ height:116px; overflow: auto;}
.tablewrap table{background:#444; border-spacing:1px; width:99%;}
.tablewrap table tr td{padding:4px; background:#fff; font-size:11px; color:#777; text-align:left; width:33%;}
.tablewrap table tr td.headingcell{padding:4px; background:#444; font-size:12px; font-weight:bold; color:#fff; padding:6px 4px;}

/* ----------------------------------------2.6.2013-------- lightbox by sutandra*/

.lightboxbg{ background:url(../images/black_dot.png1) repeat 0 0; width:100%; height:100%; position:absolute; z-index:100; top:0; left:0;}
.lightboxArea{ position:absolute; z-index:101; top:25%; left:0;}

.lightboxWrapper { width:712px; position:relative; z-index:1;}.lightboxWrapper .top{ height:103px; overflow:hidden;}
.lightboxWrapper .mid{ background:url(../images/light_box_mid.png) repeat-y 0 0; min-height:300px; width:564px; padding:22px 74px; margin: -2px 0 0;}
.lghtClose{ position:absolute; z-index:10; top:-20px; right:30px;}
.lghtClosee{ position:absolute; z-index:10; top:-25px; right:30px;}
.lghtForm{ top:-24px; position:relative;}
.lghtForm h3{ font-size:18px; line-height:20px; border-bottom:solid 1px #ccc; padding-bottom:14px; margin-bottom:15px;}
.lghtForm span{ display:block;}
.lghtForm span.input{ background:url(../images/lightbox_input_bg.gif) no-repeat 0 0; width:338px; height:23px;}
.lghtForm span.txtArea{ background:url(../images/light_box_txtarea.gif) no-repeat 0 0; width:564px; height:223px;}
.lghtForm p{ clear:both; overflow:hidden; margin-bottom:15px;}
.lghtForm label{font-size:13px; font-weight:bold; color:#29305c; padding-bottom:4px;}
.lghtForm [type="text"], .lghtForm input[type="password"]{ background:none; border:none; width:328px; padding:5px; color:#474747; font-size:12px;}
.lghtForm textarea{ background:none; /*border:none;*/ width:554px; padding:5px; height:213px; color:#474747; font-size:12px;}

.lghtForm input.saveCb{ background:url(../images/save_changes_btn.gif) no-repeat 0 0; width:98px; height:30px; border:none;}
.lghtForm input.saveCb:hover{ background-position:0 -30px;}

.save_btn{ background:url(../images/save_btn.png) no-repeat 0 0; width:67px; height:39px;  border:none;  margin:0 10px;}
.save_btn:hover{ background-position:0 -39px;}
/* developed on 10-7-2013 by sudip da */
.formsub span.deallabelfix{width:15%; float:left; display:block; padding:0 5px 0 16px;}
.formsub span.dealfldfix {width: 14%; float: left; display: block;}

.formsub span.labelunit_fix{width:5%; float:left; display:block; padding:0 5px 0 16px;}
/* developed on 2-8-2013 */
.scroll_alldata{ height:400px; overflow:auto;}
/* developed on 7-8-2013 */
.clear{ clear:both; height:0; padding:0; margin:0;}
.overflowfix{ overflow:visible !important;}
.devform_panel{width:40%; padding:1px;}
.fld_overflowdiv{position:absolute; background:#fff; width:96%; left:0; top:22px; border:1px solid #E3E3E3; z-index:999;overflow:auto;height:150px;display:block;}
/* added by sutandra on 23.09.2013 */
.action_icon span.closeacn1{background-image:url(../images/notfclose_gray.png); background-repeat:no-repeat; width:10px; height:10px; text-indent:-999999px; outline:none; float:left; margin:0 0 0 5%;}

/*added on 16 th april 2014 */
/* calendar top panel div */
.calendarmainpanl {}
.calendarmainpanl .calendarprojtext {background:url(../calendarhead.png) repeat-x 0 0 #1d4fba; padding:4px; color:#FFF; font:bold 14px/20px Verdana, Geneva, sans-serif; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #EEFF99;
behavior: url(/pie/PIE.htc);}



/* calendar panel div */
.calendarpaneldiv {padding:18px 0;}
.calendarpaneldiv table th.titlecalend {background:url(../calendarhead.png) repeat-x 0 0 #1d4fba; padding:8px; color:#FFF;}
.calendarpaneldiv table th.titlecalend a {font:normal 11px/18px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none;}
.calendarpaneldiv table th.titlecalend a:hover {color:#599ef0; text-decoration:none;}
.calendarpaneldiv table th.titletext {font:bold 16px/24px Verdana, Geneva, sans-serif;}
.calendarpaneldiv table td table {border-collapse:collapse;}
.calendarpaneldiv table td table th {background-color:#F2AE29; font:bold 12px/20px Verdana, Geneva, sans-serif; color:#000;}
.calendarpaneldiv table td table td {border:1px solid #3a76d4;}
.calendarpaneldiv table td table td .calendarcont {width:100%; /*height:100%;*/ height:120px; padding:0; position:relative; overflow:hidden;}
.calendarpaneldiv table td table td .calendarcont .balancevaldiv {position:absolute; bottom:0px; left:0px; height:20px; width:100%; background-color:#8dc572;}
.calendarpaneldiv table td table td .calendarcont .dataactive {/*background-color:#f0f0f0 sutandra*/ background-color:#C3DFFE !important;}
.calendarpaneldiv table td table td .calendarcont .dataactive a {text-decoration:none;}/*sutandra*/
.calendarpaneldiv table td table td .calendarcont .balancevaldiv p {text-align:right; font:bold 12px/20px Verdana, Geneva, sans-serif; color:#000; margin:0px; padding:0 6px;}
.calendarpaneldiv table td table td .calendarcont .balancevaldiv .deductamoutn {color:#ff0000;}
.calendarpaneldiv table td table td .calendarcont .datbalactiv {background-color:#e8e8e8 !important; color:#000;}
.calendarpaneldiv table td table td .calendarcont .dateparatext {font: 12px/20px Verdana, Geneva, sans-serif; color:#4c4c4c; text-align:right;/*background-color:#a5bdde;sutandra*/background-color:#C3DFFE; padding:2px 6px; border-bottom:1px solid #ccc; font-weight:bold;margin:0px;}
.calendarpaneldiv table td table td .calendarcont .dateparatext a {font: 12px/20px Verdana, Geneva, sans-serif; color:#4c4c4c; font-weight:bold;text-decoration:none;}/*sutandra*/
.calendarpaneldiv table td table td .calendarcont .amoutleftdiv {width:49%; float:left;}
.calendarpaneldiv table td table td .calendarcont .amoutleftdiv p.contentimg { padding:4px 6px;/* padding:0px 2px;*/font: 10px/14px Verdana, Geneva, sans-serif; color:#333; border: 1px solid #00BFFF;margin:0px;background-color:white;}
.calendarpaneldiv table td table td .calendarcont .amoutrightdiv {width:49%; margin:0 1% 0 0; float:right; }
.calendarpaneldiv table td table td .calendarcont .amoutrightdiv p.contentimg {padding:4px 6px; font: 10px/14px Verdana, Geneva, sans-serif; color:#333; border: 1px solid #ffa9a9;margin:0px;background-color:white;}
.calendarpaneldiv table td table td.bluebackgbg {background-color:#c3dffe;}

/* calendar slider */
.calendarleft {float:left; margin:4px 12px 0 8px;}
.calendartitle {font:bold 16px/20px Verdana, Geneva, sans-serif; color:#6d6d6d; float:left; margin:0px;}

.calendardiv {height:100px !important; overflow:hidden;}


/* news css  12-04-14 */
.maincontborder {border:1px solid #cccccc; padding:10px 7px;}

.calendartopanel {background-image:url(../images/grid_mid.gif); height:25px; padding:0px 6px; text-align:center; margin:0 0 20px;}
.calendartopanel span.weektext {float:left; font:normal 12px/24px Verdana, Geneva, sans-serif; color:white;}
.calendartopanel span.weektext a, .calendartopanel span.daytext a {color:white; text-decoration:none;}
.calendartopanel span.daytext {float:right; font:normal 12px/24px Verdana, Geneva, sans-serif; color:#6d6d6d;}
.calendartopanel span.day-datext {font:bold 12px/24px Verdana, Geneva, sans-serif; color:#000; text-align:center;}

.calendartopancontnt {/*border:1px solid #d5d5d4; border-collapse:collapse;*/}
.calendartopancontnt td {/*border:1px solid #d5d5d4;*/ font: 12px/16px Verdana, Geneva, sans-serif; color:#6d6d6d; padding:1px;}
.calendartopancontnt td .overdraftext {/*color:#ff0000;*/}
.calendartopancontnt td .cashtopdiv {padding:5px; background-color:#d5e9ff;}
.calendartopancontnt td .cashtopdiv .spanleftdiv {float:left; display:block; width:50%; font-weight:normal !important; color:#000 !important;}
.calendartopancontnt td .cashtopdiv .spanrightdiv {float:right; display:block; width:48%; border:1px solid #e7e7e7; padding:0; background-color:#FFF; font-weight:normal !important;}
.calendartopancontnt td .cashtopdiv .overdraftext {color:#ff0000; border:0px !important;}
.calendartopancontnt td .backgroundwht {background-color:#FFF !important;}
.calendartopancontnt td .blackborder { background:#f0f0f0; padding:4px; font-weight:normal !important; color:#000 !important;}
.calendartopancontnt td .outboundrdbor {padding:4px; background:#e8e8e8 !important; font-weight:normal !important; color:#000 !important;}
.calendartopancontnt td .inboundrdbor {background:#dadada !important; color:#000 !important; padding:4px;}

/*developed on 14-4-2014*/
.view_availability{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#333; border-top:1px solid #3a76d4; padding:6px; background:#e2e2e2;margin:0px;}
.view_availability a{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#333;text-decoration:none;}
.calendarpaneldiv table td table td.activeday {border-bottom:3px solid #3a76d4; border-right:3px solid #3a76d4; border-left:3px solid #3a76d4;border-top:3px solid #3a76d4; background:#f5f5f5;}
.calendartopancontnt td .cashflow_border { background:#f0f0f0; padding:4px; color:#000 !important;}

/*******************edit-swati***********24.4.14********************/

.calendartopancontnt td .outboundrdbor1 {padding:6px; background:#e8e8e8 !important; font-weight:normal !important; color:#000 !important; float: right;width: 97%;}
.calendartopancontnt td .outboundrdbor2 {padding:6px; background:#e8e8e8 !important; font-weight:normal !important; color:#000 !important; float: right;width: 96%;}
.calendartopancontnt td .inboundrdbor1 {background:#dadada !important; color:#000 !important; padding:6px; float: right;width: 97%;}
.calendartopancontnt td .inboundrdbor2 {background:#dadada !important; color:#000 !important; padding:6px; float: right;width: 96%;}
.calendartopancontnt td .cashflow_border1 { background:#f0f0f0; padding:6px; color:#000 !important;width: 97.5%;float: right;height: 16px;}
.calendartopancontnt td .cashflow_border2 { background:#f0f0f0; padding:6px; color:#000 !important;width: 96%;float: right;height: 16px;}
.calendartopancontnt td .blackborder1 { background:#f0f0f0; padding:6px; font-weight:normal !important; color:#000 !important;float: right;width: 96%;}

/*styles added on  on 10-3-2015*/

.wrap_dealfields{ background:#f0f0f0; padding:5px; margin:0 0 10px 0; border:1px solid #d6d6d6;}
span.deallist_panel{width: auto !important; float:left; padding:0 15px 0 0; display:block;}
span.deallist_panelfield{width:15% !important; float:left; padding:0 10px 0 0; display:block;}
/*styles added on  on 10-3-2015*/

.cal2
{
height:400px!important;
  position:relative;
behavior: url(PIE.htc);
}

.cal3
{
height:400px!important;
  background: #ebebeb;	
  background-image: -moz-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: -o-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: -webkit-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  position:relative;
behavior: url(PIE.htc);
}

.daylft
{
	float:left;
	width:48%;
}

.dayrt
{
	float:right;
	width:48%;
}
.clear
{
	clear:both;
}
.grn1
{
	border:1px solid #44b931;
	padding:3px;
	margin-bottom:7px;
	-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
background:#e7f8e0;
}
.grn1 table td
{
	border:0px!important;
	line-height:20px;
}
.blue1
{
	border:1px solid #3a76d4;
	background:#e7f2fe;
}
.purple
{
	border:1px solid #800080;
	background:#ffffff;
}
.smlBl
{
	float:right;
	border:1px solid #ccc;
	width:49%;
	padding:2px;
	font-size:10px;
}
.sBtn
{
	background:#f0f0f0;
	border:1px solid #999;
	line-height:20px;
		-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
float:right;
}

.red1
{
	border:1px solid #f88c8c;
	background:#f9e9e9;
}

.arowlft
{
	position:absolute;
	left:8px;
	top:4px;
}
.arowrt
{
	position:absolute;
	right:8px;
	top:4px;
}
.posrl
{
	position:relative;
}
.tdBrdr
{
	border:2px solid #cfddf8;
	padding:4px;
}
.smlBlrht
{
	float:right;
	border:1px solid #ccc;
	width:49%;
	padding:2px;
	font-size:10px;
}

/*page syles developed on 29-9-2014*/
.alldiv_clear{ clear:both; font-size:0; height:0;}
.oyst_loginbox{ float:right; width:290px; padding:0 15px 15px 15px; margin: 120px 44px 0 0; background:url(../images/login_trans.png) 0 0 repeat;}
 .oyst_login_fldbox{ padding:6px 10px 0 0;}
 
 /*page syles developed on 20-2-2014*/
.bgcol_purchasepanel{background:#eaeaea;}
.product_purchasepanel{ padding:6px; border:1px solid #c7c7c7; margin:5px 0 0 0;}
.product_titleheading{ width:9%; font-weight:bold; color:#000; float:left; padding:0 35px 0 0;}
.product_purchasepanel label{ display:block; float:left; color:#000; padding:0 12px 10px 0;}
.product_purchasepanel .wraptxtfld{float:left; width:20%; padding:0 12px 10px 0;}
.borderclear_purchase{ margin:5px 0 0 0; padding:0 0 10px 0; border-top:1px solid #ccc; clear:both;}
/*page syles developed on 28-4-2014*/
.fixavge{ padding:6px 6px 0 6px !important;}
.average_purchasepanel{ width:50%; padding:6px; float:left; background:#e3e3e3; border:1px solid #ccc; margin:51px 0 0 0;}
.average_purchasepanel label{ float:left; font-size:11px; color:#222; padding:3px 5px 0 0; display:block; letter-spacing:-1px;}
.average_purchasepanel input[type=text]{width:11.8%; background-color:#ffffff; border:1px solid #e3e3e3; padding:2px; font-size:11px; float:left; margin:0 16px 0 0; outline:none;} 
.average_purchasepanel input[type=text]:focus, .average_purchasepanel input[type=text]:hover{background-color:#d3e8fd; border:1px solid #94c3fc; padding:2px; outline:none;}
.avgre_loopsep{ clear:both; margin:0 0 12px 0; padding:12px 0 0 0; border-bottom:1px dashed #333;}
/*page syles developed on 29-4-2014*/
.loopdiv_sale{ padding:0 0 5px 0;}
.clear_salepage{ clear:both; font-size:0; height:10px;}
.fixfldwid{ width:98.7% !important;}
.linkuse_product{ text-align:right; font-weight:bold; font-size:11px; padding:0 13px 0 0;}
.linkuse_product a{color:#d78203; text-decoration:none;}

/*page syles developed on 6-7-2014*/
.bg_wrappopup{ background:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; bottom:0; right:0; z-index:99;}
.popup_dealssupply{background:#fff; width:450px; margin:15% auto; border:14px solid #444;
 -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align:left;}
.headpopup{ background:#f2ab27; }
.headpopup label{font-size:22px; color:#fff; padding:7px; float:left; display:block;}
.closediv{ float:right; padding:8px;}
.popwrap{ padding:8px;}
.popwrap label{ font-size:13px; font-weight:bold; color:#000; float:left; width:150px;}
.popwrap .terminalinfo{ float:left; color:#000; font-size:13px; width:284px;}
.popwrap .terminalinfo span{ display:block;}

/*styles added on  on 13-7-2015*/

table.flowproj_navdiv{}
table.flowproj_navdiv tr td{  border: 1px solid #fff !important;}
.btn_nominated{ background:#99ffff; width:120px; font-size:12px; color:#000; text-align:center; border:none; cursor:pointer; padding:3px 0; outline:none;}
.btn_adjust{ background:#ff66cc; width:120px; font-size:12px; color:#000; text-align:center; border:none; cursor:pointer; padding:3px 0; outline:none;}
.btn_invoice{ background:#ffff33; width:120px; font-size:12px; color:#000; text-align:center; border:none; cursor:pointer; padding:3px 0; outline:none;}
.titleflow_project{ font-size:16px; font-weight:bold; color:#000;}
/*page syles developed on 19-8-2015*/
.branded_wrap_panel{}
.branded_sub{background:#c6a652; clear:both;}
.branded_fieldwrap{background:#fff;}
.branded_fieldwrap table tr td{font-size:12px; color:#444; padding:5px;}
.branded_fieldwrap table tr td.labeltext{font-size:12px; color:#000; background:#c6a652;}
.branded_fieldwrap table tr td select{ width:100%; border:1px solid #333; padding:4px; font-size:12px; color:#444; outline:none;}
.branded_fieldwrap table tr td input[type=text], .inputtextarea{ width:96.8%; border:1px solid #bda652; padding:4px; font-size:12px; color:#444; outline:none; resize:none;}
.txtfld_border{ border:1px solid #000 !important;}
.preview_border{ border:1px solid #bda652;}
.branded_fieldwrap table tr td input[type=button], .branded_fieldwrap table tr td input[type=submit]{ border:1px solid #8c8a8c; font-size:12px; color:#666; padding:4px 10px;
-webkit-border-radius: 2px; cursor:pointer; outline:none;
-moz-border-radius: 2px;
border-radius: 2px;
background: #F7F7F7;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#dedfde));
background: -webkit-linear-gradient(#F7F7F7, #dedfde);
background: -moz-linear-gradient(#F7F7F7, #dedfde);
background: -ms-linear-gradient(#F7F7F7, #dedfde);
background: -o-linear-gradient(#F7F7F7, #dedfde);
background: linear-gradient(#F7F7F7, #dedfde);
-pie-background: linear-gradient(#F7F7F7, #dedfde);}
table.nocss{}
table.nocss tr td{ padding:0 !important;}
.previewpanel{ width:9vw; border:1px solid #bda652; padding:1px; position:absolute; top:0; right:10px; background:#fff;}
.previewpanel img{ width:100%; height:auto;}

/*page syles developed on 15-12-2015*/
.popupwrapper{ border:1px solid #777; background:#f0f0f0;}
.topbar_head{ background:#346ece; font-size:13px; font-weight:bold; color:#fff; padding:8px;}
.topbar_head a{ text-decoration:none; color:#fff;}
.popupbody{ padding:8px; font-size:13px;}
.popupbody p{ color:#333; padding:0 0 12px 0; margin:0;}
.addresstext{ font-size:16px; font-weight:bold; color:#333; padding: 0 0 12px 0;}
.popupbody label{ font-size:13px; color:#333; font-weight:bold; float:left; padding:0 10px 0 0; width:14%;}
.clearinfo_pop{ clear: both; height:10px; font-size:0;}
.seperator_line{ border-bottom:1px dashed #777; clear:both; padding:5px 0 0 0; margin:0 0 10px 0;}
.redcol_text{ color:#cb0011 !important; font-weight:bold; font-size:14px;}
.ft_text{ color:#777; text-align:center; padding:8px 0;}


.cal2
{
height:400px!important;
  position:relative;
behavior: url(PIE.htc);
}

.cal3
{
height:400px!important;
  background: #ebebeb;	
  background-image: -moz-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: -o-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: -webkit-linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  background-image: linear-gradient(left, #f0f9ff 50%, #FDEEF4 50%, #FDEEF4 100%); 
  position:relative;
behavior: url(PIE.htc);
}

.daylft
{
	float:left;
	width:48%;
}

.dayrt
{
	float:right;
	width:48%;
}
.clear
{
	clear:both;
}
.grn1
{
	border:1px solid #44b931;
	padding:3px;
	margin-bottom:7px;
	-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
background:#e7f8e0;
}
.grn1 table td
{
	border:0px!important;
	line-height:20px;
}
.blue1
{
	border:1px solid #3a76d4;
	background:#e7f2fe;
}
.purple
{
	border:1px solid #800080;
	background:#ffffff;
}
.smlBl
{
	float:right;
	border:1px solid #ccc;
	width:49%;
	padding:2px;
	font-size:10px;
}
.sBtn
{
	background:#f0f0f0;
	border:1px solid #999;
	line-height:20px;
		-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
float:right;
}

.red1
{
	border:1px solid #f88c8c;
	background:#f9e9e9;
}

.arowlft
{
	position:absolute;
	left:8px;
	top:4px;
}
.arowrt
{
	position:absolute;
	right:8px;
	top:4px;
}
.posrl
{
	position:relative;
}
.tdBrdr
{
	border:2px solid #cfddf8;
	padding:4px;
}
.smlBlrht
{
	float:right;
	border:1px solid #ccc;
	width:49%;
	padding:2px;
	font-size:10px;
}
.lightTopImg {
    background-image:url(../images/lightbox_top.png);
}

/*page syles developed on 5-1-2016*/
.clearpanel_data{ clear:both; height:27px; font-size:0;}
.datapanel_mid{ float:left; width:17%; padding:14px 14px 0 14px; margin:16px 0 0 0; border:1px dashed #ccc; background:#fafafa;}
.datapanel_mid ul{ padding:0 0 0 16px; margin:0; height:248px; overflow: auto;}
.datapanel_mid ul li{ padding:0 0 6px 0; font-size:11px; list-style: circle; line-height:16px;}
.datapanel_midwrap{ position:absolute; width:17%; left:41%; top:16px; z-index:1;}
.datapanel_midposition{padding:14px 14px 0 14px; margin:0 auto; border:1px dashed #ccc; background:#fafafa;} 
.datapanel_midposition ul{ padding:0 0 0 16px; margin:0; height:248px; overflow: auto;}
.datapanel_midposition ul li{ padding:0 0 6px 0; font-size:11px; list-style: circle; line-height:16px;}
/* styles added on 19-04-2016*/
.bg_wrappopup{ background:rgba(0, 0, 0, 0.5); position:absolute; left:0; top:0; bottom:0; right:0; z-index:99;}
.popup_dealssupply{background:#fff; width:450px; margin:15% auto; border:14px solid #444;
 -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align:left;}
.headpopup{ background:#4f81bd; }
.headpopup label{font-size:22px; color:#fff; padding:7px; float:left; display:block;}
.closediv{ float:right; padding:8px;}
.popwrap{ padding:8px;}
.popwrap label{ font-size:13px; font-weight:bold; color:#000; float:left; width:150px;}
.popwrap .terminalinfo{ float:left; color:#000; font-size:13px; width:284px;}
.popwrap .terminalinfo span{ display:block;}


.clear_salepage{ clear:both; height:5px; font-size:0; padding:0; margin:0;}
.browsefld{ width:98%; padding:4px; color:#555; font-size:12px; border:1px solid #ccc; outline:none; margin:10px 0 0 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.wrapbutton{ padding:18px 0 0 0; margin:18px 0 0 0; border-top:1px solid #ccc;}
.btnbrowse{ background:#222; color:#ffd455; font-size:12px; font-weight:bold; padding:6px 12px; border:none; cursor:pointer; outline:none;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*page syles developed on 8-6-2016*/

 .tabpanel{}

 .tabpanel_top{ border-bottom:1px solid #999; padding:12px 0 0 16px; height:23px;}

 .tabpanel_top ul{ list-style:none; padding:0; margin:1px 0 0 0; position:relative;}

 .tabpanel_top ul li{ font-size:14px; float:left; margin:0 10px 0 0;}

 .tabpanel_top ul li a{ border-top:1px solid #999;  border-left:1px solid #999;  border-right:1px solid #999; background:#333;

  padding:6px 15px; color:#d7d7d7;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;}

 .tabpanel_top ul li a:hover,  .tabpanel_top ul li a.tabactive{ border-top:1px solid #999;  border-left:1px solid #999;  border-right:1px solid #999; background:#fff;

  padding:6px 15px; color:#333;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;}

.tabcontent_panel{ padding:12px 16px;}



 /*page syles developed on 8-6-2016 for tab pages*/

 .css3-tabstrip{width:100%; min-height:400px; margin:10px 0 0 0;}    

.css3-tabstrip ul,

.css3-tabstrip li

{margin: 0;

    padding: 0;

    list-style: none;}



.css3-tabstrip,

.css3-tabstrip input[type="radio"]:checked + label

{

    position: relative;

}



.css3-tabstrip li,

.css3-tabstrip input[type="radio"] + label

{

    display: inline-block;

}



.css3-tabstrip li > div,

.css3-tabstrip input[type="radio"]

{

    position: absolute;

}



.css3-tabstrip li > div,

.css3-tabstrip input[type="radio"] + label

{

    border:none;

}



.css3-tabstrip

{ font-size:14px; color: #333;}



.css3-tabstrip li

{

    vertical-align: top;

}



.css3-tabstrip li:first-child

{

    margin-left:16px;

}



.css3-tabstrip li > div

{

    top: 33px;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 8px;

    overflow: auto;

    background: #fff;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.css3-tabstrip input[type="radio"] + label

{

    margin: 0 2px 0 0;

    padding: 0 18px;

    line-height: 32px;

    background: #333;

	color:#d7d7d7;

    text-align: center;

    border-radius: 5px 5px 0 0;

    cursor: pointer;

    -moz-user-select: none;

    -webkit-user-select: none;

    user-select: none; border:1px solid #999;

}



.css3-tabstrip input[type="radio"]:checked + label

{color: #333;

    z-index: 1;

    background: #fff;

    border-bottom-color: #fff;

    cursor: default;

}



.css3-tabstrip input[type="radio"]

{

    opacity: 0;

}



.css3-tabstrip input[type="radio"] ~ div

{

    display: none;

}



.css3-tabstrip input[type="radio"]:checked:not(:disabled) ~ div

{

    display: block; padding:8px 16px; font-size:12px; border-top:1px solid #999;

}



.css3-tabstrip input[type="radio"]:disabled + label

{

    opacity: .5;

    cursor: no-drop;

}


@media screen and (max-width:427px) and (min-width:0px)
{
.lightboxArea{ position:relative; z-index:101; top:20%;}
.lightboxWrapper { width:380px !important; position:relative; z-index:1; left: 0 !important;}
.lightboxWrapper .mid{ background:#e1e1e1 repeat-y 0 0; width:353px; padding:50px 5px;/* margin: 0 auto;*/}
.lghtClose{ position:absolute; z-index:10; top:6px; right:30px;}
}

@media screen and (max-width:999px) and (min-width:768px)
{
.grn1 table, .smlBl{width:98%!important;}
}
/*develop on 10-12-2014 for responsive*/
@media only screen and (max-width:960px) and (min-width:240px)
{
.logopanel{width: auto; float:left;}
}
@media only screen and (max-width:768px) and (min-width:320px)
{
.subinfo_box_suppl {
    width: 18%;
    overflow: hidden;
    float: left;
    margin: 0 3px 0 0;
}

.subinfo_box_suppl span.d_r_suppl {
    width: 48%;
    float: left;
    padding: 4px 0 4px 1px;
    display: block;
}
.fixspace {
    margin: 0 7px 0 0 !important;
}
.subinfo_box_suppl img{position: relative; top: 2px;}



}