/* GENERAL FONT AND LINK SETTINGS */
BODY,
PRE,
TR,
TD,
TH,
P,
.portlet-font,
.portlet-section-body,
.portlet-section-footer,
.portlet-section-text,
.portlet-table-text {font-family: Arial, Helvetica, sans-serif;
                     font-size: x-small;
                     color: #00005A;
                     font-weight: normal;
                     font-style: normal }

P {margin-top: 0px;
   margin-bottom: 1em }

TH {font-weight: bold }

.epi-fontSm,
.wsui-font-small {font-size: x-small }

.epi-font,
.wsui-font {font-size: x-small }

.epi-fontLg,
.wsui-font-large {font-size: small }

a:link {color: #000000;
        text-decoration: none }

a:visited {color: #000000;
           text-decoration: none }

a:active,
a:hover {color: #000000;
         text-decoration: underline }

a.epi-headline {font-weight: normal;
                text-decoration: underline !important }

/* FOR TRAIL, PAGE, AND SECTION TITLES */
/* NAVIGATION TRAILS */
.epi-trail,
.wsui-trail {font-family: Arial, Helvetica, sans-serif;
             font-size: x-small;
             color: #00005A;
             font-weight: normal;
             margin-bottom: 0px }

.epi-trail a,
.wsui-trail a {color: #00005A !important;
               text-decoration: none !important }

.epi-trail a:hover,
.wsui-trail a:hover {color: #00005A;
                     text-decoration: underline !important }

.epi-trailOn,
.wsui-trail-current {font-family: Arial, Helvetica, sans-serif;
                     font-size: x-small;
                     color: #000000;
                     font-weight: bold;
                     margin-bottom: 0px }

/* PAGE TITLES */
h1,
.epi-pageTitle,
.wsui-page-title,
.portlet-section-header {font-family: Arial, Helvetica, sans-serif;
                         font-size: medium;
                         color: #00005A;
                         font-weight: bold;
                         margin-bottom: 0px }

/* SECTION TITLES */
h2,
.epi-sectionTitle,
.wsui-section-title,
.portlet-section-subheader,
.portlet-form-label {font-family: Arial, Helvetica, sans-serif;
                     font-size: x-small;
                     color: #00005A;
                     font-weight: bold;
                     margin-top: 0px;
                     margin-bottom: .5em }

