/* ==============================================
   Zen Design Group CSS
   by Kyu B. Hur
   on July 16, 2005
   ============================================== */

html, body { height: 100%; }
/* ----- Horizontal Alignment Controls ---------- */
.Login {          /* Login User name in page header section */
 text-align: right;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
 /* color:#88ff88; */
}
.CurrentTime {    /* Current date & time in page header section */
 text-align: right;
 font-family: sans-serif;
 font-size: 8pt;
 /* color:#88ff88; */
}
.SectionName {
 font-family: sans-serif;
 font-size: 12pt;
 font-weight: bold;
}
.SubSectionName {
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
}
.SubSectionNameBar {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
}
.SubSectionNameBarCenter {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
}
.SubSectionNameBarRight {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
 text-align: right;
}
.SubSectionNameHighCenter {
 background-color: #ffff00;
 font-family: sans-serif;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
}
.ColumnBarLeft {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 9px;
 text-align: left;
}
.ColumnBarCenter {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 9px;
 text-align: center;
}
.ColumnBarRight {
 background-color: #bbbbff;
 font-family: sans-serif;
 font-size: 9px;
 text-align: right;
}
.FieldNameLeft {      /* Field name: Left */
 margin: 0;
 text-align: left;
 font-family: serif;
 font-size: 8pt;
}
.FieldNameCenter {      /* Field name: Center */
 margin: 0;
 text-align: center;
 font-family: serif;
 font-size: 8pt;
}
.FieldNameRight {      /* Field name: Right */
 margin: 0;
 text-align: right;
 font-family: serif;
 font-size: 8pt;
}
.ColumnNameLeft {
 text-align: left;
 font-family: sans-serif;
 font-size: 10pt;
}
.ColumnNameCenter {
 text-align: center;
 font-family: sans-serif;
 font-size: 10pt;
}
.ColumnNameRight {
 text-align: right;
 font-family: sans-serif;
 font-size: 10pt;
}
.PrintDataLeft {
 text-align: left;
 font-family: sans-serif;
 font-size: 9pt;
}
.PrintDataCenter {
 text-align: center;
 font-family: sans-serif;
 font-size: 9pt;
}
.PrintDataRight {
 text-align: right;
 font-family: sans-serif;
 font-size: 9pt;
}
.tblHead {
 background-color: #bbbbbb;
}
.tblHeadTB {
 background-color: #bbbbbb;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}
.tblHeadTLB {
 background-color: #bbbbbb;
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-bottom: 1px solid #000000;
}
.tblHeadTBR {
 background-color: #bbbbbb;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
}
.tblHeadB {
 background-color: #bbbbbb;
 border-bottom: 1px solid #000000;
}
.tblHeadR {
 background-color: #bbbbbb;
 border-right: 1px solid #000000;
}
.tblRowNormal {
 color: black;
 background-color: #ffffff;
 vertical-align: top;
}
.tblRowNormalHot {
 color: red;
 background-color: #ffffff;
 vertical-align: top;
}
.tblRowAlternate {
 color: black;
 background-color: #dddddd;
 vertical-align: top;
}
.tblRowAlternateHot {
 color: red;
 background-color: #dddddd;
 vertical-align: top;
}
.tblRowSelect {
 color: black;
 background-color: #bbbbff;
 vertical-align: top;
}
.tblRowSelectHot {
 color: red;
 background-color: #bbbbff;
 vertical-align: top;
}
.tblDataTB {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}
.tblDataTLB {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-bottom: 1px solid #000000;
}
.tblDataTBR {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
}
.tblDataB {
 border-bottom: 1px solid #000000;
}
.tblDataR {
 border-right: 1px solid #000000;
}
table.border {
 border: 1px solid #000000;
}
.CalendarCurrent {
 border: 1px solid #000000;
 text-align: right;
 font-family: sans-serif;
 font-weight: bold;
 font-size: 8pt;
}
.CalendarNormal {
 text-align: right;
 font-family: sans-serif;
 font-size: 8pt;
}
.CalendarSunday {
 color: red;
 text-align: right;
 font-family: sans-serif;
 font-size: 8pt;
}
.CalendarSaturday {
 color: blue;
 text-align: right;
 font-family: sans-serif;
 font-size: 8pt;
}
/* ----- FONT FAMILY & SIZE CONTROLS */
.PageHead {
 font-family: serif;
 font-weight: bold;
 font-size: 12pt;
}
.Section {
 font-family: sans-serif;
 font-weight: bold;
 font-size: 11pt;
}
.tdTop {
font-family: serif;
font-weight: bold;
font-size: 10px;
height: 20px;
vertical-align: bottom;
}
.DataName {
 font-family: serif;
 font-size: 10pt;
}
.DataValue {
 font-family: sans-serif;
 font-size: 10pt;
}
.ListName {
 font-family: serif;
 font-size: 10pt;
}
.ListValue {
 font-family: sans-serif;
 font-size: 10pt;
}
.SmallName {
 font-family: serif;
 font-size: 8pt;
}
.SmallValue {
 font-family: sans-serif;
 font-size: 8pt;
}
.LinkNormal {
 font-family: sans-serif;
 font-size: 10pt;
}
.LinkTiny {
 font-family: sans-serif;
 font-size: 7pt;
}
/* ----- COLOR CONTROLS */
.Selected {
 color: #ffffff;
 background-color: #4444bb;
}
.Unselected {
 color: #000000;
 background-color: #8888ff;
}
.ExtLink {
 color: #000000;
 background-color: #ffbbbb;
}
.Error {
 color: #ff0000;
}
/* ----- BACKGROUND */
.BGNormal       {}
.BGWhite        { background-color: #ffffff; }
.BGBlack        { background-color: #000000; }
.BGGroup        { background-color: #bbbbff; }
.BGAlternate    { background-color: #ffffbb; }
.BGRed 			{ background-color: #ff0000; }
.BGRedMedium    { background-color: #ff8888; }
.BGRedLight     { background-color: #ffbbbb; }
.BGGreenDark    { background-color: #008800; }
.BGGreen        { background-color: #00ff00; }
.BGGreenMedium  { background-color: #88ff88; }
.BGGreenLight   { background-color: #bbffbb; }
.BGBlue         { background-color: #0000ff; }
.BGBlueDark     { background-color: #000088; }
.BGBlueMedium   { background-color: #8888ff; }
.BGBlueLight    { background-color: #bbbbff; }
.BGYellow       { background-color: #ffff00; }
.BGYellowMedium { background-color: #ffff88; }
.BGYellowLight  { background-color: #ffffbb; }
.BGCyan         { background-color: #00ffff; }
.BGCyanMedium   { background-color: #88ffff; }
.BGCyanLight    { background-color: #bbffff; }
.BGMagenta      { background-color: #ff00ff; }
.BGMagentaMedium { background-color: #ff88ff; }
.BGMagentaLight { background-color: #ffbbff; }
.BGDISection    { background-color: #ffff66; }
.BGDISeparator  { background-color: #cccc44; }
.BGELCSection   { background-color: #ffbbbb; }
.BGELCSeparator { background-color: #ccbbbb; }
.BGDOMSection   { background-color: #ffbbbb; }
.BGDOMSeparator { background-color: #ccbbbb; }
/* Table Cells */
.TCBackgroundSet        { background-color: #4444bb; }
.TCBackgroundMouseOver  { background-color: #dddd88; }
.TCBackgroundMouseOut   { background-color: #bbbbff; }
.TCHeightHair      { height: 1px; }
.TCHeightThin      { height: 2px; }
.TCHeightMedium    { height: 4px; }
.TCHeightThick     { height: 6px; }
.TCHeight12        { height: 12px; }
.TCHeight16        { height: 16px; }
.TCHeight20        { height: 20px; }
.TCHeight24        { height: 24px; }
/* ----- ALIGNMENT CONTROLS */
.Left   { text-align: left; }
.Center { text-align: center; }
.Right  { text-align: right; }
/* ----- Font Attributes */
.Bold   { font-weight: bold; }
/* ----- Color Attributes */
.Red    { color: red; }
.Gray  { color: gray; }
.Green  { color: green; }
.Blue	{ color: blue; }
.Cyan	{ color: cyan; }
.Magenta { color: magenta; }
.Yellow { color: yellow; }
.White { color: white; }
/* ----- Table Controls */
.Boxed  { border: 1px solid #000000; }