html, body { height: 100%; min-height: 100%;}

* html { /* for IE6 */
	height: 100%;
}

BODY
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	background: url("bkg.png") no-repeat left top; */
}

#companyLogo
{
	text-align: right;
	color: #D0A080;
	font-size: 24pt;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 8px;
	padding-right: 46px;
	width: 666px;
	height: 100px;
}

#companyShadow
{
	text-align: right;
	color: #000000;
	font-size: 24pt;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 10px;
	padding-right: 44px;
	width: 666px;
	height: 100px;
}

#productLogo
{
	position: absolute;
	width: 100px;
	height: 85px;
	top: 0px;
	left: 0px;
	color: #D0A080;
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 15px;
}

#companyLogo.default
{
	background-image: url(companyLogo.gif);
	background-attachment: fixed;
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 0px;
}

#productLogo.default
{
	background-image: url(productLogo.gif);
	background-repeat: no-repeat;
}

#bodyContent
{
	margin-top: 110px;
}

#tab_wrapper1
{
	position: relative;
	top: 100px;
	left: 0px;
	background: url("tabLine.gif") repeat-x left top;
	width: 100%;
	height: 30px;
	text-align: center;
}

#tabshadowline
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
}


#tab_wrapper2
{
	width: 780px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#tab_wrapper3
{
	position: relative;
	width: 780px;
	margin: 0 auto;
}

.tab a, .currenttab a
{
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	border: 0px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

.tabHighlight
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("tabShadow.gif") repeat-x left top;
	width: 100%;
	height: 30px;
	text-align: center;
}

.currenttabHighlight
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("tabHighlight.gif") repeat-x left top;
	width: 100%;
	height: 30px;
	text-align: center;
}

#Home_tab a
{
	background-image: url("tabs116.gif");
	left: 0px;		z-index: 180;		width: 116px;

}
#Reports_tab a
{
	background-image: url("tabs116.gif");
	left: 92px;		z-index: 170;		width: 116px;
}
#Status_tab a
{
	background-image: url("tabs116.gif");
	left: 92px;		z-index: 160;		width: 116px;
}
#Maintenance_tab a
{
	background-image: url("tabs134.gif");
	left: 188px;	z-index: 150;		width: 134px;
}
#Settings_tab a
{
	background-image: url("tabs116.gif");
	left: 302px;	z-index: 140;		width: 116px;
}
#Installation_tab a
{
	background-image: url("tabs134.gif");
	left: 402px;	z-index: 130;		width: 134px;
}
#Software_tab a
{
	background-image: url("tabs116.gif");
	left: 512px;	z-index: 120;		width: 116px;
}

.currenttab a
{
	z-index: 199 !important;
}

#Logout_tab a
{
	background-image: url("tabs116.gif");
	left: 662px;	z-index: 110;		width: 116px;
	background-position: 0px -60px !important;
}

.tab_lGray a			{	background-position: left 0px;		}
.tab_lBlue a			{	background-position: left -30px;		}
.tab_lRed a				{	background-position: left -60px;		}
.tab_lGreen a			{	background-position: left -90px;		}
.tab_lBrown a			{	background-position: left -120px;	}
.tab_lOrange a			{	background-position: left -150px;	}
.tab_dGray a			{	background-position: left -180px;	}
.tab_white a			{	background-position: left -210px;	}
.tab_lYellow a			{	background-position: left -240px;	}
.tab_lCyan a			{	background-position: left -270px;	}
.tab_altRed a			{	background-position: left -300px;	}

.currenttab_lGray a, .ontab_lGray a:hover			{	background-position:left 0px !important;		   }
.currenttab_lBlue a, .ontab_lBlue a:hover			{	background-position:left -30px !important;		}
.currenttab_lRed a, .ontab_lRed a:hover			{	background-position:left -60px !important;		}
.currenttab_lGreen a, .ontab_lGreen a:hover		{	background-position:left -90px !important;		}
.currenttab_lBrown a, .ontab_lBrown a:hover		{	background-position:left -120px !important;	   }
.currenttab_lOrange a, .ontab_lOrange a:hover	{	background-position:left -150px !important;	   }
.currenttab_dGray a, .ontab_dGray a:hover			{	background-position:left -180px !important;	   }
.currenttab_white a, .ontab_white a:hover			{	background-position:left -210px !important;	   }
.currenttab_lYellow a, .ontab_lYellow a:hover	{	background-position:left -240px !important;	   }
.currenttab_lCyan a, .ontab_lCyan a:hover			{	background-position:left -270px !important;	   }
.currenttab_altRed a, .ontab_altRed a:hover		{	background-position:left -300px !important;	   }

