/*
* Left column: 160px;
*/
html	{ 
	min-height: 100%;
	margin-bottom: 0.1px;
	} 
body
	{
	font-family: /* 'century gothic', futura', */ arial, sans-serif;
	text-align: center;
	background-image: none;	/*xurl('http://hayesinstruments.com/images/background.jpg');*/
	background-repeat: repeat;
 	}
img
	{
	border: 0px;
	}
form	{
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.HEADING th
	{
	white-space: nowrap;
        }
#CONTAINER
	{
	width: 712px;
	margin: 0 auto;
	text-align: left;
	}
td
	{
/*	font-family: arial, sans-serif;*/
	}
li	{
	margin-bottom: .5em;
	}
.CAPTION
	{
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	color: #000080;
	}
.WAITLIGHT
{
	position: absolute;
	top: 1em;
	right: 20%;
	text-align: right;
	background: yellow;
	color: black;
	/*padding: 0 .5em;*/
}
.SALELIST
	{
/*	xfont-weight: bold;*/
	text-align: left;
/*	xcolor: #000080;*/
	}
.HAYESLEFTCOLUMNLOGO
	{
	width: 153px;
	float: left;
	text-align: center;
	margin: 2px;
	padding: 1px;
	}
.HAYESLEFTCOLUMN
	{
	margin-top: 110px;
	min-height: 100%;
	width: 160px;
	clear: both;
	float: left; 
	color: white;
	font-weight: bold;
	height: 100%;
	}
.HAYESBUTTONLEFT1
	{
	width: 157px;
	height: 24px;
	background: gray;
	background-image: url("/images/HayesButton1.gif");
	text-align: center;
	font-size: 100%;
/*	font-family: arial, sans-serif;*/
	margin: 0px;
	padding: 1px;
	}
.HAYESBUTTONLEFT1 A
	{
	display: block;
	width: 100%;
	}
.HAYESBUTTONLEFT2
	{
	width: 160px;
	background: #989898;
	text-align: center;
	font-size: 70%;
	padding: 4px 0px 2px 0px;
	}
.HAYESBUTTONLEFT2 A
	{
	display: block;
	width: 100%;
	}
.HAYESBOTTOMBUTTONMENU
	{
	display: none;
	}
.HAYESBOTTOMMENU
	{
	width: 240px;
	clear: both;
	color: white;
	font-weight: bold;
	font-size: 150%;
	height: 100%;
	margin: 0 auto;
	}
.HAYESBUTTONBOTTOM1
	{
	width: 238px;
	height: 48px;
	background: gray;
/*	xxbackground-image: url("images/HayesButton1.gif");*/
	text-align: center;
	font-size: 150%;
/*	font-family: arial, sans-serif;*/
	margin: 25px;
	padding: 1px 0px;
	}
.HAYESBUTTONBOTTOM1 A
	{
	display: block;
	width: 100%;
	}
.HAYESBUTTONBOTTOM2
	{
	width: 238px;
	background: #989898;
	text-align: center;
	font-size: 80%;
	margin: 25px;
	padding: 4px 0px 2px 0px;
	}
.HAYESBUTTONBOTTOM2 A
	{
	display: block;
	width: 100%;
	}


A:active .HAYESBUTTONLEFT1,
A:active .HAYESBUTTONLEFT2,
.HAYESBUTTONBOTTOM1 A:active,
A:link .HAYESBUTTONLEFT1,
A:link .HAYESBUTTONLEFT2,
.HAYESBUTTONBOTTOM1 A:link,
A:visited .HAYESBUTTONLEFT1,
A:visited .HAYESBUTTONLEFT2,
.HAYESBUTTONBOTTOM1 A:visited
	{
	text-decoration: none;
	color: white;
	}
A:hover .HAYESBUTTONLEFT1,
A:hover .HAYESBUTTONLEFT2,
.HAYESBUTTONBOTTOM1 A:hover
	{
	text-decoration: underline;
	color: #000000;
	background: #cccccc;
	cursor: pointer;
	}
.UNUSED___HAYESBOTTOMROW
	{
/*
	color: white;
	font-weight: bold;
	width: 80%;
	xbackground: blue;
	text-align: center;
*/
	}
.UNUSED___HAYESBUTTONBOTTOM1
	{
/*
	width: 159px;
	height: 25px;
	color: white;
	font-weight: bold;
	background: grey;
	background-image: url("images/HayesButton2.gif");
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12pt;
	margin: 0px;
	padding: 1px;
	float:left;
*/
	}
.BANNERAD
	{
        position: relative;
/*      xposition: absolute;*/
        width: auto;
        height: 65px;
	top: -25px;
        left: 30px;
/*	xtext-align: left;*/
	overflow: hidden;
	}
.LETTERHEAD
	{
	float: left;
 	}
.LETTERHEAD .IMAGE
	{
	/* display: none; */
	padding-bottom: .75em;
 	}
.LETTERHEAD .TEXT
	{
	display: none;	/* block */
	text-align: center;
/*	float: left;*/
/*	color: red;*/
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	padding-bottom: .1em;
 	}
.MESSAGE
	{
	text-align: center;
	}
.CENTEREDNOTE
	{
	text-align: center;
	color: #808080;
	padding-bottom: 1em;
	}
.CENTERED740
	{
		width: 740px;
		margin: 0 auto;
		text-align: left;
	}
.WIDEPAGEDATA
	{
	text-align: left;
	}
.PAGEDATA
	{
	margin: 0em .1em 0px .1em;
/*	xwidth: 552px;*/
	width: 548px;
	float: left;
	text-align: left;
	overflow: visible;
	}
.WIDEPAGETEXTBLOCK
	{
	padding: 5px 0% 0px 5%;
	font-size: 90%;
	text-align: left;
	}
.PAGETEXTBLOCK
	{
	padding: 5px 1em 0px 1em;
	font-size: 100%;
	text-align: left;
	}
.PAGETITLE
	{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1em;
	}
.PAGETITLE2,
.PAGETITLE2 A
	{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1em;
	}
.PAGESUBTITLE
	{
	font-size: 90%;
	font-weight: normal;
	}
.HAYESBOTTOMROWTEXT
	{
	clear: both;
	margin-left: 160px;
	padding: 2px 10% 0px 10%;
	font-size: 70%;
	text-align: center;
	}
.SHADE1
	{
	color: #000000;
	background: #eeeeee;
	}
.SHADE2
	{
	color: #000000;	/* #222222; */
	background: transparent;
	}
.SHADEADDRESS
	{
	color: #000000;
	background: #f8f8f8;
	border: solid 1px #c0c0c0;
	padding: .5em 0em .5em 1em;
	width: 19.5em;
	text-align: left;
	font-family: courier new, fixed;
	}
.SIGNINBOX
	{
	color: #000000;
	background: #f8f8f8;
	border: solid 1px #c0c0c0;
	padding: 1em 1.5em 1em 1.5em;
	text-align: left;
	}
.SIGNINBOX th,
.SIGNINBOX td
	{
	font-weight: normal;
	}
.PAID
	{
	background-repeat: no-repeat;
	background-position: center 1in;
	background-image: url('http://hayesinstruments.com/images/PaidStamp.gif')
	}
.UNUSED___TYPEWRITER
	{
	font-family: "Courier New", Courier monospace;
	font-size: 10pt;
	}
.SMALLTEXTTABLE,
.SMALLTEXTTABLE td,
.SMALLTEXTTABLE th
	{
	font-size: 90%;
	}

/*
 * SUMMARYINFORMATION is used to display the summary information near the bottom of the page
 * used for selected criteria
 */
.SUMMARYINFORMATION
	{
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: left;
	width: 60%;
	color: #202020;
	font-size: 80%;
	}
.SUMMARYINFORMATION .LABEL
	{
	padding-left: 1em;
	text-align: left;
	font-weight: normal;
	}
.SUMMARYINFORMATION .VALUE
	{
	padding-left: .5em;
	padding-right: 1em;
	text-align: left;
	}

.OTHERVERSIONS
	{
	width: 500px;
	margin: 0 auto;
	text-align: center;
	}

.RECALL
	{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	page-break-after: always;
	font-size: 90%;
	}
.RECALL table,
.RECALL table td,
.RECALL table th
	{
	font-size: 80%;
	}
.INVOICE
	{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
/*	xborder: 1px #cccccc solid;*/
/*	xborder: collapse;*/
	}
.INVOICE .SHADEADDRESS
	{
	font-size: 90%;
	}
.INVOICETABLE,
.INVOICETABLE td,
.INVOICETABLE th
	{
	empty-cells: show;
	border-collapse: collapse;
	padding: .2em .5em .2em .5em;
	border-top:    solid #cccccc 1px;
	border-right:  solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	border-left:   solid #cccccc 1px;
	white-space: nowrap;
	font-size: 90%;
/*	xfont-family: courier new, fixed;*/
	overflow: hidden;
	}
.INVOICETABLE .TOP
	{
	border: solid #ff0000 1px;
	}
.INVOICETABLE .WO
	{
	text-align: right;
	width: .7in;
	}
.INVOICETABLE .MANUFACTURER
	{
	text-align: left;
	width: 2.1in;
	}
.INVOICETABLE .MODEL
	{
	text-align: left;
	width: 1.51in;
	}
.INVOICETABLE .DESCRIPTION
	{
	text-align: left;
	width: 3.6in;
	}
.INVOICETABLE .SERIAL
	{
	text-align: left;
	width: 1.7in;
	}
.INVOICETABLE .WORK
	{
	text-align: left;
	width: .6in;
	}
.INVOICETABLE .CHARGE
	{
/*	xfont-size: 110%;*/
	font-weight: bold;
	width: .7in;
	}


.CUSTOMERMENU
	{
	padding-top: .5em;
	}
.CUSTOMERMENU ul
	{
	margin-left: 80px;
	/*xwidth: 17em;*/
	}
.CUSTOMERMENU li
	{
	padding-bottom: 8px;
	}
.CUSTOMERMENU a
	{
	padding-left: 1em;
	display: block;
	width: 100%;
	}


.WOMENU
	{
		padding: 0;
	}
.WOMENU ul
	{
	margin-left: 80px;
	/*xwidth: 17em;*/
	}
.WOMENU li
	{
	}
.WOMENU a
	{
	padding-left: 1em;
	display: block;
	width: 100%;
	}


.DATEERRORS th,
.DATEERRORS td
        {
        padding: 0 1em;
        }
.WORKORDERCERTIFICATE input.ul
	{
	font-size: 12pt;
	margin-left: 1em;
/*	xfont-size: 12pt;*/
	border-width: 0px 0px 1px 0px;
	border-color: #404040;
	background-color: #ffffe8;
	}
.WORKORDERCERTIFICATE input.ul:focus
	{ 
	}
.WORKORDERCERTIFICATE .RESULTS
        {
        padding-left: 4em;
	}
.WORKORDERCERTIFICATE .RESULTS .ERROR
        {
		color: #cc0000;
	}
.WORKORDERCERTIFICATE .RESULTS .STATUS
        {
		color: #888888;
	}
.WORKORDERENTRYFORM
	{
	font-size: 80%;
	}
.WORKORDERENTRY input.ul
        {
/*	font-size: 12pt;	*/
	margin-left: 1em;
/*	xfont-size: 12pt;	*/
	border-width: 0px 0px 1px 0px;
	border-color: #404040;
	background-color: #ffffe8;
	}
.WORKORDERENTRY th
        {
	text-align: left;
	}
.WORKORDERENTRY td
        {
/*	text-align: left;	*/
	}
.WORKORDERENTRY td span
        {
	padding-left: 1em;
	font-size: 85%;
	color: #808080;
	}

.WORKORDERSTICKER input.ul
	{
	font-size: 12pt;
	margin-left: 0em;
	margin-right: .25em;
/*	xfont-size: 12pt;*/
	border-width: 0px 0px 1px 0px;
	border-color: #404040;
	background-color: #ffffe8;
	}
.WORKORDERSTICKER input.ul:focus
	{ 
	}
.WORKORDERSTICKER .RESULT
        {
/*	color: #888888;*/
	}
.WORKORDERSTICKER .RESULT .ERROR
        {
	color: #cc0000;
	}
.WORKORDERSTICKER .RESULT .STATUS
        {
	color: #888888;
	}
/*
.WORKORDERSTICKER A:active
        {
		background: red;
	}
A
	{
	font-size: 90%;
	}
*/


.CUSTOMERCHARGESLISTTABLE td,
.CUSTOMERCHARGESLISTTABLE th,
.WORKORDERCOMPLETIONLISTTABLE td,
.WORKORDERCOMPLETIONLISTTABLE th,
.POSSIBLEDATEERRORSLISTTABLE td,
.POSSIBLEDATEERRORSLISTTABLE th
	{
/*	font-size: 85%;*/
	padding: .1em .5em .1em .5em;
	}
.PACKINGSLIPSLISTTABLE td,
.PACKINGSLIPSLISTTABLE th,
.PAYMENTSBYDATELISTTABLE td,
.PAYMENTSBYDATELISTTABLE th,
.PAYMENTSONDATELISTTABLE td,
.PAYMENTSONDATELISTTABLE th
	{
	font-size: 85%;
	padding: .2em .5em .2em .5em;
	}
.INVOICELISTTABLE td,
.INVOICELISTTABLE th
	{
	font-size: 82%;
	padding: .25em .5em .25em .5em;
	}
.MODELLISTTABLE
	{
	width: 7.0in;	/*720px;*/
	margin: 0 auto;
	}
.MANUFACTURERLISTTABLE
	{
	width: 500px;
	margin: 0 auto;
	}
.CUSTOMERLISTTABLE
	{
	width: 500px;
	margin: 0 auto;
	}
.CUSTOMERLISTTABLE th,
.CUSTOMERLISTTABLE td,
.INQUIRE7LISTTABLE th,
.INQUIRE7LISTTABLE td,
.MANUFACTURERLISTTABLE th,
.MANUFACTURERLISTTABLE td,
.MODELLISTTABLE td,
.MODELLISTTABLE th,
.WEBACCESSLISTTABLE td,
.WEBACCESSLISTTABLE th
	{
	font-size: 85%;
	padding: .1em .5em .1em .5em;
	}
.WEBACCESSLISTTABLE .SUBTABLE td,
.WEBACCESSLISTTABLE .SUBTABLE th
	{
	padding: 0;
	}

.CALIBRATIONREPORTSFORM label,
/*.CUSTOMERCHARGESFORM label,*/
.CUSTOMERLISTFORM label,
.INQUIRE7FORM label,
.INVOICESFORM label,
.SIGNINFORM label,
.MODELLISTFORM label,
.NOCHARGEFORM label,
.PACKINGSLIPSFORM label,
.PROBLEMWORKORDERSFORM label,
.RECALLFORM label,
.WEBACCESSFORM label,
.WORKORDERCERTIFICATEPRINTFORM label,
.WORKORDERCERTIFICATESTICKERFORM label,
.WORKORDERSFORM label
	{
	padding-left: .5em;
	padding-right: .5em;
	}


/**/
.CUSTOMERDETAIL
{
	width: 550px;
	margin: 0 auto;
	font-size: 85%;
}
.CUSTOMERDETAIL td
{
/*	font-family: Courier New, Courier, monospace;*/
	color: #444444;
}
.CUSTOMERDETAIL th
{
	padding-right: .5em;
	text-align: left;
/*	font-family: Courier New, Courier, monospace;*/
	color: #444444;
}
.CUSTOMERDETAIL th
{
	overflow: hidden;
}
.CUSTOMERDETAILAGENTTABLE
{
	width: 100%;
	font-size: 85%;
}
.CUSTOMERDETAILNOTE
{
	font-family: courier new, fixed;
}
.CUSTOMERDETAIL input.ul,
.CUSTOMERDETAIL select.ul
	{
	font-size: 95%;
	font-family: courier new, fixed;
	margin-left: 0em;
	/*margin-right: .25em;*/
	border-width: 0px 0px 1px 0px;
	border-color: #404040;
	background-color: #ffffe8;
	}

/**/
.WORKORDERDETAIL
{
	width: 550px;
	margin: 0 auto;
}

.WORKORDERDETAIL td,
.WORKORDERDETAIL th
{
	vertical-align: top;
	white-space: nowrap;
	padding-right: .5em;
	text-align: left;
	/*font-size: 85%;*/
}
.WORKORDERDETAILPROBLEM
{
	padding-left: 1.5em;
	font-family: courier new, fixed;
}	
.WORKORDERDETAILINVOICES
{
	border: solid 1px #cccccc;
}
.WORKORDERDETAILINVOICE td,
.WORKORDERDETAILINVOICE th
{
	text-align: right;
	padding: 0 .5em;
}
.WORKORDERDETAILTECHNICIAN td,
.WORKORDERDETAILTECHNICIAN th
{
	text-align: right;
	padding: 0 .5em;
}

A:active,
A:link,
A:visited
	{
	text-decoration: none;
	color: black;
	}
A.UL:active,
A.UL:link,
A.UL:visited
	{
	text-decoration: underline;
	font-weight: bold;

	}
A:hover
	{
	text-decoration: underline;
	color: black;
	background: #dddddd;
	}
.HIDDEN
	{
	display: none;
	}
@media print
	{
	.NOPRINT
		{
		display: none;
		}
	}
@media screen
	{
	.NODISPLAY
		{
		display: none;
		}
	}
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
a.EXTERNAL
{
	background: url("http://hayesinstruments.com/images/external.png") center right no-repeat;
	padding-right: 13px;
}
a.INDICATELINK
{
	background: url("http://hayesinstruments.com/images/external.png") center right no-repeat;
	padding-right: 13px;
}
a.EXTERNAL[href $=".pdf"],
a.EXTERNAL[href $=".PDF"],
a.EXTERNAL[href *=".pdf#"],
a.EXTERNAL[href *=".PDF#"],
a.EXTERNAL[href *=".pdf?"],
a.EXTERNAL[href *=".PDF?"],
.link-document {
	background: url("http://hayesinstruments.com/images/document.png") center right no-repeat;
	padding-right: 12px;
}
/* end of css */