/****************************************************/
/* Mirapoint Application Cascading Style Sheet */
/* refer to: http://www.w3.org/TR/REC-CSS1 */
/****************************************************/

/****************************************************/
/* Changes made here should also be made in the */
/* "../brandvars.var" file in order to handle cases */
/* where the web browser does not support CSS. */
/****************************************************/

/****************************************************/
/* Selector declarations of standard HTML tags */
/****************************************************/

/* #488c4f; */
/* /images/eui/gen_banner_grad.gif */

/*****************************************************/
/* System-default.css - CNI */
/*****************************************************/

/*****************************************************/
/* Defaults for select HTML elements */
/*****************************************************/
BODY {
  color: #000000;
  font-family: sans-serif;
  background: #ffffff;
}
A:active {
  color: #8c007b;
  background: transparent;
} /* active links */
A:link {
  color: #488c4f;
  background: transparent;
} /* unvisited links */
A:visited {
  color: #488c4f;
  background: transparent;
} /* visited links */
A:hover {
  color: #ff6600;
  background: transparent;
  text-decoration: underline
} /* mouse-over color */

/*****************************************************/
/* Banner declarations */
/*****************************************************/
.genBanner { /* banner page */ 
  color: white;
  background-image: url(/images/eui/gen_banner_grad.gif);
  background-repeat: repeat-y;
  background-color: #488c4f;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  margin: 0px;
  height: auto;
  cursor: default;
  vertical-align: middle;
}
A.genBannerLink { /* links on banner page */
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none; 
  cursor: pointer;
}
A.genBannerLink:active {
  color: white;
  background: transparent; 
}
A.genBannerLink:link {
  color: white;
  background: transparent; 
}
A.genBannerLink:visited {
  color: white;
  background: transparent; 
}
A.genBannerLink:hover {
  color: white;
  background: transparent;
  text-decoration: underline; 
}
.genBannerLogo {
  background-color: white;
  width: 164px;
  padding: 0px;
}
.genBannerLeft {
  text-align: left;
  padding-left: 17px;
}
.genBannerRight {
  text-align: right;
  padding-right: 17px;
}
.genWelcome { /* welcome message */ 
  color: black;
  font-family: sans-serif;
  font-size: 10pt;
}
.genTab {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 11pt;
  background: #cccccc;
  padding: 3px 0px 0px 3px;
  height: 19px;
  border-bottom: 2px solid #eaeaea;
  cursor: pointer; 
  white-space: nowrap;
}
.genTabSpacer {
  color: white;
  background: #488c4f; /*6688bb*/
  position: relative;
  height: 8px;
  width: 100%;
  font-size: 1pt;
}
.genTabImage {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
}
.genTabLabel {
  position: absolute;
  top: 4px;
  left: 26px;
}
.genTabSelected {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 11pt;
  background: #999999;
  padding: 3px 0px 0px 3px;
  height: 19px;
  border-bottom: 2px solid #eaeaea;
  cursor: pointer; 
  white-space: nowrap;
}

/*****************************************************/
/* Left-hand side Navigation */
/*****************************************************/
.genNav { /* left-hand navigation frame */
  color: #000000;
  background: #ffffff;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:0px;
  margin-right: 0px;
  height: 100%;
  overflow: hidden;
}
.genHeader { /* titles in navigation frame */
  color: #ffffff;
  background: #488c4f; /* #6688bb */
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:0px;
  margin-right: 0px;
  border-color: #000000;
  border-width: 0px;
  font-family: Helvetica;
  font-size: 10pt;
  font-weight: bold;
} 
A.genHeader {
  color: white;
}
A.genHeader:active {
  color: white;
  background: transparent;
}
A.genHeader:link {
  color: white;
  background: transparent; 
}
A.genHeader:visited {
  color: white;
  background: transparent; 
}
A.genHeader:hover {
  color: orange;
  background: transparent;
  text-decoration: none;
}
/* link rendered in genHeader */
A.genHeaderLink:active {
  color: #ffffff; 
  background: transparent;
}
A.genHeaderLink:link {
  color: #ffffff; 
  background: transparent;
}
A.genHeaderLink:visited {
  color: #ffffff;
  background: transparent;
}
A.genHeaderLink:hover {
  color: #ffffff;
  background: transparent;
}

