/******************************************************************************/
/* General and portal specific styles                                         */
/*                                                                            */
/* Author: Chris Wood                                                         */
/*                                                                            */
/******************************************************************************/

table, tr, td, select, input, li, p, textarea, span {
font-family: Arial, sans-serif;
font-size: small;
}

a, a:visited, a:active, a:hover {
font-family: Arial, sans-serif;
font-size: small;
}

form {
font-family: Arial, sans-serif;
font-size: small;
display: inline;
}

input {
font-family: Arial, sans-serif;
font-size: small;
display: inline;
}

/*****************************************
* Portal Layout Regions                  *
* (borrowed from JBoss renaissance theme *
******************************************/

/* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
/* part of below IE hack to preserve min-width for portlet regions */
/*width: 100%;*/
   margin: 0px 10px 0px 0px; /* margins adjusted for epoline style */

   padding: 0 350px 0 350px;
}

/* min width for IE */
#expander {
   position: relative;
   padding: 0 0 0 0;

   margin: 0 -350px 0 -350px;
   min-width: 770px;
   padding: 0 0 0 0;
}

/* min width hack for IE */
#sizer {
   width: 100%;
}

/* IE Hack \*/
* html #portal-container,
   * html #sizer,
   * html #expander {
   height: 0;
}

/* end IE min-width hack */

/* table that contains all regions. does not include header */

#content-container {
   height: 100%;
   text-align: left;
   width: 100%;
   min-width: 770px;
   margin-left: 10px; /* added CTW 13-11-2009 matches layout and renderset */
   /*
   position: absolute;
   top: 70px;
   left: 0px; / * z-index: 1; * /
   / * part of below IE hack
padding: 0 350px 0 350px; * /
   padding: 0px 100px 0px 0px;
   */
}

/**********************/
/* Main Portal window */
/**********************/

body {
margin: 0;
color: #262626;
background-color: white;
font-family: Arial, sans-serif;
font-size: small;
margin-bottom: 10px;
}

/**********************/
/* EPO Portal Banner  */
/**********************/

#banner {
background: url(theme/globalGraphics/headerMiddle.png) 0 0 repeat-x;
width: 100%;
height:74px;
}

#banner td {
color: #e6e6e6; /* light grey */
}

#bannerLeft {
background: url(theme/globalGraphics/headerLeft.png) 0 0 repeat-x;
height: auto;
width: 180px;
vertical-align: bottom;
}

#bannerLeftLinks {
width: 100%;
}

#bannerLeftLinksLeft {
padding-left: 20px;
}

#bannerLeftLinksRight {
padding-right: 10px;
text-align: right;
}

#bannerLeftLinksRight a {
color: #e6e6e6;
}

.bannerLeftLinksDivider {
text-align: right;
}

#bannerCenter {
width: 100%;
vertical-align: top;
padding-top: 6px;
padding-left: 20px;
}

#bannerRight {
background: url(theme/globalGraphics/headerRight.png) 0 0 repeat-x;
width: 210px;
vertical-align: bottom;
}

#bannerRightLinks td {
padding-left: 10px;
color: #262626; /* dark grey */
}

#bannerCenterLinks td {
padding-left: 20px;
}

#bannerCenterLinks a {
color: #e6e6e6; /* light grey */
}

#bannerEpoName {
font-weight: bold;
}

#bannerOptionalText {
width: 100%;
text-align: right;
font-weight: bold;
}

/**************************/
/* Portal navigation tabs */
/**************************/

/*<group=Services Navigation Bar>*/

#servicesNavigation {
background: #F0F0F0;
margin-right: 0px;
border-top: 1px #666666 solid;
border-bottom: 1px #666666 solid;
}

#servicesNavigation table {
background: #F0F0F0;
height: 30px;
}

#servicesNavigation td {  
border-right: 1px #666666 solid;
}

#servicesNavigation td a {
line-height: 30px;
display: block;
float:left;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
}

#servicesNavigation a.servicesNavigationFirst { /*correct left padding for non-selected first element in Services Navigation*/
padding-right: 10px;
padding-left: 20px;
}

