body { margin:0; background-color:#dbdfef; }

form { margin:0;}
.forms {  border:1px solid #5c6d84;background:url(/images/body/formsBg.png) #FFF repeat-x; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px; }
.formsError {  border:1px solid #5c6d84;background:url(/images/body/formsBgRed.png) #FF8C8C repeat-x; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px; }
.formsCurrency {  border:1px solid #5c6d84;background:url(/images/body/formsBgCurrency.png) #FFF repeat-x; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 3px 3px 10px; text-align:right; }
.formsCurrencyError {  border:1px solid #5c6d84;background:url(/images/body/formsBgCurrencyRed.png) #FF8C8C repeat-x; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 3px 3px 10px; text-align:right; }
.formsPercent {  border:1px solid #5c6d84;background:url(/images/body/formsBgPercent.png) #FFF no-repeat top right; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 14px 3px 3px; text-align:right; }
.formsPercentError {  border:1px solid #5c6d84;background:url(/images/body/formsBgPercentRed.png) #FF8C8C no-repeat top right; color:#2d3237; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 14px 3px 3px; text-align:right; }

/* Header */

#tblHeaderTop { margin-left:auto; margin-right:auto; width:98%; height:60px; background-image:url(/images/header/topMid.png); }
#tblHeaderButtons { width:700px; height:35px; margin-right:10px; margin-top:25px; text-align:right; float:right; } 
.tblHeaderMid { margin-left:auto; margin-right:auto; width:98%; height:31px; background-image:url(/images/header/midMid.png); text-align:right; }
#tblHeaderBtm { margin-left:auto; margin-right:auto; width:98%; height:10px; background-image:url(/images/header/btmMid.png); }

/* Body Table */

#tblBodyHeading { margin-left:auto; margin-right:auto; width:98%; height:31px; background-image:url(/images/body/hdgMid.png); margin-top:5px; } 
#tblBodyHeadingText { width:500px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#142052; padding-top:8px; }
#tblBodyHeadingButtons { width:300px; float:right; text-align:right; margin-top:4px; }
#tblBodyContainer { margin-left:auto; margin-right:auto; width:98%; background-color:#FFF; }
#tblBodyContentContainer { border-left:1px solid #aab9cd; border-right:1px solid #aab9cd; margin:0; }
#tblBodyHeading { margin-left:auto; margin-right:auto; width:98%; height:31px; background-image:url(/images/body/hdgMid.png); margin-top:5px; } 
#tblBodyFooter { margin-left:auto; margin-right:auto; width:98%; height:31px; background-image:url(/images/body/ftrMid.png); } 
#tblBodyFooterWhite { margin-left:auto; margin-right:auto; width:98%; height:12px; background-image:url(/images/body/ftrWhiteMid.png); } 
.tblBodyContentContainer { border-left:1px solid #aab9cd; border-right:1px solid #aab9cd; margin:0; }

/* Home */
#homeTblHeading { height:20px; background:url(/images/body/home/homeTablesBg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; font-weight:bold; padding-left:10px; padding-top:5px; }
#homeTblContent { background-color:#ebf3ff; border:1px solid #c3d3ea; }
#homeTblSubheading { background:#C3D3EA; padding:5px; }
.homeTblSubheading { background:#C3D3EA; padding:5px; }
.homeTblHeading { height:20px; background:url(/images/body/home/homeTablesBg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; font-weight:bold; padding-left:10px; padding-top:5px; }

/* Footer */

#tblFooter { margin-left:auto; margin-right:auto; width:98%; height:37px; background-image:url(/images/footer/bgMid.png); margin-top:10px; } 
#tblFooterText { width:97%; float:left; text-align:center; }


/* Text */

.defaultText {color:#2d3237; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none;}
.defaultText a:link {color:#002bb0;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	text-decoration:underline;}
.defaultText a:visited {color: #002bb0;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold;	text-decoration:underline;}
.defaultText a:hover {color:#002bb0;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	text-decoration:none;}
.defaultText li {margin-bottom:5px; margin-left:-1.7em;}
.defaultText ul {list-style:square;	margin-bottom:10px;	margin-top:10px;}
.defaultText ol {margin-top:5px;	margin-bottom:5px;}

.headerSubmenuText {color:#8aa9e8; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none;}
.headerSubmenuText a:link {color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	text-decoration:none;}
.headerSubmenuText a:visited {color: #fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold;	text-decoration:none;}
.headerSubmenuText a:hover {color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:bold;	text-decoration:none;}

.footerText {color:#273259; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none; margin-top:7px;}
.footerText a:link {color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none;}
.footerText a:visited {color: #fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:normal;	text-decoration:none;}
.footerText a:hover {color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none;}
/* Body Elements */

#tblSearchBox { height:25px; margin-left:10px; margin-right:10px; background-color:#ebf3ff; border:1px solid #c3d3ea; padding:10px; }
#tblRecordsFound { width:250px; float:left; padding-top:5px; }
#tblSearchElements { width:500px; text-align:right; float:right }

#tblGridHeadingsContainer { background-color:#5475a4; height:22px; clear:both; margin-top:10px; }
.tblGridHeadingsContainer { background-color:#5475a4; height:22px; clear:both; margin-top:10px; }
.tblGridHeadingCell {height:17px; padding-top:5px; text-align:center; padding-left:2px; padding-right:2px; float:left; color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none; }
.tblGridHeadingCell a:link {color:#fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:underline;}
.tblGridHeadingCell a:visited {color: #fff;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:normal;	text-decoration:underline;}
.tblGridHeadingCell a:hover {color:#fff; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	text-decoration:none;}

#tblGridRowContainer { background-color:#fff; min-height:22px; clear:both; }
.tblGridRowContainer { background-color:#fff; min-height:22px; clear:both; }
.tblGridRowContainerHome { background-color:#fff; clear:both; }
#tblGridRowContainerAlt { background-color:#ebf3ff; min-height:22px; clear:both; }
.tblGridRowContainerAlt { background-color:#ebf3ff; min-height:22px; clear:both; }
.tblGridRowContainerAltHome { background-color:#ebf3ff; clear:both; }
.tblGridRowCell { min-height:17px; padding:5px 2px 5px 2px; text-align:center; float:left;}
.tblGridRowCellHome { padding: 2px; text-align:center; float:left; }
.tblGridRowCellHomeLeft { padding: 2px; text-align:left; float:left; }

#tblGridFooterContainer { height:18px; padding-top:4px; padding-left:10px; background-color:#88a1c4;color:#fff; clear:both; }
.tblGridFooterContainer { height:18px; padding-top:4px; padding-left:10px; background-color:#88a1c4;color:#fff; clear:both; }
.tblGridFooterContainerHome { height:20px; padding-top:4px; padding-left:10px; background-color:#C3D3EA; clear:both; }

/* Body Columns for Edit */
#tblGeneralContainerLeft { padding:0px 10px 0px 10px; }
#tblGeneralContainerRight { padding:5px 1px 10px 0; position:fixed; width:29%; }
#tblGeneralContainerAddress { padding:0px 10px 0px 10px; }

.columnRightContainer { background-color:#c3d3ea; margin-right:1px; padding:10px;}

#formColumnLeft { width:40%; padding:10px; background-color:#ebf3ff; float:left; }
#formColumnRight { width:40%; padding:10px; background-color:#ebf3ff; margin-left:10px; float:left; }
#modalformColumnLeft { width:40%; padding:10px; background-color:#ebf3ff; margin-left:10px; }

#txtFormHeading { width:100%; color:#142052;	font-family:Arial, Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	text-decoration:none; padding-bottom:5px; }
.txtDocumentDescription { color:#142052;	font-family:Arial, Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	text-decoration:none; padding-bottom:5px; }

/* Modal */
#modalWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#modalWindowError { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:2000;}
#modalBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#modalContainer { position:absolute; width:300px; left:50%; top:30%; z-index:1500; }
#modal { background-color:white; border:solid 1px #22396f; position:relative; top:-150px; left:-200px; z-index:2000; width:390px;padding:1px; }
#modalHeading { height:31px; background-image:url(/images/body/buttonsModal/bg.png); background-repeat:repeat-x;  }
#modalHeadingLogin { height:70px; background-image:url(/images/body/loginBg.png); background-repeat:repeat-x;  }
#modalHeadingError { height:31px; background-image:url(/images/body/buttonsModal/bgRed.png); background-repeat:repeat-x;  z-index:2000}
#modalCloseButton { width:17px; height:17; float:right; margin-top:8px; margin-right:5px; }
#modalHeadingText { width:380px; padding-top:7px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; float:left; }
#modalBody { padding: 10px; }
#modalBodyError { padding: 10px; z-index:2000}
#modalButtons { margin:0 0 10px 10px; }

/* CustomerEdit modal*/
#ceditWindowInfo { display:none; position:absolute; width:100%; height:100%; top:0px; left:0px; }
#ceditBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#ceditContainer { position:absolute; width:1000px; left:50%; top:30%; z-index:1500; }
#cedit { background-color:white; border:solid 1px #22396f; position:relative; top:-150px; left:-500px; z-index:2000; width:1000px;padding:1px; }

/* LocationEdit modal*/

#leditWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#leditBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#leditContainer { position:fixed; width:600px; height:500px; left:50%; top:50%; z-index:1500; margin-top:-250px; margin-left:-300px; }
#ledit { background-color:white; border:solid 1px #22396f; padding:1px; }

/* PurchaseEdit modal position:relative; top:-150px; left:-500px; z-index:2000; width:500px; */
#peditWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#peditBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#peditContainer { position:fixed; width:500px; height:600px; left:50%; top:50%; z-index:1500; margin-top:-300px; margin-left:-250px;}
#pedit { background-color:white; border:solid 1px #22396f; padding:1px; }


/* VendorEdit modal  position:relative; top:-150px; left:-500px; z-index:2000; width:500px; */
#veditWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#veditBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1400; top:0px; left:0px; }
#veditContainer { position:fixed; width:500px; height:600px; left:50%; top:50%; z-index:1500; margin-left:-250px; margin-top:-300px;}
#vedit { background-color:white; border:solid 1px #22396f; padding:1px; }

/* SmallEditUser modal  position:relative; top:-150px; left:-500px; z-index:2000; width:500px; */
#smueditWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#smueditBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1400; top:0px; left:0px; }
#smueditContainer { position:fixed; width:500px; height:600px; left:50%; top:50%; z-index:1500; margin-left:-250px; margin-top:-300px;}
#smuedit { background-color:white; border:solid 1px #22396f; padding:1px; }

/* Edit Inventory Item type modal*/

#eiitWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#eiitBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#eiitContainer { position:fixed; width:350px; height:200px; left:50%; top:50%; z-index:1500; margin-top:-100px; margin-left:-175px; }
#eiit { background-color:white; border:solid 1px #22396f; padding:1px; }

/* List One Inventory modal*/

#loiWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#loiBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#loiContainer { position:fixed; width:600px; height:400px; left:50%; top:50%; z-index:1500; margin-top:-200px; margin-left:-250px; }
#loi { background-color:white; border:solid 1px #22396f; padding:1px; }

/* barcode modal*/

#barmodWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#barmodBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#barmodContainer { position:fixed; width:300px; height:300px; left:50%; top:50%; z-index:1700; margin-top:-100px; margin-left:-150px; }
#barmod { background-color:white; border:solid 1px #22396f; padding:1px; }

/* Barcode scanning modal*/

#barscanWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#barscanBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#barscanContainer { position:fixed; width:1150px; height:500px;  top:50%; left:50%; z-index:1600; margin-top:-200px; margin-left:-550px; }
#barscan { background-color:white; border:solid 1px #22396f; padding:1px; }

/* barcode modal*/

#ConfirmMessageWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#ConfirmMessageBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#ConfirmMessageContainer { position:fixed; width:300px; height:300px; left:50%; top:50%; z-index:1800; margin-top:-100px; margin-left:-150px; }
#ConfirmMessage { background-color:white; border:solid 1px #22396f; padding:1px; }

/* Motor details modal*/

#InvMotorWindowInfo { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#InvMotorBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 1000; top:0px; left:0px; }
#InvMotorContainer { position:fixed; width:300px; height:300px; left:50%; top:50%; z-index:1500; margin-top:-200px; margin-left:-250px; }
#InvMotor { background-color:white; border:solid 1px #22396f; padding:1px; }

/* ProgressBar modal*/

#ProgressBarModal { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; }
#ProgressBarModalBackground { filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; width:100%; height:100%; background-color:#C3D3EA; position:absolute; z-index: 2000; top:0px; left:0px; }
#ProgressBar { position:fixed; width:200px; height:25px; left:50%; top:50%; z-index:2500; margin-top:-50px; margin-left:-150px; }

/* File input design */
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}