﻿/******************* Investors page redesign 22/07/2008 ************************/

#content_investors { width: 100%; overflow: hidden; }
#content_investors h1, h2, h3, h4, p, ol, ul, li, a { margin: 0; padding: 0; }
#content_investors a { color: #006fc4; text-decoration: none; }
#content_investors a:hover { color: #ff5800; }
#content_investors ul { padding: 0; margin: 0; }

#menu { width: 15%; float: left; background:#F0F0F0 url(../../images/footer_box_bg.gif) repeat-x scroll center bottom;
border-right:1px solid #E0E0E0; }
#menu ul { list-style-type: none; padding: 10px; }
#menu ul li { border-top: 1px solid #ccc; }
#menu ul li ul { padding: 0 0 0 0; }
#menu ul li ul li { border: none; padding: 0 0 0 20px; background: url(../../images/temp/arrow_icon.gif) no-repeat 0 3px; }
#menu ul li ul li a { font-size: 1em; padding: 3px 0 3px 0;  }
#menu h3 { color: #ff5800; margin: 10px 0 0 10px; font-size: 1.2em; }
#menu a { font-size: 1.2em; display: block; padding: 5px 0 5px 0; height:18px; }
#menu a.on { color: #000; }

#middle_content { width: 68%; float: left; overflow: hidden; }

