/* ---------------------------------------------------
Author: Frances Soranno
Client: Foster Wheeler 
/* --------------------------------------------------- Import navigation styles --- */
 
/*@import url("navigation_tbl.css");*/
/* --- @import url("header_mine.css");  -----*/

/* colors:  FFCC66 orangy
            E6EBE2           light gray */
/* ---------------------------------- >> GENERAL << -------------------------------- */
body {
 /* background-color:  #849DAA;  #E6EBE2; */
 margin-top: 0px;
background-image: url('http://phx.corporate-ir.net/client/80/80422/css/images/greygradient.jpg');
}

html, body {
overflow: -moz-scrollbars-vertical; 
}


.bodyTextBlack {
	font-family: Verdana;
	color: #333333;
	font-size: 12px;
}


.bodyText2Black11 {
	font-family: Verdana;
	color: #333333;
	font-size: 11px;
	background-color: #CCCCCC;
}

.bodyTextBlack11 {
	font-family: Verdana;
	color: #333333;
	font-size: 11px;
}


.whiteonblue {           /*live and learn - I changed the color to the orangy color. all table headers will change - next time I'd call it tableheader */
	font-family: Verdana;
	font-size: 12px;
	color: #003399;             /* was #FFFFFF */
	background-color: #FFE3AA;  /* was #003399 */
	font-weight: bold;
}

 
.logoline {
    width:50%;
	text-align:left;
	font-family:verdana;
	font-size:10px;
	color:#555555;
	border:none;
}

#ub .ub {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#sg .sg {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#ae .ae {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#sep .sep {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#aboutpg .aboutpg {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#bu .bu {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}


#media .media {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}

#about .about {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#globalec .globalec {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#globalpower .globalpower {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#news .news {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#investorrelations .investorrelations {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#corporategovernance .corporategovernance {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 

#careers .careers {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
} 



/* ---------------------------------- > Links < -------------------------------- */
a { 
	text-decoration: none;
	color: #003399;
	}
a:hover {
	text-decoration: underline;
	background-color:#FFCC66;    /* orangy FFCC66 */
	color: #003399;
	}
a.external span {
	left: -5000px;
	position: absolute;
	width: 4000px;
	
	}
a.external:link, a.external:hover, a.external:visited {
	background: url(../../../../img/icons/link.gif.html) no-repeat 100% 2px;
	padding: 0 10px 5px 0;
	color: #003399;
	}
	
/* ============================== >> STRUCTURE << ============================== */

.bodytext {
	font-size:12px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
}
 
/* br {margin: 0; padding: 0; border-width: 0; line-height: 1em;} /* this might affect rest of website - used for spacing of left links - may need to remove it */

.linktext {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
}

.linktext2 {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#F8FFF8;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
	border-right-style:groove;
	border-bottom-style:groove;
	

}

.linktext3 {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;

}

.linktext4 {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#F8FFF8;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;

}

.linktext6 {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#F8FFF9;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;

}

.linktext7 {

                font-size:1em;

                font-family:Arial, Verdana;

                background-color:#FFFAFA;

                margin-top:0px;

                margin-bottom:0px;

                margin-left:0px;

                font-weight:normal;

                width:21%;

                border-right-style:none;

                border-bottom-style:none;

                border-left-style:none;

}


.linktext8 {
	font-size:10px;
	font-family:Arial, Verdana;
	background-color:#F8F8F9;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:normal;
	width:21%;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;

}



.plinks {
	margin: 0 1cm .12cm .2cm;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #666666;
	}
	
	
.p2links {
	margin-top: 0;
	margin-left:0;
	margin-bottom:0;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	}


.p3links {
	margin-top: 0;
	margin-left:.5cm;
	margin-bottom:0;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	}

.p3links:hover {
	margin-top: 0;
	margin-left:.5cm;
	margin-bottom:0;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	text-decoration: underline;
	background-color:#FFCC66;    /* orangy FFCC66 */
	}

.p4links:hover {
	margin-top: 0;
	margin-left:.5cm;
	margin-bottom:0;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	text-decoration: underline;
	background-color:#FFCC66;    /* orangy FFCC66 */
	}
	
.p4links {
	margin-top: 0;
	margin-left:1cm;
	margin-bottom:0;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	}

	
.littlespace {
	margin: 0 0cm .2cm 0cm;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #666666;
	}
	
	
	
.bodytext14 {
	font-size:14px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
	font-weight:bold;
}

.bodytext2_14 {
	font-size:14px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
	font-weight:normal;
}

