/*------------------------------------------------------------------
	Custom.css

	RULES ORGANISATION WITHIN CSS FILES
		
	General
	Main Page Elements
	Header
	Top Nav
	Content
	Sidebars
	General Classes
	Lite Version Styles

-------------------------------------------------------------------- */

/* HEADERS (specific section headers defined below)
   -- NOTE: non-general headers defined with specific code
	  throughout file
-------------------------------------------------------------------- */

/* Controls heading font size for h1 */
h1 {
	font-size: 1.45em;
}

/* Controls heading font size for h2 */
h2 {
	font-size: 1.38em;
}

/* Controls heading font size for h3, h4, h5, and h6 */
h3,
h4,
h5,
h6 {
	font-size: 1.35em;
}

/* CONTENT HEADERS (headers that reside in the #content container)
-------------------------------------------------------------------- */

#content h2 {
	font-size: 1em;
}
#content h3 {
	font-size: .85em;
	color: #000000;
	padding-bottom: 0;
}

/* MAIN PAGE ELEMENTS
-------------------------------------------------------------------- */

/* 
 * font-size = Controls the font size in the header. Inherits from the body
 * height = two line graphical nav needs a taller header then the usual 120px
 */
#header {
	font-size: .8em; 
	height: 127px;
}
/* The color that will expand to the right of the momentum band */
#momentum {
	background-color: #000000;
	height: 110px;
}

/* used for mbands that rise above the top */
#momentum #backgrdSpacer {
	background-color: #cc0000;
	clear: none;
	height: 90px;
	border-top:solid 20px #FFFFFF; }

/* Floated in common.css */
#columnLeft {
	margin-top: 21px;
	width: 225px;
	display: inline;
}
#columnCenter {
	margin: 0 240px;
}
/* Floated in common.css */
#columnRight { 
	width: 5px;
}
#content {
	padding-top: 17px;
	width: 100%;
	float: left; /* needed to allow us to clear floated elements within this column */
	line-height: 1.3em;
}

/* HEADER ELEMENTS
-------------------------------------------------------------------- */

/* Reset these styles, as we'll need to set them on the h1 instead */
#siteNamePositioner {
	height: auto;
	position: static; 
	top: 0;
}
/* These are normally just applied to #siteNamePositioner */
#siteNamePositioner h1 {
	height: 50px;
	position: absolute; 
	top: 50%;
}
/* This number tells the browser what size to allow to the left for your site name image */
#siteSpecific {
	margin-left: 208px;
}
#siteSpecific a {
	font-weight: normal;
}

/* FOOTER ELEMENTS
-------------------------------------------------------------------- */
#footer,
#footer a{
	color: #000000;
}


/* CONTENT TEXT STYLING (style general elements for content section)
-------------------------------------------------------------------- */

/* Overwrite div.hr styles from global.css */
#content div.hr {
	background: #666666;
	margin: 10px 0 6px 0;
}
#content p.welcome {
	font-size: .85em; 
	color: #000000;
	font-weight: bold;
	border-bottom: 3px solid #666666;
	padding: 6px 0 5px 0;
	margin-bottom: 5px;
}
.companyNews p { margin: 0 0 10px 0; padding: 0; }
.companyNews { padding: 10px 18px 5px 18px; }
#weeklyHighlights { padding: 5px 18px; }

#slides { 
  position:relative; 
  background-color: #CCCCCC; 
  padding: 10px 18px; 
  margin: 0;
}
#slides .slide { 
  position: absolute;
  background-color: #CCCCCC;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  z-index:0;
  top:10px;
  border-top: 1px solid #CCCCCC;
}
#slides #slide1 {
  position: relative;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  z-index: 1;
  top: 0;
  height:1%;
}
#slides #buttons {
  position: absolute;
  right: 18px;
  text-align: right; 
  margin-right: 1px;
  z-index: 2;
}
#slides a {color: #000000;}
#slides a:visited {color: #000000;}
#slides a:active {color: #000000;}
#slides a:hover {text-decoration: none; color: #000000;}