TD.ECTbuttonSelected {
  background: #fae16b; 
  padding: 0px 2px 0px 2px;
}
.ECTbuttonDragOver {
  background: #faf0c3;
}
TD.ECTbuttonDragOver {
  padding: 0px 2px 0px 2px;
}
.genLHSNavNonLink { /* navigation text */
  font-family: Helvetica;
  font-size: 9pt;
  color: #424242;
  white-space: nowrap;
}
.genLHSNavNonLink IMG {
  vertical-align: text-bottom;
}
.genLHSNavLink IMG {
  vertical-align: text-bottom;
}
A.genLHSNavLink { /* navigation links */
  text-decoration: none; 
  font-family: Helvetica;
  font-size: 9pt;
  color: #424242; 
  white-space: nowrap; 
}
A.genLHSNavLink:active {
  color: #424242;
  background: transparent;
}
A.genLHSNavLink:link {
  color: #424242;
  background: transparent; 
}
A.genLHSNavLink:visited {
  color: #424242;
  background: transparent; 
}
A.genLHSNavLink:hover {
  color: #606078;
  background: transparent;
  text-decoration: underline; 
}
/* link rendered in genNav */
.genNavOff {
  color: #aaaaaa;
}
A.genNavLink {
  text-decoration: none;
}
A.genNavLink:active {
  color: #ff6600;
  background: transparent;
}
A.genNavLink:link {
  color: #488c4f;
  background: transparent;
}
A.genNavLink:visited {
  color: #488c4f;
  background: transparent;
}
A.genNavLink:hover {
  color: #488c4f;
  background: transparent;
  text-decoration: underline
}
A.dateNavLink {
  text-decoration: none;
}
A.dateNavLink:active {
  color: #488c4f;
  background: transparent;
}
A.dateNavLink:link {
  color: #488c4f;
  background: transparent;
}
A.dateNavLink:visited {
  color: #488c4f;
  background: transparent;
}
A.dateNavLink:hover {
  color: #ff6600;
  background: transparent;
  text-decoration: underline
}