.popupheaders {
    font-size:14px;
	font-family:Arial, Verdana;
	background-color:#EEF5FB;
	font-weight:bold;
	text-decoration: underline;
	color:#0047BA;
}

#pageWrapper {
   	width:85%;
	align:center;
	margin: 0px auto 0px 9% !important; 
	margin: 0px auto 0px 9%; 
	border: medium double rgb(0,0,205);
	background-color: white;
}
 /*
#navbar cell ul li {
	
	background-color: #E6EBE2;
	font: 11px; Arial, Helvetica, sans-serif;
}	
*/
/*
ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; 
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index:1000;
font-size:12px;
  
}
*/


.newsColumn ul li {
    /*background: url(http://www.fwc.com/images/bluishblock.jpg) no-repeat 100% 2px;*/
    /*background-color:#FFCA5F; */ /* outer box */
	/*float:center; 
	height:100%; 
	margin:0px; 
	
	width:100%;  */
	font-size:12px;
	font-style:normal;
	font-family:Arial, Verdana,Helvetica,sans-serif;
	/*margin-right:35%;*/
	padding:5px; 
	font-weight:bold;
	color:#ffffff;
	}

.newsColumn {
    /*background: url(../../images/bluishblock.jpg) no-repeat 100% 2px;*/
    /* background-color:#FFCA5F;*/  /* outer box */
	/*float:center; 
	height:100%; 
	margin:0px; 
	
	width:100%;  */
	font-size:11px;
	font-style:normal;
	font-family:Arial, Verdana,Helvetica,sans-serif;
	/*margin-right:35%;*/
	padding:5px; 
	font-weight:bold;
	color:#ffffff;
	}

h1 { 
	background: #ffffff; 
	/*color: #195DA9;	*/
	color:#003399;
	font-family: Arial, Verdana, sans-serif;	
	font-size:34px; 
	margin: 0cm 0cm .25cm 0cm; /* top left bottom right */
		
	}

p {
	margin: 0 1.5cm .2cm .3cm;
	/*text-align: justify;   do we need?  */
	font-family: Arial, Verdana, sans-serif;
	color: #666666;
	}
	
	
.fourcolsheader {
	font-family: Arial, Verdana, sans-serif;
	color:#ffffff;                 /* #003399; */   
	font-size:16px;
	font-weight:normal;
	color:#0047BA;
	background-color:#ffffff;
	width:25%;

	}
	
.greenheader {
	font-family: Arial, Verdana, sans-serif;
	font-size:16px;
	color: #339933;
	font-weight:bold;
	background-color:#ffffff;
	width:25%;
	
	
	}
	
.bullets {
	font-family: Arial, Verdana, sans-serif;
	color: #003399;
	font-size:11px;
	background-color:#ffffff;
	margin:0px;
	}

.gbullets {
	font-family: Arial, Verdana, sans-serif;
	color: #339933;
	font-size:11px;
	background-color:#ffffff;
	}

.bbullets {
	font-family: Arial, Verdana, sans-serif;
	color: #0047BA;
	font-size:11px;
	background-color:#ffffff;
	}
	
.language {
	border:1px solid;
	border-top-color: AppWorkspace; 
	border-right-color: ActiveBorder; 
	border-bottom-color: ActiveBorder;		
	border-left-color: AppWorkspace; 
	font-size:11px;
	height:20px;
	margin:0px;
	margin-top:20px !important;  /* was 3 */
	margin-top:2px;
	padding-left:2px;
	width:130px;
}

.searchfields {
	border:1px solid;
	border-top-color: AppWorkspace; 
	border-right-color: ActiveBorder; 
	border-bottom-color: ActiveBorder;		
	border-left-color: AppWorkspace; 
	font-size:11px;
	height:15px;
	margin:0px;
	margin-top:20px !important;
	margin-top:2px;
	padding-left:2px;
	width:120px;
}