.epi-sectionTitleBG {background-color: #EFEFF7 }

/* ERROR AND CONFIRMATION MESSAGE COLORS */
.epi-error,
.wsui-error,
.portlet-msg-error,
.portlet-msg-alert {color: #FF0000 !important }

.epi-ok,
.wsui-ok,
.portlet-msg-success {color: #009900 !important }

.epi-dim,
.wsui-dim,
.portlet-font-dim {color: #666666 !important }

/* NAVIGATIONAL MENUS AND LINKS */
.epi-menu,
.wsui-menu {color: #D0F500 !important }

.epi-menuOn,
.wsui-menu-current {color: #D0F500 !important;
                    font-weight: bold }

a.epi-menu,
a.wsui-menu {color: #D0F500 !important;
             text-decoration: none !important }

a.epi-menuOn,
a.wsui-menu-current {color: #D0F500 !important;
                     font-weight: bold }

.epi-nextPrev {color: #D0F500 !important;
               text-decoration: none !important }

a.epi-menu:hover,
a.epi-menuOn:hover,
.epi-nextPrev:hover,
a.wsui-menu:hover,
a.wsui-menu-current:hover {color: #D0F500;
                           text-decoration: underline !important }

/* FORM ELEMENTS */
/* FOR LAYOUT TABLES THAT CONTAIN FORMS -- CONVENIENTLY PROVIDES FOR APPROPRIATE SPACING */
table.epi-formTable td {padding-top: .25em;
                        padding-bottom: .25em }

table.epi-formTable td table td {padding: 0em }

table.epi-formTable td.epi-spacerCell {font-size: 0px;
                                       height: 1em }

/* FORM LABELS */
.epi-formLabel,
.wsui-form-label,
.portlet-form-field-label,
.portlet-icon-label,
.portlet-dlg-icon-label {font-weight: bold;
                         text-align: left;
                         padding-right: .75em }

/* FORM INPUT ELEMENTS */
select,
textarea,
.epi-input,
.portlet-form-input-field {font-family: Arial, Helvetica, sans-serif;
                           font-size: x-small;
                           color: #00005A;
                           background-color: #EFEFF7 }

/* FORM HTML BUTTONS */
.epi-button,
.portlet-form-button {font-family: Arial, Helvetica, sans-serif;
                      font-size: x-small;
                      color: #00005A;
                      background-color: #C9C9E1 }

/* FOR LINKS THAT BEHAVE LIKE BUTTONS */
.epi-buttonLink {color: #D0F500 !important;
                 text-decoration: underline !important }

.epi-buttonLink:hover {color: #D0F500 !important;
                       text-decoration: underline !important }

/* MISC. UI ELEMENTS */
HR {color: #00005A;
    height: 1px }

.epi-lineBreak {background-color: #00005A }

.epi-block {background-color: #EFEFF7;
            border: #B8D1E6 1px solid }

.wsui-block-bgcolor {background-color: #EFEFF7 }

.epi-blockBorder {background-color: #B8D1E6 }

li {padding: .2em .2em }

/* STANDARD DATA TABLES */
.epi-dataTable,
.wsui-table,
.portlet-table-body {border-bottom: #00005A 1px solid;
                     border-left: #00005A 1px solid;
                     border-right: #00005A 0px solid }

.epi-dataTable TH,
.wsui-table TH,
.portlet-table-header TH,
.portlet-table-header TD {color: #00005A;
                          background-color: #C9C9E1;
                          border-top: #00005A 1px solid;
                          border-right: #00005A 1px solid;
                          padding: .5em }

.epi-dataTable TH a,
.wsui-table TH a,
.portlet-table-header a {color: #00005A !important;
                         text-decoration: none }

.epi-dataTable TH.epi-rowHeadSorted,
.epi-dataTable TH.epi-rowHeadSorted a {color: #000000 !important;
                                       background-color: #9CBFDD;
                                       text-decoration: none }

.epi-dataTable TD,
.wsui-table TD,
.portlet-table-body TD {border-top: #00005A 1px solid;
                        border-right: #00005A 1px solid;
                        padding-top: .3em;
                        padding-bottom: .3em;
                        padding-left: .5em;
                        padding-right: .5em }

.epi-dataTable .epi-padRight {padding-right: 2em }

/* DATA TABLE LITE: generally not used with background colors on odd and even rows */
.epi-dataTableLite {border-bottom: #00005A 1px solid;
                    border-left: #00005A 1px solid;
                    border-right: #00005A 1px solid }

.epi-dataTableLite TH {color: #000000;
                       background-color: #F7FAFC;
                       border-top: #00005A 1px solid;
                       border-right: #00005A 0px solid;
                       padding: .5em }

.epi-dataTableLite TH a {color: #000000 !important;
                         text-decoration: none }

.epi-dataTableLite TD {border-top: #00005A 1px solid;
                       border-right: #00005A 0px solid;
                       padding-top: .3em;
                       padding-bottom: .3em;
                       padding-left: .5em;
                       padding-right: .5em }

.epi-dataTableLite epi-padRight {padding-right: 2em }

/* DATA TREE */
.epi-dataTree {border-bottom: #00005A 1px solid;
               border-left: #00005A 1px solid;
               border-right: #00005A 1px solid }

.epi-dataTree TH {color: #00005A;
                  background-color: #C9C9E1;
                  border-top: #00005A 1px solid;
                  border-bottom: #00005A 1px solid;
                  padding-top: .3em;
                  padding-bottom: .3em }

.epi-dataTree TH a {color: #00005A !important;
                    text-decoration: none }

.epi-dataTree .epi-padding {padding-right: 1em;
                            padding-left: 1em }

.epi-dataTree .epi-padLeft {padding: 0px 0px 0px 3px }

/* TABLES WITHIN DATA TABLES: BORDERS AND PADDING */
.epi-dataTable .epi-embeddedTable TD,
.epi-dataTableLite .epi-embeddedTable TD,
.epi-dataTree .epi-embeddedTable TD {border: 0px;
                                     padding: 0px }

/* SHARED BACKGROUND COLORS */
.epi-rowOdd,
.wsui-table-row-odd,
.portlet-table-body {background-color: #F7FAFC }

.epi-rowEven,
.wsui-table-row-even,
.portlet-table-alternate {background-color: #F2F6FA }

.epi-rowSpecial1,
.wsui-table-row-sectionheader,
.portlet-table-subheader {color: #000000;
                          background-color: #D1E1EF }

.epi-rowFooter,
.portlet-table-footer {color: #000000;
                       background-color: #DCE8F3 }

.epi-rowHighlight,
.epi-rowHighlight td,
.epi-rowHighlight td a,
.portlet-table-selected,
.portlet-table-selected a {color: #336699 !important;
                           background-color: #DFEBF6 }

.epi-dataTableBorder {background-color: #00005A }

/* EPI-ROWHEAD: used only to simulate the effect of a data table's header row; not necessary if using <th> */
.epi-rowHead,
.wsui-table-row-header {color: #00005A;
                        font-veight: bold;
                        background-color: #C9C9E1;
                        padding-top: .3em;
                        padding-bottom: .3em }

.epi-rowHead a,
.wsui-table-row-header a {color: #00005A !important;
                          text-decoration: none }

.epi-rowHeadSorted {color: #000000;
                    font-veight: bold;
                    background-color: #9CBFDD;
                    padding-top: .3em;
                    padding-bottom: .3em }

.epi-rowHeadSorted a {color: #000000 !important;
                      text-decoration: none }

/* CHROME, PAGE, AND ALIGNMENT CLASSES */
.epi-pageBG {background-color: #FFFFFF }

.epi-chromeHeader {font-family: Arial, Helvetica, sans-serif;
                   font-size: x-small;
                   color: #FFFFFF;
                   background-color: #C9C9E1 }

.epi-chromeBG {background-color: #FFFFFF }

.epi-chromeBorder {background-color: #00005A }

/* GENERIC COLORS: used only in custom styles and custom secondary pages */
.epi-BG1 {background-color: #00005A }

.epi-BG2 {background-color: #D0F500 }

.epi-BG3 {background-color: #00005A }

.epi-BG4 {background-color: #D0F500 }

.epi-font1 {font-family: Arial, Helvetica, sans-serif;
            font-size: x-small;
            color: #00005A }

.epi-font2 {font-family: Arial, Helvetica, sans-serif;
            font-size: x-small;
            color: #000000 }

.epi-font3 {font-family: Verdana, Geneva, sans-serif;
            font-size: x-small;
            color: #00005A }

.epi-font4 {font-family: Verdana, Geneva, sans-serif;
            font-size: x-small;
            color: #000000 }

.epi-link1,
.epi-link1:link,
.epi-link1:visited {color: #000000;
                    text-decoration: none }

.epi-link1:active,
.epi-link1:hover {color: #000000;
                  text-decoration: underline }

.epi-link2,
.epi-link2:link,
.epi-link2:visited {color: #000000;
                    text-decoration: none }

.epi-link2:active,
.epi-link2:hover {color: #000000;
                  text-decoration: underline }

.epi-link3,
.epi-link3:link,
.epi-link3:visited {color: #000000;
                    text-decoration: none }

.epi-link3:active,
.epi-link3:hover {color: #000000;
                  text-decoration: underline }

.epi-link4,
.epi-link4:link,
.epi-link4:visited {color: #FFFFFF;
                    text-decoration: none }

.epi-link4:active,
.epi-link4:hover {color: #FFFFFF;
                  text-decoration: underline }

/* DEPRECATED: do not use in new code */
.epi-align {text-align: left }

.epi-rowSpecial2 {background-color: #DCE8F3 }

.epi-errorColor,
.epi-errorSm,
.wsui-error-small {color: #FF0000 !important }

.epi-okColor,
.epi-okSm,
.wsui-ok-small {color: #009900 !important }

.epi-dimColor,
.epi-dimSm,
.wsui-dim-small {color: #666666 !important }

.epi-buttonSm,
.wsui-button-small {font-family: Arial, Helvetica, sans-serif;
                    font-size: x-small;
                    color: #00005A;
                    background-color: #C9C9E1 }

.epi-form,
.epi-formSm {font-family: Arial, Helvetica, sans-serif;
             font-size: x-small;
             color: #00005A;
             background-color: #EFEFF7 }

.epi-buttonLinkSm {color: #D0F500;
                   text-decoration: underline }

.epi-buttonLinkSm:hover {color: #D0F500;
                         text-decoration: underline }

.epi-blockBGColor {background-color: #EFEFF7 }

.epi-chromeHeaderFont {font-family: Arial, Helvetica, sans-serif;
                       font-size: x-small;
                       color: #FFFFFF;
                       font-weight: bold }

.epi-chromeHeaderBG {background-color: #C9C9E1 }

.epi-rowSubHead {color: #000000;
                 background-color: #D1E1EF }

/* DEPRECATED MY PAGES CLASSES: do NOT use for normal code */
.epi-button-normal {background-color: #9CBFDD;
                    cursor: normal }

.epi-button-normal table.rollover {background-color: #F2F6FA }

.epi-button-normal a {color: #000000 !important;
                      text-decoration: none !important }

.epi-button-rollover {background-color: #9CBFDD;
                      cursor: hand }

.epi-button-rollover table.rollover {background-color: #C9C9E1 }

.epi-button-rollover a {color: #00005A !important;
                        text-decoration: none !important }

.epi-button-current,
.epi-button-current table.rollover {background-color: #9CBFDD }

.epi-button-current a {color: #000000 !important;
                       font-weight: bold;
                       text-decoration: none !important }

.epi-button-current-rollover {background-color: #9CBFDD;
                              cursor: hand }

.epi-button-current-rollover table.rollover {background-color: #C9C9E1 }

.epi-button-current-rollover a {color: #00005A !important;
                                font-weight: bold;
                                text-decoration: none !important }

.epi-button-line {border-bottom: #00005A 1px solid }