#buttons .space { display: none; }
#slides h3 { 
  font-size: .9em; 
  margin: 16px 0 0 0; 
  font-weight: bold; 
  text-align: left;
}


/* COMPANY NEWS & WEEKLY HIGHLIGHTS
-------------------------------------------------------------------- */

#content .newsimg {
	margin: 0 14px 0 0;
}
#content .newsimgright {
	margin: 0 5px 0 14px;
}
#content .newsimgright {
	margin: 0 0 0 14px;
}
#content #weeklyHighlights ul {
	margin: -9px 0 11px 0;
}
#content #weeklyHighlights ul li {
	padding: 0;
	width: 49%;
	float: left;
	display: block;
	background: none;
	margin: 11px 0 0 0;
}
#content #weeklyHighlights ul li img {
	float: left;
	margin-right: 4px;
}
#content #weeklyHighlights ul li span {
	margin-left: 62px;
	margin-right: 9px;
	display: block;
}

/* CONTENT MODULES (content .moduleWide)
-------------------------------------------------------------------- */

#content div.moduleWide {
	border-top: 5px solid #000000;
	padding-bottom: 1px;
	line-height: 1.3em;
}
#content div.moduleWide h2 {
	height: 22px;
	line-height: 22px;
	font-size: .85em;
	color: #ffffff;
	background: #cc0000;
	border-top: 1px solid #ffffff;
	padding: 0 0 0 15px;
	margin-bottom: 8px;
	margin-top: 0;
}
div.moduleWide div.heading {
	position: relative;
}
#content div.moduleWide div.heading span {
	font-weight: normal;
	font-size: .85em;
	position: absolute;
	right: 11px;
	top: -1px;
}
#content div.moduleWide div.heading span a,
#content div.moduleWide div.heading span a:visited {
	color: #ffffff;
}
#content div.moduleWide div.heading span a:hover {
	color: #000000;
}
#content div.moduleWide h3 a {
	color: #ffffff;
}
#content div.moduleWide div.heading span img {
	position: relative;
	top: 5px;
	padding-left: 3px;
}

/* Module contents styling */
#content div.moduleWide p,
#content div.moduleWide ul {
  font-size: .85em;
  margin: 0 0 0 15px !important;
}
#content div.moduleWide ul { padding-bottom: 15px; }

#content div.moduleWide p { margin-bottom: 0; padding-top: 1px; }
#content div.moduleWide h3 {
  margin: 0 0 0 15px;
  display: inline;
}

#content div.moduleWide #factivaimg {
	margin: -3px 4px 0 0;
	float: right;
}

/* FEATURED LINKS (featured company links in left sidebar)
-------------------------------------------------------------------- */

#featuredLinks h2 {
	font-size: .85em;
	color: #000000;
	height: 24px;
	line-height: 24px;
	background: #cc0000;
	padding: 0 0 0 12px;
	border-bottom: 3px solid #000000;
}
#featuredLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#featuredLinks ul li {
	margin: 1px 0 3px 0;
	border-bottom: 2px solid #000000;
	background: #cc0000;
}
#featuredLinks ul li a {
    font-size: .85em;
	font-weight: bold; 
	color: #000000;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	padding-left: 40px;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 2px;
}
#featuredLinks ul li a#flHuman {
	background-image: url(icons/icon_fl_human.gif);
}
#featuredLinks ul li a#flOperation {
	background-image: url(icon_fl_operation.gif);
}
#featuredLinks ul li a#flMagazine {
	background-image: url(icon_fl_magazine.gif);
}
#featuredLinks ul li a#flStrategy {
	background-image: url(icon_fl_strategy.gif);
}
#featuredLinks ul li a#flUpstream {
	background-image: url(icon_fl_upstream.gif);
}
#featuredLinks ul li a#flDownstream {
	background-image: url(icon_fl_downstream.gif);
}
#featuredLinks ul li a#flGas {
	background-image: url(icon_fl_gas.gif);
}
#featuredLinks ul li a#flTV {
	background-image: url(icon_fl_chvTV.gif);
}
/* Hover needs to be set specifically for each link, so it overwrites the background color */
#featuredLinks ul li a#flHuman:hover,
#featuredLinks ul li a#flOperation:hover,
#featuredLinks ul li a#flMagazine:hover,
#featuredLinks ul li a#flStrategy:hover,
#featuredLinks ul li a#flUpstream:hover,
#featuredLinks ul li a#flDownstream:hover,
#featuredLinks ul li a#flGas:hover, 
#featuredLinks ul li a#flTV:hover,
#featuredLinks ul li a#fledit:hover{
	color: #000000;
	background-color: #cc0000;
	background-position: 10px -52px;
}

