* {font-family: Helvetica, sans-serif; margin: 0; padding: 0;}
body {background-color: #fff;}
a {text-decoration: none;}
  a:hover, a:focus {text-decoration: underline;}
  a:active {position: relative; top: 1px;}
  a img {border-style: none; vertical-align: middle;}
hr {border-style: none; border-top: 1px solid #ccc; display: block; margin: 15px auto; width: 97%;}
sup {font-size: 8px; vertical-align: top;}

#Page {border: 1px solid #ccc; margin: 10px auto; width: 746px; font-size: 12px;}


/* --- Page Header --------------------------------------------------------- */

#PageHeader {background-image: none; background-repeat: no-repeat; height: 180px;}
  #TextHeaderLink {display: none;} /*hide title text if stylesheets are enabled*/
  #HeaderLink {display: block; position: absolute; width: 746px; height: 180px; z-index: 10;}

#TopMenu {position: relative;}
  #HeaderMenu {color: #fff; float: right; padding: 3px 10px; position: relative; z-index: 25;}
    #HeaderMenu span {color: #fff;}
    #HeaderMenu a {color: #fff; font-size: 13px;}
  #SearchMenu {clear: both; list-style-type: none; position: absolute; top: 40px; left: 625px; white-space: nowrap; z-index: 25;}
    #SearchMenu li {padding-top: 5px; line-height: 12pt;}
      #SearchMenu li a {color: #5b5b5b; font-size: 13px; margin: 0;}
    #SearchTextBox {position: relative; z-index: 5; width: 90px; opacity: 0.5;}
    #SearchButton {border-style: none; vertical-align: middle;}
      #SearchButton[id] {margin-bottom: 3px;}
    #SearchMask {position: absolute; z-index: 1; width: 90px; background-color: #fff; border: 1px inset #f5f5f5; cursor: text;}
      #SearchMask span {color: #000; font-style: oblique; padding: 2px 5px; text-transform: lowercase;}


/* --- Page Content -------------------------------------------------------- */

#PageContent {clear: both; min-height: 250px; padding-bottom: 15px;}

  /* --- User Info ---------------- */
  #UserInfo {position: relative; float: right; padding: 5px; margin-right: 5px; text-align: right;}
    #UserInfo * {color: #606060;}
    #UserInfo .loginName {font-size: 11px; font-weight: bold;}
    #UserInfo .logoutLink {color: #999; font-size: 11px; text-transform: lowercase;}
    #UserInfo .orgName {display: block; font-size: 11px;}
    #UserInfo .orgAssignment {background: url('/apr/images/sq_br_down.png') no-repeat 100% 2px; padding-right: 20px; margin: 1px 5px 0 0; display: block;}
      #UserInfo .orgAssignment .iceOutTxt {font-size: 11px;}
      #UserInfo .orgAssignment .name {color: #306090; font-weight: bold; text-decoration: underline;}
      #UserInfo .orgAssignment .description {display: block; font-style: oblique;}
    #UserInfo .orgAssignmentRO {background-image: none; padding: 0; margin: 1px 0 0;}
      #UserInfo .orgAssignmentRO .name {color: #606060; text-decoration: none;}
    #UserInfo .orgAssignmentPopup {display: block; position: absolute; top: 40px; right: 8px; z-index: 1000; -webkit-box-shadow: 0 2px 15px rgba(67, 90, 157, 0.75); -moz-box-shadow: 0 2px 15px rgba(67, 90, 157, 0.75); box-shadow: 0 2px 15px rgba(67, 90, 157, 0.75);}
    #UserInfo .orgAssignmentMenu {border: 1px solid #dbdbdb; border-top-style: none;}
      #UserInfo .orgAssignmentMenu td {border-style: none; border-top: 1px solid #dbdbdb; vertical-align: top; padding: 2px 5px; white-space: nowrap;}
      #UserInfo .orgAssignmentMenu .iceOutTxt {font-size: 11px; font-weight: bold; padding: 0;}
      #UserInfo .orgAssignmentMenu .headerRow {background-color: #1b5e6d;}
      #UserInfo .orgAssignmentMenu .assignmentRow2 {background-color: #f2f2f2;}
      #UserInfo .orgAssignmentMenu .year {color: #fff;}
      #UserInfo .orgAssignmentMenu .description {font-style: oblique; font-weight: normal;}
      #UserInfo .orgAssignmentMenu .iceRowSelMouseOver {background-color: #4591a1; cursor: pointer;}
        #UserInfo .orgAssignmentMenu .iceRowSelMouseOver .iceOutTxt {color: #fff;}

  /* --- Bread Crumb links -------- */
  #BreadCrumbs {margin-left: 20px; padding: 5px 0;}
    #BreadCrumbs a {color: #606060; font-size: 11px; font-weight: bold;}
    #BreadCrumbs .separator {color: #693; font-weight: bold;}

  /* --- Jump To links ------------ */
  #JumpTo {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px 0 10px; padding: 0 10px;}
    #JumpTo h6 {color: #777; display: inline; font-size: 11px; padding-right: 0.35em;}
    #JumpTo ul.flatMenu {display: inline;}
    #JumpTo a {color: #999; font-size: 11px;}
    #JumpTo .separator {padding: 0; vertical-align: middle;}
  .jumpTop {background: transparent url('/apr/images/jumptop.gif') no-repeat; color: #999; font-size: 11px; margin: 0.35em 5px 0; padding-left: 10px;}

  /* --- Navigation Bar ----------- */
  .NavigationMenu {float: left; padding: 1% 3% 1% 1%; width: 18%;}
    .NavigationMenu * {color: #c30; font-size: 12px;}
    .NavigationMenu h4 {font-weight: bold; margin-left: 1em; padding: 0 0 1px;}
    .NavigationMenu ul {margin-bottom: 15px; list-style-type: none;}
    .NavigationMenu li {background: url('/apr/images/navbullet.png') no-repeat 0 3px; margin-left: 15px; padding-left: 10px;}
      .NavigationMenu li.separator {background-image: none;}
        .NavigationMenu li.separator hr {margin: 3px 0; border-top-color: #e5997f; width: 50%; text-align: left;}
      .NavigationMenu li.completed {background-image: url('/apr/images/checkmark.png');}
    .NavigationMenu .itemCount {font-weight: bold;}

  /* --- Progress Window ---------- */
  .progressWindow {}
    .progressWindow .iceOutProgBg {width: 370px;}
    .progressWindow .iceOutProgIndetActv {left: 0;}
  .batchResults {overflow-y: scroll; height: 250px; border: 1px solid #ccc;}
    .batchResults table {border-collapse: collapse; border-style: none; background-color: #fff;}
    .batchResults tr {border-style: none;}
    .batchResults td {padding: 0 5px; border-style: none;}
    .batchResults .colTitle {width: 100%;}
    .batchResults .colStatus {white-space: nowrap;}
    .batchResults .taskResultSuccess {color: #693; font-weight: bold;}
    .batchResults .taskResultSkipped {font-style: oblique;}
    .batchResults .taskResultError {color: #900; font-weight: bold;}
    .batchResults .taskResultNoAccess {color: #900; font-style: oblique;}

  /* --- Content ------------------ */
  #Content {clear: both; float: right; padding: 1% 3% 1% 2%; width: 72%;}
    #Content h1, #Content h1 .iceOutTxt {color: #693; font-size: 16px; font-weight: normal;}
    #Content h2 {color: #369; font-size: 13px; font-weight: bold; border-bottom: 1px solid #693; margin-top: 2em;}
    #Content h3 {color: #369; font-size: 12px; font-weight: normal;}
    #Content h4 {color: #ce7b00; font-size: 13px; font-weight: bold; margin-top: 5px;}
    #Content h5 {color: #ce7b00; font-size: 24px; font-weight: bold; border-bottom: 1px solid #999;}
    #Content p {margin: 15px 0;}

  #Content .contentBlock {margin-bottom: 2em; padding: 5px;}
    #Content .contentBlock p {margin: 0.5em auto; width: 97%;}
  #Content .borderedContent {
    background-color: #f5f5f7;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
  }

    /* --- Default Table Style ------------- */
    .contentBlock table {border-collapse: collapse; margin: 0.5em auto 0;  width: 97%;}
      .contentBlock th, .contentBlock td {padding: 2px 7px; vertical-align: top;}
      .contentBlock thead th {font-weight: bold; text-align: left; vertical-align: bottom;}
      .contentBlock tfoot td {padding-top: 5px;}
      .contentBlock tbody th {font-weight: bold; text-align: right; white-space: nowrap; width: 8em;}
      .contentBlock tbody td {text-align: left;}

    /* --- Alternating Row Table Style ----- */
    .contentBlock table.grid {table-layout: fixed;}
      .contentBlock table.grid th, .contentBlock table.grid td {padding: 4px 5px; overflow: hidden;}
      .contentBlock table.grid thead th {background-color: #c6cc86; color: #333; padding: 2px 5px;}
        .contentBlock table.grid thead th a {color: #333; text-decoration: underline;}
        .contentBlock table.grid thead th a:hover, .contentBlock table.grid thead th a:focus {color: #000;}
      .contentBlock table.grid tbody tr.th, .contentBlock table.grid tbody tr td {background-color: #fff; border-bottom: 1px solid #ccc;}
      .contentBlock table.grid tbody tr.altRow th, .contentBlock table.grid tbody tr.altRow td {background-color: #f4f6e0;}
      .contentBlock table.grid tbody tr.current th, .contentBlock table.grid tbody tr.current td {background-color: #c7d5e3;}
      .contentBlock table.grid tbody tr:hover th, .contentBlock table.grid tbody tr:hover td {}

      .contentBlock table.gridBorder {border-bottom: 1px solid #999;}

      .contentBlock table.gridFilter {background-color: #fffff0; margin: 0 auto; width: 97%;}
        .contentBlock table.gridFilter td {padding: 4px 5px; vertical-align: middle;}

      .contentBlock .gridPages {background-color: #fffff0; border-bottom: 1px solid #ccc; margin: 0 auto 0.5em; padding: 0.25em 0; text-align: center; width: 97%;}
        .contentBlock .gridPages div {padding: 0.25em 2.5em;}
        .contentBlock .gridPages a {border: 1px solid #999; color: #333; font-size: 10.5pt; padding: 0 5px;}
          .contentBlock .gridPages a:hover, .contentBlock .gridPages a:focus {background-color: #369; color: #fff; text-decoration: none;}
        .contentBlock .gridPages .currentPage {background-color: #c6cc86; font-weight: bold; padding: 0 5px;}

    .contentBlock table.compare {}
      .contentBlock table.compare th, .contentBlock table.compare td {padding: 3px 7px;}
      .contentBlock table.compare thead th {border-bottom: 1px solid #606060;}
      .contentBlock table.compare thead th, .contentBlock table.compare thead td {background-color: #f5f8d7; color: #333;}
      .contentBlock table.compare tbody th {background-color: #f5f8d7; border-right: 1px solid #606060; color: #333; font-weight: normal;}
      .contentBlock table.compare tbody td {border-left: 1px dotted #606060;}
      .contentBlock table.compare tbody tr.altRow td {background-color: #efefef;}
      .contentBlock table.compare tbody tr.diff td.compareNew {color: #693 !important; font-weight: bold !important;}
      .contentBlock table.compare tbody tr.diff td.compareOld {color: #900 !important;}


/* --- Page Footer --------------------------------------------------------- */

#PageFooter {border-top: 1px solid #ccc; clear: both; color: #606060;}
  #PageFooter .copyright {float: left; padding: 3px;}
  #PageFooter .separator {float: left; padding: 3px;}
  #FooterMenu {background-color: #d98211; color: #fff; font-weight: bold; float: right; padding: 3px 10px;}
    #FooterMenu a {color: #fff;}


/* --- Entry Form & Grid --------------------------------------------------- */

.entryForm {border-style: none;  border-collapse: collapse; margin: 0.75em 0; width: 100%;}
  .entryForm th, .entryForm td {padding: 2px 7px; vertical-align: top;}
  .entryForm tbody th {font-weight: normal; text-align: right; width: 11.5em;}
  .entryForm tbody td {text-align: left;}
  .entryForm tfoot td {padding-top: 10px; padding-bottom: 5px;}
.shortLabels tbody th {width: 8em !important;}
.strongLabels tbody th {font-weight: bold !important;}

td.separator {font-size: 8px;}
tfoot td.separator {border-bottom: 1px solid #ccc; margin: 0; padding: 0;}
.noRecords {font-style: oblique;}
  tbody td.noRecords {text-align: center !important;}

div.formFooter {margin: 1.5em 0;}
  div.formFooter .column {float: left; width: 33%;}
div.tableFormFooter {margin: 0.5em auto; overflow: auto; text-align: right; width: 97%;}
  div.tableFormFooter hr {margin: 0.5em auto;}
tfoot td.formFooter {border-top: 1px solid #999; padding-top: 8px; text-align: right;}

/* --- Grid Filter --------------------------------------------------------- */
.filter {float: left; text-align: left;}
  .filterShow, .filterReset {color: #999; display: block; font-size: 90%; outline-style: none;}
  .filterShow {color: #369;}
  .filterMask {position: absolute; cursor: text;}
    .filterMask span {padding: 2px 5px; position: absolute; color: #999; font-style: oblique; text-transform: lowercase;}


/* --- Hierarchical Tree List ---------------------------------------------- */

.tree {margin-left: 0;}
  .tree ul {padding-left: 0;}
  .tree li {cursor: auto; list-style: none;}
  .tree li.treeNode {background-color: #fff; border-top: 1px solid #eee; line-height: 1.75em;}
    .tree li.treeNode .nodeTitle {font-size: 11pt;}
    .tree li.treeNode .radio {margin-right: 0.25em;}
  .tree li.treeTop {border-top-style: none;}
  .tree li.current {background-color: #c7d5e3;}
     .tree li.current>.nodeTitle {font-weight: bold;}
.treeGrid {}
  .treeGrid li.treeNode {}
    .treeGrid li.treeNode div {overflow: auto;}
    .treeGrid li.treeNode .nodeTitle {float: left;}
    .treeGrid li.treeNode .nodeActions {width: 25%; float: right;}


/* --- Definition List styles ---------------------------------------------- */

dl {margin: 1em;}
  dl dt {font-weight: bold; margin-top: 1em;}
  dl dd {font-style: oblique; padding-left: 0.5em;}


/* --- Form Element styles ------------------------------------------------- */

/*label {line-height: 11px;}*/
input.checkbox, input.radio {height: 1em; vertical-align: top;}
.checkbox, .radio {cursor: pointer;}
  .checkbox:focus {outline: #693 solid thin;}

textarea {padding: 1px 2px;}
select, textarea {border: 1px solid #ccc; background-color: #fff; font-family: Helvetica, Arial, sans-serif;}
  select:focus, textarea:focus {border-color: #693;}
  optgroup {background-color: #f0f0f0;}
    optgroup option {background-color: #fff; padding-left: 1em;}

input.field {}
  input.field:focus {}
.field {width: 178px;}           /*size=30*/
  .shorterField {width: 103px;}  /*size=15*/
  .shortField {width: 153px;}    /*size=25*/
  .longField {width: 203px;}     /*size=35*/
  .longerField {width: 253px;}   /*size=45*/
  .longestField {width: 303px;}  /*size=55*/

input.disabled {background-color: #f2f2f2; color: #999;}
input.error, select.error, textarea.error {background-color: #fff7f7; border: 1px solid #900; color: #900;}

.button {color: #606060; margin: 0 3px; padding: 2px 15px;}
  .button {width: 0; overflow: visible;} /*fix for IE "stretched button" display bug*/
  .primaryButton {color: #c20; font-weight: bold;}
  .searchButton {color: #693; font-weight: bold;}
  .inlineButton {font-size: 8.5pt !important; font-weight: bold !important; padding: 0 3px !important;}
  .linkButton {border-style: none; background-color: transparent; cursor: pointer; padding: 2px 10px;}
.button[class] {width: auto;} /*undoes IE "stretched button" display bug fix for non-IE browsers*/
.linkCancelButton {color: #606060; font-size: 12px; font-weight: bold; margin: 0 6px; text-decoration: underline;}
  .linkCancelButton:hover, .linkCancelButton:focus {color: #333;}

.recoverPassword {text-align: left;}
  .recoverPassword a {color: #999; font-size: 11px;}


/* --- Common Element styles ----------------------------------------------- */

.alignLeft {text-align: left;}
.alignMiddle {text-align: center;}
.alignRight {text-align: right;}
.block {display: block;}
.caseUpper {text-transform: uppercase;}
.caseLower {text-transform: lowercase;}
.caseCaps {font-variant: small-caps;}
.clear {clear: both; line-height: 0;}
.indent {margin-left: 1.5em;}
  .indent2 {margin-left: 3.0em;}
.floatLeft {float: left;}
.floatRight {float: right;}
.fullWidth {width: 100%;}
.nowrap {white-space: nowrap;}
.normal {font-weight: normal !important;}
.strong {font-weight: bold !important;}

.appLink {color: #693;}
.disabled * {color: #ccc;}
  .disabled .required b {display: none;}
.inactive {color: #999; font-style: oblique;}
.scrollHBox, .scrollVBox {overflow: auto;}
  .scrollHBox table {margin: 0; table-layout: auto !important;}
  .scrollHBox table thead th {white-space: nowrap;}
  .scrollHBox table tbody td {white-space: nowrap;}
.sample {color: #777; font-size: 11px;}
  .formatSample {color: #777; font-family: monospace; font-size: 11px;}
.secondaryText {color: #999; font-size: 11px;}
  .secondaryText a {color: #999; font-size: 11px; font-weight: bold;}
.importantText {color: #900; font-size: 11px; font-style: oblique; font-weight: bold; padding-left: 0.5em;}
.statusActive {color: #693; font-weight: bold;}
.statusInactive {color: #c30; font-weight: bold;}

.collapsed {background: transparent url('/apr/images/collapsed.gif') no-repeat 0 50%; padding-left: 10px;}
.expanded {background: transparent url('/apr/images/expanded.gif') no-repeat 0 50%; padding-left: 10px;}

.required {font-weight: bold !important;}
  .required b {color: #c36; font-size: 12pt; font-weight: bold; vertical-align: top;}
.requiredMessage {font-size: 11px;}
.flatMenu {list-style-type: none;}
  .flatMenu li {display: inline;}

.pseudoLink {cursor: pointer; text-decoration: none;}
  .pseudoLink:hover, .pseudoLink:focus {text-decoration: underline;}

.recordTotals {display: block; font-size: 11px; font-weight: bold; margin-bottom: 10px;}

/* links */
.embeddedLink {font-weight: bold;}
.external {background-image: url('/apr/images/external.gif'); background-position: right; background-repeat: no-repeat; padding-right: 18px;}
.popupHelp {margin-left: 5px;}
  .popupHelp img {border-style: none; vertical-align: top;}

.blueLink {color: #369;}
.goldLink {color: #960;}
.grayLink {color: #606060;}
.greenLink {color: #693;}
.redLink {color: #c36;}

/* diagonal arrow links */
.blueArrowLink, .goldArrowLink, .grayArrowLink, .greenArrowLink, .redArrowLink {background-repeat: no-repeat; font-size: 10pt; margin: 0 3px 3px; padding-left: 15px;}
  .blueArrowLink {color: #369; background-image: url('/apr/images/diag_blue_arrow.gif');}
  .goldArrowLink {color: #960; background-image: url('/apr/images/diag_gold_arrow.gif');}
  .grayArrowLink {color: #606060; background-image: url('/apr/images/gray_diag_arr.png');}
  .greenArrowLink {color: #693; background-image: url('/apr/images/diag_green_arrow.gif');}
  .redArrowLink {color: #c36; background-image: url('/apr/images/diag_red_arrow.gif');}

/* diagonal arrow links (with transparency) */
.GrayDiagArrow {background-image: url('/apr/images/gray_diag_arr.png'); background-repeat: no-repeat; display: block; float: left; width: 15px; height: 15px;}

/* arrow unordered list */
.BlueArrowList li, .GoldArrowList li, .GreenArrowList li, .RedArrowList li {margin-left: 20px; margin-right: 5px; vertical-align: top;}
  .BlueArrowList li {list-style-image: url('/apr/images/blue_arrow.gif');}
  .GoldArrowList li {list-style-image: url('/apr/images/gold_arrow.gif');}
  .GreenArrowList li {list-style-image: url('/apr/images/green_arrow.gif');}
  .RedArrowList li {list-style-image: url('/apr/images/red_arrow.gif');}

/* rounded corner highlight box */
.rbox {overflow: auto;}
  .rbox-item {margin: 5px 5px 0;}
    .rbox-activatable:hover {cursor: pointer; -moz-border-radius: 5px 5px 0px; -webkit-border-radius: 5px; -webkit-border-bottom-right-radius: 0px;}
    .rbox-sortable {position: relative;}
      .rbox-sortable .br {display: none;}
      .rbox-sortable .draghandle {background: url('/apr/images/handle.gif') no-repeat bottom right; cursor: n-resize; width: 10px; height: 11px; position: absolute; bottom: 1px; right: 1px; visibility: hidden;}
        .rbox-sortable:hover .draghandle {visibility: visible;}
  .rbox-content {padding: 5px; position: relative;}

  .rbox-iefix {position: relative; width: 100%;}
  .rbox-iefix .tl, .rbox-iefix .tr, .rbox-iefix .bl, .rbox-iefix .br {position: absolute; z-index: 100; width: 5px; height: 5px; line-height: 0; background-color: #f9f9f9; background-repeat: no-repeat;}
    .rbox-iefix .tl {background-position: 0px 0px; top: 0px; left: 0px;}
    .rbox-iefix .tr {background-position: -15px 0px; top: 0px; right: 0px;}
    .rbox-iefix .bl {background-position: 0px -15px; bottom: 0px; left: 0px;}
    .rbox-iefix .br {background-position: -15px 5px; bottom: 0px; right: 0px;}

  .rbox-b4c6d2 .rbox-activatable:hover {background-color: #b4c6d2;}
  .rbox-b4c6d2 .rbox-iefix:hover {background-color: #b4c6d2;}
    .rbox-b4c6d2 .rbox-iefix:hover .tl, .rbox-b4c6d2 .rbox-iefix:hover .tr, .rbox-b4c6d2 .rbox-iefix:hover .bl, .rbox-b4c6d2 .rbox-iefix:hover .br {background-image: url('/apr/images/rbox-b4c6d2.gif');}