/*****************************************************/
/* Main Frame */
/*****************************************************/
.genFrame { /* all other pages */ 
  margin: 0;
  color: #000000; 
  background: white;
  overflow-x: auto;
  overflow-y: auto;
}
.genTitle { /* page title headers */
  padding-top: 3px;
  color: #ffffff;
  background: #488c4f; /* 6688bb */
  font-weight: bold;
  font-family: Helvetica;
}
td.genTitle table { /* page title headers */
  color: #ffffff;
  font-weight: bold;
  font-family: Helvetica;
}
.genButtonbar {
  color: #a0a0a0;
  margin: 0px;
  background-image: url(/images/grey_buttonbar.gif); 
  background-repeat: repeat-x;
  white-space: nowrap; 
  padding-top: 1px;
  padding-bottom: 1px; 
  height: 24px;
  font-family:Helvetica;
  font-size:11pt;
}
.menubutnorm {
  width: 100%;
  margin: 0px;
  color: black;
  background: transparent;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 1px 1px 1px;
  z-index: 30;
  vertical-align: middle;
  cursor: pointer;
  border-style:none;
}
.menubutdim {
  width: 100%;
  margin: 0px;
  color: black;
  background: transparent;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 1px 1px 1px;
  z-index: 30;
  vertical-align: middle;
  cursor: default;
  border-style:none;
}
.buticon {
  width: 16px;
  height: 16px;
}
.butnorm { /* button bar (normal)*/
  margin: 0px;
  color: black;
  background: transparent;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 1px 1px 1px;
  z-index: 30;
  vertical-align: middle;
  border-style:none;
}
A.butnorm:hover { /* button bar (normal)*/
  text-decoration: none; 
}
A.butnorm:active {
  text-decoration: none; 
}
.butwrap {
  margin: 0px;
  color: black;
  background: transparent;
  font-family:Helvetica;
  font-size:9pt;
  padding: 0px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  border-style: none;
  white-space: nowrap;
  text-decoration: none;
}
.menubutover {
  width: 100%;
  margin: 0px;
  color: black;
  background: #ffffcc;
  font-family:Helvetica;
  font-size:9pt;
  padding:1px 0px 1px 1px;
  z-index: 30;
  vertical-align: middle;
  cursor: pointer;
  border-style:solid;
  border-width: 1px 1px 1px 1px;
  border-color: #999999;
  text-decoration: none;
}
.butover {
  margin: 0px;
  color: black;
  background: #ffffcc;
  font-family:Helvetica;
  font-size:9pt;
  padding:1px 0px 1px 0px;
  z-index: 30;
  vertical-align: middle;
  cursor: pointer;
  border-style:solid;
  border-width: 1px 1px 1px 1px;
  border-color: #999999;
  text-decoration: none;
}
A.butover:hover {
  text-decoration: none;
}
A.butover:active {
  text-decoration: none;
}
.butdown {
  color: black;
  background-color: #ddddbb;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 1px 1px 1px;
}
.butdim {
  width: 100%;
  margin: 0px;
  color: gray; /* xxx darkgray? */
  background: transparent;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 1px 1px 1px;
  cursor: default;
  vertical-align: middle;
  border-style:none;
}
.submenu {
  position:absolute;
  color: green;
  background-color: #b5caff;
  border-style:solid;
  border-color:#d5d5d5;
  border-width:1px;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 2px 1px 2px;
  width: auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: auto;
  z-index: 30;
}
.submenuSlider {
  position:absolute;
  color: black;
  background-color: #ffffff;
  border-style:solid;
  border-color:#555555;
  border-width:1px;
  font-family:Helvetica;
  font-size:9pt;
  padding: 1px 0px 1px 0px;
  width: auto;
  height: auto;
  /* overflow:auto; NO: this will crash safari */
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 30;
}
.tableHeaderAlt { /* alt table header - smaller */
  color: #000000; 
  background: #cccccc;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
  white-space: nowrap;
  height: 18px;
  z-index: 0;
  cursor: default;
  padding: 0px 4px 0px 4px;
}
.tableHeaderAltSort { /* alt table header-smaller (current sort column) */
  color: #000000; 
  background: #cccccc;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
  white-space: nowrap; 
  height: 18px;
  padding: 0px 4px 0px 4px;
}
A.tableHeader:active {
  color: black;
}
A.tableHeader:link {
  color: black;
}
A.tableHeader:visited {
  color: black;
}
A.tableHeader:hover {
  color: black;
}
A.tableHeaderSort {
  color: black;
}
A.tableHeaderSort:active {
  color: black;
}
A.tableHeaderSort:link {
  color: black;
}
A.tableHeaderSort:visited {
  color: black;
}
A.tableHeaderSort:hover {
  color: black;
}
A.tableHeaderAlt {
  color: black;
}
A.tableHeaderAlt:active {
  color: black;
}
A.tableHeaderAlt:link {
  color: black;
}
A.tableHeaderAlt:visited {
  color: black;
}
A.tableHeaderAlt:hover {
  color: black;
}
A.tableHeaderAltSort {
  color: black;
}
A.tableHeaderAltSort:active {
  color: black;
}
A.tableHeaderAltSort:link {
  color: black;
}
A.tableHeaderAltSort:visited {
  color: black;
}
A.tableHeaderAltSort:hover {
  color: black;
}
.tableHeader { /* table header */
  color: #000000; 
  background: #cccccc;
  font-family: Helvetica;
  font-size: 11pt; 
  font-weight: bold;
  white-space: nowrap;
  height: 22px;
  z-index: 0;
  cursor: default;
}
.tableHeaderSort { /* table header (current sort column) */
  color: #000000; 
  background: #cccccc;
  font-family: Helvetica;
  font-size: 11pt; 
  font-weight: bold;
  white-space: nowrap; 
  height: 22px;
}
A.tableHeader {
  color: black;
  background: transparent;
  font-family: Helvetica;
  font-size: 11pt; 
  white-space: nowrap; 
  cursor: pointer;
}
.readTableHeader {
  margin: 2px 0 2px 0; 
  color: #333333;
  background: #f0f0f0;
  font-family: Helvetica;
  font-size: 9pt;
}
.tableNavigation {
  margin: 2px 0 2px 0; 
  color: #666666;
  background: #f0f0f0;
  font-family: Helvetica;
  font-size: 9pt;
}
.tableRow {
}
.tableRowHover {
  color: #000000;
  font-family: Helvetica;
  font-size: 9pt; 
  white-space: nowrap;
  text-decoration: none;
  background: #efefef;
  cursor: pointer;
}
.tableGenRow {
  color: #424242;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: normal; 
}
A.tableGenRow {
  color: #424242;
  font-family: Helvetica;
  font-size: 9pt; 
  text-decoration: none; 
}
A.tableGenRow:active {
  color: #424242;
}
A.tableGenRow:link {
  color: #424242;
}
A.tableGenRow:visited {
  color: #424242;
}
A.tableGenRow:hover {
  color: #424242; 
  text-decoration: underline; 
}
.tablePendingRow {
  color: #424242;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
}
A.tablePendingRow {
  color: #424242;
  font-family: Helvetica;
  font-size: 9pt; 
  text-decoration: none; 
}
A.tablePendingRow:active {
  color: #424242;
  text-decoration: none; 
}
A.tablePendingRow:link {
  color: #424242;
  text-decoration: none; 
}
A.tablePendingRow:visited {
  color: #424242;
  text-decoration: none; 
}
A.tablePendingRow:hover {
  color: #424242;
  text-decoration: underline; 
}
.genBtn, .btn {
  color: #000000; 
  background: #ffffff;
  border-style: solid;
  border-color: #b1ccf7;
  border-width: 1px;
  font-family: Helvetica;
  font-size: 9pt;
}
.genIconBtn {
  color: #000000; 
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: 4px;
  padding: 1px 8px 1px 24px;
  margin: 0px;
  border-style: solid;
  border-color: #b1ccf7;
  border-width: 1px;
  font-family: Helvetica;
  font-size: 9pt;
  min-height: 20px;
  height: 20px;
  white-space: nowrap;
  cursor: default;
}
.genIconBtnDown {
  color: #000000; 
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: 4px;
  padding: 1px 8px 1px 24px;
  margin: 0px;
  border-style: inset;
  border-color: #7799cc;
  border-width: 1px;
  font-family: Helvetica;
  font-size: 9pt;
  min-height: 20px;
  height: 20px;
  white-space: nowrap;
  cursor: default;
}
.genBoldLabel {
  color: #333333;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
  cursor: default;
  white-space: nowrap;
}
.genLabel {
  color: #000000; 
  font-family: Helvetica;
  font-size: 9pt; 
  cursor: default;
}
A.genLabel:active {
  font-weight: bold;
  text-decoration: underline;
}
A.genLabel:link {
  font-weight: bold;
  text-decoration: underline;
}
A.genLabel:visited {
  font-weight: bold;
  text-decoration: underline;
}
A.genLabel:hover {
  font-weight: bold;
  text-decoration: underline;
}
A.genLabelLink {
  color: #000000;
  font-family: Helvetica;
  font-style: italic;
  text-decoration: none; 
}
A.genLabelLink:active {
  color: #ff6600;
  font-family: Helvetica;
  font-style: italic;
  background: transparent;
}
A.genLabelLink:link {
  color: #010199;
  font-family: Helvetica;
  font-style: italic;
  background: transparent;
}
A.genLabelLink:visited {
  color: #010199;
  font-family: Helvetica;
  font-style: italic;
  background: transparent; 
}
A.genLabelLink:hover {
  color: #ff6600;
  background: transparent;
  font-family: Helvetica;
  font-style: italic;
  text-decoration: none 
}
.genEventInfo {
  background: #dae8fc;
  min-height: 24px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}