/* SIDEBAR MODULES (columnLeft -> .module | columnRight -> .module)
-------------------------------------------------------------------- */

.module a:visited {color: #000000;}

div.module {
	margin-top: 11px;
	border-top: 5px solid #000000;
	background: #cc0000;
	padding-bottom: 1px;
	font-size: .85em;
}
div.module h2 {
	height: 22px;
	line-height: 22px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 0 0 0 15px;
	margin-bottom: 10px;
}
div.module h2 #weather {
  margin-bottom: 0;
}
div.module a:visited {
  color: #ffffff;
}
div.module div.heading {
	position: relative;
}
div.module div.heading span {
	font-weight: normal;
	position: absolute;
	right: 11px;
	top: -1px;
}
div.module div.heading span a,
div.module div.heading span a:visited {
	color: #ffffff;
}
div.module div.heading span a:hover {
	color: #000000;
}
div.module div.heading span img {
	position: relative;
	top: 5px;
	padding-left: 3px;
}
div.module p,
div.module ul,
div.module dl {
	padding: 0 4px 0 15px;
}

/* SPECIFIC MODULES
-------------------------------------------------------------------- */

/* [MODULE] -> My Links */
div#myLinks ul {
	list-style-type: none;
	line-height: 1.6em;
	margin: 0 0 11px 0;
}
div#myLinks ul li {
	color: #ffffff;
	background:  url(images/icon_arrow_right_darkblue.gif) no-repeat 0 6px;
	padding-left: 10px;
}
div#myLinks ul li a {
	text-decoration: none;
}
div#myLinks ul li a:hover {
	text-decoration: underline;
}

div#myLinks ul li a:visited {
	color: #ffffff;
}

/* [MODULE] -> City Times */
div#cityTimes {
	margin-top: -10px;
}
div#cityTimes dl {
	line-height: 2em;
	margin: 2px 4px 8px 0;
}
div#cityTimes dl dt {
	width: 103px;
	float: left;
}
div#cityTimes dl dd {
	width: 109px;
	float: right;
	margin: 0;
	text-align: right;
}
div#cityTimes a:visited {
	color: #ffffff;
}
div#cityTimes a {
	color: #ffffff;
}

/* [MODULE] -> People Finder */ 
div#peopleFinder {
	margin-top: -5px; 
} 
div#peopleFinder form {
	margin: 0 0 10px 0; 
}
div#peopleFinder p {
	margin: 6px 0 8px 0;
}
div#peopleFinder form label {
	display: block;
}
div#peopleFinder a:visited {
	color: #ffffff;
}


/* [MODULE] -> Stock Watch */
div#stockWatch p {
	color: #000000;
	font-size: .9em;
	margin-bottom: 10px;
}
div#stockWatch p.report {
	color: #000000;
	font-size: 1.2em;
	margin: -7px 0 6px 0;
}
div#stockWatch p.report a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 10px;
}
div#stockWatch p.report span {
	color: #ffffff;
	font-size: .9em;
}
div#stockWatch a:visited {
	color: #ffffff;
}
div#stockWatch p.report span.up { color: #000000; }
div#stockWatch p.report span.down { color: #000000; }