.ttipHead
{
	background-color: #3B73B9;
	color:#FFFFFF;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	height:20px;
}

.ttipBody
{
	background-color:#EEEEEE;
	vertical-align:top;
	text-align:center;
}

.tbl
{
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.tblHead
{
	background-color: #3B73B9;
	color:#FFFFFF;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	height:20px;
}

.tblBody
{
	background-color:#EEEEEE;
}

table {
	font-size: 13px;
}

table.plant {
	font-size: 16px;
}

th.tableHead, th.tableHeadMiddle, th.tableHeadRight, th.tableHeadLeft, th.tableHeadFour, th.tableHeadAll, th.tableHeadMidLeft, th.tableHeadMidRight {
	background-color: #3B73B9;
	color:#FFFFFF;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	height:20px;
}

th.tableHeadLeft, th.tableHeadMiddle {
	border-right: 1px solid white;
}

th.tableHeadRight, th.tableHeadMiddle {
	border-left: 1px solid white;
}

th.tableHeadMidLeft {
	border-left: 2px solid black;
	border-right: 1px solid black;
}

th.tableHeadMidRight {
	border-left: 1px solid black;
	border-right: 2px solid black;
}

th.tableHeadFour {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

th.tableHeadAll {
	border-left: 2px solid black;
	border-right: 2px solid black;
}

td.big {
	font-size: 16px;
	white-space: normal ! important;
}

TEXTAREA {
	FONT-SIZE: 12px;
}

h2, h3 {
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:16px;
}

.plain {
	color: black;
}

.note
{
	font-style: italic;
	font-size: 80%;
	font-weight: bold;
}

/* Severity */
.MAJ, .CRT 	{	background-color:#FF6666 ! important;	}
.MIN 			{	background-color:#FFFF99 ! important;	}
.WRN			{	background-color:#99CCFF ! important;	}
.RO			{	background-color:#CCFFCC ! important;	}
.RET			{	background-color:#EEEEEE ! important;	}

.EMPTY {
	text-align: center;
	font-size: 8pt;
	border: 2px solid #888888;

	width: 96px;
	height: 30px;
	background-color: #CCCCCC;

	filter: Alpha(opacity=50);
   -moz-opacity: .5;
   opacity: .5;

}

.EMPTY40px {
	text-align: center;
	font-size: 8pt;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
}

/* Classes for handling front page shelf display */
/* common attributes for all - so the specific just need size and image*/
.QS, .NE, .EP, .EP2500, .CP, .GPS595, .GPS596, .NP2500, NP1200, .827E {
	border: 1px black solid;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	background-color: #CCCCCC;
	cursor: pointer;
}

/* specific rectifier and converters */
.QSSize	{
	width: 39px ! important;
	height: 40px ! important;
	min-height: 40px;
	max-height: 40px;
}
.QSBg {
	background: url(QS-front.gif) no-repeat top left;
}
.NESize	{
	width: 96px;
	height: 30px;
}
.NEBg	{
	background: url(NE-front.gif) no-repeat top left;
}
.EPSize	{
	width: 96px;
	height: 30px;
}
.EPBg {
	background: url(EP-front.gif) no-repeat top left;
}

.EP1600TESize 	{
	width: 96px;
	height: 30px;
}
.EP1600TEBg {
	background: url(EP1600TE.gif) no-repeat top left;
}

.EP2500Size 	{
	width: 60px;
	height: 86px;
}
.EP2500Bg {
	background: url(EP2500v2.gif) no-repeat top left;
}
.NP2500Size 	{
	width: 46px;
	height: 40px;
}
.NP2500Bg {
	background: url(NP2500-front.gif) no-repeat top left;
}
.NP1200Size	{
	width: 46px;
	height: 28;
}
.NP1200Bg {
	background: url(NP1200-front.gif) no-repeat top left;
}
.CPSize	{
	width: 96px;
	height: 40px;
}
.CPBg {
	background: url(CP-front.gif) no-repeat top left;
}
.GPS595Size {
	width: 68px;
	height: 40px;
}
.GPS595Bg {
	background: url(595-front.gif) no-repeat top left;
}
.GPS596Size {
	min-height: 40px;
	max-height: 40px;
	width: 34px;
	height: 40px;
}
.GPS596Bg {
	background: url(596-front.gif) no-repeat top left;
}

/* special stuff */
.pulsar {
	background: url(pulsar.gif) no-repeat top left;
}

.QS-controller
{
	background: transparent url(QS-ctrl.gif) no-repeat top left;
	width: 40px;
	height: 40px;
	margin-top: 3px;
	cursor: pointer;
}

.SPS-controller
{
	background: url(SPS-ctrl.gif) no-repeat top left;
	width: 40px;
	height: 30px;
	margin-top: 3px;
	cursor: pointer;
}
.CP-controller
{
	background: url(CP-ctrl.gif) no-repeat top left;
	width: 40px;
	height: 40px ! important;
	margin-top: 3px;
	cursor: pointer;
}
.controller_663
{
	background: url(_663-ctrl.gif) no-repeat top left;
	width: 125px ! important;
	height: 66px ! important;
	margin-top: 3px;
	cursor: pointer;
}

.NE841E-controller
{
	background: url(NE841E-ctrl.gif) no-repeat top left;
	width: 40px;
	height: 30px ! important;
	margin-top: 3px;
	cursor: pointer;
}

.827ESize	{
	width: 35px ! important;
	height: 80px ! important;
	min-height: 80px;
	max-height: 80px;
}
.827EBg {
	background: url(inv_827E.gif) no-repeat top left;
}

.CP-distribution	{	background: url(CP-dist.gif) no-repeat top left;	width: 96px;	height: 40px;	}
.EP-distribution	{	background: url(EP-dist.gif) no-repeat top left;	width: 96px;	height: 30px;	}
.QS-distribution	{	background: url(dist-single.gif) no-repeat top left;	width: 59px !important;	height: 40px;	}
.NE-distribution	{	background: url(EP-dist.gif) no-repeat top left;	width: 96px height: 30px;	}

.CP-rectifier		{	}
.EP-rectifier		{	}
.NE-rectifier		{	}

.CP-converter		{	}
.EP-converter		{	}
.NE-converter		{	}

.QS-ringer_S		{	background: url(ringer_S-front.gif) no-repeat top left;	width: 39px ! important;	height: 40px;	}
.QS-ringer_SP		{	background: url(ringer_SP-front.gif) no-repeat top left;	width: 39px ! important;	height: 40px;	}
.QS-ringer_P		{	background: url(ringer_P-front.gif) no-repeat top left;	width: 39px ! important;	height: 40px;	}

.CP-ringer			{	}
.EP-ringer			{	}
.NE-ringer			{	}

.CP-battery			{	}
.EP-battery			{	}
.NE-battery			{	}

.CP-inverter		{	background: url(inv_827E.gif) no-repeat top left;	width: 35px ! important;	height: 80px ! important;	}
.EP-inverter		{	background: url(inv_827E.gif) no-repeat top left;	width: 35px ! important;	height: 80px ! important;	}
.NE-inverter		{	background: url(inv_827E.gif) no-repeat top left;	width: 35px ! important;	height: 80px ! important;	}

.CP-conflict		{	}
.EP-conflict		{	}
.NE-conflict		{	}

.CP-none				{	}
.EP-none				{	}
.NE-none				{	}

.QS-bulk {
	background: url(dist-bulk.gif) no-repeat top left;
	width: 20px;
}

.QS-single {
	background: url(dist-single.gif) no-repeat top left;
	width: 59px;
}

.QS-double {
	background: url(dist-double.gif) no-repeat top left;
	width: 101px;
}

.ON {
	border: 2px solid #339900;
}

.STANDBY {
	border: 2px solid #FF9900;
}

.MISSING {
	border: 2px solid #FF6666;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}

.OFF	{
	border: 2px solid #FF6666;
}

/* End Front shelf display classes */

.mainCell, .bottomLeftCell, .bottomMiddleCell, .bottomRightCell, .topMiddleCell, .topRightCell, .topLeftCell, .fourBorderCell, .bottomCell, .middleCell2 {
	background-color:#EEEEEE;
	vertical-align:top;
	text-align:center;
}
.bottomLeftCell, .bottomMiddleCell, .bottomRightCell, .fourBorderCell, .bottomCell {
	border-bottom: 2px solid black;
}
.bottomLeftCell, .bottomMiddleCell, .middleCell2, .topLeftCell, .fourBorderCell, .bottomCell, th.tableHeadLeft {
	border-left: 2px solid black;
}
.bottomRightCell, .topRightCell, .middleCell2, .fourBorderCell, .bottomCell, th.tableHeadRight {
	border-right: 2px solid black;
}
.bottomLeftCell, .topMiddleCell, .topLeftCell, .bottomMiddleCell, td.cellRight {
	border-right: 1px solid black;
}
.topMiddleCell, .topRightCell, .bottomMiddleCell, .bottomRightCell, td.cellLeft {
	border-left: 1px solid black;
}
.fourBorderCell {
	border-top: 2px solid black;
}
td.cellTop {
	border-top: 1px solid black;
}
td.cellBottom {
	border-bottom: 1px solid black;
}
.simpleBorder {
	border: 1px solid black;
}

span.dataCell {
	border: 1px solid black;
	background-color:#FFFFFF;
	padding: 2px;
}

#ControllerLogo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.title  {
	font-size:16px;
	background-color:#3B73B9;
	padding:3px;
	border-width:1px;
	border-style:solid;
	border-color:#656A87 #151A37 #151A37 #656A87;
	padding-left:8px;
	font-weight:bold;
	color:#FFFFFF;
	Letter-spacing: 1px;
	text-align:center;
}

.calFrom, .calTo {
	font-size: 12px;
}

.rowBreak {
	height:2px;
	background-color:#AAAAAA;
}

.version {
	font-size:10px;
}

.disabled {
	background-color:#999999;
}

span.calFrom, span.calTo {
	color: red;
}

#hLeft, #hRight {
	background:#3B73B9;
	color:white;
	float:left;
	width:50%;
}

#hLeft {
	text-align:left;
}
#hRight {
	text-align:right;
	width:49.99%;
}

/* Used to clear div positions after top header */
#spacer {
	clear:both;
	display:block;
	height:35px;
	background:#FFFFFF;
	width:100%;
}

/* Used to clear div positions */
#clear {
	clear:both;
	display:block;
	height:15px;
	width:100%;
}

a.LogoutButton
{
	margin-left: 50px ! important;
	background-position:left -100px ! important;
}

a.LogoutButton span
{
	background-position:right -100px ! important;
}

/* ------------ */

#container {
	display:block;
}

#footer
{
}

#copyright {
	text-align: center;
	font-size: 0.8em;
	padding: 5px 5px 5px 5px;
}