#teaser { width: 15%; float: left; }
.teaser_box { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.teaser_box h3 { font-size: 1.2em; color: #fff; background: url(../../images/teaser_box_h3.jpg) repeat-x; height: 25px; padding: 4px 0 0 5px; }
.teaser_box h4 { font-size: 1.4em; color: #005E7F; padding: 5px;  }
#content_investors .teaser_box ul { margin-top: 10px; }
.teaser_box li { padding: 0 0 5px 20px; background: url(../../images/temp/arrow_icon.gif) no-repeat 5px 0; list-style-type: none; }
.teaser_box li a { padding-left: 5px; }
.proxy { background: url(../../images/proxy_voting.jpg) no-repeat 60px 75px; }
.proxy h4 { margin-bottom: 70px; }

.intro { width: 95%; background: #c1d72e url(../../images/ecomms.jpg) no-repeat top right; border: 1px solid #005e7f; position: relative; margin: 0 auto; padding-top: 81px; height:128px; }
.intro h2 { display: inline; background-color: #005e7f; color: #fff; padding: 10px 50px 0 30px; position: absolute; left: -10px; top: 20px; font-size: 20px; font-weight: normal; height: 43px; width:275px; }
*html .intro h2 { height: 33px; }
.intro p { font-size: 1.2em; width: 310px; margin: 0 0 14px 22px; color: #005e7f; line-height: 18px; }
p.blue_button { background-color: #005e7f; display: block; height: 20px; padding: 5px; width: 165px; margin-bottom: 0; }
div.blue_button { background-color: #005e7f; display: block; height: 20px; padding: 5px; width: 165px; margin-bottom: 0;  margin-left:22px; }
.sub-navgation-wrapper h4 { color: #ff5800; font-size: 1.2em; } /*margin: 10px 0 0 10px;*/

	
#content_investors .intro div a { color: #fff; font-size:1.3em; font-weight: normal; }

.promo_wide { width: 95%; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin: 20px auto 20px; background: url(../../images/interim_report.jpg) no-repeat 20px 50px; }
.promo_wide h2 { font-size: 1.4em; }
.promo_wide h3 { margin: 10px 0 5px 150px; font-size: 1.3em; }
.promo_wide p { margin-left: 150px; width: 400px; line-height:1.4em; }
#content_investors .promo_wide ul { margin: 5px 0 0 150px; }
.promo_wide li { background: url(../../images/download_icon.gif) no-repeat top left; padding-left: 20px; margin-bottom: 5px; list-style-type: none; }

.promo_small { width: 29%; float: left; margin: 0 0 0 20px; height: 170px; }
.promo_small h3 { font-size: 1.2em; }
#content_investors .promo_small ul { margin-top: 10px; }
.promo_small li { background: url(../../images/download_icon.gif) no-repeat top left; padding-left: 20px; margin-bottom: 10px; list-style-type: none; }
.archived_dl { background: url(../../images/archived_dl.jpg) no-repeat 72px 15px; }
.archived_dl p { margin-top: 95px; }
.archived_dl p.no_margin_top { margin-top: 0; }
.border_right { border-right: 1px solid #ccc; }

li.download { background: url(../../images/temp/arrow_icon.gif) no-repeat; }
#middle_content .promo_small img{width:96px; float:right;}
#middle_content .promo_small_left{width:100px; float:left;}

/*-------------------overrides------------------------------------*/
/* investors e-comms left nav */
body #content_investors .sub-navigation-links ul li { margin-left: 20px; _margin-left: 20px; }
/* investors e-comms key dates box */
#content_investors #ctl00_PlaceHolderContent_ctl04__ControlWrapper_RichHtmlField p { margin-left: 5px; }
/* investors ecomms promo slots */
#content_investors #middle_content .promo_wide  { min-height: 130px; _height: 150px; }
#content_investors #middle_content .promo_wide p { width: 380px }
#content_investors #middle_content .promo_small p { margin-right: 10px; }
/* investors ecomms right module box */
#content_investors .proxy p {margin-left:5px;}



/******************* Results page 05/08/08 ************************/

#middle_content .intro-results { width: 95%; background: #fff url(../../images/pencil.jpg) no-repeat top right; border: 1px solid #005e7f; position: relative; margin: 0 auto; padding-top: 81px; /*height:128px;*/ }

#middle_content .intro-results h2 { display: inline; background-color: #005e7f; color: #fff; padding: 10px 110px 0 30px; position: absolute; left: -10px; top: 20px; font-size: 20px; font-weight: normal; /*height: 40px;*/ }
#middle_content .intro-results p {font-size:1.6em; width: 310px; margin: 15px 0 32px 22px; color: #3e3e3e; line-height: 1.1;}

#promo_wide_wrap { width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; /*margin: 20px auto 20px;*/ background: #fff;float:left }
.promo_wide_wrap-inner {clear:both;   width: 95%; margin:20px auto }


#promo_wide_wrap .promo-press-rel { width:261px;  float:left; margin-right:58px}

/* xx */
#promo_wide_wrap .promo-press-rel h3 {font-size: 1.3em;  padding-bottom:5px; margin-bottom:0; color:#505153; }
#promo_wide_wrap .promo-press-rel p {padding-top:0; margin-top:0; } 




.promo_medium { width: 60%; float: left; margin: 0 0 0 20px;  }
.promo_medium img {float:left; margin-right:12px}

#results-info { width:223px; float:left;  }

/* xx */
.promo_medium h3 {font-size: 1.3em; padding-bottom:5px; margin-bottom:0;  color:#505153; }
.promo_medium ul { padding-top: 10px; }
.promo_medium ul li { background: url(../../images/temp/arrow_icon.gif) no-repeat top left; padding-left: 20px; margin-bottom: 10px; list-style-type: none; margin-top:10px }


#teaser_box_results { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background:#f8f8f8; }
#teaser_box_results  h3 { font-size: 1em; color: #fff; background: url(../../images/teaser_box_h3.jpg) repeat-x; height: 25px; padding: 4px 0 0 5px; }
#teaser_box_results ul {margin:0 0 20px 0;  display:block}
#teaser_box_results ul  li { padding: 0 0 2px 5px; list-style-type: none; }



#results-btm {clear:both; float:left; *float:none; margin-top:20px; width: 99%; }

/* xx */
#results-btm .promo_small h3 {font-size: 1.3em; padding-bottom:5px; margin-bottom:0; color:#505153;  }
#results-btm .promo_small p {padding-top:0; margin-top:0; } 


#promo-fh a {background: url(../../images/temp/arrow_icon.gif) no-repeat top left; padding-left: 20px;}
#promo-fh {width:323px; float:left;   }


/* xx */
#promo-fh h3 {font-size: 1.3em; padding-bottom:5px; margin-bottom:0;   color:#505153;   }





#financial {width:323px; padding:0; margin:0 0 10px 0; border-collapse: collapse; }
#financial th {background: #ededed; padding:2px; margin:0;}
#financial td { padding:2px; margin:0; }
#financial .b {font-weight:bold}
#financial caption {position:absolute; left:-1000px; overflow:hidden; top:-1000px; padding:0; margin:0;}
#financial .toprow {background: #ededed;}
#financial .br {border-right:1px solid #919191}
#financial .bb {border-bottom:1px solid #dddddd}


/*-------------------------investors page version 2 -----------------------------*/
#intro-promo {width:26%; float:right; border-right:1px solid #d9d9d9;  border-left:1px solid #d9d9d9; border-top:1px solid #f7f7f7;  background:url(../../images/intro-promo-bg.jpg) #fff; padding-top:12px;}
#intro-promo img {padding:11px 0 16px 0;}
#intro-promo a {background: url(../../images/temp/arrow_icon.gif) no-repeat top left; padding-left:20px; margin-left:12px;}

.intro-promo-text {background:url(../../images/intro-promo-bdr.jpg) bottom left repeat-x; padding-bottom:16px;}
.intro-promo-text h2 {margin-left:12px; font-size:1.3em; color:#505253;}



#intro_content { width: 100%; float: left; overflow: hidden; /*background:#CCCC99;*/ }
#intro_content .intro-results { width:673px; height:232px; /*background: #fff url(../../images/investors-hand.jpg) no-repeat top right;*/ border: 1px solid #b3d107; position: relative; margin: 0 0 0 5px; /*padding-top: 81px; height:128px;*/float:left; }
#intro_content .intro-results h2 { display: inline; background-color:#b3d107; color: #fff; padding: 10px 30px 10px 30px; position: absolute; left: -10px; top: 20px; font-size: 20px; font-weight: normal; }
#intro_content .intro-results h3 { display: inline; background-color:#004b70; color: #fff; padding: 5px 69px 5px 30px; position: absolute; left: -10px; top: 64px; *top: 63px; font-size: 18px; font-weight: normal; margin-left:34px;}
#intro_content .intro-results-wrap{ position:absolute; float:left; *padding-bottom:50px;}
#intro_content .intro-results-wrap p {font-size:1.3em; width:310px; margin: 110px 0 10px 44px; /**margin:100px 0 10px 44px;*/ color: #3e3e3e; line-height: 1.1; color:#505253; float:left;}
#intro_content .intro-results-wrap a {color:#fff; font-size:1.2em; background:#479ad5; margin:0 0 50px 44px; *margin:0 0 50px 44px; padding:5px 10px 5px 5px; clear:left;  width:auto; float:left; display:block;}
#intro_content .intro-results-wrap a:hover {color:#fff; font-size:1.2em; background:#ff5800; margin: 0 0 50px 44px; *margin:0 0 50px 44px; padding:5px 10px 5px 5px;   width:auto; float:left; clear:left;  display:block;}
#intro_content .intro-results #banner-slots {position:absolute; top:0; right:0; width:663px; height:232px; }
#intro_content .intro-results img {position:absolute; top:0; right:0; }



#investors_wide {width:100%; margin:0; padding:0;}
#investors_wide_wrap { width: 100%; padding: 40px 0 20px 0; /*border-bottom: 1px solid #ccc; margin: 20px auto 20px;*/ background: #fff;float:left }
#investors_wide_wrap-inner {clear:both; width: 95%; margin:20px auto }
#investors_wide_wrap .promo-news{ color:#000; width:281px; float:left; border-right:1px solid #d9d9d9; padding:0 23px 0 5px; margin-right:23px; min-height:190px;}
#investors_wide_wrap .promo-news h3 {font-size: 1.3em; margin-bottom:14px;  color:#000;}


#investors_wide_wrap #promo-fh h3 {font-size: 1.3em; margin-bottom:14px;  color:#505153;   }



#investors_wide_wrap .promo-news p{ margin-bottom:6px;}
#investors_wide_wrap .promo-news ul {margin:20px 0 0 0; padding:0; list-style-type:none; }
#investors_wide_wrap .promo-news ul li{margin:0 0 6px 0; padding:0; }
#investors_wide_wrap .promo-news ul li a {background: url(../../images/temp/arrow_icon.gif) no-repeat top left; padding-left:20px; }
#investors_wide_wrap .promo-documents{ width:281px; float:left; border-left:1px solid #d9d9d9; margin-left:23px; padding-left:18px; min-height:180px; }
#investors_wide_wrap .promo-documents h3 {font-size: 1.3em; margin-bottom:14px; color:#000;}
#investors_wide_wrap .promo-documents .img-slot {width:119px;  float:left;}
#investors_wide_wrap .promo-documents p {width:142px;  float:left; margin:0; padding:0;}
#investors_wide_wrap .promo-documents ul {padding:20px 0 0 0; margin:0; list-style-type:none; clear:left; float:left;}
#investors_wide_wrap .promo-documents ul li{margin:0 0 6px 0; padding:0; }
#investors_wide_wrap .promo-documents ul li a {background: url(../../images/temp/arrow_icon.gif) no-repeat top left; padding-left:20px; }
#investors_wide_wrap .promo-documents ul li.downloads a {background:url(../../images/download_icon.gif) no-repeat top left; padding-left:20px; }





/*---------------------MT - Overriding the CSS -----------------*/
.promo_wide p { width: 460px; }
.promo_wide {margin-bottom: 25px }
*html .promo_wide h2 {padding-left: 10px }
#financial td, #financial th  { font-size: 8.4pt;}
#financial td, #financial th  { _text-align:left;}

#investors_wide_wrap .promo-news{ _width:311px;}
#intro_content #intro-promo {border-top:1px solid #d9d9d9;}
.intro-promo-text img {_margin-bottom:10px;}
/*---------------------MT - Overriding the CSS Ends-----------------*/

/*---------------------investor landing overrides-------------------*/
#content_investors ul {list-style-type:none;}
#content_investors #promo-fh ul li {padding: 0 0 6px;}

/*--------------------Executive QandA------------------------*/
#executiveqa .detail-body-content h3 {border-top:1px solid #306E95;color:#505253;}
#executiveqa .detail-body-header h2 {border-top:1px solid #306E95;color:#306E95;width:764px;}
/*--------------------overrides------------------------------*/
#executiveqa .detail-drawers3 .drawer3 h5 {padding:0 0 8px 0;margin-top:15px;}
#executiveqa .detail-drawers3 .drawer3 h5 a {color:#FFF!important;}
#executiveqa .detail-body-content {margin-top:15px;margin-right:8px;}
/*--------------------IE6isms--------------------------------*/
#executiveqa .text-wrapper {_padding:10px;_margin:0!important;}
#executiveqa h5 {_padding:0!important;_margin:15px 0 0 0;}
#executiveqa h5 a {_margin:0;}


/*------------------results-day-overrides------------------------------*/
#content .results-day #middle_content {margin-left:-10px;}
#content .results-day #promo_wide_wrap .promo-press-rel {width:255px;}
#content .results-day #results-btm .promo_medium {width:62%;}
#content .results-day #content_investors #teaser #teaser_box_results h3 {margin-bottom:10px;}
#promo_wide_wrap .promo-press-rel p {margin-bottom:6px;}
#content_investors .promo-press-rel ul {list-style-type:none;margin:20px 0pt 0pt;padding:0pt;}
#content_investors .promo-press-rel ul li {margin:0pt 0pt 6px;padding:0pt;}
#content_investors .promo-press-rel ul li a {background:transparent url(../../images/temp/arrow_icon.gif) no-repeat scroll left top;padding-left:20px;}
#content_investors .promo-press-rel ul li.Download a {background:url(../../images/download_icon.gif) no-repeat top left; padding-left:20px; }
/*--------------------IE6isms--------------------------------*/
#content .results-day #middle_content .intro-results p {_margin-top:100px;}
#content .results-day #middle_content .intro-results p {_margin-bottom:25px;}
#content .results-day #middle_content {_padding-left:0;}
#content .results-day #middle_content .intro-results {_width:97.5%;_margin-left:15px;}
#content .results-day #promo_wide_wrap {_padding-left:0px;}
#content .results-day #promo_wide_wrap .promo_wide_wrap-inner {_margin-left:15px;}
#content .results-day #promo_wide_wrap .promo-press-rel {_width:241px;}
#content .results-day #results-btm .promo_small {_margin-left:8px;}
#content .results-day #results-btm .promo_medium {_width:65%;}

/*-------------------e-comms overrides IE6-------------------------------*/
#content .e-comms #middle_content .intro {_margin-left:10px;}
#content .e-comms #middle_content {margin-left:-10px;}
#content .e-comms #middle_content #promo-box-wrapper {_margin-left:10px;}

/*DF 17.12.08 - quick fix for .SIFR*/
.sIFR-active #aspnetForm #intro_content .intro-results h3 {padding-right:5px;padding-left:17px;}