.genNotice {
  background: #dae8fc;
  min-height: 24px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0px 0px 0px;
}
.genLastNotice {
  background: #dae8fc;
  min-height: 24px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0px 1px 0px;
}
.genErrorBox {
  background: #dae8fc;
  position: relative;
  display: inherit;
  height: 22px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0px 1px 0px;
}
.genData { /* table row data */
  color: #000000;
  background: #ffffff;
  font-family: Helvetica;
  font-size: 9pt; 
  white-space: nowrap;
  text-decoration: none;
}
TD.genData {
  white-space: nowrap;
}
.genDataAlt { /* table row data (alternate row) */
  color: #000000; 
  background: #eaeaea;
  font-family: Helvetica;
  font-size: 9pt; 
  white-space: nowrap;
  cursor: default;
} 
.genPulldown { /* data that you can do a pulldown menu from */
  text-decoration: none; 
  white-space: nowrap;
  padding: 1px 1px 1px 1px;
}
.genPulldownHover {
  background: #ffffcc;
  text-decoration: none; 
  cursor: pointer;
  white-space: nowrap;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}
.genDataSelected { /* table row data (selected row) */
  color: black;
  background: #cccccc;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
  white-space: nowrap;
}
.separator {
  color: #a0a0a0; 
}
.optionSubHeading {
  color: #333333;
  font-family: Helvetica;
  font-size: 9pt; 
  font-weight: bold;
  cursor: default;
  padding: 12px 0px 4px 0px;
}
.mcalEvent { /* contains event data */
  color: #000000;
  background-color: #ffffff;
  font-family: Helvetica, Geneva;
  font-size: 9pt;
  border-style: solid;
  border-width: 0px;
  border-color: #444444;
  padding: 1px 1px 1px 4px;
  cursor: pointer;
  z-index: 29;
}
.mcalEventSmall { /* contains event data */
  color: #000000;
  background-color: #ffffff;
  font-family: Helvetica, Geneva;
  font-size: 9pt;
  border-style: solid;
  border-width: 0px;
  border-color: #444444;
  padding: 1px 1px 1px 4px;
  z-index: 29;
}
.mcalEventHandle {
  background-color: #aaaadd;
  font-size: 1px;
  line-height: 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #444444;
  padding: 1px 0px 1px 0px;
  z-index: 30;
  width: 6px;
  position: absolute;
}
.mcalSubscrEventHandle {
  background-color: #ddeedd;
  font-size: 1px;
  line-height: 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #444444;
  padding: 1px 0px 1px 0px;
  z-index: 30;
  width: 6px;
  position: absolute;
}
.mcalEventHandleOver {
  background-color: #ffdd66;
  font-size: 1px;
  line-height: 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #444444;
  padding: 1px 0px 1px 0px;
  z-index: 30;
  width: 6px;
  position: absolute;
}
.mcalNoEvent { /* contains no event data */
  color: #000000;
  background: #ffffee;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #888888;
  cursor: pointer; 
}
.mcalNoEventDim { /* Month view - outside of main month */
  color: #000000;
  background: #eeeedd;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #888888;
  cursor: pointer; 
}

