body 
{
	margin:0;
	/*font-family:Arial;
	font-size:10pt;
	font-weight:bold;*/
	background-color:WhiteSmoke;
}
.loginPanel
{
    border:0px solid silver;
    margin:auto;
    border-radius:10px;
    max-width:430px;
    background-color:#fff;
}
.homeLink
{
	font-size:15pt;
	width:150px;
	height:27px;
	font-weight:bold;
	border:solid 1px blue;
	background-color:White;
}

.header
{
	background-image:url(images/loginback.png);
	background-repeat:repeat-x;
}

.textHeader
{
	background-image:url(images/main_nav.png);
	background-repeat:repeat-x;
	height:34px;
	vertical-align:middle;
	font-size:larger;
}
.ContentHeader
{	
	vertical-align:middle;
	font-size:11pt;
	color:white;
	background-color:Orange;
	text-align:left;
	padding:8px;
}
.ContentHeaderSearch
{	
	vertical-align:middle;
	font-size:11pt;
	color:white;
	background-color:Orange;
	text-align:left;
	
}
.ContentHeaderWithContent
{	
	vertical-align:middle;
	font-size:11pt;
	font-weight:bold;
	color:Black;
	background-color:#E2E2E2;
	text-align:left;
	padding:2px 6px 2px 6px;
	margin-top:5px;
}
.headerText
{
    padding-left:5px;
    font-size:15pt;
    font-weight:bold;
    color:Gray;
}
.HRLine
{
	background-color:silver;
	border:none;
	color:silver;
	height:2px;	
}
.HRLineTop
{
	background-color:orange;
	border:none;
	color:orange;
	height:2px;	
}
.HRLineThin
{
	background-color:silver;
	height:1px;	
}
.modalPanBackground
{
	background-image:url(images/PanelBack.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;	
}
.modalPanBackground1
{
	background-image:url(images/PanelBack.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.waitingMessage {	
	background-color:white;
	width:100%;
	height:270px;
	position: absolute;
	top: 25%;
	left: 0px;
	color:gray;
	text-align:center;
	vertical-align:middle;
}
.MessageBox
{
	background-color:Gray;
	width:100%;
	height:180px;
	position: absolute;
	top: 35%;
	left: 0px;
	color:White;
	text-align:center;
	vertical-align:middle;
}
.ConverPopup
{
	background-color:WhiteSmoke;
	width:900px;
	height:600px;
	position: absolute;
	top: 3px;
	left: 16%;
	color:Black;
	text-align:center;
	vertical-align:middle;
	border: 4px solid OrangeRed;
	border-radius:3px;
	padding:10px;
}
.ConverLoad
{
	z-index:-9999;
}
.MenuButton
{
	width:180px;
	height:35px;
	font-weight:bold;
	font-size:10pt;
	border: 2px solid Gray;
	border-radius:15px;
	padding: 2px;
}
.MenuButton:hover
{
	width:180px;
	height:35px;
	font-weight:bold;
	font-size:10pt;
	border: 1px solid green;
	border-radius:15px;
	padding: 2px;
	background-color:lightgreen;
	cursor:pointer;
}
.button
{
	width:120px;
	height:30px;
	font-weight:bold;
	font-size:11pt;
	border: 2px solid Gray;
	border-radius:15px;
	padding: 2px;
}
.button:hover
{
	width:120px;
	height:30px;
	font-weight:bold;
	font-size:11pt;
	border: 1px solid green;
	border-radius:15px;
	padding: 2px;
	background-color:lightgreen;
	cursor:pointer;
}
.GridIconButton
{	
	font-size:11pt;
	border: 1px solid Gray;	
	padding: 4px;
}
.GridIconButton:hover
{
    background-color:Orange;
    color:#fff;
}
.buttonDefault
{
	font-weight:bold;
	color:Gray;
	font-size:11pt;
	border: 2px solid Gray;
	border-radius:15px;
	padding:5px 12px 5px 12px;
}
.buttonDefault:hover
{
	font-weight:bold;
	font-size:11pt;
	border: 2px solid green;
	border-radius:15px;
	padding:5px 12px 5px 12px;
	background-color:lightgreen;
	cursor:pointer;
}
.buttonClose
{
	background-color:Red;
	font-weight:bold;
	color:White;
	font-size:12pt;
	border: 2px solid White;
	border-radius:15px;
	width:30px;
	height:30px;
}
.buttonClose:hover
{
	background-color:White;
	font-weight:bold;
	color:Red;
	font-size:12pt;
	border: 2px solid red;
	border-radius:15px;
	width:30px;
	height:30px;
	cursor:pointer;
}
.textbox
{
	background-color:White;
	font-size:10pt;
	font-weight:bold;
	width:450px;	
	height:22px;
	border: 1px solid gray;
	border-radius:3px;
	padding: 2px;
}
.textbox:focus
{
	background-color:#C1E2E3;
}
.textboxN
{
	font-size:10pt;
	font-weight:bold;
	width:250px;
	height:22px;
	border: 1px solid gray;
	border-radius:3px;
	padding: 2px;
	text-align:right;
}
.textboxN:focus
{
	background-color:#C1E2E3;
}
.textboxDT
{
	font-size:10pt;
	font-weight:bold;
	width:250px;
	height:22px;
	border: 1px solid gray;
	border-radius:3px;
	padding: 2px;
	text-align:center;
}
.textboxDT:focus
{
	background-color:#C1E2E3;
}
.textboxM
{
	font-size:10pt;
	font-weight:bold;
	width:450px;
	height:55px;
	border: 1px solid gray;
	border-radius:3px;
	padding: 2px;
}
.textboxM:focus
{
	background-color:#C1E2E3;
}
.textboxDropDown
{
	font-size:10pt;
	height:30px;
	border: 1px solid Silver;
	border-radius:3px;
	padding: 2px;
}
.textboxDropDown:focus
{
	background-color:#C1E2E3;
	border: 1px solid gray;
}
.textboxDropDownS
{
	font-size:10pt;
	width:150px;	
	height:30px;
	border: 1px solid Silver;
	border-radius:3px;
	padding: 2px;
}
.textboxDropDownS:focus
{
	background-color:#C1E2E3;
	border: 1px solid Green;
}
.textboxS
{
	font-size:10pt;
	font-weight:bold;
	width:150px;
	height:22px;
	border: 1px solid gray;
	border-radius:3px;
	padding: 2px;
}
.textboxS:focus
{
	background-color:#C1E2E3;
}
.textboxGrid
{
	background-color:White;
	font-size:10pt;
	font-weight:bold;
	width:38px;	
	height:18px;
	border: 1px solid gray;
	border-radius:2px;
	padding: 2px;
	text-align:right;
}
.textboxGrid:focus
{
	background-color:#C1E2E3;
}
.tabBox
{
	padding:5px;
	background-color:WhiteSmoke;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}
.tabs
{
	border-radius:2px;
	border: 1px solid gray;
}
.tabHeader
{
	color:Gray;
	background-color:#dddddd;
	font-size:11pt;
	font-weight:bold;
	width:150px;	
	height:30px;
	/*border: 1px solid gray;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	padding: 2px;
	text-align:center;
}
.tabHeader:hover
{
	background-color:#C1E2E3;
	font-size:11pt;
	font-weight:bold;
	width:150px;	
	height:30px;
	/*border: 1px solid silver;*/
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	padding: 2px;
	text-align:center;
}
.itemDelete
{
	background-image:url(Images/delete.png);
	width:25px;
	height:25px;
	color:Red;
	font-weight:bold;	
}
.SaveMsgBox
{	
	height:130px;
	width:910px;
	background-color:#c4fdca;
	border:2px solid #04f71b;
	margin:5px;
}


/*  Progress bar  */

#progress {
	position:fixed;
	z-index:2147483647;
	top:0;
	left:-6px;
	width:0%;
	height:2px;
	background:#b91f1f;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	-moz-transition:width 500ms ease-out,opacity 400ms linear;
	-ms-transition:width 500ms ease-out,opacity 400ms linear;
	-o-transition:width 500ms ease-out,opacity 400ms linear;
	-webkit-transition:width 500ms ease-out,opacity 400ms linear;
	transition:width 500ms ease-out,opacity 400ms linear
}
#progress.done {
	opacity:0
}
#progress dd,#progress dt {
	position:absolute;
	top:0;
	height:2px;
	-moz-box-shadow:#b91f1f 1px 0 6px 1px;
	-ms-box-shadow:#b91f1f 1px 0 6px 1px;
	-webkit-box-shadow:#b91f1f 1px 0 6px 1px;
	box-shadow:#b91f1f 1px 0 6px 1px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%
}
#progress dd {
	opacity:1;
	width:20px;
	right:0;
	clip:rect(-6px,22px,14px,10px)
}
#progress dt {
	opacity:1;
	width:180px;
	right:-80px;
	clip:rect(-6px,90px,14px,-6px)
}
@-moz-keyframes pulse {
	30% {
		opacity:1
	}
	60% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-ms-keyframes pulse {
	30% {
		opacity:.6
	}
	60% {
		opacity:0
	}
	100% {
		opacity:.6
	}
}
@-o-keyframes pulse {
	30% {
		opacity:1
	}
	60% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-webkit-keyframes pulse {
	30% {
		opacity:.6
	}
	60% {
		opacity:0
	}
	100% {
		opacity:.6
	}
}
@keyframes pulse {
	30% {
		opacity:1
	}
	60% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
#progress.waiting dd,#progress.waiting dt {
	-moz-animation:pulse 2s ease-out 0s infinite;
	-ms-animation:pulse 2s ease-out 0s infinite;
	-o-animation:pulse 2s ease-out 0s infinite;
	-webkit-animation:pulse 2s ease-out 0s infinite;
	animation:pulse 2s ease-out 0s infinite
}
.vendorinvoicecellheader
{
    font-size:12pt;
    border:1px solid silver;
    color:Gray;
}
.vendorinvoicecell
{
    font-size:13pt;
    border:1px solid silver;
}
.GridScroll
{
    overflow:auto;
    height:530px;
}
.ValidationCaption
{
    position: absolute;
    margin-top: -20px;
}