/* simulate a FIELDSET */
  div.news-container { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 150px;
	background-color: #FFE3AA;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
  /* simulate a FIELDSET */
  div.news-container2 { 
    border-top: 1px dotted;
	border-left: 1px dotted;
	border-bottom: 1px groove;
    padding:  0 0 .1em;
	width: 155px;
	background-color: #FFE3AA;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  

 /* simulate a FIELDSET */
  div.relativity-item-container { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 250px;
	background-color: #FFE3AA;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  /* Simulate a legend: NOTE BACKGROUND COLOR!  
    Customize that as needed for theme. (Sorry!)*/
  div.relativity-item-legend { 
    background: #EEF5FB;
    display: inline;
    width: auto;
    position: relative;
    top: -0.6em;
    left: 0.4em;
    padding: 0 0.1em;
  }

  /* De-"headerize" the semantic-friendly h3 */
  div.relativity-item-legend h3 {
    background: #FFE3AA;
	display: inline;
    font-weight: normal !important;
    font-size:18px;
/*	font-size: 1.7em;*/
    margin: 0;
    padding: 0;
  }

 

    div.newsbox { 
    background: #EEF5FB;
    display: inline;
    width: auto;
    position: relative;
    top: -0.6em;
    left: 0.4em;
    padding: 0 0.1em;
  }

  /* De-"headerize" the semantic-friendly h3 */
  div.newsbox h3 {
    background: #EEF5FB;
	display: inline;
    font-weight: normal !important;
    font-size:18px;
/*	font-size: 1.7em;*/
    margin: 0;
    padding: 0;
  }
  
 
  /* simulate a FIELDSET */
  div.relativity-item-container2 { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 250px;
	background-color: #ffffff;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
   /* simulate a FIELDSET */
  div.relativity-item-container2a { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 237px;
	background-color: #ffffff;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
  
  /* simulate a FIELDSET */
  div.relativity-item-container3 { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 280px;
	background-color: #ffffff;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }

    /* simulate a FIELDSET */
  div.relativity-item-container5 { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 280px;
	background-color: #ffffff;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
   
  /* simulate a FIELDSET */
  div.relativity-item-container6 { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 240px;
	background-color: #ffffff;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
  /* simulate a FIELDSET */
  div.relativity-item-container7 { 
    border: 1px groove;
    padding: 0 0.1 em;
	width: 310px;
	height: 240px;
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE 
    -webkit-border-radius: 7px;
  }
  
   /* simulate a FIELDSET */
  div.relativity-item-container8 { 
    border: 1px groove;
    padding: 0 0.1 em;
	width: 380px;
	height: 300px;
	background-color: #ffffff;
	margin-left:10px;
	margin-right:auto;
	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE 
    -webkit-border-radius: 7px;
  }
  
    
  /* simulate a FIELDSET */
  div.relativity-item-container4 { 
    border: 1px groove;
    padding: 0 0.25em;
	width: 155px;
	background-color: #FFE3AA;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
   /* simulate a FIELDSET */
  div.relativity-item-container4b { 
    border: 1px dotted;
	border-color:grey;
    padding: 0 0.25em;
	width: 155px;
	background-color: #EEF5FB;
/*	-moz-border-radius:7px;  this will round the container for Firefox, but then no border appears for IE */
  }
  
  
  /* Simulate a legend: NOTE BACKGROUND COLOR!  
    Customize that as needed for theme. (Sorry!)*/
  div.relativity-item-legend2 { 
    background: #EEF5FB;
    display: inline;
    width: auto;
    position: relative;
    top: -0.6em;
    left: 0.4em;
    padding: 0 0.1em;
  }

  /* De-"headerize" the semantic-friendly h3 */
  div.relativity-item-legend2 h3 {
    background: #FFE3AA;
	display: inline;
    font-weight: normal !important;
    font-size:18px;
/*	font-size: 1.7em;*/
    margin: 0;
    padding: 0;
  } 


#mainFooter {
	border-top: 1px solid #666666;
	clear: both;
	margin: 0px auto 0px auto; 
	padding: 10px 0px 10px 0px; 
	text-align:center; 
	/*width: 820px; 	*/
	font-family: Arial, Verdana;
	font-size:70%;
	align:center;
	}

#mainFooter a {
	color: #003399; 
	/*text-transform:uppercase;*/
	
	}
#mainFooter a:hover {
	color: #003399; 
	text-decoration: underline;
	}
#mainFooter a.legal {
	text-transform: none;
	}	
	
#mainFooter div {
	/*color: #195DA9;*/
	color: #003399;		
	font-size: 78%; 
	line-height: 120%; 
	margin: 3px 0; 
	padding: 0px 20px; 
	font-family:  Arial, verdana, Helvetica, sans-serif;
	align:center;
	}
	

	
	

#mainFooter_grey {
	border-top: 1px solid #666666;
	clear: both;
	margin: 0px auto 0px auto; 
	padding: 10px 0px 10px 0px; 
	text-align:center; 
	/*width: 820px; 	*/
	font-family: arial, Verdana;
	font-size:70%;
	align:center;
	background-color:#DBE0E0;
	
	}

#mainFooter_grey a {
	color: #003399; 
	/*text-transform:uppercase;*/
	
	}
#mainFooter_grey a:hover {
	color: #003399; 
	text-decoration: underline;
	}
#mainFooter_grey a.legal {
	text-transform: none;
	}	
	