/***************************************************************************/
/* Selector declarations - for general usage (in alphabetical order) */
/***************************************************************************/
.genDataHilite {
  color: #ff0000;
} /* error msgs */
.genDataOff {
  color: #666666;
} /* e.g., disabled links */
.genDataStatus {
  color: #666666;
} /* e.g., msg count */
.genLegend {
  color: #000000; 
  background: #ffffff;
} /* legends containing icons, etc. */
.genLogin {
  color: #000000;
  background: #ffffff;
} /* login pages */
.genLoginTitle {
  color: #29006b;
} /* login page titles */
.tblBorder {
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
} 
.tblHeader {
  color: #ffffff; 
  background-color: #488c4f} /* table headings */
/* colors used to identify mail messages fetched from external mail servers */
.genPOPcolor0 {
  color: #000000;
  background: #66cc66;
} /* green */
.genPOPcolor1 {
  color: #000000;
  background: #ccffcc;
} /* lightgreen */
.genPOPcolor2 {
  color: #000000;
  background: #6699ff;
} /* blue */
.genPOPcolor3 {
  color: #000000;
  background: #99ffff;
} /* lightblue */
.genPOPcolor4 {
  color: #000000;
  background: #ff66ff;
} /* magenta */
.genPOPcolor5 {
  color: #000000;
  background: #ccccff;
} /* lightpurple */
.genPOPcolor6 {
  color: #000000;
  background: #ffcccc;
} /* pink */
.genPOPcolor7 {
  color: #000000;
  background: #ff9900;
} /* orange */
.genPOPcolor8 {
  color: #000000;
  background: #ffcc33;
} /* lightorange */
.genPOPcolor9 {
  color: #000000;
  background: #ffff99;
} /* yellow */

/****************************************************/
/* Selector declarations - for application 'mcal' */
/****************************************************/
.mcalDayCellBusy {
  color: #000000;
  background: #a0a0a0;
} /* depicts a busy timeslot */
.mcalDayCellFree {
  color: #000000;
  background: #f1f1f1;
} /* depicts a free timeslot */
.mcalEvent {
  color: #000000;
  background: #d0d0d0;
} /* contains event data */
.mcalNoEvent {
  color: #000000;
  background: #f1f1f1;
} /* contains no event data */
.mcalDatebox {
  color: #000000;
  background: #d0d0d0;
} /* regular nav. box */
.mcalDateboxHlght {
  color: #000000;
  background: #f1f1f1;
} /* highlighted nav. box */
.mcalSmallCal {
  color: #000000;
  background: #f1f1f1;
} /* small calendar view */

/****************************************************/
/* Selector declarations - for application 'spell' */
/****************************************************/
.spellCurWord {
  color: #ff0000;
} /* color of currently-selected misspelled word */

/****************************************************/
/* Selector declarations - for online help */
/****************************************************/
A.helpNavLink {
  color: #ffffff;
  text-decoration: none;
}
A.helpLink {
  text-decoration: none;
}
A.helpLink:visited {
  color: #7b52a5;
  background: transparent;
}
.helpMenuText {
  color: #3d567f; 
  font-weight: bold;
}