/*@media print { *{ display: none; } }*/

/* Common
----------------------------------------------------------*/
.bluebox { border: 1px solid #336699; border-collapse: collapse; }
.bluebox-tb { border-top: 1px solid #336699; border-bottom: 1px solid #336699; border-collapse: collapse; }
.bluebox-bg { border: 1px solid #336699; border-collapse: collapse; background-color: #f2f68e; }
.blackbox { border: 1px solid #808080; border-collapse: collapse; }
.redbox { border: 1px solid #ff6500; border-collapse: collapse; }
.transparentbox { border: 0px; border-collapse: collapse; }

.head-section { font-size: 15px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.head { font-size: 14px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; padding: 4px; background: #c7c7c7 url(../Images/selbg.png) repeat-x left top; }
.head-grid { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.app-head { font-size: 26px; color: #25546f; font-family: Georgia, Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; font-style:italic; }
.app-subhead { font-size: 18px; color: #65c5ca; font-family: Georgia, Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; font-style:italic; }
.app-login { font-size: 1.4em; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; }
.app-login-footer { font-size: 1.25em; color: #396bab; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; font-style:italic; }
.app-login-opt { text-align: center; font-weight:normal; font-style: normal }
.app-login-oth {  font-size: 1.25em; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: normal; }
.app-mob-info { font-size: 22px; color: #333333; font-family: Georgia, Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; font-variant: small-caps }
.title-head { display: block; float: right; text-align: right; width: auto; padding: 0px 5px 0px 0px; }
.title-small { font-size: 0.4em; font-family: Verdana, Arial, Calibri, Sans-Serif; font-style: italic; color: #000; border: none; }

.mandatory { padding-left:3px; font-size: 14px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.mandatory1 { font-size: 14px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.man-field { color: red !important; }
.sup { padding-left:3px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.sup-big { padding-left:3px; font-size: 16px; font-weight: bold; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.action-sep { padding: 0px 4px; font-size: 12px; vertical-align:top; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.hr-gray { padding-top: 10px !important; border-top: 1px solid #c2c2c2 !important; }
.hr-pad-bottom { padding-bottom: 5px !important; }
hr { height: 1px; }

.label-space { width: 15px; text-align: center; font-size: 12px; color: #999; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-login-user { font-size: 11px; font-family: Helvetica, Arial, Verdana, Sans-Serif; color: #000; font-weight: bold; vertical-align: middle; }
.label-login-office { font-size: 11px; color: #fff; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-login-office a:link { font-size: 12px; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.label-login-office a:visited { font-size: 22px; color: gray; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.label-login-office a:active { font-size: 12px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.label-login-office a:hover { font-size: 12px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.label-login { font-size: 16px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-variant: small-caps; letter-spacing: 1.5px; }
.label-logout { font-size: 12px; font-family: Helvetica, Arial, Verdana, Sans-Serif; color: #000; letter-spacing: 1.5px; vertical-align: middle; }
.label-logout a:hover { color: red; }
.logout-row { clear:both; text-align: right; font-size: 11px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }

.contact-us { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 0px solid gray; }

.label { font-size: 12px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-small { font-size: 11px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-xsmall { font-size: 10px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-smallcaps { font-size: 14px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; font-variant: small-caps; letter-spacing: 1.5; }
.label-big { font-size: 16px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-big-black { font-size: 15px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }
.label-numeric { font-size: 12px; color: #555; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; text-align: right; }
.label-small-group { font-size: 11px; color: navy; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; height: 25px; border-bottom: 1px solid #808080; }
.label-bg { font-size: 13px; padding: 1px 5px 1px 5px; text-align: center; background-color: #d2d8b0; font-weight: bold; }
.label-bg-status { font-size: 14px; padding: 1px 5px 1px 5px; color: navy; text-align: center; background-color: yellow; font-weight: bold; }

.textbox { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 1px solid gray; }
.textbox-small { font-size: 11px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 1px solid gray; }
.textbox-xsmall { font-size: 10px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 1px solid gray; }
.textbox-big { font-size: 14px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 1px solid gray; }
.textbox-uppercase { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-transform: uppercase; border: 1px solid gray; }
.textbox-numeric { font-size: 12px; color: #000; padding-right: 3px; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-align: right; border: 1px solid gray; }
.textbox-numeric-small { font-size: 11px; color: #000; padding-right: 3px; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-align: right; border: 1px solid gray; }
.textbox-numeric-xsmall { font-size: 10px; color: #000; padding-right: 3px; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-align: right; border: 1px solid gray; }
.textbox-date { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; cursor: pointer; border: 1px solid gray; }
.textbox-date-small { font-size: 11px; font-family: Helvetica, Arial, Verdana, Sans-Serif; cursor: pointer; border: 1px solid gray; }
.textbox-date-xsmall { font-size: 11px; font-family: Helvetica, Arial, Verdana, Sans-Serif; cursor: pointer; border: 1px solid gray; }
.textbox-notes { font-size: 11px; padding-left: 10px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; border: 1px solid gray; }
.textbox-radio { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.textbox-radio label { padding-left: 5px; padding-right: 5px; }
.textbox-checkbox { font-size: 11px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.textbox-checkbox label { padding-left: 0px; padding-right: 5px; }
.textbox-noborder { font-size: 12px; color: #000; font-weight: normal; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.textbox-small-noborder { font-size: 11px; color: #000; font-weight: normal; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.textbox-xsmall-noborder { font-size: 10px; color: #000; font-weight: normal; font-family: Helvetica, Arial, Verdana, Sans-Serif; }

.button-default { padding:2px 0px 2px 0px; width:auto; font-size:11px; background-color:#dde9f7; color:navy; font-weight:bold; font-family: Helvetica, Arial, Verdana, Sans-Serif; }

.table-background { background-color: #d2d8b0 }

.img-action {border: 0; vertical-align: middle; }
.img-action_AT {border: 0; margin: 3px 0px 0px 0px; vertical-align: middle; }
.img-delete { background: url(../Images/delete.gif) no-repeat left 0px; border: 0; vertical-align: middle; height:11px; width: 12px; cursor: pointer; }
.img-delete:hover { border-bottom: 2px dotted red; }
.img-select { background: url(../Images/select.gif) no-repeat left 0px; border: 0; vertical-align: middle; height:11px; width: 12px; cursor: pointer; }
.img-select:hover { border-bottom: 2px dotted red; }
.img-excel { background: url(../Images/excel.gif) no-repeat left 0px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-pdf { background: url(../Images/pdf.gif) no-repeat bottom 1px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-doc { background: url(../Images/doc.gif) no-repeat bottom 1px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-jpg { background: url(../Images/jpg.gif) no-repeat bottom 1px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-attach { background: url(../Images/attach.gif) no-repeat bottom 1px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-back { background: url(../Images/back.gif) no-repeat bottom 1px; border: 0; vertical-align: middle; height:14px; width: 16px; cursor: pointer; }
.img-noborder { border: 0; vertical-align: middle; text-align:center; cursor: pointer; }

.symbol-green { padding-right: 2px; font-size: 16px; font-weight:normal; color: green; font-family: 'wingdings 2'; vertical-align: middle }
.symbol-red { padding-right: 2px; font-size: 16px; font-weight:normal; color: red; font-family: 'wingdings 2'; vertical-align: middle }

.note-red-big { padding-left: 10px; font-size: 12px; color: red; font-style: italic; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.note-red { padding-left: 10px; font-size: 11px; color: red; font-style: italic; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.note-red-normal { font-size: 12px; color: red; font-weight: bold; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.note-red-xsmall { padding-left: 10px; font-size: 10px; color: red; font-style: italic; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.note-green { padding-left: 10px; font-size: 11px; color: green; font-style: italic; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.note-black { padding-left: 10px; font-size: 11px; color: #000; font-style: italic; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.msg-red { padding-right:12px; font-size: 12px; font-weight: bold; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.msg-green { padding-right:12px; font-size: 12px; font-weight: bold; color: green; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.msg-black { padding-right:12px; font-size: 12px; font-weight: bold; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.info-count { font-size: 11px; color: navy; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.ac { color: #fff; text-align: center; }

.rowLabel { font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; padding: 4px; text-align: center; background-color: #e2e2e2 }
/*.rowLabelPopup { font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; padding: 4px; text-align: center; background-color: #c2c2c2 }*/
.rowLabel-popup { font-size: 14px; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; padding: 4px; text-align: center; background-color: #002776 }
.rowHead-popup { font-size: 14px; color: #fff; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; }

.hoverButton { color: black; cursor: pointer; position: relative; height: 28px; background: url("../../images/stp1.gif") repeat-x; font-family: Helvetica, Arial, Verdana, Sans-Serif; font-weight: bold; font-size: 12px; }
.hoverButton:hover { color: yellow; }

.dvShadow { position: absolute; visibility: hidden; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #ccc; filter: Alpha(opacity=80); /* discarded */ z-index: 100; }
 #transparency {filter: alpha(opacity=25); -moz-opacity: .25; background-color:#ccc;}
 .dvSubShadow { position: absolute; visibility: hidden; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #ccc; filter: Alpha(opacity=50); /* discarded */ z-index: 100; }
 #subtransparency {filter: alpha(opacity=15); -moz-opacity: .15; background-color:#ccc;}

.lbLogout { padding-left: 20px; font-size: 10px; background: url(../Images/logout.gif) no-repeat; width: 45px; cursor: pointer; }
.lbLogout:hover { color: red; }
.lbSearch { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbSearch-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbSearch:hover { color: red; }
.lbAdd { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/plus.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbAdd-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/plus.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbAdd:hover { color: red; }
.lbSave { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/save.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbSave-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/save.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbSave:hover { color: red; }
.lbDelete { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/delete.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbDelete-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/delete.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbDelete:hover { color: red; }
.lbCancel { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cancel.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbCancel-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cancel.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbCancel:hover { color: red; }
.lbReturn { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cancel.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbReturn-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cancel.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbReturn:hover { color: red; }
.lbAttach { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/attach.gif) no-repeat left 0px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbAttach-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/attach.gif) no-repeat left 0px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbAttach:hover { color: red; }
.lbUpload { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/upload.gif) no-repeat left 0px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbUpload-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/upload.gif) no-repeat left 0px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbUpload:hover { color: red; }
.lbSend { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/mail.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbSend-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/mail.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbSend:hover { color: red; }
.lbApprove { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/approve.gif) no-repeat left 0px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbApprove-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/approve.gif) no-repeat left 0px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbApprove:hover { color: red; }
.lbReject { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/reject.gif) no-repeat left 0px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbReject-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/reject.gif) no-repeat left 0px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbReject:hover { color: red; }
.lbCompare { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/compare.gif) no-repeat left 0px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbCompare-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/compare.gif) no-repeat left 0px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbCompare:hover { color: red; }
.lbGenerate { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/generate.gif) no-repeat top 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbGenerate-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/generate.gif) no-repeat top 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbGenerate:hover { color: red; }
.lbPrint { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/print.gif) no-repeat top 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbPrint-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/print.gif) no-repeat top 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbPrint:hover { color: red; }
.lbDashboard { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/dashboard.png) no-repeat left top; color: #990066; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbDashboard-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/dashboard.png) no-repeat left top; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbDashboard:hover { color: red; }
.lbSelect { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/select.gif) no-repeat top 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbSelect-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/select.gif) no-repeat top 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbSelect:hover { color: red; }
.lbExcel { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/excel.gif) no-repeat bottom 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbExcel-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/excel.gif) no-repeat bottom 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbExcel:hover { color: red; }
.lbPDF { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/pdf.gif) no-repeat bottom 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbPDF-Disable { padding-left: 20px; padding-top: 0px; font-weight: bold; font-size: 12px; background: url(../Images/pdf.gif) no-repeat bottom 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbPDF:hover { color: red; }
.lbPreview { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbPreview-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbPreview:hover { color: red; }
.lbPrevious { padding-left: 15px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cal_back.gif) no-repeat left 3px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbPrevious-Disable { padding-left: 15px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cal_back.gif) no-repeat left 3px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbPrevious:hover { color: red; }
.lbNext { padding-right: 15px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cal_fwd.gif) no-repeat right 3px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbNext-Disable { padding-left: 15px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/cal_fwd.gif) no-repeat left 3px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbNext:hover { color: red; }
.lbManageRole { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/userrole.gif) no-repeat top 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbManageRole-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/userrole.gif) no-repeat top 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbManageRole:hover { color: red; }
.lbReceiving { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/receiving.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbReceiving-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/receiving.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbReceiving:hover { color: red; }
.lbRequest { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/request.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbRequest-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/request.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbRequest:hover { color: red; }
.lbIssuance { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/issuance.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbIssuance-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/issuance.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbIssuance:hover { color: red; }
.lbPTAEO { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbPTAEO-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/search.gif) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center;  cursor: not-allowed; }
.lbPTAEO:hover { color: red; }
.lbHelp { padding-left: 18px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/help.png) no-repeat left 1px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: pointer; }
.lbHelp-Disable { padding-left: 20px; padding-top: 1px; font-weight: bold; font-size: 12px; background: url(../Images/help.png) no-repeat left 1px; color: #ccc; font-family: Helvetica, Arial, Verdana, Sans-Serif; width: auto; text-align: center; cursor: not-allowed; }
.lbHelp:hover { color: red; }
.NB-Enabled { cursor: pointer; }
.NB-Disabled { cursor: not-allowed }

/* GridView
----------------------------------------------------------*/
.gridlink { font-size: 12px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; width: auto; font-weight: bold; }
.gridlink:hover { font-size: 12px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; text-decoration: none; border-bottom: #d2d8b0 1px solid; border-top: #336699 1px solid; font-weight: bold; }
.gridheader1 { font-size: 12px; padding: 2px 3px 2px 3px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; background-color: #d2d8b0; text-decoration: none; font-weight: bold; }
.gridheaderlink { font-size: 12px; padding: 3px; color: #fff; font-family: Helvetica, Arial, Verdana, Sans-Serif;  background-color: #d2d8b0; text-decoration: none;  }
.griditem { font-size: 12px; margin: 0px; padding: 3px 0px 3px 2px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; vertical-align: middle; }
.gridaltitem { font-size: 12px; margin: 0px; padding: 3px 0px 3px 2px; color: #000; font-family: Helvetica, Arial, Verdana, Sans-Serif; vertical-align: middle; background-color: #f7f7e7; }
.gridsubitem { font-size: 12px; margin: 0px; padding: 3px 0px 3px 2px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; vertical-align: middle; background-color: aliceblue; }
.gridselecteditem { font-size: 12px; margin: 0px; padding: 3px 0px 3px 2px; color: #336699; font-family: Helvetica, Arial, Verdana, Sans-Serif; vertical-align: middle; background-color: Yellow; }
.gridpager { font-size: 12px; padding: 1px 1px 1px 1px; font-family: Helvetica, Arial, Verdana, Sans-Serif; background: white; text-align:left }
.gridpager a:link { font-size: 12px; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.gridpager a:visited { font-size: 12px; color: gray; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.gridpager a:active { font-size: 12px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }
.gridpager a:hover { font-size: 12px; color: red; font-family: Helvetica, Arial, Verdana, Sans-Serif; }

/* Table
----------------------------------------------------------*/
.normal { font-size: 12px; color: #000; font-family: Helvetica, Arial, Verdana, sans-serif }

.panel { font-family: Helvetica, Arial, Verdana, sans-serif }
.panel-disabled { font-family: Helvetica, Arial, Verdana, sans-serif; cursor: not-allowed }

.table-with-border { border-collapse: collapse; padding:0px; border-color: #000 }
.table-with-border td { padding:0px; border-spacing:0px 0px; border-color: #000 }

.table-row-bg { background-color: #6b696b; }
.table-cs0cp0 { border-collapse: collapse; padding:0px; }
.table-cs0cp0 td { padding:0px; border-spacing:0px 0px; }
.table-cs1cp1 { border-collapse: collapse; padding:1px; }
.table-cs1cp1 td { padding:1px; border-spacing:0px 0px; }
.table-cs2cp2 { border-collapse: collapse; padding:2px; }
.table-cs2cp2 td { padding:2px; border-spacing:0px 0px; }
.table-cs0cp2 { border-collapse: collapse; padding:0px; }
.table-cs0cp2 td { padding:2px; border-spacing:0px 0px; }
.table-cs0cp3 { border-collapse: collapse; padding:0px; }
.table-cs0cp3 td { padding:3px; border-spacing:0px 0px; }
.table-cs4cp6 { border-collapse: collapse; padding:6px; }
.table-cs4cp6 td { padding:4px; border-spacing:0px 0px; border: 1px solid #c2c2c2; }
.table-cs4cp4 { border-collapse: collapse; padding:4px; }
.table-cs4cp4 td { padding:4px; border-spacing:0px 4px; }
.table-cs2cp4 { border-collapse: collapse; padding:4px; }
.table-cs2cp4 td { padding:2px; border-spacing:0px 0px; }
.table-cs3cp1 { border-collapse: collapse; padding:1px; }
.table-cs3cp1 td { padding:3px; border-spacing:0px 0px; border: 1px solid #c2c2c2; }

.cell-pad { margin: 12px }

.tr-cs2cp2 { border-collapse: collapse; padding:2px; }
.tr-cs2cp2 td { padding:2px; border-spacing:0px 0px; }
.tr-cs2cp0 { border-collapse: collapse; padding:2px; }
.tr-cs2cp0 td { padding-left:2px; border-spacing:0px 0px; }

/* Table
----------------------------------------------------------*/
.gsm-left { border-color:#f7f7e7; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:x-small; text-align:left; background-color:#d2d8b0; color:#336699; vertical-align:bottom; }
.gsm-center { border-color:#f7f7e7; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:x-small; text-align:center; background-color:#d2d8b0; color:#336699; vertical-align:bottom; }
.gsm-border { border-style:solid; border-width:1px; }
.gsm-label { font-family:Arial,Helvetica,Geneva,sans-serif; font-size:x-small; font-weight:bold; background-color:#d2d8b0; color:#336699; text-decoration:none; }
.gsm-text { font-family:Arial,Helvetica,Geneva,sans-serif; font-size:x-small; color:#000000; vertical-align:baseline; background-color:#f7f7e7; border-color:#d2d8b0; }
.gsm-button { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 11px; color: navy; margin: 5px; padding: 4px 10px; width: auto; border: 1px solid #808080; background-color: #d2d8b0; font-weight: bold; width: auto; cursor: pointer; }
.gsm-button-otp { font-family: Helvetica, Arial, Verdana, Sans-Serif; font-size: 11px; color: red; margin: 5px; padding: 4px 10px; width: auto; border: 1px solid red; background-color: #d2d8b0; font-weight: bold; width: auto; cursor: pointer; }

.gsm-button-add { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/add.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; vertical-align: middle; cursor: pointer; }
.gsm-button-select { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/select.gif') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; vertical-align: middle; cursor: pointer; }
.gsm-button-search { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/search.gif') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; vertical-align: middle; cursor: pointer; }

.gsm-button-routing { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/routing.jpg') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-save { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/save.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-submit { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/submit.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-prev { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/prev.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-next { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/next.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }

.gsm-button-add-disable { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: gray; border: 1px solid #808080; background: #d2d8b0 url('../images/add.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; vertical-align: middle; cursor: not-allowed; }
.gsm-button-save-disable { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: gray; border: 1px solid #808080; background: #d2d8b0 url('../images/save.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; cursor: not-allowed; }
.gsm-button-submit-disable { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: gray; border: 1px solid #808080; background: #d2d8b0 url('../images/submit.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 8px; margin: 5px; width: auto; cursor: not-allowed; }

.gsm-button-approve { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/approve.png') no-repeat 5px 2px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-reject { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/reject.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-return { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/return.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-close { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/close.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }
.gsm-button-cancel { font-family: Verdana, Sans-Serif, Helvetica, Arial; font-size: 11px; color: navy; border: 1px solid #808080; background: #d2d8b0 url('../images/return.png') no-repeat 5px 3px; font-weight: bold; padding: 4px 4px 4px 16px; margin: 5px; width: auto; cursor: pointer; }

.otp-btn { background-image: url('../Images/prev.png'); background-repeat: no-repeat; background-position: 10px center; padding-left: 20px; }
.login-btn { background-image: url('../Images/next.png'); background-repeat: no-repeat; background-position: 10px center; margin: 0px; padding-left: 30px; }

.dialog-background { background: none repeat scroll 0 0 rgba(204, 204, 204, 0.5); height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 99; }
.dialog-loading-wrapper { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 260px; left: 50%; margin-left: -275px; margin-top: -130px; position: fixed; top: 50%; width: 550px; z-index: 99; }
.dialog-loading-icon { background-color: #fff !important; border: 2px solid #000; border-radius: 13px; display: block; height: 260px; line-height: 25px; margin: 0; padding: 1px 10px 1px 10px; text-align:left; width: 550px; z-index: 1000; }
.dialog-loading-wrapper-md { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 500px; left: 35%; margin-left: -275px; margin-top: -130px; position: fixed; top: 35%; width: 900px; z-index: 99; }
.dialog-loading-icon-md { background-color: #fff !important; border: 2px solid #000; border-radius: 13px; display: block; height: 500px; line-height: 25px; margin: 0; padding: 1px 10px 1px 10px; text-align:left; width: 900px; z-index: 1000; }

.dialog-background { background: none repeat scroll 0 0 rgba(204, 204, 204, 0.5); height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 99; }
.dialog-loading-wrapper { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 260px; left: 50%; margin-left: -275px; margin-top: -130px; position: fixed; top: 50%; width: 550px; z-index: 99; }
.dialog-loading-icon { background-color: #fff !important; border: 2px solid #000; border-radius: 13px; display: block; height: 260px; line-height: 25px; margin: 0; padding: 1px 10px 1px 10px; text-align:left; width: 550px; z-index: 1000; }
.dialog-loading-wrapper-md { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; height: 500px; left: 35%; margin-left: -275px; margin-top: -130px; position: fixed; top: 35%; width: 900px; z-index: 99; }
.dialog-loading-icon-md { background-color: #fff !important; border: 2px solid #000; border-radius: 13px; display: block; height: 500px; line-height: 25px; margin: 0; padding: 1px 10px 1px 10px; text-align:left; width: 900px; z-index: 1000; }
.dialog-loading-wrapper-popup { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; width: 100%; z-index: 99; }
.dialog-loading-icon-popup { background-color: #fff !important; border: 2px solid #000; border-radius: 13px; display: block; margin: 0; padding: 1px 10px 1px 10px; text-align:left; width: 100%; z-index: 1000; }

/*Created By Lalit*/

.removeitem{padding-left: 30px; font-weight: normal; height:48px; font-size: 15px; background: url(../Images/Reports/removeitem.png);background-repeat:no-repeat; background-position: left center; color: black; font-family:Calibri,Helvetica, Arial, Verdana, sans-serif; width:auto;text-align:center; cursor:hand;}

.exportexcel{padding-left: 20px; font-weight: normal; height:48px; font-size: 15px; background: url(../Images/Reports/exportexcel.png);background-repeat:no-repeat; background-position: left center; color: black; font-family:Calibri,Helvetica, Arial, Verdana, sans-serif; width:auto;text-align:center; cursor:hand;}
.exportexcel:hover{color:#CC0000}

.print{padding-left: 20px; font-weight: normal; height:48px; font-size: 15px; background: url(../Images/Reports/print.png);background-repeat:no-repeat; background-position: left center; color: black; font-family:Calibri,Helvetica, Arial, Verdana, sans-serif; width:auto;text-align:center; cursor:hand;}
.print:hover{color:#CC0000}

.tablereport{padding-left: 20px; font-weight: normal; height:48px; font-size: 15px; background: url(../Images/Reports/viewport.png);background-repeat:no-repeat; background-position: left center; color: black; font-family:Calibri,Helvetica, Arial, Verdana, sans-serif; width:auto;text-align:center; cursor:hand;}
.tablereport:hover{color:#CC0000}

.editreport{padding-left: 20px; font-weight: normal; height:48px; font-size: 15px; background: url(../Images/Reports/editreport.png);background-repeat:no-repeat; background-position: left center; color: black; font-family:Calibri,Helvetica, Arial, Verdana, sans-serif; width:auto;text-align:center; cursor:hand;}
.editreport:hover{color:#CC0000}