/*----- Imports styling variables -----*/
@import '../custom_css/Variables.css';

body {
	color: #848484;
	color: var(--colTextDefault);
	background-color: white;
	background-color: var(--colTextBrightDef);
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.rapper {
	margin: 5px;
	padding: 5px;
	position: relative;
	/*border:solid 1px #999999;*/
}

.outerborder {
	/*border:solid 1px #999999;*/
	padding: 20px;
}

.lefttopimage {
	background: url(../images/design_short.gif) 0 0 no-repeat;
	position: absolute;
	width: 293px;
	height: 439px;
}

.righrimage {
	background-image: url(../images/toprightimage.gif);
	height: 53px;
	background-repeat: no-repeat;
	background-position: right;
}

.btnDiv {
	width: 100px;
	padding: 4px;
	margin: 0px;
	float: left;
	background: #000;
}

.inputtxt {
	width: 100px;
	height: 22px;
	padding: 1px 0px 2px 0px;
	margin: 0px auto;
	border: #FFF solid 1px;
	background: #000;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font: var(--weightTextBoldDef) var(--sizeFontDef1) var(--typeFontDef);
	letter-spacing: .3px;
	text-decoration: none;
	color: #fff;
}


/* NEW LOOK GLOBAL CSS CLASSES START*/

.PageHeaderNL {
	font-weight: bolder;
	font-size: 10pt;
	font-size: var(--sizeFontDef2);
	/*	color: white;*/
	COLOR: #000000;
	color: var(--colTextBrightDef);
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	/*	background-color: #3399cc;*/
	BACKGROUND-COLOR: #BED600;
	font-variant: small-caps;
}

.AlternatingGridNL {
	BACKGROUND-COLOR: "#EEEEEE";
}

.HeaderGridNL {
	Color: "#000000";
	BACKGROUND-COLOR: "#BED600";
	/*	
Color: "White" ;
BACKGROUND-COLOR: "#3399CC";*/
}

a.aNL {
	color: #000000;
	/*color:#0081c5;*/
}

a:hover.aNL {
	color: #0000FF;
	/*color:#004d77;*/
}

a:visited.aNL {
	/*	color:#FF0000;*/
	color: #993366;
}

.BannerNL {
	font-size: 8pt;
	font-size: var(--sizeFontDef-1);
	color: #000000;
	color: var(--colTextBrightDef);
	/*	color: #076da1;*/
	background-color: #dcdcdc;
}

.GridCaptionNL {
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	background-color: #EEEEEE;
	/*	background-color: lightcyan;*/
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
}

.ButtonCssNL {
	cursor: hand;
	background-color: #BED600;
	height: 23px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #000000;
	/*color: #FFFFFF;*/
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-image: url(../images/button_bgNL.gif);
	/*background-image: url(../images/button_bg.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid transparent;
	border-image: url(../images/button_bg_border.jpg) 2 stretch;
}

/* NEW LOOK GLOBAL CSS CLASSES END */

a {
	color: #0081c5;
}

	a:hover {
		color: #004d77;
	}

	a:visited {
		color: #660066;
	}

.ErrMsg {
	color: red;
	color: var(--colTextError);
	background-color: white;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
}


.NormalBody {
	color: #848484;
	color: var(--colTextDefault);
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
}

.NormalBodylink {
	color: #143D51;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 10px;
	font-size: var(--sizeFontDef-1);
	text-decoration: underline;
}

.buttoncssnew1 {
	cursor: hand;
	background-color: #ff0033;
	height: 23px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	font-weight: var(--weightTextDef);
	background-image: url(../images/button_bg_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}

.buttoncssnew2 {
	cursor: hand;
	background-color: #4bacc6;
	height: 23px;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	font-weight: var(--weightTextDef);
	background-image: url(../images/button_bg_lightblued.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}

.NormalBodylink:hover {
	color: #297BA3;
	text-decoration: none;
}

.Banner {
	font-size: 8pt;
	font-size: var(--sizeFontDef-1);
	color: #076da1;
	background-color: #dcdcdc;
}

.SelectButton {
	background-image: url(../images/Select.jpg);
}

.SubmitButton {
	width: 100px;
	height: 23px;
	float: left;
	background-image: url(../images/Submit.jpg);
	border: none;
}

.SubmitButton_ETC_CMS {
	width: 100px;
	height: 23px;
	background-image: url(../images/Submit.jpg);
	border: none;
}

.SubmitLine {
	background-image: url(../images/submitline.gif);
}

.SubmitLine_2 {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colDefMain);
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 85px;
	background-image: url(../images/submitline_2.gif);
}

.DownloadButton {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 81px;
	background-image: url(../images/download.gif);
}

.ContinueButton {
	background-image: url(../images/Continue.jpg);
}

.ContinueButton_2 {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 85px;
	background-image: url(../images/continue_2.gif);
}

.ProceedButton {
	background-image: url(../images/Proceed.gif);
}

.ContinueDisableButton {
	background-image: url(../images/ContinueD.jpg);
}

.ContinueDisableButton_2 {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 85px;
	background-image: url(../images/ContinueD_2.gif);
}

.BackButton {
	background-image: url(../images/Back.jpg);
}

.ConfirmInvoice {
	background-image: url(../images/ConfirmInvoice.jpg);
}

.ConfirmCreditNote {
	background-image: url(../images/confirmcreditnote.gif);
}

.DeleteButton {
	background-image: url(../images/delete.gif);
}

.SearchButton {
	background-image: url(../images/search.gif);
}

.DeleteArchiveButton {
	background-image: url(../images/deletearchive.gif);
}

.ReopenButton {
	background-image: url(../images/reopen.gif);
}

.RejectButton {
	background-image: url(../images/reject.gif);
}

.ApproveButton {
	background-image: url(../images/approve.gif);
}

.GeneratePDF {
	background-image: url(../images/GeneratePDF.jpg);
}

.ConfirmInvoice_2 {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/confirminvoice_2.gif);
}

.ConfirmCreditNote_2 {
	background-image: url(../images/confirmcredit_2.gif);
}

.GeneratePDF_2 {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/generatepdf_2.gif);
	border: none;
	cursor: default;
}

input, textarea {
	border: var(--defBorder);
	font-family: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	padding: 1px 2px;
	color: var(--colTextAltDarkDef);
}

.noborder {
	border: none !important;
}

select {
	font-family: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	font-size: 11px;
	font-size: var(--sizeFontDef0);
}

checkbox {
	border: none;
}

.MYINPUT {
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
	float: left;
}

.MYINPUTFORVAT {
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-family: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	text-align: right;
}

.GridCaption {
	font-size: smaller;
	background-color: lightcyan;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
}

.GridCaptionBold {
	font-style: normal;
	background-color: lightcyan;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
}

.BorderLessInput {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none
}

.PageHeader {
	font-weight: bolder;
	font-size: 10pt;
	font-size: var(--sizeFontDef2);
	color: white;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	background-color: #3399cc;
	background-color: var(--colDefMain);
	text-transform: capitalize;
}

.BlueHeading {
	text-align: justify;
	font-family: Verdana;
	font-family: var(--typeFontDef);
	font-size: 10pt;
	font-size: var(--sizeFontDef2);
	color: blue;
	font-weight: bolder;
	margin-left: 19px;
}

.graybody {
	text-align: justify;
	font-family: Verdana;
	font-family: var(--typeFontDef);
	font-size: 10pt;
	font-size: var(--sizeFontDef-2);
	color: #848484;
	color: var(--colTextDefault);
	font-weight: normal;
	font-weight: var(--weightTextDef);
	margin-left: 39px;
	margin-right: 0px;
}

.ConfirmCreditNote {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
}

.ButtonCss {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	font-weight: var(--weightTextDef);
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid transparent;
	border-image: url(../images/button_bg_border.jpg) 2 fill repeat;
	width: 109px;
}

	.buttoncss:hover {
		color: #00FF01;
		color: var(--colTextButDefHover);
		background-image: url(../images/button_bg_m.gif);
		background-repeat: repeat-x;
		border-image: url(../images/button_bg_border_depressed.jpg) 2 fill repeat;
	}


.ButtonCssNewAkkeron {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	width: 109px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}

.ButtonCssNew {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	width: 109px;
	float: left;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	font-weight: var(--weightTextDef);
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: -2px -2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid transparent;
	border-image: url(../images/button_bg_border.jpg) 2 fill repeat;
}

	.ButtonCssNew:hover {
		color: #00FF01;
		color: var(--colTextButDefHover);
		background-image: url(../images/button_bg_m.gif);
		background-repeat: repeat-x;
		border-image: url(../images/button_bg_border_depressed.jpg) 2 fill repeat;
	}

#divPrint {
}

