BODY, TR, TH, TD { font-family: Arial; font-size: 10pt; }

A:link { color:#000000}
A:active { color:#ff0000}
A:visited { color:#000000}
A:link.data {color:#A000A0; font-weight:bold}

NOBR { font-family: "Lucida Console" }

A:active.data {color:#A000A0; font-weight:bold; font-family: Arial}
A:visited.data {color:#A000A0; font-weight:bold; font-family: Arial}

.data { color:#A000A0; font-weight:bold; font-family: Arial}
.error { color:#ff0000; font-weight:bold; font-family: Arial}

FORM { margin:0px }

TR.bold { font-weight: bold }
TABLE.x { background-color: #ffffff}

TR.rates { text-align: center; font-weight: bold; cursor: pointer }

TD.green    { border: outset 2pt; text-align: center; background:#98FF98; font-weight: bold }
TD.yellow   { border: outset 2pt; text-align: center; background:#FFFF98; font-weight: bold }
TD.red      { border: outset 2pt; text-align: center; background:#FF9898; font-weight: bold }
TD.black    { border: outset 2pt; text-align: center; background:#000000; font-weight: bold; color: #FFFFFF }
TD.selected { border: inset  2pt; text-align: center; background:#3388EE; font-weight: bold }
TD.totals   { border: inset  2pt; text-align: center; background:#C0C0C0; font-weight: bold }

.CHECKEDIN  { font-weight: bold; color: #000099 }
.CHECKEDOUT { font-weight: bold; color: #ED2F2F }
.NEW        { font-weight: bold; color: #006600 }

TD.OK   { border: outset 2pt; text-align: center; background:#98FF98; font-weight: bold }
TD.WARN { border: outset 2pt; text-align: center; background:#FFFF98; font-weight: bold }
TD.BAD  { border: outset 2pt; text-align: center; background:#FF9898; font-weight: bold }

INPUT.selected { border: inset 2pt; text-align: center; background:#3388EE; font-weight:bold }
INPUT.unselected { border: outset 2pt; text-align: center; background:#98FF98; font-weight:bold }
INPUT.fixbtn { width: 96pt; text-align: center }
INPUT.smallbtn { width: 54pt; text-align: center }

#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}

TD.DIRTY     { border: outset 2pt; text-align: center; background:#ffff00; font-weight: bold }
TD.CLEAN     { border: outset 2pt; text-align: center; background:#3333ff; color: white; font-weight: bold }
TD.OUTOFORDER { border: outset 2pt; text-align: center; background:#aaaaaa; font-weight: bold }

OPTION.DIRTY { background: #ffff00 }
OPTION.CLEAN { background: #3333ff; color: #ffffff }
OPTION.OUTOFORDER { border: outset 2pt; text-align: center; background:#aaaaaa; font-weight: bold }

TD.tcDate  { border: outset 2pt; text-align: left; background:#eeeeee; font-weight: bold; font-size: 8pt }
TD.tcTotal { border: outset 2pt; text-align: center; background:#eeeeee; font-weight: bold; font-size: 8pt }

TD.tcUnavailable { font-size:8pt; border: outset 2pt; text-align: center; background:#FF9898; font-weight: bold }
TD.tcAvailable { font-size:8pt; border: outset 2pt; text-align: center; background:#98FF98; font-weight: bold }
TD.tcBeforeSystemDate { font-size:8pt; border: outset 2pt; text-align: center; background:#aaaaaa; font-weight: bold }
TD.tcSelected { border: inset 2pt; background:#3388EE }

TD.tcCHECKEDIN { font-size:8pt; border: outset 2pt; text-align: left; background:#96a9da; font-weight: bold }
TD.tcNEW { font-size:8pt; border: outset 2pt; text-align: left; background:#CC99FF; font-weight: bold }
TD.tcCHECKEDOUT { font-size:8pt; border: outset 2pt; text-align: left; background:pink; font-weight: bold }
TD.tcOUTOFORDER { font-size:8pt; border: outset 2pt; text-align: left; background:#aaaaaa; font-weight: bold }

TR.HEADER { background-color: navy }
TD.HEADER { border: solid 2pt; color: white; font-weight: bold }

/* displaytag css */
TH.HEADER { white-space: nowrap; text-align: right; border: solid 2pt; color: white; font-weight: bold; }
TH.LEFTALIGN { text-align: left; }
THEAD TR {  background-color: navy; }
th.sorted {	background-color: #4C4CCF; }
th.sorted a, th.sortable a { color: white; width: 100%; }
th a, th a:visited { color: white; }
th a:hover { }
th.sortable a { }
th.order1 a {  }
th.order2 a {  }


/* FOLIO STYLES */
TABLE.selectedFolio { background: #FDEA9C }
TD.selectedFolio { background: #FDEA9C }
td.unSelectedFolio { background: #FFCC00 }
TR.darkShade { background:#FEF7D7 }
TR.lightShade { background:#FFFFFF }
TD.darkShade { background:#FEF7D7 }
TD.lightShade { background:#FFFFFF }

INPUT.tabDown {
  cursor: pointer;
  border-width: 0px;
  font-weight: bold;
  height: 32px;
  width: 96px;
  background-color: #FFFFFF;
  background-image: url(/images/down.gif)
}

INPUT.tabUp {
  cursor: pointer;
  border-width: 0px;
  font-weight: bold;
  height: 32px;
  width: 96px;
  background-color: #FFFFFF;
  background-image: url(/images/up.gif)
}

INPUT.arbtn {
  cursor: pointer;
  border-width: 0px;
  height: 24px;
  width: 24px;
  background-color: #FFFFFF;
  background-image: url(/images/arbtn.gif)
}

INPUT.arbtnBg {
  cursor: pointer;
  border-width: 0px;
  height: 24px;
  width: 24px;
  background-color: #400080;
  background-image: url(/images/arbtn.gif)
}

INPUT.arrowLeft {
  cursor: pointer;
  border-width: 0px;
  height: 35px;
  width: 35px;
  background-color: #FFFFFF;
  background-image: url(/images/arrow-left.gif);
  font-size: 0pt;
}

INPUT.arrowRight {
  cursor: pointer;
  border-width: 0px;
  height: 35px;
  width: 35px;
  background-color: #FFFFFF;
  background-image: url(/images/arrow-right.gif);
  font-size: 0pt;
}
.systemShutdownMsg{
	color: #FD070D;
	font-weight: bold;
	border:1px solid #B2C3E3;
	background-color: #CFD6E3;
}