/* global defaults */
BODY, DIV, SPAN, INPUT, SELECT, TEXTAREA, FORM, B, STRONG, I, U, P, H1, H2, H3, H4, H5, H6, DL, DD, DT, UL, LI, OL,
  OPTION, OPTGROUP, LABEL, A {
  font-family: arial;
}

table.pageLayout {
  vertical-align: top;
  width: 100%;
}

table.pageLayout td {
  vertical-align: top;
  padding: 0;
}

table.pageLayout td.pad1 { padding: 1px; }
table.pageLayout td.pad2 { padding: 2px; }
table.pageLayout td.pad3 { padding: 3px; }
table.pageLayout td.pad4 { padding: 4px; }
table.pageLayout td.pad5 { padding: 3px; }

table.pageLayout td.padBottom1 { padding-bottom: 1px; }
table.pageLayout td.padTop1 { padding-top: 1px; }
table.pageLayout td.padLeft1 { padding-left: 1px; }
table.pageLayout td.padRight1 { padding-right: 1px; }
table.pageLayout td.padBottom2 { padding-bottom: 2px; }
table.pageLayout td.padTop2 { padding-top: 2px; }
table.pageLayout td.padLeft2 { padding-left: 2px; }
table.pageLayout td.padRight2 { padding-right: 2px; }
table.pageLayout td.padBottom3 { padding-bottom: 3px; }
table.pageLayout td.padTop3 { padding-top: 3px; }
table.pageLayout td.padLeft3 { padding-left: 3px; }
table.pageLayout td.padRight3 { padding-right: 3px; }
table.pageLayout td.padBottom3 { padding-bottom: 3px; }
table.pageLayout td.padTop5 { padding-top: 5px; }
table.pageLayout td.padLeft5 { padding-left: 5px; }
table.pageLayout td.padRight5 { padding-right: 5px; }
table.pageLayout td.padBottom5 { padding-bottom: 5px; }
table.pageLayout td.padTop10 { padding-top: 10px; }
table.pageLayout td.padLeft10 { padding-left: 10px; }
table.pageLayout td.padRight10 { padding-right: 10px; }
table.pageLayout td.padBottom10 { padding-bottom: 10px; }

/* ------------------------------ banner > ----------------------------*/
table.banner {
  vertical-align: top;
  width: 100%;
  white-space: nowrap;
}

table.banner td {
  padding-top: 1px;
  padding-bottom: 1px;
}

table.banner td.banner {
  text-align: left;
  vertical-align: middle;
}

table.banner td.banner span {
  font-size: 17px;
  font-weight: bold;
}

table.resultSetSize td.resultSetSize span {
  font-size: 15px;
}

.bannerLink:link, .bannerLink:visited, .bannerLink:active, .bannerLink:hover {
  text-decoration: none !important;
  border: none !important;
  padding: 0 !important;
}

table.banner a {
  padding: 0;
  border-width: 1px;
  border-style: solid;
 }

.bannerIcon {
  border: 0px;
  height: 17px;
  width: 56px;
}

table.banner td {
  vertical-align: bottom;
}

table.banner td.welcome {
  text-align: center;
  font-weight: bold;
}

table.banner td.welcome a {
  padding-left: 20px;
}

table.banner td.controls {
  text-align: right;
  font-weight: bold;
}

table.banner td.controls a {
  padding-left: 2px;
  padding-right: 9px;
}

/* --------------------------- < banner ---------------------------*/