/* [MODULE] -> Favorite Photo */
div#favoritePhoto img {
	margin: -3px 0 7px 7px;
}

/* [MODULE] -> Weather */
div#weather {
  margin-top: -10px;
}
div#weather table {
  padding: 0;
  margin: 0;
  border: 0;
}
div#weather table th {
  display: none;
}
#weatherDataHome td {
  border-bottom: 1px solid #ffffff;
  vertical-align: absmiddle;
  height: 35px;
}
div#weather td.firstCell {
  padding-left: 15px;
  width: 115px;
  vertical-align: middle;
}
div#weather form {
	margin: 0;
}
div#weather p {
	margin-bottom: 6px;
}
div#weather form label {
	position: relative;
}
#weather .search {
	padding: 10px 15px;
}


/* [MODULE] -> Quick Question */
div#quickQuestion p strong {
	font-size: 1.1em;
}
div#quickQuestion p {
	margin-bottom: 0;
}
div#quickQuestion form {
	margin: 0;
}
div#quickQuestion ul {
	margin: 5px 0 10px 0;
	list-style: none;
}
div#quickQuestion ul li {
	padding: 5px 0 4px 0;
	margin: 0;
}
div#quickQuestion p.clearfix {
	margin-bottom: 8px;
}
div#quickQuestion p span.left {
	float: left;
	padding-left: 2px;
}
div#quickQuestion p span.right {
	float: right;
	margin-right: 5px; 
	padding: 7px 4px 0 0;
}
div#quickQuestion img.imageSmall {
  float: right;
  padding: 3px 12px 0 10px;
}



/* LITE VERSION OF PAGE
-------------------------------------------------------------------- */
body#lite #topNav li a {
	background: none;
	text-indent: 0;
	height: auto;
	width: auto;
}
body#lite #topNav li a#navNews,
body#lite #topNav li a#navIndustry,
body#lite #topNav li a#navResources,
body#lite #topNav li a#navOrganization,
body#lite #topNav li a#navAbout {
	background-image: none;
}
body#lite #columnLeft #featuredLinks li a {
	background: none;
	padding-left: 11px;
}
body#lite #columnLeft #featuredLinks li a:hover {
	background: #cc0000;
}
body#lite #columnLeft #featuredLinks li a span {
	color: #cc0000;
}
body#lite #columnLeft div.module div#myLinks ul li {
	background: none; 
	padding-left: 0;
}
body#lite #columnRight div.module div#quickQuestion span.right {
	margin-top: 5px;
}
body#lite #content #weeklyHighlights ul {
	margin: 0 0 16px 17px;
}
body#lite #content #weeklyHighlights ul li {
	background:  url(images/icon_black_square.gif) no-repeat 0px 7px;
	float: none;
	margin-top: 2px;
	padding-left: 9px;
}

/* Print styles
-------------------------------------------------------------------- */
@media print {
  #columnLeft,
  #columnRight,
  #globalLinks,
  #momentum,
  .newsimg,
  #siteSpecific ul { display: none; }
      
  #columnCenter {	margin: 0; }   
  
  /*Without this the text in featureStory is blury when printed*/
  #columnCenter #content #featureStory { position: relative; }
  
  #columnCenter #content #featureStory p a { position: relative; top: 10px;}
  
  #columnCenter #content p {
    float: none; 
    width: auto !important; 
  }
  
  #content div.moduleWide #factivaimg { margin-top: 0; }
  
  h2 { display: block; float: none; width: 80%;}  
}


/* Page minimum width Styles
-------------------------------------------------------------------- */
#momentum { width: 100%;} 
  
#pageConstraints {
	min-width: 790px;
	width:expression(document.documentElement.clientWidth > 790 ? "100%" : "790px"); /* IE min-width hack */
}