html, body
	{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	}

	.notebox
		{
		width: 80%;
		background-color:#dedede;
		padding: 15px 15px 15px 15px ;
		color: #0C41C9;
		text-align: center;
		}

div.contentfw
	{
	width:600;
	padding-left:25px;
	}


/*	BEGIN NAV AND STRUCTURE STYLES */
	table.HelpPage
		{
		border-collapse:collapse;
		height: 100%;
		width: 100%;
		}
	
	table.HelpPage tr th, table.HelpPage tr td
		{
		padding: 5px;
		}
	table.HelpPage tr th
		{
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		background-color:#fd1812;
		}

	table.HelpPage tr td
		{
		vertical-align:middle;
		background-color: #efefef;
		}


	#contentbody
		{
		padding-top: 10px;
		padding-bottom: 10px;

		}
	img
		{
		border: none;
		}
	tr.subnav
		{
		height: 23px;
		}
	tr.footer td, td.subnav
		{
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;

/*		background-image: url(/images/hd_blbar.gif); */
/*		background-color:#5fa0d9;
		background-repeat: repeat-x;
		background-position: right top;

		background-color:#000000; 
		background-color:#224CB8;
		background-color:#0C41C9;
		background-color:#1368B1;
	
		background-color:#3B44BB;
		background-color:#4444;
 */
		background-color:#0C41C9;
		}

	table.subnav
		{
		border-collapse: collapse;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		}
	
	td.subnav
		{
		height: 23px;
		}
	table.subnav tr td
		{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		}
	
	td.subnav a, td.subnav a
		{
		font-weight: 600;
		color: #ffffff;
		text-decoration: none;
		}

	tr.footer td a
		{
		color: #ffffff;
		text-decoration: none;
		}

	tr.subnav td a:hover, tr.subnav td a:active , tr.footer td a:hover, tr.footer td a:active, td.subnav  a:hover, td.subnav  a:active 
		{
		text-decoration: underline;
		}


	div.calltoorder
		{
		text-align:center;
		margin-top: 23px;
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		margin-right:100px;
		}
	div.calltoorderdte
		{
		margin-top: 16px;
		}
 
	div.calltoorder span.line2
		{
		font-style: normal;
		font-size: 16px;
		}
		
	div.calltoorder span.line2 a
		{

		color: #0C41C9;
		}

	div.utility 
		{
		font-size: 13px;
		padding-top:7px;
		padding-right:5px;
		float:right;

		}

	.utility a
		{
		color: #000000;
		text-decoration: none;
		}

	.utility	a:hover, .utility a:active 
		{
		text-decoration: underline;
		}


	.bold
		{
		font-weight:bold;
		}
		
	a.navlinks
		{
		color: #000000;
		font-weight:bold;
		text-decoration: none;
		}

	a.navlinks:hover, a.navlinks:active 
		{
		text-decoration: underline;
		}
	.inlineheading
	{
		
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		background-color: #fd1812;
		padding: 2px 2px 2px 2px;
		color: #ffffff;
		line-height: 18px;
		width: 75px;
	}

	.inlineheadingsmall
		{
	width: 40px;
		}
	/* Clear floats break - turns off floated elements */
		hr.clearall {clear: both; height: 1px;}
		br.clearall {clear: both; height: 1px;}	
	/* End clear floats break */	


		div.container
		{position: relative;
		left: 0px;	top: 0px;
		width: 100%;}

		div.lefthalf
		{width: 49%; float: left;}

		div.righthalf
		{width: 49%;float: right;}

/*	END NAV AND STRUCTURE STYLES */


/*	BEGIN GENERAL TEXT AND CONTENT STYLES */
	b, strong
		{
		font-weight: bold;
		color: #000000;
		}

	b.red, strong.red
		{
		font-weight: bold;
		color: #fd1812;
		}

	.red
		{
		color: #fd1812;
		}

	i, em
		{
		font-style: italic;
		color: #6666cc;
		color: #0C41C9;
		}

	em.noital
		{
		font-style: normal;
		}
	ul.nobullets
		{
		list-style-type: none;
		}

	ul.nobullets li
		{
		margin-bottom: 4px;
		}


	ul, p, table
		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		}

	.smalltext
		{
		font-size: 10px;
		}

	.body_header 
		{
		font-size: 18px;
		font-weight: bold;
		color: #FF0000;
		}

	.floatleft	{float: left;}
	.floatright {float: right;}
	.aligncenter {text-align:center;}		
	.alignleft {text-align:left;}
	.alignright {text-align:right;}