/* ------------------------ > title toolbar -------------------- */
.rounded {
  margin-bottom: 5px;
  position: relative;
  border: 1px solid #000000;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

table.standardToolbar {
  border-collapse: separate; /* If collapse, border-radius is ignored. */
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-spacing: 0;
  margin: 0px;
  width: 100%;
}

table.standardToolbar > tbody:first-child > tr:first-child,
    table.standardToolbar > tbody:first-child > tr:first-child > td:first-child {
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}

table.standardToolbar > tbody:first-child > tr:first-child,
    table.standardToolbar > tbody:first-child > tr:first-child > td:last-child {
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}

table.standardToolbar > tbody:first-child > tr:first-child > td:first-child {
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}

table.standardToolbar > tbody:first-child > tr:first-child > td:last-child {
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
}

table.standardToolbar td {
  padding: 4px 2px 2px 2px;
}

table.standardToolbar td.title, table.standardToolbar td.title span,
table.standardToolbar td.title2, table.standardToolbar td.title2 span {
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  width: 100%;
}

table.standardToolbar td.title, table.standardToolbar td.title span {
  text-align: left;
}

table.standardToolbar td.title2, table.standardToolbar td.title2 span {
  text-align: center;
}

table.standardToolbar td.workDeskButton {
  width: 70px;
  padding-right: 4px;
  padding-left: 5px;
}

.workdeskIcon:link, .workdeskIcon:visited, .workdeskIcon:active, .workdeskIcon:hover {
  border: none;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
}

table.standardToolbar td.menu {
  vertical-align: middle;
}

table.screenMenu {
  margin-right: 5px;
  vertical-align: middle;
}

table.screenMenu td {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

table.standardToolbar td.button {
  width: 40px;
  padding-right: 4px;
  padding-left: 3px;
}

option.active {
  font-weight: bolder;
}

option.inactive {}

/* -------------------------- < title toolbar --------------------------- */

/* ------------------------ < scroll toolbar  ------------------------*/
table.scollToolbarContainer {
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  border-collapse: collapse;
  width:100%;
}

table.scrollToolbarContainer td span {
  font-weight: bold;
  font-size: 11px;
}

table.scrollToolbar {
  margin: 0px;
}

table.scrollToolbar td {
  padding-left: 2px;
  vertical-align: middle !important;
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
}

/* ------------------------ < scroll toolbar  ------------------------*/

/* ------------------------ < hatch patterns    ------------------------*/

input.imgpick {
  border-width: 1px;
  border-style: solid;
  width: 27px;
  height: 27px;
  padding: 0;
}

div.hatch_T,
div.hatch_TB {
  display: block;
  width: 24px;
  height: 24px;
  padding:3px;
}

/* ------------------------ < hatch patterns ------------------------  */

button.toolbarArrow {
  border: none;
  width: 10px;
  height: 10px;
  padding: 0;
}

/*used in a detail browse as for single line delete*/
.iDelete, .iDelete:hover {
  display:block;
  width:20px;
  height:20px;
}

/* -------------------  buttons > ------------------------  */


/*
.tb   - Toolbar Button
.tbh  - Hover style

.tb2  - Toolbar Button (reversed tb)
.tbh2 - Hover style    (reversed tbh)

.db   - Detail Button
.dbh  - Hover style

.sb   - Scroll Button
.sbh  - Hover style

.lb   - Launch Button
.lbh  - Hover style

.lpb  - Launch Panel Button
.lpbh - Hover style
*/

button.tb, button.tbh, button.tb2, button.tbh2 {
  border-width: 1px;
  border-style: solid;
  width: 28px;
  height: 28px;
  padding: 0;
}

button.db, button.dbh, button.db2, button.dbh2,
button.db3, button.dbh3, button.sb, button.sbh,
button.lb, button.lbh, input.lb {
  border-width: 1px;
  border-style: solid;
  width: 19px;
  height: 19px;
  padding: 0;
}

/*a.db {*/
  /*border-width: 1px;*/
  /*width: 19px;*/
  /*height: 19px;*/
  /*padding: 1px;*/
/*}*/

input.lbh, button.lpb, button.lpbh {
  border-width: 1px;
  border-style: solid;
  width: 18px;
  height: 18px;
  padding: 0;
}

button.bb, button.bbh {
  border-width: 1px;
  border-style: solid;
  width: 27px;
  height: 27px;
  padding: 0;
}

/* ------------------ < buttons --------------------------  */

/* ------------------ wizard menu  > --------------------------  */

table.mainMenuPanel, table.mainMenuPanelNoBorder {
  text-align: left;
  margin: 0;
  padding: 0;
  /*border-width: 1px;*/
  /*border-style: solid;*/
  width: 100%;
}

/* this class is for sub menus on a page - see space survey detail for an example */
a.subMenuLink:link, a.subMenuLink:visited, a.subMenuLink:active, a.subMenuLink:hover {
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
}

table.mainMenuPanelNoBorder td.quickLink {
  font-size: 11px;
  font-weight: bold;
  padding: 2px;
  white-space: nowrap;
}

.quickLinkDesc {
  font-size: 11px;
  font-weight: normal;
  padding: 10px 10px 2px 2px;
  white-space: nowrap;
}

span.vfQuickLink {
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  background-color: #FFFF99;
  display: block;
}

table.mainMenuPanel td.quickLink {
  font-weight: bold;
  padding: 2px;
  white-space: nowrap;
}

a.quickLink:link, a.quickLink:visited, a.quickLink:active, a.quickLink:hover {
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
}

a.quickLink:hover {
  font-size: 12px;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
}

/* ------------------ < wizard menu --------------------------  */

/*  -------------------------  error list > ------------------------ */

ul.errorList {
  padding: 3px;
  margin: 3px;
  width: 100%;
  border-width: 2px;
  border-style: solid;
}

ul.errorList li {
  list-style-type: square;
  font-size: 11px;
  font-weight: bold;
  padding-left: 3px;
  margin: 2px 0;
}

/*  ------------------------- < error list  ------------------------ */

/*  ------------------------- > main group panel ------------------------ */
table.jGroupPanel {
  border-collapse: collapse;
  width: 100%;
}

table.jGroupPanel th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  height: 20px;
}

table.jGroupPanel td {
  vertical-align: top;
}
/*
table.jGroupPanel td.pkDisplay,
table.jGroupPanel td.pkDisplay span,
table.jGroupPanel td.pkDisplay a {
  text-align: left;
  font-size: 18px;
  vertical-align: top;
  font-weight: bold;
  white-space:pre;
}

table.jGroupPanel td.pkDisplayLong,
table.jGroupPanel td.pkDisplayLong span,
table.jGroupPanel td.pkDisplayLong a {
  text-align: left;
  font-size: 12px;
  vertical-align: top;
  font-weight: bold;
  white-space:pre;
}
*/
table.jGroupPanel td.title {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  width: 100%;
}

table.jGroupPanel td.link {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  padding-right: 7px;
  padding-top: 0px;
  padding-bottom: 1px;
}

table.jGroupPanel td.link a {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

table.jGroupPanel td.labelBlock {
}

.labelBlockHiddenText {}

table.jGroupPanel td.labelBlockHidden {
  display:none;
  padding: 0px;
}

table.jGroupPanel td.labelBlock, table.jGroupPanel td.plainBlock,
table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.plainTitleBlock,
table.jGroupPanel td.valueCell, table.jGroupPanel td.yellowValueCell,
table.jGroupPanel td.valueCellGray, table.jGroupPanel td.valueCellNormal {
  font-size: 12px;
  padding: 4px;
}

table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.plainTitleBlock {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

table.jGroupPanel td.labelBlockHeader, table.jGroupPanel td.valueCell,
table.jGroupPanel td.yellowValueCell, table.jGroupPanel td.boldText {
  font-weight: bold;
}

table.jGroupPanel td.valueCell table tbody tr td {
  font-size: 12px;
  font-weight: bold;
}

table.jGroupPanel td.valueCellNormal {
  white-space: pre-wrap;
}

table.jGroupPanel td.valueCellNormalNoPad {
  font-size: 11px;
  padding-bottom: 1px;
}

table.jGroupPanel span.subtitle {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

table.jGroupPanel td.none {}

table.jGenericPanel {
  border-collapse: collapse;
  width: 100%;
}

/*  ------------------------- < main group panel ------------------------ */

/*  ------------------------- > Header box ------------------------ */

div.headerBoxContainer {
  /*margin: 0;*/
  /*padding: 0;*/
  overflow: hidden;
  border-collapse: separate; /* If collapse, border-radius is ignored. */
/*
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000000;
  */
  /*min-height: 100%;*/
}

table.headerBox {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}

table.headerBox > tbody > tr > td:first-child {
  background: #d7d7f0;
  padding: 4px;
}

table.headerBox td.headerPk {
  padding: 3px;
  width: 295px;
}

table.headerBox td {
  vertical-align: top;
}

/* new */
table.headerBox td.pkDisplay,
table.headerBox td.pkDisplay span,
table.headerBox td.pkDisplay a {
  text-align: left;
  font-size: 18px;
  vertical-align: top;
  font-weight: bold;
  white-space:pre;
}

table.headerBox td.pkDisplayLong,
table.headerBox td.pkDisplayLong span,
table.headerBox td.pkDisplayLong a {
  text-align: left;
  font-size: 12px;
  vertical-align: top;
  font-weight: bold;
  white-space:pre;
}

table.headerBox td.pkDisplay, table.headerBox td.pkDisplay span, table.headerBox td.pkDisplay a,
table.headerBox td.pkDisplayLong, table.headerBox td.pkDisplayLong span, table.headerBox td.pkDisplayLong a {
  background-color: #FFFF99;
}

table.headerBox td.headerPkNoEditBy {
  padding: 3px;
}
/*
table.headerBox td.headerBoxLabel,
*/
table.headerBoxClerk td.clerkLabel {
  font-size: 12px;
  padding: 4px;
}

table.headerBoxClerk {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

table.headerBoxClerk td.clerkLabel {
  border-left-width: 1px;
  border-left-style: solid;
  width: 73px;
}

table.headerDescriptionBox {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}

table.headerDescriptionBox > tbody > tr > td:first-child {
  background: #d7d7f0;
  padding: 4px;
}

.descriptionContainer {
  overflow: auto;
  max-height: 430px;
  white-space: pre-wrap;
  font-weight: normal !important;
}

.descriptionContainer > span {
    display: block;
    overflow: auto;
    max-height: 95px;
    white-space: pre-wrap;
    font-weight: normal !important;
    width: 100%;
    border-spacing: 0;
    height: 100%;
}

.longDescriptionContainer {
  overflow: auto;
  max-height: 430px;
  white-space: pre-wrap;
  font-weight: normal !important;
}

.longDescriptionContainer > span {
  display: block;
  overflow: auto;
  max-height: 430px;
  white-space: pre-wrap;
  font-weight: normal !important;
  width: 100%;
  border-spacing: 0;
}

span.textarea {
  display: block;
  font-weight: normal;
  white-space: pre;
  overflow: auto;
  max-height: 430px;
}

.boxTitle {
  height: 20px;
  width: 100%;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}

.boxTitle .title {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
}

.boxTitle .link {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  font-size: 12px;
  padding-right: 7px;
  padding-top: 0px;
  padding-bottom: 1px;
}

.boxTitle .link a {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}
.boxContent {}

div.row { margin: 0; }

/*  ------------------------- < Header box ------------------------ */

/* ----------------- round boxes >------------------- */

div.boxWrapper {
  height: 100%;
  margin: 3px 2px 10px 3px;
}

div.browseWrapper {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.r1h, .r2h, .r3h, .r4h, .r2bh, .r3bh, .r4bh {
  font-size:1px;
  overflow:hidden;
  display:block;
}

.r1h, .r1bh {
  height: 1px;
  margin: 0 4px;
}

.r2h, .r2bh, .r3h, .r3bh,
.r4h, .r4bh,
.tb1, .tb2, .tb3, .tb4,
.hb1, .hb2, .hb3, .hb4,
.tb2_1, .tb3_1, .tb4_1 {
  border-right-style: solid;
  border-left-style: solid;
}

.r2h, .r2bh {
  height: 1px;
  border-right-width: 2px;
  border-left-width: 2px;
  margin: 0 3px;
}

.r3h, .r3bh {
  height: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  margin: 0 2px;
}

.r4h, .r4bh {
  height: 2px;
  border-right-width: 1px;
  border-left-width: 1px;
  margin: 0 1px;
}

.tb1, .tb2, .tb3, .tb4,
.hb1, .hb2, .hb3, .hb4,
.tb2_1, .tb3_1, .tb4_1 {
  font-size: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  overflow: hidden;
  display: block;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.tb1, .hb1 {
  margin-left: 5px;
  margin-right: 4px;
}

.tb2, .tb2_1, .hb2 {
  margin-left: 3px;
  margin-right: 3px;
}

.tb3, .tb3_1, .hb3 {
  margin-left: 2px;
  margin-right: 2px;
}

.tb4, .tb4_1, .hb4 {
  margin-left: 1px;
  margin-right: 1px;
}

.r1h1, .r1h2, .r1h3 {
  font-size: 1px;
  overflow: hidden;
  height: 1px;
  margin: 0;
  float: left;
  border-right-width: 1px;
  border-right-style: solid;
}

.r1h2 {
  width: 301px;
}

.r1h3 { width: 80px; }

.titleWrapper {}

.detailWrapper { padding: 0 3px; }

.tabWrapper {
  margin-left: 7px;
  margin-bottom: -12px;
}
/* ----------------- < round boxes ------------------- */

/* ------------- Safari and Chrome fixes > --------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*-webkit-transform:rotate(3deg);*/

  div.boxWrapper {
    margin-top: 3px;
  }

  div.headerBoxContainer {
/*    border: none;*/
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
/*    -webkit-box-shadow: 2px 0 3px #888;
    max-height: 97%;
    min-height: 97%;  */
    overflow: hidden;
  }
/*
  div.headerBoxContainer table.jGroupPanel tr:last-child {
    height: 50%;
  }

  div.headerBoxContainer table:last-child {
    height: 100%;
  }
*/
  div.detailWrapper {
    padding-top: 3px;
  }

  div.boxWrapper .r2h,
  div.boxWrapper .r2bh,
  div.boxWrapper .r3h,
  div.boxWrapper .r3bh,
  div.boxWrapper .r4h,
  div.boxWrapper .r4bh,
  div.boxWrapper .r1h,
  div.boxWrapper .r1bh,
  div.boxWrapper .r1h1,
  div.boxWrapper .r1h2,
  div.boxWrapper .r1h3
  div.boxWrapper .tb1,
  div.boxWrapper .tb2,
  div.boxWrapper .tb3,
  div.boxWrapper .tb4,
  div.boxWrapper .hb1,
  div.boxWrapper .hb2,
  div.boxWrapper .hb3,
  div.boxWrapper .hb4,
  div.boxWrapper .tb2_1,
  div.boxWrapper .tb3_1,
  div.boxWrapper .tb4_1 {
    visibility: hidden;
  }
}
/* ------------- < Safari and Chrome fixes --------------- */

/*  ------------------------- > picture panel ------------------------ */
table.jPicturePanel,
table.jPicturePanelHeader {
  vertical-align: top;
  text-align: left;
  border-spacing: 0pt;
  border-collapse: collapse;
  width: 100%;
}

table.jPicturePanelHeader {
  height: 20px;
}

table.jPicturePanel tbody {
  height: 90%;
}

table.jPicturePanel {
  height: 100%;
}

table.jPicturePanelHeader td.title,
table.jPicturePanelHeader td span.title {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
}

table.jPicturePanel th {
  padding-left: 2px;
  font-size: 12px;
  font-weight: bold;
}

table.jPicturePanel td {
  padding: 1px;
  border: none;
}

table.jPicturePanel td.pictureDisplay {
  text-align: center;
  vertical-align: middle;
}

table.jPicturePanel td.pictureDisplay a {
  border: none;
}
/*  ------------------------- < picture panel ------------------------ */

/*  ------------------------- > zoom ------------------------ */

div.zoomBreadCrumbPanel {
  margin: 3px;
}

.zoomCrumb {
  font-weight: bold;
  width:100%;
  overflow:hidden;
  margin:0px;
  padding:0px;
  height:30px;
  line-height:30px;
}

.zoomCrumb li {
  list-style-type: none;
  float: left;
  padding-left: 10px;
}

.zoomCrumb li a {
  height: 30px;
  border: none;
  display: block;
  padding-right: 15px;
  text-decoration: underline;
}

/*  ------------------------- < zoom ------------------------ */

/*  ------------------------- > search ------------------------ */
table.jSearchPanel {
  border-collapse: collapse;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  /*margin-top: 3px;*/
  /*margin-bottom: 3px;*/
  white-space: nowrap;
}

table.jSearchPanel th {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  height: 20px;
}

table.jSearchPanel td.link {
  text-align: right;
  white-space: nowrap;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 4px;
}

a.hideShow, a.hideShow:visited, a.hideShow:active, a.hideShow:hover {
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
}

table.jSearchPanel td {
  vertical-align: top;
  padding: 2px;
}

table.jSearchPanel td.labelBlock {
  border-right-width: 1px;
  border-right-style: solid;
  padding-left: 5px;
}

table.jSearchPanel td.plainBlock {
  padding-left: 5px;
}

/*  ------------------------- < search ------------------------ */

/*  ------------------------- > tab panel ------------------------ */

table.jTabPanel {
  border-collapse: collapse;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 100%;
  white-space: nowrap;
}

table.jTabPanel th {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  height: 20px;
}

/*  ------------------------- < tab panel ------------------------ */

/*  ------------------------- browse > ------------------------ */
/* Browse Panel Styles */
table.jBrowsePanel {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  width: 100%;
}

table.jBrowsePanel tr.headerRow,
table.jBrowsePanel thead tr,
table.jBrowsePanel tr.row {
  font-size: 12px;
  vertical-align: bottom;
  text-align: left;
}

table.jBrowseControlPanel {
  border-collapse: collapse;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  width: 100%;
}

table.jBrowseControlPanel td {
  vertical-align: middle; /*  width:auto-size;*/
}

table.jBrowsePanel th.headerCell {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-align: left;
  white-space: nowrap;
  padding: 0.1cm;
}

table.jBrowsePanel th.headerCell a, a:visited, a:active, a:hover {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
}

table.jBrowsePanel th.genericHeaderCell {
  padding: 0.1cm;
}

table.jBrowsePanel tr.shade1 {}

table.jBrowsePanel tr.shade2 {}

table.jBrowsePanel tr.shade3 {}

table.jBrowsePanel td.dataCell {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  font-size: 11px;
  border-left-width: 1px;
  border-left-style: solid;
}

table.jBrowsePanel td.dataCell span,
table.jBrowsePanel td.dataCell a {
  font-size: 11px;
}

table.jBrowsePanel td.noWrap {
  white-space: nowrap;
}

table.jBrowsePanel td.genericDataCell {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 5px;
}

table.jBrowsePanel a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  white-space: pre-wrap;
}

table.jApprovalPanel thead tr {
}

/*  ------------------------- < browse ------------------------ */

a:link, a:visited, a:active, a:hover {
  text-decoration: underline;
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  white-space: pre;
}

a:hover {
  white-space: nowrap;
}
/*  ------------------------- detail > ------------------------ */
/* Detail Panel Styles */
table.jDetailPanel {
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  width: 100%;
}

table.jDetailPanel tr.headerRow {
  font-size: 12px;
  vertical-align: bottom;
  text-align: left;
}

table.jDetailPanel thead tr {
  font-size: 12px;
  vertical-align: bottom;
  text-align: left;
}

table.jDetailPanel th.headerCell,
table.jDetailPanel th.vfHeaderCell {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-align: left;
  padding: 0.1cm;
}

table.jDetailPanel th.noHeaderCell {
  display: none;
}

table.jDetailPanel th.thick {
  padding-top: 5px;
  padding-bottom: 5px;
}

table.jDetailPanel th.centerJ {
  text-align: center;
}

table.jDetailPanel th.headerCell[scope="colgroup"] {
  padding: 0;
}

table.jDetailPanel th.headerCell span {
  text-align: left;
  padding: 0.1cm;
}

table.jDetailPanel th.genericHeaderCell {
  padding: 0.1cm;
}

table.jDetailPanel td.columnHeaderCell {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  font-size: 12px;
}

table.jDetailPanel td.columnHeaderCell span {
  text-align: left;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  font-weight:bold;
}

table.jDetailPanel td.noWrap {
  white-space: nowrap;
}

table.jDetailPanel td.boldText {
  font-weight: bold;
}

table.jDetailPanel td.title,
table.jDetailPanel td.subtitle,
table.jDetailPanel td.subtitleDark,
table.jDetailPanel td.subtitleNoText {
  font-weight: bold;
  text-align: left;
  width: 100%;
}

table.jDetailPanel td.title {
  font-size: 14px;
  padding: 2px;
}

table.jDetailPanel td.subtitle {
  font-size: 12px;
  padding: 5px;
}

table.jDetailPanel td.subtitleNoText {
  font-weight: normal;
  font-size: small;
  padding: 5px;
}

table.jDetailPanel td.subtitleDark {
  font-size: 12px;
  padding: 5px;
}

table.jDetailPanel td.title span {
  font-size: 16px;
  font-weight: bold;
}

table.jDetailPanel td.button {
  text-align: right;
  white-space: nowrap;
  padding: 2px;
}

table.jDetailPanel td.link {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 1px;
}

table.jDetailPanel td.link a {
  text-decoration: underline;
  padding: 2px;
}

table.jDetailPanel td.link a,
table.jDetailPanel td.link a:hover {
  border-width: 1px;
  border-style: solid;
}

table.jDetailPanel tr.row {
  font-size: 12px;
  vertical-align: bottom;
  text-align: left;
}

table.jDetailPanel tr.shade1 {}

table.jDetailPanel tr.shade2 {}

table.jDetailPanel tr.shade3 {}

table.jDetailPanel tr.shade3 td.dataCell {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  font-weight: bold;
}

table.jDetailPanel td.dataCell {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  font-size: 11px;
  border-left-width: 1px;
  border-left-style: solid;
}

table.jDetailPanel td.dataCell span {
  font-size: 11px;
}

table.jDetailPanel td.dataCell a {
  font-size: 11px;
}

table.jDetailPanel td.footerCell {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  font-size: 11px;
  border-left-width: 1px;
  border-left-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  font-weight: bold;
}

table.jDetailPanel td.footerSpacerCell {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  border-top-width: 1px;
  border-top-style: solid;
}

table.jDetailPanel td.genericDataCell {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 5px;
}

table.jSubDetailPanel {
  width: 100%;
}

table.jSubDetailPanel tr.shade1 {}

table.jSubDetailPanel tr.shade2 {}

table.jSubDetailPanel tr.shade3 {}

table.jSubDetailPanel td.subDataCell {
  padding-left: 5px;
  padding-right: 5px;
}

table.jSubDetailPanel td.subDataCell, table.jSubDetailPanel td.subDataCell2 {
  padding-top: 8px;
  padding-bottom: 7px;
  font-size: 11px;
}

table.jSubDetailPanel td.subDataCell span,
table.jSubDetailPanel td.subDataCell2 span {
  font-size: 11px;
}

/*  ------------------------- < detail ------------------------ */

/*  ------------------------- scheduler classes > ------------------------ */

div.popupMenu {
 position: absolute;
 /* set z-index higher than possible */
 z-index: 10000;
 visibility: hidden;
}

table.jAvailabilityPanel {
  table-layout: fixed;
  border-collapse: collapse;
}

.jAvailabilityPanel .labels {
  width: 16%;
}

.jAvailabilityPanel .day {
  border-left-width: 1px;
  border-left-style: solid;
}

table.jAvailabilityPanel td {
  vertical-align: middle;
}

table.jAvailabilityPanel .av,
table.jAvailabilityPanel .ob,
table.jAvailabilityPanel .ab,
table.jAvailabilityPanel .ol,
table.jAvailabilityPanel .al,
table.jAvailabilityPanel .nb,
table.jAvailabilityPanel .nl {
  padding: 9px 0;
  height: 0.5em;
}

/*  ------------------------- < scheduler classes ------------------------ */

/*  ------------------------- ColorPicker > ------------------------ */

table.sColorPicker {
  border: none;
  padding:1px;
}

table.sColorPicker tr.sColorPickerRow {
}

table.sColorPicker tr.sColorPickerRow td.sColorPickerCell {
  font-size: 8px;
  border: 0px;
  vertical-align: middle;
  padding:1px;
  height: 16px;
}

table.sColorPicker tr.sColorPickerRow td.sColorPickerCell a.sColorPickerLink {
  border: 0px;
  outline-width: 1px;
  outline-style: solid;
  text-decoration: none;
  vertical-align: middle;
  font-size:10px;
  font-family:Verdana;
}

/*  ------------------------- < ColorPicker ------------------------ */

/*  ------------------------- bulk entry screens > ------------------------ */
table.bulkEntryPanel {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0px;
}

table.bulkEntryPanel tr.evenRow {}

table.bulkEntryPanel tr.oddRow {}

/*  ------------------------- < bulk entry screens ------------------------ */

/* --------------------------- logon page -> ----------------------------------  */
.splashTopBuffer {
  width: 728px;
  height: 1px;
}

.splashLabel {
  margin: 0px 10px 2px 17px;
  font-weight: bold
}

.splashField {
  margin: 0px 0px 2px 0px;
}

a.splashLink:link, a.splashLink:visited, a.splashLink:active {
  text-decoration: none;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}

a.splashLink:hover {
  text-decoration: underline;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}

.loginButton {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  width: 65px;
  padding: 3px 10px 2px 5px;
}

/* --------------------------- <- logon page ----------------------------------  */

/* ---------------------------  misc styles by element > ------------------------  */
/* implement this to align decimals on the decimal point
td {text-align: ".";}
*/

table.clearBorder {
  border: none;
}

.copyrightText {
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  position:relative;
  float:left;
}

.refreshText {
  position:relative;
  float:right;
}

.desktopRefreshLinks {
  text-align: right;
  font-size: 10px;
}

.negativeCurrency {}

.blackCurrency {}

.parenthesis {
  font-size:15px;
}

.errorMessage {
  font-weight: bold;
}

.errorMessageM {
  font-size: 11px;
  font-weight: bold;
  padding-left: 3px;
  margin: 2px 0;
}

.errorMessageList ul {
  border-width: 2px;
  border-style: solid;
  list-style: decimal inside;
}

.errorMessageList ul li {
  padding: 2px;
}

input.pkField, td.pkDisplay input,
input.pkFieldLong, td.pkDisplayLong input {
  font-size: 18px;
  font-weight: bold;
  margin: 2px;
}

input.pkFieldLong, td.pkDisplayLong input {
  font-size: 12px;
}

input.checkbox {
  border: none;
}

input.radio {
  border: none;
  margin: 0;
}

input {
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0;
}

input.negative {}

input[disabled] {}

textarea[disabled] {}

select[disabled] {}

select {
  font-weight: normal;
}

select.selector {
  width: 200px;
}

textarea {
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  margin-right: 1px;
  margin-left: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

span.titleText {
  width: 100%;
}

span.displayCell {
  display: block;
}

span.required {
  display: table-cell;
}

div.requiredTime {
  display: table-cell;
  border-width: 2px;
  border-style: solid;
}

div.required {
  display: table-cell;
}

.inlineErrTxt {
  margin: 2px 2px 2px 3px;
  font-weight: bold;
  text-decoration: blink;
}

.errorMessagePopup {
  display: none;
  position: absolute;
  z-index: 9;
  border-width: 1px;
  border-style: solid;
}

.errorMessagePopup td {
  white-space: nowrap;
}

.displayCode {
  font-weight: bold;
}

.defaultFont {
  font-family: arial;
  font-size: 12px;
}

.noWrapText {
  white-space: nowrap;
}

.displayPk {
  font-size: 22px;
  font-weight: bold;
}

.accesskey {
  text-decoration: underline;
}

.valueDescFlex {
  font-weight: normal;
}

.valueDescFixed, .valueDescFixedNormal {
  font-weight: normal !important;
  overflow: hidden;
  height: 15px;
  display: block;
}

.valueDescFixedNormal {
  width: 125px;
}

.valueDescFixedBrowse {
  font-weight: normal;
  overflow: hidden;
  width: 160px;
  height: 14px;
  display: block;
}

table.timeInput {
  display: inline;
}

table.timeInput td {
  padding: 0;
  margin: 0;
}

/* ---------------------- < misc styles by element ----------------------  */

.scrollOverflow {
  overflow: scroll;
}

.autoOverflow {
  overflow: auto;
}

.floatMessageOuter {
	DISPLAY: none;
	Z-INDEX: 10;
	TOP: 40%;
	LEFT: 25%;
	MARGIN: 0px auto;
	WIDTH: 50%;
	POSITION: absolute;
	HEIGHT: 100px;
  border-width: 2px;
  border-style: solid;
}

.floatMessageMiddle {
	DISPLAY: none;
	Z-INDEX: 10;
	POSITION: relative;
	TOP: 50px;
	width: 100%;
}

.floatMessageInner {
	DISPLAY: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	Z-INDEX: 10;
	position: relative;
	TOP: -12px;
	TEXT-ALIGN: center;
}

.modalMessage {
  text-align: center;
  font-size: larger;
  margin: 20%;
  padding: 10%;
}

.softErrorModal {
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  padding: 20px;
}

ul.softErrorList {
  width: 100%;
}

ul.softErrorList li {
  list-style-type: square;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0;
}

.modalText {
  font-size: 16px;
  font-weight: bold;
}

.messageBox {
  margin: 20%;
  border: thin;
  border-style: solid;
  text-align: center;
  padding: 10px;
}

.alignCadOuter {
  display: table;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.alignCadMiddle {
  position: absolute;
  top: 200px;
  display: table-cell;
  vertical-align: middle;
  position: static;
}

.alignCadInner {
  position: relative;
  top: -200px;
  position: static;
}

.hiddenlabelBlock {
  font-size: 12px;
}

/* ------------  borders, padding, and alignment styles > ---------------  */
.borderCollapse {
  border-collapse: collapse;
}

.panelBorder, .panelBorderGrayBottom, .panelBorderGrayTop,
.panelNoTopBorder, .panelNoBottomBorder {
  border-width: 1px;
  border-style: solid;
}

.panelNoTopBorder {
  border-top:none;
}

.panelNoBottomBorder {
  border-bottom:none;
}

.leftBorder, .leftLightBorder, .leftGrayBorder,
.cellBorderLeft {
  border-left-width: 1px;
  border-left-style: solid;
}

.rightBorder, .rightLightBorder, .rightGrayBorder {
  border-right-width: 1px;
  border-right-style: solid;
}

.bottomBorder, .bottomLightBorder, .bottomGrayBorder {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.topBorder, .topLightBorder, .topGrayBorder, tr.topGrayBorder > td {
  border-top-width: 1px;
  border-top-style: solid;
}

.required {
  border-width: 2px;
  border-style: solid;
}

.headerBottomBorder {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }

.padTop5 { padding-top: 5px;}
.padBottom5 { padding-bottom: 5px; }

.margin1 { margin: 1px; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin4 { margin: 4px; }
.margin5 { margin: 5px; }

.marginTop1 { margin-top: 1px; }
.marginTop2 { margin-top: 2px; }
.marginTop3 { margin-top: 3px; }
.marginTop4 { margin-top: 4px; }
.marginTop5 { margin-top: 5px; }

.marginBottom1 { margin-bottom: 1px; }
.marginBottom2 { margin-bottom: 2px; }
.marginBottom3 { margin-bottom: 3px; }
.marginBottom4 { margin-bottom: 4px; }
.marginBottom5 { margin-bottom: 5px; }

.rightJ { text-align: right; }
.centerJ { text-align: center; }
.leftJ { text-align: left; }

.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.checkboxNoBorder { border: none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.floatTop {
  position: absolute;
  top: 0;
}

.floatBottom {
  position: absolute;
  bottom: 0;
}

.noDisplay { display: none; }

/* ------------ < borders, padding, and alignment styles  ---------------  */

/* ------------ font styles > ---------------  */

.fontBold {font-weight: bold;}
.fontNormal {font-weight: normal;}

.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}

/* ------------ < font styles ---------------  */

/* -------------------  width and height styles > -----------------------  */

.height1 {height: 1px;}
.height2 {height: 2px;}
.height3 {height: 3px;}
.height4 {height: 4px;}
.height5 {height: 5px;}
.height6 {height: 6px;}
.height7 {height: 7px;}
.height8 {height: 8px;}
.height9 {height: 9px;}
.height10 {height: 10px;}
.height11 {height: 11px;}
.height12 {height: 12px;}
.height13 {height: 13px;}
.height14 {height: 14px;}
.height15 {height: 15px;}
.height16 {height: 16px;}
.height17 {height: 17px;}
.height18 {height: 18px;}
.height19 {height: 19px;}
.height20 {height: 20px;}
.height21 {height: 21px;}
.height22 {height: 22px;}
.height23 {height: 23px;}
.height24 {height: 24px;}
.height25 {height: 25px;}
.height26 {height: 26px;}
.height27 {height: 27px;}
.height28 {height: 28px;}
.height29 {height: 29px;}
.height30 {height: 30px;}
.height31 {height: 31px;}
.height32 {height: 32px;}
.height33 {height: 33px;}
.height34 {height: 34px;}
.height35 {height: 35px;}
.height36 {height: 36px;}
.height37 {height: 37px;}
.height38 {height: 38px;}
.height39 {height: 39px;}
.height40 {height: 40px;}
.height41 {height: 41px;}
.height42 {height: 42px;}
.height43 {height: 43px;}
.height44 {height: 44px;}
.height45 {height: 45px;}
.height46 {height: 46px;}
.height47 {height: 47px;}
.height48 {height: 48px;}
.height49 {height: 49px;}
.height50 {height: 50px;}
.height51 {height: 51px;}
.height52 {height: 52px;}
.height53 {height: 53px;}
.height54 {height: 54px;}
.height55 {height: 55px;}
.height56 {height: 56px;}
.height57 {height: 57px;}
.height58 {height: 58px;}
.height59 {height: 59px;}
.height60 {height: 60px;}
.height61 {height: 61px;}
.height62 {height: 62px;}
.height63 {height: 63px;}
.height64 {height: 64px;}
.height65 {height: 65px;}
.height66 {height: 66px;}
.height67 {height: 67px;}
.height68 {height: 68px;}
.height69 {height: 69px;}
.height70 {height: 70px;}
.height71 {height: 71px;}
.height72 {height: 72px;}
.height73 {height: 73px;}
.height74 {height: 74px;}
.height75 {height: 75px;}
.height76 {height: 76px;}
.height77 {height: 77px;}
.height78 {height: 78px;}
.height79 {height: 79px;}
.height80 {height: 80px;}
.height81 {height: 81px;}
.height82 {height: 82px;}
.height83 {height: 83px;}
.height84 {height: 84px;}
.height85 {height: 85px;}
.height86 {height: 86px;}
.height87 {height: 87px;}
.height88 {height: 88px;}
.height89 {height: 89px;}
.height90 {height: 90px;}
.height91 {height: 91px;}
.height92 {height: 92px;}
.height93 {height: 93px;}
.height94 {height: 94px;}
.height95 {height: 95px;}
.height96 {height: 96px;}
.height97 {height: 97px;}
.height98 {height: 98px;}
.height99 {height: 99px;}
.height100 {height: 100px;}
.height101 {height: 101px;}
.height102 {height: 102px;}
.height103 {height: 103px;}
.height104 {height: 104px;}
.height105 {height: 105px;}
.height106 {height: 106px;}
.height107 {height: 107px;}
.height108 {height: 108px;}
.height109 {height: 109px;}
.height110 {height: 110px;}
.height111 {height: 111px;}
.height112 {height: 112px;}
.height113 {height: 113px;}
.height114 {height: 114px;}
.height115 {height: 115px;}
.height116 {height: 116px;}
.height117 {height: 117px;}
.height120 {height: 120px;}
.height121 {height: 121px;}
.height122 {height: 122px;}
.height125 {height: 125px;}
.height130 {height: 130px;}
.height135 {height: 135px;}
.height136 {height: 136px;}
.height137 {height: 137px;}
.height140 {height: 140px;}
.height141 {height: 141px;}
.height142 {height: 142px;}
.height143 {height: 143px;}
.height144 {height: 144px;}
.height145 {height: 145px;}
.height146 {height: 146px;}
.height147 {height: 147px;}
.height148 {height: 148px;}
.height149 {height: 149px;}
.height150 {height: 150px;}
.height155 {height: 155px;}
.height160 {height: 160px;}
.height165 {height: 165px;}
.height170 {height: 170px;}
.height175 {height: 175px;}
.height180 {height: 180px;}
.height184 {height: 184px;}
.height185 {height: 185px;}
.height190 {height: 190px;}
.height195 {height: 195px;}
.height200 {height: 200px;}
.height204 {height: 204px;}
.height205 {height: 205px;}
.height210 {height: 210px;}
.height215 {height: 215px;}
.height220 {height: 220px;}
.height225 {height: 225px;}
.height230 {height: 230px;}
.height235 {height: 235px;}
.height240 {height: 240px;}
.height245 {height: 245px;}
.height250 {height: 250px;}
.height255 {height: 255px;}
.height260 {height: 260px;}
.height265 {height: 265px;}
.height270 {height: 270px;}
.height275 {height: 275px;}
.height280 {height: 280px;}
.height285 {height: 285px;}
.height290 {height: 290px;}
.height295 {height: 295px;}
.height300 {height: 300px;}
.height304 {height: 304px;}
.height305 {height: 305px;}
.height310 {height: 310px;}
.height315 {height: 315px;}
.height320 {height: 320px;}
.height324 {height: 324px;}
.height325 {height: 325px;}
.height330 {height: 330px;}
.height333 {height: 333px;}
.height334 {height: 334px;}
.height335 {height: 335px;}
.height340 {height: 340px;}
.height345 {height: 345px;}
.height344 {height: 344px;}
.height350 {height: 350px;}
.height353 {height: 353px;}
.height354 {height: 354px;}
.height355 {height: 355px;}
.height360 {height: 360px;}
.height364 {height: 364px;}
.height365 {height: 365px;}
.height370 {height: 370px;}
.height375 {height: 375px;}
.height380 {height: 380px;}
.height385 {height: 385px;}
.height390 {height: 390px;}
.height400 {height: 400px;}
.height405 {height: 405px;}
.height410 {height: 410px;}
.height415 {height: 415px;}
.height420 {height: 420px;}
.height425 {height: 425px;}
.height430 {height: 430px;}
.height435 {height: 435px;}
.height440 {height: 440px;}
.height445 {height: 445px;}
.height450 {height: 450px;}
.height455 {height: 455px;}
.height460 {height: 460px;}
.height465 {height: 465px;}
.height470 {height: 470px;}
.height475 {height: 475px;}
.height480 {height: 480px;}
.height485 {height: 485px;}
.height490 {height: 490px;}
.height500 {height: 500px;}
.height510 {height: 510px;}
.height515 {height: 515px;}
.height520 {height: 520px;}
.height525 {height: 525px;}
.height530 {height: 530px;}
.height535 {height: 535px;}
.height540 {height: 540px;}
.height545 {height: 545px;}
.height550 {height: 550px;}

.height100p {  height: 100%;}
.height50p {  height: 50%;}

.width0 {width: 0px;}
.width1 {width: 1px;}
.width2 {width: 2px;}
.width3 {width: 3px;}
.width4 {width: 4px;}
.width5 {width: 5px;}
.width6 {width: 6px;}
.width7 {width: 7px;}
.width8 {width: 8px;}
.width9 {width: 9px;}
.width10 {width: 10px;}
.width11 {width: 11px;}
.width12 {width: 12px;}
.width13 {width: 13px;}
.width14 {width: 14px;}
.width15 {width: 15px;}
.width16 {width: 16px;}
.width17 {width: 17px;}
.width18 {width: 18px;}
.width19 {width: 19px;}
.width20 {width: 20px;}
.width21 {width: 21px;}
.width22 {width: 22px;}
.width23 {width: 23px;}
.width24 {width: 24px;}
.width25 {width: 25px;}
.width30 {width: 30px;}
.width35 {width: 35px;}
.width40 {width: 40px;}
.width45 {width: 45px;}
.width50 {width: 50px;}
.width55 {width: 55px;}
.width60 {width: 60px;}
.width65 {width: 65px;}
.width70 {width: 70px;}
.width71 {width: 71px;}
.width72 {width: 72px;}
.width73 {width: 73px;}
.width74 {width: 74px;}
.width75 {width: 75px;}
.width76 {width: 76px;}
.width77 {width: 77px;}
.width78 {width: 78px;}
.width79 {width: 79px;}
.width80 {width: 80px;}
.width81 {width: 81px;}
.width82 {width: 82px;}
.width84 {width: 84px;}
.width85 {width: 85px;}
.width90 {width: 90px;}
.width95 {width: 95px;}
.width100 {width: 100px;}
.width105 {width: 105px;}
.width110 {width: 110px;}
.width111 {width: 111px;}
.width112 {width: 112px;}
.width113 {width: 113px;}
.width114 {width: 114px;}
.width115 {width: 115px;}
.width120 {width: 120px;}
.width125 {width: 125px;}
.width130 {width: 130px;}
.width135 {width: 135px;}
.width140 {width: 140px;}
.width145 {width: 145px;}
.width150 {width: 150px;}
.width155 {width: 155px;}
.width160 {width: 160px;}
.width165 {width: 165px;}
.width170 {width: 170px;}
.width175 {width: 175px;}
.width180 {width: 180px;}
.width185 {width: 185px;}
.width190 {width: 190px;}
.width195 {width: 195px;}
.width200 {width: 200px;}
.width205 {width: 205px;}
.width210 {width: 210px;}
.width215 {width: 215px;}
.width220 {width: 220px;}
.width225 {width: 225px;}
.width230 {width: 230px;}
.width235 {width: 235px;}
.width240 {width: 240px;}
.width245 {width: 245px;}
.width250 {width: 250px;}
.width255 {width: 255px;}
.width260 {width: 260px;}
.width265 {width: 265px;}
.width270 {width: 270px;}
.width275 {width: 275px;}
.width280 {width: 280px;}
.width285 {width: 285px;}
.width290 {width: 290px;}
.width295 {width: 295px;}
.width300 {width: 300px;}
.width305 {width: 305px;}
.width310 {width: 310px;}
.width315 {width: 315px;}
.width320 {width: 320px;}
.width325 {width: 325px;}
.width330 {width: 330px;}
.width335 {width: 335px;}
.width340 {width: 340px;}
.width345 {width: 345px;}
.width350 {width: 350px;}
.width355 {width: 355px;}
.width360 {width: 360px;}
.width365 {width: 365px;}
.width370 {width: 370px;}
.width375 {width: 375px;}
.width380 {width: 380px;}
.width385 {width: 385px;}
.width390 {width: 390px;}
.width395 {width: 395px;}
.width400 {width: 400px;}
.width405 {width: 405px;}
.width410 {width: 410px;}
.width415 {width: 415px;}
.width420 {width: 420px;}
.width425 {width: 425px;}
.width430 {width: 430px;}
.width435 {width: 435px;}
.width440 {width: 440px;}
.width445 {width: 445px;}
.width450 {width: 450px;}
.width455 {width: 455px;}
.width460 {width: 460px;}
.width1p {width: 1%;}
.width2p {width: 2%;}
.width3p {width: 3%;}
.width4p {width: 4%;}
.width5p {width: 5%;}
.width6p {width: 6%;}
.width7p {width: 7%;}
.width8p {width: 8%;}
.width9p {width: 9%;}
.width10p {width: 10%;}
.width11p {width: 11%;}
.width12p {width: 12%;}
.width13p {width: 13%;}
.width14p {width: 14%;}
.width15p {width: 15%;}
.width16p {width: 16%;}
.width17p {width: 17%;}
.width18p {width: 18%;}
.width19p {width: 19%;}
.width20p {width: 20%;}
.width21p {width: 21%;}
.width22p {width: 22%;}
.width23p {width: 23%;}
.width24p {width: 24%;}
.width25p {width: 25%;}
.width26p {width: 26%;}
.width27p {width: 27%;}
.width28p {width: 28%;}
.width29p {width: 29%;}
.width30p {width: 30%;}
.width31p {width: 31%;}
.width32p {width: 32%;}
.width33p {width: 33%;}
.width34p {width: 34%;}
.width35p {width: 35%;}
.width36p {width: 36%;}
.width37p {width: 37%;}
.width38p {width: 38%;}
.width39p {width: 39%;}
.width40p {width: 40%;}
.width41p {width: 41%;}
.width42p {width: 42%;}
.width43p {width: 43%;}
.width44p {width: 44%;}
.width45p {width: 45%;}
.width46p {width: 46%;}
.width47p {width: 47%;}
.width48p {width: 48%;}
.width49p {width: 49%;}
.width50p {width: 50%;}
.width51p {width: 51%;}
.width52p {width: 52%;}
.width53p {width: 53%;}
.width54p {width: 54%;}
.width55p {width: 55%;}
.width56p {width: 56%;}
.width57p {width: 57%;}
.width58p {width: 58%;}
.width59p {width: 59%;}
.width60p {width: 60%;}
.width61p {width: 61%;}
.width62p {width: 62%;}
.width63p {width: 63%;}
.width64p {width: 64%;}
.width65p {width: 65%;}
.width66p {width: 66%;}
.width67p {width: 67%;}
.width68p {width: 68%;}
.width69p {width: 69%;}
.width70p {width: 70%;}
.width71p {width: 71%;}
.width72p {width: 72%;}
.width73p {width: 73%;}
.width74p {width: 74%;}
.width75p {width: 75%;}
.width76p {width: 76%;}
.width77p {width: 77%;}
.width78p {width: 78%;}
.width79p {width: 79%;}
.width80p {width: 80%;}
.width81p {width: 81%;}
.width82p {width: 82%;}
.width83p {width: 83%;}
.width84p {width: 84%;}
.width85p {width: 85%;}
.width86p {width: 86%;}
.width87p {width: 87%;}
.width88p {width: 88%;}
.width89p {width: 89%;}
.width90p {width: 90%;}
.width91p {width: 91%;}
.width92p {width: 92%;}
.width93p {width: 93%;}
.width94p {width: 94%;}
.width95p {width: 95%;}
.width96p {width: 96%;}
.width97p {width: 97%;}
.width98p {width: 98%;}
.width99p {width: 99%;}
.width100p {width: 100%;}
/* ------------------- < width and height styles  -----------------------  */

/* -------------------  map styles > -----------------------  */

.mapContainer {
/*
  margin-left: 10%;
  margin-right: 10%;
*/
}

/* ------------------- < map styles -----------------------  */

/* ------------------- testing > -----------------------  */



/* ------------------- < testing -----------------------  */

/* ------------------- layout box styles > -----------------------  */
/* These are will replace the older class defs */

table.cardWrapper {
  height: 100%;
  width: 100%;
  border-collapse: separate;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius-radius: 8px;
  border-top-right-radius-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border: 1px solid #000000;
  border-spacing: 0;
}

table.layoutRow {
  width: 100%;
}

table.layoutRow td {
   padding: 1px;
}

div.layoutCell {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-collapse: separate;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000000;
  min-height: 100%;
  height: 100%;
}

table.layoutBox th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  height: 20px;
  border: 0;
}

table.layoutBox td {
  vertical-align: top;
}

/*  box-sizing:border-box;*/
table.layoutBox {
  height: 100%;
  width: 100%;
/*
  border-collapse: separate;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000000;
*/
  border-spacing: 0;
}

table.layoutBox > thead > tr.layoutBoxTitle > th {
  background-color: #14257a;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-align:left;
}

/* labelBlockHeader */
table.layoutBox > thead > tr.layoutBoxHeadings > th {
  padding: 4px;
  background-color: #D7D7F0;
  font-size: 12px;
  font-weight: bold;
  /* Need this to override "table.jGroupPanel th" rule in aim-default-theme */
  color: black;
}

table.layoutBox > tbody > tr > td {
  padding: 4px;
  font-weight: bold;
}

table.layoutBox > tbody > tr.grayline > td {
  border-top: 1px solid gray;
}

table.layoutBox > tbody > tr > td:first-child {
  background: #d7d7f0;
  font-weight: normal;
}

table.layoutBox td.title {
  color: #FFFFFF;
  background-color: #14257a;
  width: 100%;
}

table.layoutBox td.link {
  background-color: #14257a;
}

table.layoutBox td.link a,
table.layoutBox th.link a {
  color: #FFFFFF;
  background: #14257a;
  border-color: #14257a;
}

table.layoutBox td.link a:hover,
table.layoutBox th.link a:hover {
  color: #d7d7f0;
  border-color: #14257a;
  background: #14257a;
}

table.layoutBox span.subtitle {
  color: #000000;
  background-color: #F0F0F0;
}

/* Have to set the border radius for the corner cells otherwise the square corners bleed past the rounder corners of the
   table border. This appears to be a deficiency in the CSS3 border spec.
   For the upper corners, there are two cases -- thead and non-thead.
   The -moz- ones are only for Firefox before 4.0.
 */

table.layoutBox > thead > tr:first-child,
    table.layoutBox > thead > tr:first-child > th:first-child,
    table.layoutBox > tbody:first-child > tr:first-child,
    table.layoutBox > tbody:first-child > tr:first-child > td:first-child {
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}

table.layoutBox > thead > tr:first-child,
    table.layoutBox > thead > tr:first-child > th:last-child,
    table.layoutBox > tbody:first-child > tr:first-child,
    table.layoutBox > tbody:first-child > tr:first-child > td:last-child {
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}

table.layoutBox > tbody > tr:last-child > td:first-child {
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}

table.layoutBox > tbody > tr:last-child > td:last-child {
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
}

.labelBlockHeader, .plainTitleBlock, .yellowValueCell {
  font-size: 12px;
  padding: 4px;
}

.labelBlockHeader, .plainTitleBlock {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #d7d7f0;
  border-bottom-color: #d7d7f0;
}

.labelBlockHeader, .yellowValueCell, .boldText {
  font-weight: bold;
}

/* ------------------- < Temporary layoutBox styles -----------------------  */


/* ------------------- Temporary browse styles > -----------------------  */
/* These are proposed styles for the new browse component.  Its renderer put classes 'layoutBox' and 'browse' on the
   table element, and 'layoutBoxTitle' on the header tr. */

table.browse {
  margin-top: 2px;
  border-collapse: separate;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000000;
  height: 100%;
  width: 100%;
  border-spacing: 0;
}

table.browse th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  height: 20px;
  border: 0;
}

table.browse td {
  vertical-align: top;
}

table.browse > thead > tr.layoutBoxTitle > th {
  background-color: #14257a;
  text-align:left;
}

table.browse td.title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px;
  color: white;
  text-align: left;
  width: 100%;
}

table.browse td.title > span {
  font-size: 14px;
  font-weight: bold;
  color: white;
}

table.browse td.link {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 1px;
}

table.browse td.link a {
  text-decoration: underline;
  padding: 2px;
  color: #FFFFFF;
  border-color: #14257a;
}

table.browse td.link a,
table.browse td.link a:hover {
  border-width: 1px;
  border-style: solid;
}

table.browse td.link a:hover {
  border-color: #14257a;
  color: #d7d7f0;
  background: #14257a;
  text-decoration: underline;
}

table.browse td.button {
  text-align: right;
  white-space: nowrap;
  padding: 2px;
}

table.browse > thead > tr.layoutBoxHeadings > th {
  padding: 4px;
  background-color: #D7D7F0;
  font-size: 12px;
  font-weight: bold;
}

table.browse> tbody > tr {
  vertical-align: bottom;
  text-align: left;
}

table.browse > tbody > tr:nth-child(even) {
  background-color: #F0F0F0;
}

table.browse > thead > tr:first-child,
    table.layoutBox > thead > tr:first-child > th:first-child,
    table.layoutBox > tbody:first-child > tr:first-child,
    table.layoutBox > tbody:first-child > tr:first-child > td:first-child {
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}

table.browse > thead > tr:first-child,
    table.layoutBox > thead > tr:first-child > th:last-child,
    table.layoutBox > tbody:first-child > tr:first-child,
    table.layoutBox > tbody:first-child > tr:first-child > td:last-child {
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}

table.browse > tbody > tr:last-child > td:first-child {
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
}

table.browse > tbody > tr:last-child > td:last-child {
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
}

table.browse > tbody > tr > td {
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 5px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
}

table.browse > tbody > tr > td:first-child {
  border-left: none;
}

table.browse > tbody > tr > td,
  table.browse > tbody > tr > td > span,
  table.browse > tbody > tr > td > a {
  font-size: 11px;
}
/* ------------------- < Temporary browse styles -----------------------  */