#servicesNavigation td a:hover {
background: #DDDDDD;
color: #40476B;
text-decoration: none;
}

#servicesNavigation td.IDservicesNavigationSelected { 
background: #DDDDDD;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
font-weight: bold;
}

#servicesNavigation td.IDservicesNavigationSelectedFirst { /*correct left padding for selected first element in Services Navigation*/
background: #DDDDDD;
color: #40476b;
font-weight: bold;
padding-right: 10px;
padding-left: 20px;
}

/************************/
/* Portal navigation    */
/************************/

#subNavigation {
background: #F0F0F0;
border: 1px #666666 solid;
margin-left: 10px;
margin-right: 10px;
margin-top: 8px;
}

#subNavigation td {  
border-right: 1px #666666 solid;
}

#subNavigation td a {
line-height: 22px;
display: block;
padding-left: 10px;
padding-right: 10px;
float:left;
}

#subNavigation td a:hover {
background: #DDDDDD;
color: #40476B;
text-decoration: none;
}

#subNavigation td.IDsubNavigationSelected {
background: #DDDDDD;
padding-left: 10px;
padding-right: 10px;
color: #40476B;
font-weight: bold;
}

/*******************************************************************/
/* Portal content layout                                           */
/* (duplicated from leftContent, centerContent and rightContent to */
/* avoid id duplication - some styling may be unnecessary)         */
/*******************************************************************/

#leftPortalContent {
vertical-align: top;
width: 180px;
}

#centerPortalContent {
vertical-align: top;
padding-top: 0px;
width: 100%;
}

#centerPortalContent table {
width: 100%;
}

#centerPortalContent td {
white-space: normal;
}

#rightPortalContent {
vertical-align: top;
width: 200px;
}

#topPortalContent {
}

#bottomPortalContent {
}

/**********************************/
/* Javascript warning layout      */
/* (duplicated from dialogView to */
/* avoid id duplication)          */
/**********************************/

#jsDialogView {
background-color: white;
border: 1px #666666 solid;
white-space: normal;
margin: 10px 10px 10px 10px;
}

#jsDialogView table { /*for MSIE use HTML tag "cellspacing="0" instead*/
border-spacing: 0px;
width: auto;
}

#jsDialogView td.IDjsDialogViewLeftRight { /*used for invisible left and right <td> of main table to keep the dialog itself centered*/
width: 50%;
}

#jsDialogView table.IDjsDialogViewMiddle { /*used for table in center <td> containing dialog content*/
width: 500px;
white-space: normal;
margin-top: 8px;
}

#jsDialogView .IDjsDialogViewMiddle td { /*used for center <td> of main table*/
white-space: normal;
}

#jsDialogView .IDjsDialogViewMainMessage { /*used for main message displaying purpose of the dialog screen*/
font-weight: bold;
line-height:normal;
}

#jsDialogView .IDjsDialogViewSubMessage { /*used for sub-message giving additional detail*/
padding-top: 8px;
line-height: normal;
}

#jsDialogView td.IDjsDialogViewIcon { /*used for the cell containing the icon in front of the main message*/
padding-right: 5px;
}

#jsDialogView .IDjsDialogViewBoxOutSingle { /*used when no other elements are located above the group box, e.g. for confirmation messages. No value for top-margin is defined*/
background: #EEEEEE;
border: 1px #666666 solid;
padding: 6px;
margin-bottom: 8px;
}

#jsDialogView .IDjsDialogViewBoxIn { /*inner box, containing dialog form elements*/
background: #ffffff;
border: 1px #666666 solid;
padding-left: 10px;
padding-right:10px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
}

/**************************/
/* Portlet decorations    */
/**************************/

.portlet-titlebar-center {
display: none;
}

.portletWindow { /* added CTW 13-11-2009 */
margin: 10px 10px 0px 0px;
}

.portletWindowNoTopMargin { /* added CTW 13-11-2009 */
margin: 0px 10px 0px 0px;
}

.portletWindow table { /* for all tables  in .portletWindow, if not specified different*/
width: 100%;
}