div.arrownav p
	{
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:10px;
	}

div.arrownav img
	{
	margin-right:4px;
	}

		div.arrownav p a, div.arrownav p a:visited
		{
		text-decoration: none;
		font-weight: bold;
		font-size:13px;
		color:#0C41C9;
		}

		div.arrownav p a:hover, div.arrownav p a:active 
		{
		text-decoration: underline;
		}

	p.custsvc
		{
		font-weight:normal;
		text-align:left;
		font-size:11px;
		margin-bottom: 0px;
		}

/*	END GENERAL TEXT AND CONTENT STYLES */

/*	BEGIN FORM STYLES */
		input.InInvOnly
			{
			padding:100px;
			margin:0px;
			}
		input.LoginFields
			{
			width: 100px;
			margin-top:5px;
			}

		input.QuickSearch
			{
			width: 160px;
			}
		input.Go
			{
			width: 45px;
			}
		input.GoSmaller
			{
			width: 30px;
			}


/*	END FORM STYLES */


		img.HelpQ
			{
				vertical-align: bottom;
				margin-bottom:0px;
				padding-bottom:0px;
			}



/*	BEGIN ADMIN STYLES */

.AdminHeader
	{
	background-color: #5fa0d9;
	background-color:#0C41C9;
	color: #000;
	padding: 2px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
	font-size: 14px;
	color:#ffffff;
	float: none;
	border: 1px solid #336;
	width: 775px;
	height: 22px;
	}

#AdminForm
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


	
.AdminLabel
	{	
	font-weight: bold;
	text-align: right;
	}



tr.DbGridAltItem, td.DbGridAltItem {background-color:#ededed;}
.AdminDivGridLayout 
{width: 775px;
margin: 0;
padding: 0;}

Table.admintable
	{
	width:765px;
	margin-left:10px;
	}


Table.adminDataGrid
{border: 0px none;
padding-left: 120px;
margin: 10px 0px 20px 20px;}

td.AdminGridSmallText, tr.AdminGridSmallText {font-size: .9em;}

tr.AdminDataGridHeader	
	{
	color: #000;
	font-weight: bold; 
	font-size: 1.1em;
	background-color:#ededed;
	}



	p.note, div.note, .note
	{padding: 5px;
	margin:10px;
	border: 1px solid #cdcdcd;
	background-color: #ededed;
	color: inherit;}

.adminerror
{background-color: #fff;
font-style: italic;}

	/*	BEGIN  ADMIN TAB STYLES */

		#tablist{
		padding: 3px 0;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0.1em;
		font: bold 12px Arial;
		margin-left:10px;
		}

		#tablist li{
		list-style: none;
		display: inline;
		margin-left: 3px;
		}

		#tablist li a{
		padding: 3px 0.5em;

		margin-left: 3px;
		padding: 3px 5px  3px 5px ;
		margin: 3px 0px  3px 0px ;
		border: 1px solid #778;
		border-bottom: none;
		background: #fdfdfd;
		}

		#tablist li a:link, #tablist li a:visited{
		color: navy;
		}

		#tablist li a.current{
		background: lightyellow;
		}


		#tabcontentcontainer{
		width: 775px;

		margin-left:10px;
		padding: 10px;
		
		border: 1px solid black;
		}

		.tabcontent{display:none;		}
	/*	END ADMIN TAB STYLES */
	.varwidth
		{
		width:98%;
		}
	.adminwidth
		{
		width: 775px;
		margin-left:10px;
		}
	.adminsubnavitems
		{
		background-color: #ededed;
		width: 725px;
		margin-left: 30px;
		margin-right: 25px;
		margin-top: 5px;
		padding: 4px 4px 4px 4px;
		margin-bottom: 0px;

		}

		.adminsubnavitems .floatright a
		{
		text-decoration: none;
		font-weight: bold;
		}

		.adminsubnavitems .floatright a:hover, .adminsubnavitems .floatright a:active 
		{
		text-decoration: underline;
		}

/*	END ADMIN STYLES */




td.sortcol a{
    position:relative; /*this is the key*/
    z-index:0; 
	}

td.sortcol a{z-index:0;}

td.sortcol a span{
	display: none;
	text-decoration:none;
	}

td.sortcol a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:225px;
	border: 1px solid #cdcdcd;
    background-color:#dedede; color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size: 10px;
    text-align: center;}