a.button {
	display: block;
	background-color: transparent;
	background-image: url(buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.NavButton
{
	display: block;
	height: 20px;
}

a.button:link, a.button:visited {
	color: #000000;
}
a.button:hover, a.button:active {
	background-position: 0 -36px;
	color: #000000;
}

div.buttonDisabled {
	display: block;
	background: transparent url(buttonBackground.gif) no-repeat;
	width: 132px;
	height: 28px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	cursor: help;
}

a.recButton, a.editButton, a.delButton, a.installButton {
	position:relative;
	float:left;
	background: transparent url(button32.gif) no-repeat;
	width: 32px;
	height: 28px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.editButton {
	background: transparent url(button48.gif) no-repeat;
	width: 48px;
}

a.delButton {
	background: transparent url(button64.gif) no-repeat;
	width: 64px;
}

a.installButton {
	background: transparent url(button64.gif) no-repeat;
	width: 64px;
}

a.recButton:link, a.recButton:visited,
a.editButton:link, a.editButton:visited,
a.delButton:link, a.delButton:visited,
a.installButton:link, a.installButton:visited
{
	color: #000000;
}
a.recButton:hover, a.recButton:active,
a.editButton:hover, a.editButton:active,
a.delButton:hover, a.delButton:active,
a.installButton:hover, a.installButton:active
{
	background-position: 0 -36px;
	color: #000000;
}


a.submit {
	display:block;
	background: transparent url(longButton.gif) no-repeat;
	width: 148px;
	height: 28px;
	margin: 10px 0px 5px 0px;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.submit:link, a.submit:visited {
	color: #000000;
}
a.submit:hover, a.submit:active {
	background-position: 0 -36px;
	color: #000000;
}

div.submitDisabled {
	display: block;
	background-color: transparent;
	background-image: url(longButton.gif);
	width: 148px;
	height: 28px;
	margin: 10px 0px 4px 0px;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	cursor: help;
}

#settings td {	vertical-align:top;	}
#settings th {	text-align:center;	border-bottom: 1px solid black;	}
#settings td {	text-align: left;		}

#data
{
	font-size:12px;
	margin-bottom:20px;
	text-align:center;
}

#data ul
{
	margin-bottom:0px;
}

#data ul li
{
	text-align:left;
	padding-left:10px;
}

#data ol
{
	margin-bottom:0px;
	list-style:none;
}

#data ol li
{
	text-align:center;
	float:left;
	margin-left:0px;
}

#data td.label
{
	text-align:right;
}

#data tr.top
{
	border-top: 1px solid black;
}

/* data should be a class NOT an ID! The above needs to be removed once all pages have been changed */

.data
{
	font-size:12px;
	margin-bottom:20px;
	text-align:center;
}

.data ul
{
	margin-bottom:0px;
}

.data ul li
{
	text-align:left;
	padding-left:10px;
}

.data ol
{
	margin-bottom:0px;
	list-style:none;
}

.data ol li
{
	text-align:center;
	float:left;
	margin-left:0px;
}

.data td.label
{
	text-align:right;
}

.data tr.top
{
	border-top: 1px solid black;
}


/*****************************************
Styles for the event viewer calander table
*****************************************/
#event
{
	margin-left: 10px;
	margin-right: 10px;
}

#event table
{
	text-align:center;
}

#event th, th.first
{
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#event td
{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#event th.first, td.first
{
	border-left: 1px solid black;
}
#event th.time
{
	border-right: 0px;
}

#event td.middle
{
	border-right:0px;
}

#event th.topmid
{
	border-bottom: 0px;
	border-right: 0px;
}

#editform, #editformC, #info, #dlsform, #formAC
{
	position:absolute;
	z-index:2;
	visibility:hidden;
	border: 2px solid black;
	background-color:#EEEEEE;
	padding: 4px;
}

#info
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input.insecure
{
	text-align: center;
}

.enone				{	background-color: #A0A0A0;		}
.econtroller		{	background-color: #FFA0A0;		}
.edistribution		{	background-color: #A0A0FF;		}
.erectifier			{	background-color: #A0FFA0;		}
.econverter			{	background-color: #66CCCC;		}
.eringer				{	background-color: #FF99CC;		}
.ebattery			{	background-color: #0099CC;		}
.einverter			{	background-color: #CCCCCC;		}
.econflict			{	background-color: #FF0000;		}

.regLabel
{
	font-style: normal;
	font-weight: normal;
}

.conLabel
{
	font-style: italic;
	font-weight: bold;
}

/* Bay Layout */

TD.enone, TD.econtroller, TD.edistribution, TD.erectifier, TD.econverter, TD.eringer, TD.ebattery, TD.einverter, TD.econflict
{
	border: 1px solid #A0A0A0;
	width: 12px;
	height: 12px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 12pt;
}

.baySpans
{
	border: 1px solid #D0D0D0;
	padding: 4px;
	text-align: right;
	display: inline;
	background-color: #F8F8F8;
	float: left;
	width: auto ! important;
	height: auto ! important;

	/* height: 190px; */
	/* width: 140px; */

	text-align: right;
}

.bayTables
{
	border: 0px;
	padding: 0px;
	margin: 0px;
/*	background-color: #D0D0D0; */
	width: 140px;
}

.note
{
	font-size: 8pt;
	font-style: italic;
}

.bayLabel
{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	font-size: 8pt;
}

.bayNumber
{
	font-size: 14pt;
}

div.clearer	{	clear: left; line-height: 0; height: 0;	}

.eSTT_ON
{
	border: 2px solid #339900;
	text-align: center;
}

.eSTT_OFF
{
	border: 2px solid #000000;
	text-align: center;
}

.eSTT_STBY
{
	/* STANDBY */
	border: 2px solid #FF9900;
	text-align: center;
}

.eSTT_NA
{
	/* MISSING */
	color: #7D7D7D;
	border: 2px dashed #444444;
	text-align: center;
}

.eSTT_VA
{
	/* VACANT */
	color: #7D7D7D;
	border: 2px dashed #444444;
	text-align: center;
}

.eSTT_FAIL
{
	border: 2px solid #FF0000;
	text-align: center;
}

.eSTT_
{
	border: 2px solid #666666;
	text-align: center;
}

.eIDE
{
	position: absolute;
	top: 0px;
	left: 2px;
	text-align: center;
	font-size: 9pt;
	white-space: nowrap;
}

.eSTT
{
	position: absolute;
	top: 0px;
	right: 0px;
}

.eType
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.ecoMode
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.eprSTT
{
	position: absolute;
	top: 12px;
	right: 3px;
}


.esrSTT
{
	position: absolute;
	top: 12px;
	left: 3px;
}


.eADC, .eVA
{
	position: absolute;
	bottom: 0px;
	right: 1px;
	text-align: center;
	font-size: 9pt;
	white-space: nowrap;
}

.rePos
{
	position: relative;
}

#statusLegend
{
	font-size: 10pt;
	text-align: center;
	padding-bottom: 12px;
	padding-top: 6px;
}

.shelfBox
{
	position: absolute;
	width: 40px;
	height: 30px;
/*	background-color: #CCCCCC; */
}

.shelfLabel
{
	font-variant: small-caps;
	font-size: 10pt;
	position: absolute;
	color: #666666;
	top: -2px;
	left: 0px;
}

.shelfNumber
{
	font-size: 16pt;
	position: absolute;
	color: #999999;
	bottom: -3px;
	right: 0px;
	font-weight: bold;
}

.firstSlot
{
	margin-left: 40px;
}

#headerBar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 529px;
	height: 130px;
}

#header
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 529px;
	height: 85px;
}

.barNONE	{	background-image: none;		}
.barX	{	background: url(barX.gif) repeat-x left top;		}
.bar0	{	background: url(bar0.gif) repeat-x left top;		}
.bar1	{	background: url(bar1.gif) repeat-x left top;		}
.bar2	{	background: url(bar2.gif) repeat-x left top;		}
.bar3	{	background: url(bar3.gif) repeat-x left top;		}
.bar4	{	background: url(bar4.gif) repeat-x left top;		}
.bar5	{	background: url(bar5.gif) repeat-x left top;		}
.bar6	{	background: url(bar6.gif) repeat-x left top;		}
.bar7	{	background: url(bar7.gif) repeat-x left top;		}
.bar8	{	background: url(bar8.gif) repeat-x left top;		}
.bar9	{	background: url(bar9.gif) repeat-x left top;		}

#productShadow
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 85px;
	color: #000000;
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	padding-top: 11px;
	padding-left: 16px;
}

#product
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 85px;
	color: #D0A080;
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 15px;
}

.bar
{
	background: url("bkg.gif") no-repeat left top;
}

#printIcon
{
	display: block;
	position: relative;
	top: 0;
	right: 0;
	cursor: pointer;
}

#printHeader
{
	text-align: center;
	width: 100%;
	float: left;
	margin-right: -25px;
}

#T1317DATA
{
	display: none;
	background-color: #FFFFA0;
	width: 400px;
	height: 200px;
	border: 3px inset #A00000;
	overflow: scroll;
	margin: 20px;
	padding: 5px;
	text-align: left;
}

.rc1_box {
	background: url(rc1_tl.gif) no-repeat top left;
}
.rc1_top {
	background: url(rc1_tr.gif) no-repeat top right;
}
.rc1_bottom {
	background: url(rc1_bl.gif) no-repeat bottom left;
}
.rc1_bottom div {
	background: url(rc1_br.gif) no-repeat bottom right;
}
.rc1_content {
	background: url(rc1_r.gif) top right repeat-y;
}

.rc1_top div,.rc1_top,
.rc1_bottom div, .rc1_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.rc1_content, .rc1_bottom {
/*	margin-top: -4px; */
}
.rc1_content
{
	padding: 0px 10px;
/*	margin: -4px 0 0 4px; */
}

#dhtmlwindowiefix
{
	border: none ! important;
	position: absolute;
}

#fancyConfirm
{
	position: absolute;
	top: 100px;
	width: 390px;
	height: 180px;
	border-style: none;
	text-align: center;
	background-color: transparent;
	left: 50%;
	margin-left: -190px;
	z-index: 1000;
}

#timeoutWindow, #timedOutWindow
{
	position: absolute;
	top: 100px;
	width: 356px;
	height: 106px;
	border-style: none;
	padding-left: 102px;
	padding-top: 37px;
	left: 50%;
	margin-left: -178px;
	font-weight: bold;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}


* html #ghostedWindow, * html #timeoutShadow, * html #timedOutShadow,   { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#ghostedWindow, #timeoutShadow, #timedOutShadow
{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #808080;
	filter: Alpha(opacity=50);
   -moz-opacity: .5;
   opacity: .5;
}

#ghostedWindow
{
	z-index: 999;
}

#timeoutShadow
{
	z-index: 8999;
}

#timedOutShadow
{
	z-index: 9009;
}

#timeoutWindow
{
	background: transparent url(expireSession.gif) no-repeat top left;
	z-index: 9000;
}

#timedOutWindow
{
	background: transparent url(timedOut.gif) no-repeat top left;
	z-index: 9010;
}

#CLI
{
	float: left;
}

#CLI a
{
	display:block;
	background: transparent url(cli.gif) no-repeat top left;
	width: 30px;
	height: 20px;
	text-decoration: none;
}

#CLI a:hover
{
	background-position: 0 -20px;
}

#hiddenCLI A:link			{	text-decoration: none;	color: #000000;	}
#hiddenCLI A:visited		{	text-decoration: none;	color: #000000;	}
#hiddenCLI A:active		{	text-decoration: none;	color: #000000;	}
#hiddenCLI A:hover		{	text-decoration: none;	color: #000000;	font-weight: bold;	}

.hidden
{
	display: none;
}

.spinInput, .spinContainer
{
  /* Change this to modify the default spin control background color*/
  background-color: #FFFFFF;
}

.spinLeftRightEdge, .spinTopBottomEdge
{
  position: absolute;
  overflow: hidden;
  /* Change this to modify the default spin control border color*/
  /* background-color: #A5ACB2; */
}

.spinContainer
{
	position: relative;
	font-size: 0px;
	height: 22px;
	border: 1px inset #F0F0F0;
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: -6px;
}

.spinLeftRightEdge
{
	height: 22px;
	width: 1px;
}

.spinTopBottomEdge
{
	height: 1px;
	left: 1px;
}

.spinInput
{
	position: absolute;
	padding-right: 5px;
	top: 1px;
	left: 2px;
	height: 20px;
	border: 0px;
	/* Change this to modify the default spin control font, font color, and font size*/
	text-align: right;
	color: Black;
	font-size: 9pt;
	font-family: Arial;
	background-color: transparent;
}

.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress, .spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
	position: absolute;
	width: 15px;
	height: 8px;
	right: 2px;
	background-image: url('spinner.gif');
	background-repeat: no-repeat;
	/* Change this to modify the default button color*/
	background-color: #000000;
}

.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress
{
  top: 2px;
}

.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
  top: 10px;
}

.spinUpBtn
{
  background-position:0px 0px;
}

.spinUpBtnHover
{
  background-position:0px -16px;
}

.spinUpBtnPress
{
  background-position:0px -32px;
}

.spinDownBtn
{
  background-position:0px -8px;
}

.spinDownBtnHover
{
  background-position:0px -24px;
}

.spinDownBtnPress
{
  background-position:0px -40px;
}

/* jquery.jjmenu styles */
.ItemRed { color: red; }
.ItemBlue { color:blue; }
div.jjmenu {

	position:absolute;
	background:#fffef0;
	border-bottom:2px solid gray;
	border-right:1px solid gray;
	padding:0px;
}

div.jj_menu_item {
	color:black;
	border:1px solid gray;
	border-bottom:none;
	background:url(menuitem.gif) no-repeat black;
	cursor:pointer;
}

div.jj_menu_item span {
	display:block;
	padding:4px;
}

div.jj_menu_item_more span {
	background:url(menumore.gif)  right no-repeat;
}
div.jj_menu_item_more span {
	padding-right:20px;
}

div.jj_menu_item_hover {
	background:#e4e4e4;

}