/* EPI CLASSES FOR USE IN THE ADMINISTRATION CONSOLE AS OF 9/8/03 */
/* TODO: Remove temporary comments */
/* GENERAL FONT AND LINK SETTINGS  */						
/* updated to OT style */
BODY,
PRE,
TR, 
TD, 
TH, 
P
.portlet-font,
.portlet-section-body,
.portlet-section-footer,
.portlet-section-text,
.portlet-table-text
{font-family: tahoma,verdana, geneva, arial, helvetica, sans-serif;
font-size: x-small; 
font-weight: normal;
font-style: normal;
color: #414141;}
				
P
{margin-top:0px; margin-bottom:1.3em;}				
 
TH	
{font-weight: bold;}

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

.epi-font,
.wsui-font
{font-size: xx-small;}
	
.epi-fontLg,
.wsui-font-large
{font-size: x-small;}
											
/* Updated as per OT style */
a,
a:link
{
    color: #414141;
    text-decoration: none;
    font-weight:bold;
}

/* Updated as per OT style */
a:visited
{color: #414141;}

/* Updated as per OT style */
a:active,
a:hover
{
    color: #00609e;
    text-decoration: underline;
}

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


/* FOR TRAIL, PAGE, AND SECTION TITLES  */
/* NAVIGATION TRAILS */
.epi-trail,
.wsui-trail
{font-family: arial, sans-serif;
font-size: small;
color: #666666;}

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

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

.epi-trailOn,
.wsui-trail-current
{font-family: arial, sans-serif;
font-size: small;
color: #000000;
font-weight: bold;}


/* PAGE TITLES */
/* Updated to OT style */
h1,
.epi-pageTitle,
.wsui-page-title,
.portlet-section-header
{font-family: tahoma,arial, helvetica, sans-serif;
font-size: 17px;
color: #0073AF;
font-weight: bold;
margin-bottom:0px;}


/* SECTION TITLES*/
/*Updated to OT style */
h2,
.epi-sectionTitle,
.wsui-section-title,
.portlet-section-subheader,
.portlet-form-label
{font-family: tahoma,verdana, geneva, arial, helvetica, sans-serif;
font-size: x-small;
color: #414141;
font-weight: bold;
margin-bottom:.5em;
margin-top:0px;}

.epi-sectionTitleBG
{background-color: #A4BFCA;}


/* 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  */
/* Changed as per OT style */
.epi-menu,
.wsui-menu
{font-weight:normal !important}

/* Changed as per OT style */
.epi-menuOn,
.wsui-menu-current
{color: #414141 !important;
font-weight: bold;}

/* Changed as per OT style */
a.epi-menu,
a.wsui-menu
{color: #414141 !important;
text-decoration: none !important;}

/* Changed as per OT style */
a.epi-menuOn,
a.wsui-menu-current
{color: #414141 !important;
font-weight: bold;}

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

/* Changed as per OT style */
a.epi-menu:hover,
a.epi-menuOn:hover,
.epi-nextPrev:hover,
a.wsui-menu:hover,
a.wsui-menu-current:hover
{color: #00609e;
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: 0;}

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


/* FORM LABELS */
/* Modified as per OT style */
.epi-formLabel,
.wsui-form-label,
.portlet-form-field-label,
.portlet-icon-label,
.portlet-dlg-icon-label
{
  font-weight: bold;
  font-family: Tahoma,verdana, geneva, arial, helvetica, sans-serif;
  font-size:x-small;
  padding-right: .75em;
  text-align: left;
}

/* FORM INPUT ELEMENTS */
/* Modified as per OT style */
select,
textarea,
.epi-input,
.portlet-form-input-field
{
  font-family: Tahoma,verdana, geneva, arial, helvetica, sans-serif;
  color: #414141;
  font-size:x-small;
  border-style: solid;
  border-color: #A9B7C6;
  border-width: 1px;
  background-color: #FFFFFF;

}


/* FORM HTML BUTTONS */
/* Modified as per OT style */
.epi-button,
.portlet-form-button
{
background-image:  url(../images/misc/button_background.png);
border-top: solid 1px #A9B7C6;
border-left: solid 1px #A9B7C6;
border-bottom: solid 1px #657f97;
border-right: solid 1px #657f97;
font-family: tahoma,verdana, geneva, arial, helvetica, sans-serif;
font-size: x-small;}

/* Added to have OT sytle */
.epi-button:hover
{
background-image:  url(../images/misc/button_background_mo.png);
border-top: solid 1px #FFC727;
border-left: solid 1px #FFC727;
border-bottom: solid 1px #D39300;
border-right: solid 1px #D39300;
font-family: tahoma,verdana, geneva, arial, helvetica, sans-serif;
font-size: x-small;}

/* Added to have OT sytle */
.epi-button:active
{
background-image:  url(../images/misc/button_background_on.png);
border-top: solid 1px #D39300;
border-left: solid 1px #D39300;
border-bottom: solid 1px #FFC727;
border-right: solid 1px #FFC727;
font-family: tahoma,verdana, geneva, arial, helvetica, sans-serif;
font-size: x-small;}

/* FOR LINKS THAT BEHAVE LIKE BUTTONS   */
/* Added to have OT sytle */
.epi-buttonLink
{color: #414141 !important;
text-decoration: none !important;}

/* Added to have OT sytle */
.epi-buttonLink:hover
{color: #00609e !important;
text-decoration: underline !important;}

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

.epi-lineBreak
{background-color: #cccccc;}

.epi-block
{background-color: #f3f3f3;
border: 1px solid #A4BFCA;}

.wsui-block-bgcolor
{background-color: #efefef;}

.epi-blockBorder
{background-color: #A4BFCA;}

li
{padding: .2em .2em;}

/* STANDARD DATA TABLES */
/* Updated to OT style */
.epi-formTable .epi-dataTable,
.epi-dataTable,
.wsui-table,
.portlet-table-body
{margin-bottom:5px;
border-bottom: solid 1px #c6dbe3 !important;
border-left: solid 1px #c6dbe3 !important;
border-right: solid 1px #c6dbe3 !important;
border-top: solid 1px #c6dbe3;    
border-collapse:collapse;
}

.epi-dataTablePermission
{margin-bottom:5px;
border: solid 1px #c6dbe3;
border-collapse:collapse;
}

/* UPdated to OT style */
.epi-dataTable TH,
.wsui-table TH,
.portlet-table-header TH,
.portlet-table-header TD
{color: #414141 !important;
background-color:#d7edf8;
border-right: solid 1px #c6dbe3;
border-bottom: solid 1px #c6dbe3;
padding: .5em;
height: 22px;}

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

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

/* updated to OT style */
.epi-formTable .epi-dataTable TD,
.epi-dataTable TD,
.wsui-table TD,
.portlet-table-body TD
{
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: solid 0px #ffffff;
border-left: solid 0px #ffffff;
border-right: solid 0px #ffffff;}

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

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

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

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

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

.epi-dataTree TH
{color: #000000;
background-color: #b1cfe9;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
padding-top: .3em;
padding-bottom: .3em;}

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

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

/* 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 */
/* updated to OT style */
.epi-rowOdd,
.wsui-table-row-odd,
.portlet-table-body
{
    background-color: #fafafa;
}

/* updated to OT style */
.epi-rowEven,
.wsui-table-row-even,
.portlet-table-alternate
{background-color: #f3f3f3;}

.epi-rowEven:hover,
.epi-rowOdd:hover,
.epi-rowSpecial1:hover,
.wsui-table-row-odd:hover,
.wsui-table-row-even:hover
{
background-color: #e9e9e9 !important;
}

.epi-rowHighlight,
.epi-rowHighlight td,
.epi-rowHighlight td a,
.portlet-table-selected,
.portlet-table-selected a
{color: #ffffff !important;
background-color: #6FB2CE;}

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

.epi-rowSpecial4
{
  background-color: #EEF8FC;
}

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

.epi-dataTableBorder
{background-color: #ffffff;}

/* EPI-ROWHEAD: used only to simulate the effect of a data table's header row; not necessary if using <th>*/

/* Updated to OT style */
.epi-rowHead,
.wsui-table-row-header
{font-weight: bold;
background-color:#d7edf8;
padding-top: 3px;
padding-bottom: 3px;
height: 30px;}
							
.epi-rowHead a,
.wsui-table-row-header a
{color: #000000  !important;
text-decoration: none;}

.epi-rowHeadSorted	
{color: #000000;
font-weight: bold;
background-color: #6fb2ce;
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-chromeHeaderr
{font-family: arial, sans-serif;
font-size: x-small;
color: #000000;
font-weight: bold;
background-color: #E8F4F8;}

.epi-chromeBG
{background-color: #ffffff;}

.epi-chromeBorder
{background-color: #0074A3;}

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

.epi-BG2		
{background-color: #888787;}

.epi-BG3		
{background-color: #8ec7de;}

.epi-BG4
{background-color: #8ec7de;}


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

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

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

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

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

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

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

.epi-link2:active,
.epi-link2:hover	
{color: #ffffff;
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: #000000;
text-decoration: none;}

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


/* ADDITIONAL WSRP CLASSES: these classes are not exposed through the Fonts & Colors interface */ 
.portlet-section-alternate {}
.portlet-section-selected {}
.portlet-section-alternate {}
.portlet-menu {}
.portlet-menu-item {}
.portlet-menu-item-selected {}
.portlet-menu-item-hover {}
.portlet-menu-item-hover-selected {}
.portlet-menu-cascade-item {}
.portlet-menu-cascade-item-selected {}
.portlet-menu-description {}
.portlet-menu-caption {}


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

.epi-rowSpecial2	
{background-color: #ffffff;}

.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: Verdana, Geneva, sans-serif;
font-size: xx-small;
color: #000000;
background-color: #dddddd;}

.epi-form,
.epi-formSm		
{font-family: Verdana, Geneva, sans-serif;
font-size: xx-small;
color: #000000;
background-color: #ffffff;}

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

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

.epi-blockBGColor	
{background-color: #e0f4fc;}

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

.epi-chromeHeaderBG
{background-color: #e8f4f8;}

.epi-rowSubHead
{background-color: #bedfec;}

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

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

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

.epi-button-rollover 			
{background-color: #6fb2ce;
cursor: pointer;}

.epi-button-rollover table.rollover 	
{background-color: #9ccce0;}

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

.epi-button-current,
.epi-button-current table.rollover 	
{background-color:#6fb2ce;}

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

.epi-button-current-rollover 
{background-color:#6fb2ce;
cursor: pointer;}

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

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

.epi-button-line 				
{border-bottom: 1px solid #ffffff;}

epi-rowHead-perm
{
    background-color: #EEF8FC;
}

.epi-bgColor
{
    background-color:#f0f8fd;
}

.epi-borderColor
{
    border:solid 1px #8ba1ba !important;
}

.epi-portletPlacement-border
{
    background-color: #f0f8fd;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0px;
    border: solid 1px #a4bfca;
}

.epi-fonts-colors-header
{
    background-color:#f2f9fc;
}

.epi-fonts-colors-border
{
    border:solid 1px #c6dbe3 !important;
}

.epi-unconditional-row-2
{
    background-color:#d8d8d8;
}

.epi-group-perm-bgColor
{
    background-color:#f3fafd;
}

.epi-rowSpecial5
{
    background-color:#ebf7fd;
}