@media print {
	#divPrint {
		display: none;
	}
}

#divPrint1 {
}

@media print {
	#divPrint1 {
		display: none;
	}
}

.tlbborder {
	border-top: 1px solid #468CB7;
	border-right: 1px solid #468CB7;
	border-bottom: 1px solid #468CB7;
	border-left: 1px solid #468CB7;
}

.create_credit {
	background-image: url(../images/create-credit.gif);
}

.create_invoice {
	background-image: url(../images/create-invoice.gif);
}
/*========Sourayan24-11-2008(Start)========*/
.edit_data {
	width: 130px;
	height: 23px;
	float: left;
	margin-right: 10px;
	background-image: url(../images/editdata.gif);
	border: none;
	cursor: default;
}

.delete_lines {
	width: 130px;
	height: 23px;
	float: left;
	background-image: url(../images/deletelines.gif);
	border: none;
}

.add_newline {
	width: 130px;
	height: 23px;
	float: left;
	background-image: url(../images/addnewline.gif);
	border: none;
}

.save {
	width: 130px;
	height: 23px;
	background-image: url(../images/save.gif);
	border: none;
}

.cancel_new {
	width: 130px;
	height: 23px;
	background-image: url(../images/cancel_new.gif);
	border: none;
}

.for_back {
	background-image: url(../images/back_new_2.gif);
	border: none;
}