#mainFooter_grey div {
	/*color: #195DA9;*/
	color: #003399;		
	font-size: 78%; 
	line-height: 120%; 
	margin: 3px 0; 
	padding: 0px 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	align:center;
	}
	
	
	
#mainFooter_orange {
	border-top: 1px solid #666666;
	clear: both;
	margin: 0px auto 0px auto; 
	padding: 10px 0px 10px 0px; 
	text-align:left; 
	/*width: 820px; 	*/
	font-family:Arial,Verdana;
	font-size:60%;
	align:center;
	background-color:#EFF5FB;   /* FFE3AA */
	
	}

#mainFooter_orange a {
	color: #0047BA; 
	/*text-transform:uppercase;*/
	
	}
#mainFooter_orange a:hover {
	color: #003399; 
	text-decoration: underline;
	}
#mainFooter_orange a.legal {
	text-transform: none;
	}	
	
#mainFooter_orange div {
	/*color: #195DA9;*/
	color: #0047BA;		
	font-size: 78%; 
	line-height: 120%; 
	margin: 3px 0; 
	padding: 0px 20px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	align:center;
	}
	
	
/*---------  for drop downs ------------------>
/* #########  Strip Main Menu Bar CSS ######### */
/* name of file was:   ddlevelsmenu-topbar.css */
.gpgmenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
font: 12px Arial,Verdana;
list-style-type: none;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
border-left: 1px solid gray;
background: #FFE3AA;   /* background of menubar-behind & the part that does not have a menu over it */
overflow: hidden;
width: 100%;
}

.gpgmenu li{
display: inline;
margin: 0 0 0 0;
}

.gpgmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0 0 0 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px dotted #0047BA; /*right divider between tabs*/
color: #0047BA;      /* font color on menu bar */
background:#FFE3AA;  /* FFE3AA  menu bar color */
font-weight:bold;

}

/* .gpgmenu li span{
float: left;
display: block;
text-decoration: none;
margin: 0 0 0 0;
padding: 6px 8px;
border-right: 1px dotted #0047BA; 
color: #0047BA;     
background:#FFE3AA;  
font-weight:bold;

}

.gpgmenu li span:hover{
background: #0047BA; background of tabs for hover state 
color:#ffffff;
} 
*/

/*
.gpgmenu li a:visited{
color: #0047BA;               
}
*/

.gpgmenu li a:hover{
background: #0047BA; /*background of tabs for hover state */
color:#ffffff;
}

.gpgmenu a.selected{
background: #0047BA; /* CONFLICT: the color of the bar is 0047BA and would be the same color if we wanted the navy blue to stay as you scroll down (background of tab with "selected" class assigned to its LI) */
color: #ffffff;
}


/* ######### Drop Down ULs CSS ######### */


.submenustyle, .submenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 10px Arial, Verdana,sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
color: #333333;
list-style-type: none;
background: white;
/*border: 0px solid black;   right line on drop down menus - was 1px */
border-bottom-width: 0px;
visibility: hidden;
z-index: 100;

  
}

.submenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #333333;
background-color:  #FFE3AA; /*  background of drop down menu changed from lightyellow (FFCC66) #FF5FB */
text-decoration: none;
padding: 4px 5px;
border-bottom: 0px solid black;   /* bottom line in drop downs  - was 1px */
font-weight: normal;
font-size: 11px; 
font-family: Arial, Verdana,sans-serif;
border-bottom: 1px dotted gray;
border-top: 1px dotted gray;
border-right: 1px dotted gray;
border-left: 1px dotted gray;
font-weight: bold;
}

* html .submenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.submenustyle li a:hover{
background-color: #0047BA;    /*changed from black it's the background of the drop dopwn menus*/
color: #ffffff;  /* hover over the menu selections - the font color */
font-weight: bold;
 }

 
/*#ub .ub {
  background-color:#0047BA;
   color:#ffffff; text-decoration:none;
}
*/

/*#ib #menu . ib a,
/*#ep #menu .products a{ color:#000000; text-decoration:underline;}




/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.iframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/*  for new format only */
#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 1000px;
  text-align: right;   
  background: #FFFFFF url('../../../../img/content_bg4.gif.html') top left repeat-y;
  border: 1px solid #000000;
}

#content_wrapper {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;      
  border:0px dashed #FFFFFF;  
}

#left_side {
  float: left;
  width:190px;
  border:0px dashed #cccccc;

}

#page_footer {
  height: 60px;
  background: #3366CC;
  clear: both;
  border-left: 1px solid #425227;
  border-right: 1px solid #425227;
  border-bottom: 1px solid #425227;
 
 /* end of new format */