a, table, tr, td, select, input, form, li, p, textarea   { font-size: 13px; font-family: Arial, Helvetica, sans-serif }

A    { color: #0000FF; text-decoration: none }

A:hover   { color: #0000FF; text-decoration: underline }

body {
margin: 0;
color: #262626;
background-color: #EBE3D8;
font-family: Arial, sans-serif;
font-size: 13px;
margin-bottom: 10px;
}

img {
	border: 0px;
}

.epoMainNav   { color: #ffce00; font-weight: bold; font-size: x-small; font-family: sans-serif; background-color: #006 }

UL { font-family: sans-serif; }

.epoMainNavTabs    { font-family: sans-serif; background-color: #006 }

.epoPortalBanner, .epoPortalBannerText    { color: white; font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; background: #006 no-repeat }

.epoPortletColorBack { background-color: #CCCCCC; }

.epoPortletTitle   { color: white; font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #006 }

.epoPortletHead { font-family: sans-serif; font-size: x-small; font-weight: bold; color: black; }

.epoPortletText  { font-size: small; font-family: sans-serif }

.epoPortletSmText  { font-size: small; font-family: sans-serif }

.epoPortletTinyText  { font-size: small; font-family: sans-serif }

.epoTabs:visited, .epoTabs:hover, .epoTabs:active        { color: black; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #99f }

.epoSelectedTab, .epoSelectedTab:visited, .epoSelectedTab:hover, .epoSelectedTab:active   { color: black; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fdf1e3 }

.epoPortletBody  { background-color: white }

.epoPortletBack { background-color: #FFFFFF; }

.epoEnrollBack  { background-color: #FFFFCC; }

.epoEditBack, .epoConfigureBack { background-color: #FFFFFF; }

.epoEditHead, .epoEnrollHead { font-family: sans-serif; font-size: x-small; font-weight: bold; }

.epoEditText, .epoEnrollText { font-family: sans-serif; font-size: x-small; }

.epoEditSmText, .epoEnrollSmText { font-family: sans-serif; font-size: x-small; }

.epoEditField, .epoEnrollField { font-family: sans-serif; font-size: x-small; }

.epoButtonText { font-family: sans-serif; font-size: x-small; color: black;}

.epoTableHead  { color: #000000; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #E7E7E7; border-top: 1px solid #666666; border-bottom: 1px solid #666666;}

.epoTableHeadselected img {
	vertical-align: middle;
}

.epoTableHeadSelected  { color: #000000; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #C6C6C6; border-top: 1px solid #666666; border-bottom: 1px solid #666666; border-right: 1px solid #666666;}


.epoTableText  { color: black; font-size: 13px; font-family: Arial, Helvetica, sans-serif; align: center; background-color: #FFFFFF;}

.epoTableShdRow  { color: #000000; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #F1F3F6}

.epoHelpText  { color: #000000; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; background-color: #fff6e6}

.epoFieldErrorText { color: #FF0000; }

.epoTableBorder { border: solid 1px #666666 }

.epoTabs { color: black; font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #9999ff}

.epoErrorRow  { color: #000000; font-weight: normal; font-size: large; font-family: Arial, Helvetica, sans-serif; background-color: #eeeeff}


/*<group=Header and Meta Navigation>*/

#header { /*specification of background image (blue gradient)*/
background: url(globalGraphics/headerMiddle.png);
border-bottom: 1px solid #666666;
}


#header td {
	margin: 0px;
	padding: 0px;
}

#header td.IDheaderLeft { /*specification of background image for left part of header*/
background: url(globalGraphics/headerLeft.png);
width: 180px;
height: 74px;
vertical-align: bottom
}

#header td.IDheaderMiddleTop {
padding-top: 8px;
padding-left: 20px;
vertical-align: top;
}

#header td.IDheaderRight { /*specification of background image for right part of header*/
background: url(globalGraphics/headerRight.png);
width: 210px;
height: 74px;
vertical-align: bottom
}

#header a { /* valid for all links if not overwritten by another class or id*/
color: #262626;
text-decoration: none;
}

#header a:hover { /*global mouseover style for links*/
text-decoration: underline;
}
	
/*</group>*/

.paddingLeft20 {
padding-left: 20px !important;
}

.paddingLeft10 {
padding-left: 10px !important;
}

.alignRight {
text-align: right  !important;
}

.paddingRight20 {
padding-right: 20px !important;
}

.alignTop {
vertical-align: top  !important;
}

.colorLightGrey { /*used for light grey text in the meta navigation on dark background*/
color: #E6E6E6  !important;
}

.width100Percent { /* used for flexible elemts, e.g. resizable tables  */ 
width: 100%  !important;
}

.alignBottom {
vertical-align: bottom  !important;
}

.textBold { /*used for bold text*/
font-weight: bold  !important;
}

.textView { /*global layout*/
padding-top: 12px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 8px;
background-color: white;
border: 1px #666666 solid;
white-space: normal;
line-height: normal;
}

.delimiterSolid { /*horizontal solid delimiter used to separate elements, e.g. news on the website*/
border-bottom: 1px solid #666  !important;
padding-bottom: 12px  !important;
}

.toolBar { /*toolbar style for the document (PDF) viewer*/
background-image: url(globalGraphics/toolbarBack.png);
background-repeat: repeat-x;
height: 54px;
border-top: 1px #666666 solid;
}

.toolBar img { /*layout for images in the toolbar of the viewer*/
margin-top: 4px;
margin-left: 10px;
}


.IDapplicationViewTableFooterSelected { /*indicates the selected page in the page navigation*/
padding: 5px;
background-color: #CEDAE7;
font-weight: bold;
color: black;
}

.dtSpace dd {
padding-bottom: 5px;	

}

.dtSpace dt {
	padding-left: 10px;
	padding-top: 5px;
	border-top: 1px solid #e2e2e2;
}

#locationIndicator { /*displayed on all web application pages below the services navigation and subnavigation if available*/
height: 24px;
line-height: 24px;
padding-left: 21px;
padding-right: 21px;
color: #595959;
}

.delimiterSolid { /*horizontal solid delimiter used to separate elements, e.g. news on the website*/
border-bottom: 1px solid #666  !important;
padding-bottom: 12px  !important;
}