.for_calculate {
	width: 130px;
	height: 23px;
	background-image: url(../images/calculate.gif);
	border: none;
}

.EditGrid {
	color: #848484;
	color: var(--colTextDefault);
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 10px;
	font-size: var(--sizeFontDef-1);
	text-decoration: none;
	border-collapse: collapse;
}
/*========Sourayan24-11-2008(End)========*/

.buttonnew {
	cursor: hand;
	background-color: #0081C5;
	background-color: var(--colButMain);
	height: 23px;
	width: 109px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}

.leveltext {
	color: #848484;
	color: var(--colTextDefault);
	font: bold 11px Verdana;
	font: var(--weightTextBoldDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: right;
	padding-right: 28px;
}

.smallheading {
	background-color: lightcyan;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
	display: block;
	width: 110px;
	float: left;
	text-align: center;
}

.longheading {
	background-color: lightcyan;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
	display: block;
	width: 150px;
	float: left;
	text-align: center;
}

.dropBox {
	height: 22px;
	width: 110px;
	color: #848484;
	color: var(--colTextDefault);
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	FONT-SIZE: 11px;
	font-size: var(--sizeFontDef0);
	text-decoration: none;
}

.inputbox1 {
	margin-right: 10px;
	padding: 1px 2px;
	height: 22px;
	width: 200px;
	border: #000 solid 1px;
	font: normal 11px/18px Arial;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: left;
	color: #848484;
	color: var(--colTextAltDarkDef);
}

.inputbox_date {
	margin-right: 5px;
	padding: 2px;
	height: 22px;
	width: 180px;
	border: #000 solid 1px;
	float: left;
	font: normal 11px/18px Arial;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: left;
	color: #848484;
	color: var(--colTextAltDarkDef);
}

.dropBox1 {
	height: 22px;
	width: 200px;
	padding: 1px 2px;
	border: #000 solid 1px;
	font: normal 11px/18px Arial;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: left;
	color: #848484;
	color: var(--colTextAltDarkDef);
}

.txtarea1 {
	margin-right: 10px;
	padding: 2px;
	height: 80px;
	width: 375px;
	border: #000 solid 1px;
	font: normal 11px/18px Arial;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: left;
	color: #848484;
	color: var(--colTextAltDarkDef);
}

.txtarea2 {
	margin-right: 10px;
	padding: 2px;
	height: 80px;
	width: 200px;
	border: #000 solid 1px;
	font: normal 11px/18px Arial;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	text-align: left;
	color: #848484;
	color: var(--colTextAltDarkDef);
}

.txtComments {
	width: 45%;
	padding: 0 10px 0 0;
	font: normal 11px Verdana;
	text-align: left;
	color: #848484;
	font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
	color: var(--colTextDefault);
}

.nobg {
	background: none !important;
}

.topBdr {
	border-top: 1px solid #999;
}

.bottomBdr {
	border-bottom: 1px solid #999;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}


/*edited by Indrani 20/12/11*/
table.listingArea {
	width: 99%;
	border: #ccc solid 1px;
	border: var(--defBorder);
}

	table.listingArea .tableHd, table.listingArea .tableHd a, table.listingArea .tableHd td {
		background-color: #3399CC;
		background-color: var(--colDefMain);
		font: bold 11px Verdana;
		font-size: 10px;
		color: #fff;
		text-decoration: none;
		font: var(--weightTextDef) var(--sizeFontDef-1) var(--typeFontDef);
		color: var(--colTextBrightDef);
	}

	table.listingArea td, table.listingArea tr.redcolor td {
		padding: 5px;
		font: normal 10px Verdana;
		color: #333;
		text-decoration: none;
		font: var(--weightTextDef) var(--sizeFontDef-1) var(--typeFontDef);
		color: var(--colTextAltDarkDef);
		border-right: #ccc solid 1px;
		border-right: var(--defBorder);
		border-left: var(--defBorder);
	}

	table.listingArea tr.redcolor td {
		color: Red !important;
	}



table.listingArea02 {
	width: 99%;
	border: none;
}

	table.listingArea02 .PageHeader, table.listingArea02 .PageHeader a, table.listingArea02 .PageHeader td {
		padding: 5px;
		background-color: #3399CC;
		background-color: var(--colDefMain);
		font: bold 10px Verdana;
		color: #fff;
		text-decoration: none;
		text-transform: capitalize;
		font: var(--weightTextBoldDef) var(--sizeFont-1) var(--typeFontDef);
		color: var(--colTextBrightDef);
	}

	table.listingArea02 td {
		padding: 8px 5px 0 5px;
		font: normal 10px Verdana;
		font-size: 10px;
		color: #333;
		text-decoration: none;
		font: var(--weightTextDef) var(--sizeFontDef0) var(--typeFontDef);
		color: var(--colTextAltDarkDef);
	}

.nopadding {
	padding: 0 !important;
}

.noBorder {
	border: none !important;
}

/*edited by Indrani 20/12/11*/

/*edited by rinku 16-05-2012*/
table.listingArea_NL {
	width: 99%;
	border: #ccc solid 1px;
	border: var(--defBorder);
}

	table.listingArea_NL .tableHd, table.listingArea_NL .tableHd a, table.listingArea_NL .tableHd td {
		background-color: #BED600;
		font: bold 11px Verdana;
		font-size: 10px;
		color: #fff;
		text-decoration: none;
		font: var(--weightTextBoldDef) var(--sizeFont-1) var(--typeFontDef);
		color: var(--colTextBrightDef);
	}

	table.listingArea_NL td, table.listingArea_NL tr.redcolor td {
		padding: 5px;
		font: normal 10px Verdana;
		color: #333;
		text-decoration: none;
		font: var(--weightTextDef) var(--sizeFont-1) var(--typeFontDef);
		color: var(--colTextAltDarkDef);
		border-right: #ccc solid 1px;
		border-right: var(--defBorder);
	}

/*edited by rinku 16-05-2012*/

/*start Listing Area*/

.useradd {
	width: 30px;
	margin: 0 auto;
}

	.useradd ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.useradd ul li {
			margin: 0;
			padding: 0;
			margin: 3px;
			list-style: none;
			width: 30px;
			height: 31px;
			line-height: 31px;
		}

			.useradd ul li a {
				width: 30px;
				height: 31px;
				background: url(../images/btn_bg.png) no-repeat;
				display: block;
			}




				.useradd ul li a:hover {
					background: url(../images/btn_bg_hover.png) no-repeat;
				}



.btnNext {
	background: url(../images/btnNext01.png) no-repeat;
	width: 30px;
	height: 31px;
	border: 0;
}

.btnNextAll {
	background: url(../images/btnNext02.png) no-repeat;
	width: 30px;
	height: 31px;
	border: 0;
}

.btnPrev {
	background: url(../images/btnPrev01.png) no-repeat;
	width: 30px;
	height: 31px;
	border: 0;
}

.btnPrevAll {
	background: url(../images/btnPrev02.png) no-repeat;
	width: 30px;
	height: 31px;
	border: 0;
}
/* Added By Sougata on 31st December 2012*/
.noborder {
	border: none !important;
}



/*start Listing Area*/


/*end Listing Area*/

/* Added By Mrinal on 22nd January 2013*/

.AddAttachment {
	cursor: hand;
	background-color: #0081C5;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/Attachments.gif);
	border: none;
	cursor: default;
}

.CreateNewInvoice {
	cursor: hand;
	background-color: #0081C5;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/CreateNewInvoice.gif);
	border: none;
	cursor: default;
}

.CreateNewCredit {
	cursor: hand;
	background-color: #0081C5;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/CreateNewCredit.gif);
	border: none;
	cursor: default;
}

/* Added By Sougata on 23rd January 2013 */

.ConfirmCREDIT_2 {
	cursor: hand;
	background-color: #0081C5;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 139px;
	background-image: url(../images/confirmCredit_2_2.gif);
}

.NormalBody_test a {
	text-decoration: none;
	color: #ffffff !important;
	color: var(--colTextBrightDef) !important;
}

	.NormalBody_test a:hover {
		text-decoration: none;
	}

.ButtonCss_akkeron {
	background-color: #0081C5;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: var(--typeFontMainButDef);
	color: #FFFFFF;
	color: var(--colTextBrightDef);
	text-decoration: none;
	font-size: 11px;
	font-size: var(--sizeFontDef0);
	background-image: url(../images/aqillaInvoiceexport.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	width: 109px;
	cursor: pointer;
}

	.ButtonCss_akkeron:hover {
		color: #00FF01;
		color: var(--colTextButDefHover);
		background-image: url(../images/aqillaInvoiceexport_h.gif);
		background-repeat: repeat-x;
	}

/* Added By Mrinal on 15th May 2014*/
.no_border {
	border: none !important;
}


/* Added By Mrinal on 1st September 2014*/
.repeaterItem {
	float: left;
	margin: 0 5px 5px 0;
	background: none;
	border: none;
	font: 10px Verdana;
	font: var(--sizeFontDef-1) var(--typeFontDef);
	color: #0081c5;
	text-decoration: underline;
	cursor: pointer;
}

	.repeaterItem:hover {
		color: #000;
	}

.Width110 {
	width: 110px;
}

.iInfoImg {
	width: 14px;
	height: 14px;
}

/*Expense Claim pages css*/
.expenseSubTotalGrid {
	display: grid;
	grid-template-columns: auto auto;
	grid-column-gap: 10px;
	grid-row-gap: 2px;
	align-content: center;
	justify-content: right;
}

.expenseGridUnderTable {
	display: grid;
	justify-items: right;
	grid-column-gap: 30px;
	grid-row-gap: 5px;
	grid-template-columns: 1fr;
	padding: 5px;
}

.logOffButton {
	width: 91px;
	height: 23px;
	display: inline-block;
	text-align: center;
	padding: 2px;
}

.hypToButton {
	height: 23px;
	padding: 1px 16px;
	color: white !important;
	color: var(--colTextButDef) !important;
	vertical-align: middle;
}

	.hypToButton:hover {
		color: #00FF01 !important;
		color: var(--colTextButDefHover) !important;
	}

.sectionHeader {
	font-weight: bolder;
	font-size: 13px;
	font-size: var(--sizeFontDef2);
	color: white;
	FONT-FAMILY: verdana, Tahoma, Arial;
	font-family: var(--typeFontDef);
	background-color: #3399cc;
	background-color: var(--colDefMain);
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 1px 5px;
}

.displayTableCell {
	display: table-cell;
}