/*------------------------------------------------------------------------------------------------------------------ Stylesheet for ITV Annual Report 2007 version: 1.0 Author: Leonie Lindo email: l.lindo@ry.com website: http://www.ry.com/ ------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------template default selector settings-------------------------*/ body {font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; background:url(../images/body_bg.gif) repeat-x top left; padding:0; margin:0 ; color:#383838; } a {outline:none;} b { background: none; } /*-------------------------------------accessibility----------------------------------------------*/ #accessibility { position:absolute; left:-1000px; overflow:hidden; top:-10px; padding:0; margin:0; } .hide {display:none} #top {padding:5px 0 20px 0; margin:0 ;} .clear {clear:both} /*hides elements off the live screen */ .offscreen{ /*position:relative; top:-10000px; left:-10000px; */ /*width:0!important; overflow:hidden; font-size:0; padding:0!important; margin:0!important; min-height:0!important; height:0; line-height:0!important; font-size:0!important;*/ display:none; } #wrapper h1.offscreen {line-height:0; font-size:0; height:0;} /* For IE6 */ /*****************************************************LAYOUT***************************************************************/ #wrapper{width:985px; margin:0 auto; padding-bottom:67px; } #wrapper h1 {padding:0 0 3px 0; margin:0; color:#0bb4e9; font-size:2.45em; font-weight:normal; position:absolute; top:-999px; left:-999px;} #wrapper h2 {color:#0bb4e9;} #wrapper a {color:#0073ae; text-decoration:none;} #wrapper a:hover {color:#0073ae; text-decoration:underline;} #wrapper .heading-container { /*height: expression( this.scrollHeight < 60 ? "60px" : "auto" ); /* sets min-height for IE */ /* sets min-height value for all standards-compliant browsers */ float:left; border:#0099CC; width:413px; padding:0; } *html #wrapper .heading-container { height:0px; } /*----------------header section------------------------------------*/ #header {width:985px; margin:0; padding:30px 0 0 0; background:none; clear:both;} #header-form{width:255px; margin:0; padding:2px 0 0 0; float:right;} #header-form fieldset {margin:0; padding:0; border:none;} #header-form form {margin:0; padding:0; float:right; width:190px } /*#header-form label { font-size:1.4em; font-weight:bold; color:#fff; float:left; width:auto; margin:0 10px 0 0; padding:0 0 0 13px; _padding:0 0 0 16px;}*/ #header-form input {margin:0; padding:0; float:right; width:auto;} #header-form #search {border:1px solid #055f9d; width:/*11em*/ 150px; margin:0 5px 0 10px; font-size:1em; height:1.4em; float:left; font-weight:bold; color:#545454} .hide-label {position:absolute; left:-1000px; overflow:hidden; top:-10000px; padding:0; margin:0; } /*----------------------------------nav section------------------*/ #nav{width:730px; float:left; } #nav ul {margin:0; padding:0 0 0 0; color:#fff; list-style-type:none; font-size:1.4em; font-weight:bold;} #nav ul li{margin:0; padding:0 10px 17px 0; float:left; width:auto;} #nav ul li a{color:#fff; text-decoration:none; } #nav ul li a:hover{color:#fff; text-decoration:none; } #nav a.home{display:block; width:66px; height:27px; background:url(../images/home.gif) no-repeat;} #nav a.home:hover{display:block; width:66px; height:27px; background:url(../images/home_hover.gif) no-repeat;} #nav a.onhome{display:block; width:66px; height:27px; background:url(../images/home_hover.gif) no-repeat;} #nav a.onhome:hover{display:block; width:66px; height:27px; background:url(../images/home_hover.gif) no-repeat;} #nav a.about{display:block; width:85px; height:27px; background:url(../images/about.gif) no-repeat;} #nav a.about:hover{display:block; width:85px; height:27px; background:url(../images/about_hover.gif) no-repeat;} #nav a.onabout{display:block; width:85px; height:27px; background:url(../images/about_hover.gif) no-repeat;} #nav a.onabout:hover{display:block; width:85px; height:27px; background:url(../images/about_hover.gif) no-repeat;} #nav a.strategy{display:block; width:84px; height:27px; background:url(../images/strategy.gif) no-repeat;} #nav a.strategy:hover{display:block; width:84px; height:27px; background:url(../images/strategy_hover.gif) no-repeat;} #nav a.onstrategy{display:block; width:84px; height:27px; background:url(../images/strategy_hover.gif) no-repeat;} #nav a.onstrategy:hover{display:block; width:84px; height:27px; background:url(../images/strategy_hover.gif) no-repeat;} #nav a.responsibility{display:block; width:122px; height:27px; background:url(../images/responsibility.gif) no-repeat;} #nav a.responsibility:hover{display:block; width:122px; height:27px; background:url(../images/responsibility_hover.gif) no-repeat;} #nav a.onresponsibility{display:block; width:122px; height:27px; background:url(../images/responsibility_hover.gif) no-repeat;} #nav a.onresponsibility:hover{display:block; width:122px; height:27px; background:url(../images/responsibility_hover.gif) no-repeat;} #nav a.media{display:block; width:118px; height:27px; background:url(../images/media.gif) no-repeat;} #nav a.media:hover{display:block; width:118px; height:27px; background:url(../images/media_hover.gif) no-repeat;} #nav a.onmedia{display:block; width:118px; height:27px; background:url(../images/media_hover.gif) no-repeat;} #nav a.onmedia:hover{display:block; width:118px; height:27px; background:url(../images/media_hover.gif) no-repeat;} #nav a.investors{display:block; width:88px; height:27px; background:url(../images/investors.gif) no-repeat;} #nav a.investors:hover{display:block; width:88px; height:27px; background:url(../images/investors_hover.gif) no-repeat;} #nav a.oninvestors{display:block; width:88px; height:27px; background:url(../images/investors_hover.gif) no-repeat;} #nav a.oninvestors:hover{display:block; width:88px; height:27px; background:url(../images/investors_hover.gif) no-repeat;} #nav a.contacts{display:block; width:88px; height:27px; background:url(../images/contacts.gif) no-repeat;} #nav a.contacts:hover{display:block; width:88px; height:27px; background:url(../images/contacts_hover.gif) no-repeat;} #nav a.oncontacts{display:block; width:88px; height:27px; background:url(../images/contacts_hover.gif) no-repeat;} #nav a.oncontacts:hover{display:block; width:88px; height:27px; background:url(../images/contacts_hover.gif) no-repeat;} #subnav{width:201px; float:left; margin-top:15px;} .subnav-title{width:201px; float:left; background:url(../images/subnav-title.gif) no-repeat top left;} .subnav-title p {margin:0; padding:5px 8px; background:#f2f7fa; color:#0bb4e9; font-size:1.4em;} #subnav ul {margin:4px 0 0 10px; _margin:4px 0 0 5px; padding:0; float:left; width:186px; list-style-type:none; font-size:1.1em;} #subnav ul li {margin:0; padding:0 0 4px 0; width:187px; clear:left;} #subnav ul li a {display:block; background:url(../images/arrow.gif) no-repeat 0 4px; padding-left:12px; text-decoration:none; color:#055e9c;} #subnav ul li a:hover {display:block; background:url(../images/menuon.gif) no-repeat 0 0; padding-left:12px; text-decoration:none; color:#055e9c;} #subnav .on {background:url(../images/menuon.gif) no-repeat 0 0; padding-left:12px; text-decoration:none; font-weight:bold; color:#055e9c;} #subnav .last {margin:0; padding:0 0 0 0;} /* fm1306_1 #subnav ul li ul { margin:0 0 4px 0; padding:5px 0 8px 0; float:left; width:162px; list-style-type:none; font-size:0.9em; border-left:9px solid #09a4db; }*/ #subnav ul li ul { margin:0 0 4px 0; padding:5px 0 0px 0; float:left; width:165px; list-style-type:none; font-size:0.9em; border-left:9px solid #09a4db; } #subnav ul li ul li { margin:0; padding:0 0 2px 0; width:165px; clear:left;} #subnav ul li ul li ul { margin:0; padding:0 0 2px 0; width:165px; clear:left;} #subnav ul li ul li a {display:block; background:url(../images/dash.gif) no-repeat 0 0; padding-left:15px; text-decoration:none; color:#055e9c; margin-top:2px; } #subnav ul li ul li a:hover {display:block; background:url(../images/dash.gif) no-repeat 0 0 ; padding-left:15px; text-decoration:underline; color:#055e9c; } /* Added by Frank Minogue for menu 4th level */ #subnav ul li ul li ul a { margin-left:11px; display:block; background:url(../images/dash.gif) no-repeat 0 0; padding-left:15px; text-decoration:none; color:#055e9c; margin-top:1px; } #subnav ul li ul li ul a:hover { margin-left:11px; display:block; background:url(../images/dash.gif) no-repeat 0 0 ; padding-left:15px; text-decoration:underline; color:#055e9c; } #subnav ul li ul li ul{/*margin:0 0 4px 0; padding:5px 0 8px 0; float:left; width:162px; list-style-type:none; font-size:0.9em; */border-left:none!important; padding-top:3px; } #subnav ul li ul li ul li a{/*margin:0 0 4px 0; padding:5px 0 8px 0; float:left; width:162px; list-style-type:none; font-size:0.9em; */border-left:none!important;} #subnav .level2on{ font-weight:bold; } #subnav .level3on{ font-weight:bold; } /*-------logo------------*/ #logo {width:74px; float:left; margin:10px 0 12px 0;} #logo a img{border:none;} /*----------------main section------------------------------------*/ #main {width:972px; background:url(../images/main_bg.gif) no-repeat top left #fff; float:left; padding:7px 7px 0 5px; clear:both;} #main-home {width:972px; background:url(../images/main_bg.gif) no-repeat top left #fff; float:left; padding:7px 7px 0 5px; _padding:7px 8px 0 5px; clear:both;} #main-home #right-panel img {border:none;} #left-col{width:199px; float:left; margin-left:10px; display:inline;} #content{width:756px; _width:750px;float:right; padding-top:32px;} /*-------------breadcrumb section---------------------------------*/ #breadcrumb {width:413px; float:left; /*margin-top:-20px;*/ } #breadcrumb p{margin:0; padding:0;} #breadcrumb ul{margin:0; padding:0; list-style-type:none;} #breadcrumb ul li{margin:0; padding:0 3px 0 0; float:left; width:auto;} #breadcrumb ul li a{margin:0; padding:0; text-decoration:none;} #breadcrumb ul li a:hover{margin:0; padding:0; text-decoration:underline;} /*------------------mainContent section----------------------------*/ #mainContent-wide{width:482px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 50px 0;} #mainContent {width:413px; float:left; margin-left:65px; display:inline; background:#fff; padding-top:24px; } #secondaryContent{width:203px; float:right; margin-top:69px; } /* fm1706_3 was margin-top:60px; */ /*-----------------------------introduction section-----------------*/ #introduction {margin:0; padding:15px 0 20px 0; } #introduction p{margin:0; padding:0; } #introduction h2 { color:#0073AE; font-size:1.2em; font-weight:500; margin:0 0 10px 0; padding:7px 0pt 0pt; background: none; } /* -------------- added 22/06/08 FM for http://waterloo.ry.com/itv/responsibility/values/ ------------------- */ #introduction ul { padding:0 0 10px 0; margin:0; list-style-type:none; } #introduction ul li{ padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) 0 3px no-repeat; } .blacktext{color:#000!important;} #mainContent-widegraph { width:482px; float:left; margin-left:65px; display:inline; background:#fff; } /*---------------------additional presenational classes--------------------*/ .border {background:url(../images/breadcrumb_bg.gif) repeat-x top left;}/*additional border for any element*/ /*------------------------pagination------------------*/ .pagination-wrap {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 20px 0; padding-top:8px;} .pagination{float:right; margin:0; padding:0; width:220px;} .pagination ul {margin:0; padding:0; list-style-type:none; float:right; font-size:1em;} .pagination ul li{margin:0; padding:0 4px 0 0; float:left; width:auto;} .pagination ul li a{ text-decoration:underline;} .pagination ul li a:hover{ text-decoration:none;} .pagination ul li a.previous{background:url(../images/previous.gif) no-repeat bottom left; padding-left:13px;} .pagination ul li a.next{background:url(../images/next.gif) no-repeat bottom right; padding-right:13px;} .pagination ul li a.active {color:#999999!important; text-decoration:none; font-weight:normal;} .pagination ul li .last {padding:0 4px 0 0;} .items{float:left; width:180px; color:#999999;} .items p{padding:0; margin:0;} .items span{color:#000;} .resultcount{font-size:0.85em;} .back {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin-top:9px;} .back a {background:url(../images/arrow.gif) no-repeat 0 14px; padding:9px 0 0 8px; text-decoration:none; color:#055e9c; float:right;} /*-------------------------------------module columns----------------------------------------------------*/ .module_col { float: left; margin-right: 0; } /*-------------------------------------module boxes----------------------------------------------------*/ .module {width:203px; padding:0 0 5px 0; margin-bottom:10px;} .module blockquote {padding:0; margin:5px 0 5px 0; font-size:1em; width:180px;} .module blockquote p{padding:0; margin:0;width:180px;} .module .text-wrap {padding:0px 10px 5px 10px; margin-top:0px; clear:both;} .module .text-wrap p{padding:5px 0 0 0; margin:0; width:180px;} .module .text-wrap p a {padding-top:0px; display:inline !important;} .module .details p{width:137px; padding:3px 0 5px 0;} .module a {width:170px; margin:10px 0 0 0; padding:0; } .module a img{border:none; background:none; } .module h2 {font-size:1.2em; padding:10px; margin:0 0 5px 0; width:182px;} .module h3 {font-size:1.2em; padding:10px; margin:0 0 5px 0; width:182px;} .module-large{width:273px; padding:0 0 40px 0; float:left; margin-bottom:10px;} .module-large .text-wrap {padding:0 10px 5px 10px; margin-top:5px;} .module-large .text-wrap p{padding:5px 0 5px 0; margin:0; width:180px;} .module-large a {width:170px; margin:0; padding:0; } .module-large h2 {font-size:1.2em; padding:10px 0 10px 10px; margin:0 0 5px 0;} .module-large h3 {font-size:1.2em; padding:10px 0 10px 10px; margin:0 0 5px 0;} .module-large #list {padding:0 0 10px 0px; margin-top:5px; float:left;} .module-large #list ul{padding:0; margin:0; list-style-type:none; border-bottom:1px solid #e8e8e8; float:left; width:256px; } .module-large #list ul li {width: 75px; display: block; padding:0 5px 0 0; margin:0; float:left; } .module-large #list ul li a{ display: block; width: 70px; float:left; margin:0; padding:5px 8px 5px 0px; text-align:center; font-size:1em; background:none; text-decoration:none; } .module-large #list ul li a:hover{ float:left; margin:0; background:none; text-decoration:underline; } /*--------list active style-------*/ .module-large #list .linkon a {background:url(../images/blue-tab3.gif) no-repeat bottom left; text-decoration:none; color:#09a4db; width:70px;} .module-large #list .linkon a:hover{background:none; text-decoration:underline; color:#0073ae; width:70px;} .fragment-1, .fragment-2, .fragment-3 { clear: both; } .module-large .text-wrap .fragment-1 img, .module-large .text-wrap .fragment-2 img, .module-large .text-wrap .fragment-3 img { margin-top: 10px; } /*-----------module chart-slot-------*/ .chart {padding-top:20px;} /*-----------module report-slot-------*/ .module #report-slot {width:184px; background:none; border:none; margin-top:10px; padding:5px 10px; } .module #report-slot a{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 15px; } .module #report-slot a:hover{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 15px; } .module #video-thumbnail {width:184px; background:none; border:none; margin-top:10px;} /* fm2006_1 - these are the original entries - I changed them so the arrow would appear on the blue fast fact box (about/history) .module #video-thumbnail a{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 8px; } .module #video-thumbnail a:hover{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 8px; } */ .module #video-thumbnail a{ width:184px; border:none; padding:0 0 0 10px; } .module #video-thumbnail a:hover{ width:184px; border:none; padding:0 0 0 10px; } /*-----------module rss feed-------*/ .module .rss-heading {width:203px;} .module .rss-heading h2 {width:40%; float:left;} .module a.rss {width:13px; float:left; background:none; margin-top:12px; padding-left:0; border:none;} .module a:hover.rss {width:13px; float:left; background:none; margin-top:12px; padding-left:0; border:none;} /*-----module form------------*/ .module form {width:182px; margin-top:10px; padding:0 10px;} .module fieldset {width:182px; margin:0; padding:0; border:none;} .module label{color:#666666; margin:0; padding:0; float:left; width:182px;} .module input {width:149px; margin:5px 0 5px 0; padding:0; /*border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9;*/} .module select {width:151px; margin:5px 0 5px 0; padding:0; /*border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9;*/} .module input.radiobtn {width:auto; margin:0 6px 0 0; position:relative; top:2px} .module input.searchbtn {} #rnsform p {padding:10px 0 5px 0;} /*---find news box----*/ #sector{ clear:both; float:left; margin:5px 0; width:168px; } /* fm1206_1 There was no width here before */ #keyword{ clear:both; float:left; margin:5px 0; width:168px; } /* fm1206_1 This style was not here before */ #fromLabel, #toLabel{clear:both; float:left; margin:5px 0;} #fdate, #tdate {width:44px; float:left; margin-right:5px;} #fmonth, #tmonth {width:54px; float:left; margin-right:5px;} #fyear, #tyear {width:60px; float:left;} #newsbtn{width:23px; height:18px; float:left; border:none; clear:both; margin-left:145px;} /*---preferences box----*/ #preferencesform{width:182px; margin:10px 0; *margin:10px 0px 0px 0px; padding:0 10px; float:left;} #preferencesform fieldset{margin:0; padding:0; border:none; float:left;} #preferencesform input{width:178px; float:left; margin:0; padding:2px; font-size:1em; color:#999999;} #preferencesform #epsubmit{width:50px; height:15px; background:none/*url(../images/grey-heading.gif) no-repeat top left #f9f9f9*/; border:none; color:#0073ae; text-decoration:underline; font-size:1.1em; fon-weight:bold; margin-top:10px; } /*-----------skins for modules-------*/ .greyskin {background:url(../images/grey-heading.gif) no-repeat top left #f9f9f9;} .greyskin h2 {background:#f5f5f5; color:#838383!important; width:95%!important;} .greyskin h3 {background:url(../images/grey-heading.gif) no-repeat bottom left; color:#838383;} .greyskin a {display:block; background:url(../images/greyarrow.gif) no-repeat 0 4px; padding:0 0 0 10px; } .greyskin p { padding: 0 10px 5px 10px; } .blueskin { background:url(../images/blue-heading.gif) no-repeat top left #f2f7fa; } .blueskin h2 { color:#09a4db; background:url(../images/blue-heading.gif) no-repeat bottom left;} .blueskin h3 { color:#09a4db; background:url(../images/blue-heading.gif) no-repeat bottom left;} .blueskin a { display:block; background:url(../images/bluearrow.gif) no-repeat 0 4px; padding:0 0 0 10px; } .blueskin p { padding: 0 10px 5px 10px; margin: 0; background: none; } .blueskinlrg {background:url(../images/blue-heading-lrg.jpg) no-repeat top left #f2f7fa;} .blueskinlrg h2 {color:#09a4db; background:url(../images/blue-heading-lrg.jpg) no-repeat bottom left;} .blueskinlrg h3 {color:#09a4db; background:url(../images/blue-heading-lrg.jpg) no-repeat bottom left;} .blueskinlrg a { background:url(../images/bluearrow.gif) no-repeat 0 4px; padding:0 0 0 10px; } .greenskin {background:url(../images/green-heading-small.gif) no-repeat top left #f6fbf3;} .greenskin h2 {color:#a4c33a!important; background:url(../images/green-heading-small.gif) no-repeat bottom left;} .greenskin h3 {color:#a4c33a; background:url(../images/green-heading-small.gif) no-repeat bottom left;} .greenskin h4 {display:block; margin:0; padding:0; font-size:1em; font-weight:normal;} .greenskin a {display:block; background:url(../images/greenarrow.gif) no-repeat 0 4px; padding:0 0 0 10px; } .greenskin a:hover {display:block; background:url(../images/greenarrow.gif) no-repeat 0 4px; padding:0 0 0 10px; } .greenskin p { padding: 0 10px 5px 10px; } /*------------------------news releases------------------------------------*/ .newsrelease {width:400px; float:left; padding-bottom:18px;} .newsrelease p{} .newsrelease h2{padding:0 0 0 0; margin:0; font-weight:normal; font-size:1.2em; } /* fm1606_1 CHANGE HEADING TITLE SIZE HERE - Was 1.1em */ .newsrelease h2 a {display:block; padding:0 0 0 10px; margin:0; background:url(../images/arrow.gif) no-repeat center left;} .newsrelease .date {color:#999999; width:106px; float:left;} .newsrelease .date p{padding:3px 0; margin:0; width:106px;} .newsrelease .sector{color:#999999; width:282px; float:left;} .newsrelease .sector p {padding:3px 0; margin:0; width:282px;} .newsrelease .sector a{color:#0bb4e9 !important; padding-left:5px; width:282px;} /*--------------------------------new detail introduction---------------------*/ .newsintroduction {width:400px; float:left; padding-bottom:10px;} .newsintroduction p{} .newsintroduction .text-wrap { color:#000; clear:both;} .newsintroduction h2{padding:10px 0 0 0; margin:0; font-weight:500; font-size:1.5em; color:#0bb4e9; display:block; height: expression( this.scrollHeight < 55 ? "55px" : "auto" ); /* sets min-height for IE */ min-height:55px; /* sets min-height value for all standards-compliant browsers */ } .newsintroduction .date {color:#999999; width:64px; float:left;} .newsintroduction .date p{padding:0 0 5px 0; margin:0; width:106px;} .newsintroduction .sector{color:#999999; width:324px; float:left;} .newsintroduction .sector p {padding:0 0 5px 0; margin:0; width:282px;} .newsintroduction .sector a{color:#0bb4e9 !important; padding-left:5px; width:282px;} .newsdetail{width:400px; float:left; padding-bottom:18px;} .newsdetail h3 {padding:0 0 3px 0; margin:0; font-weight:500; font-size:1.2em; color:#0073AE;} /* fm1606_1 CHANGE HEADING TITLE SIZE HERE - Was 1.3em, #0bb4e9 */ .newsdetail p {padding:0 0 15px 0; margin:0; } .newsdetail ul {padding:0 0 10px 0; margin:0; list-style-type:none;} .newsdetail ul li{padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) 0 3px no-repeat;} /* FRANK MINOGUE .newsdetail ul li ol { color:#FF9933; } */ /*------------------------------------------search results page------------------------------------------------*/ .search { width:400px; float:left; } .search h2 { padding:0 0 0 0; margin:0; font-weight:500; font-size:1.2em; } /* fm1206_2 CHANGE HEADING TITLE SIZE HERE - Was 1.25em */ .search h2 a { display:block; padding:0; margin:0; color:#0073ae!important; } .search p { padding:0 0 15px 0; margin:0; line-height:1.7; } .search a { color:#0bb4e9; } .search span { color:#0bb4e9; } .search ul { padding:0 0 10px 0; margin:0; list-style-type:none;} .search ul li{ padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) center left no-repeat;} /*--------------------------------------------sitemap----------------------------------------*/ #sitemap {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin-top:9px; padding-top:8px;} #sitemap ul {padding:0; margin:0; list-style-type:none;} #sitemap ul li {padding-top:8px; } #sitemap ul li ul{padding-left:35px; padding-top:0;margin:0; list-style-type:none;} #sitemap ul li a{padding-bottom:0; } /*#sitemap ul li ul li{padding-top:8px; } */ /*-----------------------------------------contact us------------------------------------------*/ #contact {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:8px;} #contact h2{padding:0 0 0 0; margin:0; font-weight:500; font-size:1.5em; color:#0bb4e9;} .contact-heading p{color:#999999!important; margin:0; padding:0;} #contact span{color:#000;} #contact form {width:413px; float:left; margin-top:-7px; color:#999999;} #contactform p{clear:both; margin:0; padding:0 0 5px 0; } #contact fieldset {width:413px; margin:0; padding:16px 0 0 0; border:none;} #contact label{width:105px; float:left;color:#000; font-weight:bold; font-size:1.1em; margin-bottom:20px; /**margin-bottom:5px; */} #contact input{width:156px; float:left; border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; margin-bottom:20px; } #contact select{width:158px; float:left; border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; margin-bottom:20px;} #contact textarea #enquiry{width:237px; float:left; border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9;} #contact #csubmit{width:46px; height:15px; background:#fff; border:none; color:#0073ae; text-decoration:underline; font-size:1.1em;fon-weight:bold; margin-top:22px; } #contact #title{width:53px;} /*-------------------------------------------------email alert--------------------------------------------*/ #emailalert {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:8px;} #emailalert #introduction {color:#000; padding-bottom:0;} #emailalert span{color:#000;} #emailalert form {width:413px; float:left; margin-top:20px; color:#999999; } #emailalertform p { clear:both; margin:0; padding:0; } #emailalert fieldset { width:413px; margin:0 0 0 0; padding:29px 0 0 0; border:none;} #emailalert .clearDivs { clear:both; margin:0; padding:0; height:0px } /* To change the gap between the boxes in IE: #emailalert label = *margin-bottom:13px / #emailalert input = *margin-bottom:23px; */ /* To change the gap between the boxes in FF: #emailalert label = margin: 0 0 13px 0 / #emailalert input = margin: 0 0 23px 0; */ #emailalert label{ width:151px; float:left; color:#000; font-weight:bold; font-size:1.1em; margin: 0 0 13px 0; *margin-bottom:13px; } #emailalert input{ width:156px; float:left; border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; margin: 0 0 23px 0; *margin-bottom:23px; padding:1px 0 1px 3px; } #emailalert select{ width:158px; float:left; border-top:1px solid #5f5f5f; border-left:1px solid #5f5f5f; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; margin: 0 0 18px 0; *margin:0; } #emailalert #esubmit{ width:50px; height:16px; background:#fff; border:none; color:#0073ae; text-decoration:underline; font-size:1.1em;fon-weight:bold; margin-top:30px; } /*-----choices-wrap contains input types: radio and checkboxes for email alert form---------------------*/ #emailalert .choices-wrap {width:343px; float:left; *margin-top:8px;} #emailalert .choices-title{width:141px; float:left; color:#0bb4e9; margin:0; padding:0;} #emailalert .choices-title p{width:115px; float:left; color:#000; font-weight:bold; font-size:1.1em; margin:0; padding:0;} /*------radio buttons for email alert form-----------*/ #emailalert .choices{width:136px; float:left; margin-left:5px;} #emailalert .choices label{float:right; width:115px; margin:0; padding:0; color:#383838; font-weight:normal; *padding-top:2px; } #emailalert .choices input{float:left; width:16px; margin:0 0 8px 0; padding:0; border:none; *margin-bottom:3px; } #emailalert .choices-wrap .goright{float:right; width:117px; margin:0; padding:0; color:#383838;} #emailalert .choices-wrap #confirm{float:left; width:16px; margin:0 0 16px 0; padding:0 0 0 0; border:none;} #emailalert #professionLabel {width:87px; margin-right:64px;} /*------confirmation checkbox for email alert form--*/ #emailalert #confirm-wrap {width:241px; float:left; margin-top:20px; font-size:0.9em;} #emailalert #confirm-wrap label{width:220px; float:right; margin:0 0 0 5px; *margin:3px 0 0 5px; padding:0; color:#383838;} #emailalert #confirm-wrap input{width:16px; float:left; margin:0; padding:0; border:none;} /*-----------------------------------------------faq---------------------------------------------------------*/ #faq-wrap {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:8px;} .off {display:block; float:left; width:400px; } .off a{background:url(../images/arrow.gif) no-repeat left center; padding-left:12px; text-decoration:underline; color:#055e9c; float:left; } .activated {display:block; float:left; width:400px; padding:0 0 0 0;} .activated a{padding:0 0 0 12px; margin:0; text-decoration:none!important; background:url(../images/close_arrow.gif) no-repeat left center!important; color:#0bb4e9!important; float:left; font-weight:bold;} #faq {width:400px; float:left; padding:0; margin:0;} #faq ul {margin:20px 0 0 0; padding:0; width:400px; list-style-type:none;} #faq ul li {margin:0 0 5px 0; padding:0; width:400px; clear:left; list-style-type:none;} #faq ul li a {display:block; margin-bottom:5px; background:url(../images/arrow.gif) no-repeat left 4px; text-decoration:none; color:#055e9c;} #faq ul li a:hover {display:block; background:url(../images/arrow.gif) no-repeat left 4px; text-decoration:none; color:#055e9c;} .faq-content {margin-bottom:15px!important; padding-top:1px; } #wrapper .faq-content a{font-size:1em; font-weight:normal!important; color:#0bb4e9; background:none!important; padding-left:0!important; margin-top:0!important; text-decoration:underline!important; display:inline!important;} #wrapper .faq-content ul{margin:0!important; padding:0!important; list-style-type:none;} #wrapper .faq-content ul li {padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) center left no-repeat;} #wrapper .faq-content ul li a{font-size:1em!important; font-weight:normal!important; color:#0bb4e9; /*background:url(../images/bullet.gif) center left no-repeat!important;*/ margin:0!important; padding-left:0!important; text-decoration:underline!important; display:inline!important;} /*----------------------------------------homepage----------------------------------------------*/ #left-panel {width:323px; background:#fff; float:left; margin-left:10px; padding-bottom:45px;} #left-panel #image-slot{width:287px;}/*content managed image slot*/ #left-panel #image-link-slot{width:145px; float:left; clear:both; margin-top:2px; padding-top:10px;}/*content managed image slot for link*/ #left-panel #image-link-slot a{display:block; width:145px; height:33px; background:url(../images/caption_link.gif) top left no-repeat;}/*content managed image slot for link*/ #left-panel #image-link-slot a:hover{display:block; width:145px; height:33px; background:url(../images/caption_link_on.gif) top left no-repeat;}/*content managed image slot for link*/ #left-panel .heading {display:block; float:left; clear:both; height:115px;} #left-panel .heading h1{display:block; color:#000000!important; margin:0; padding:0; width:240px; clear:both;} #left-panel .heading em {color:#0172ac; font-style:normal;} #right-panel {width:631px; float:right; _float:left;} #right-panel #panel-slot{width:631px;}/*content managed image slot*/ /*--------------------------------------------------lower section: teaser-wrap--------------------------------------------------*/ #teaser-wrap{width:972px; float:left; margin-top:7px;} /******************************* teaser 1 ***************************************/ #teaser-1 {width:413px; float:left;} /*-----------------------teaser ----------------*/ #teaser-1 .teaser{width:413px; float:left; background:url(../images/blue-heading-bg.gif) no-repeat top left #f2f7fa; padding:0 0 10px 0; float:left; margin-bottom:7px;} #teaser-1 .teaser h2 {font-size:1.2em; padding:10px 0 16px 10px; margin:0; width:193px; color:#09a4db; background: none;} #teaser-1 .teaser h3 {width:auto; margin:0; padding:0; font-size:1.1em; color:#055f9d; font-weight:normal; background: none;} #teaser-1 .teaser a {width:auto; margin:0; padding:0 0 0 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:none;} #teaser-1 .teaser a:hover {width:auto; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:underline; } /*----------teaser image slot----------*/ #teaser-1 .teaser-image-slot{width:55px; float:left; margin:0 10px 0 10px;} /*--------text-wrap slot-------------*/ #teaser-1 .teaser .text-wrap {padding:0 0 5px 10px; margin-top:5px; width:293px; float:left;} #teaser-1 .teaser .text-wrap p{padding:5px 0 5px 0; margin:0; font-size:1.1em;} /*-------------------list--------------*/ #teaser-1 .teaser .list {padding:0 0 0 10px; margin-top:5px; width:391px;} #teaser-1 .teaser .list ul{padding:0; margin:0; list-style-type:none; border-bottom:1px solid #e8e8e8; float:left; width:391px;} #teaser-1 .teaser .list ul li {padding:0 12px 0 0; margin:0; float:left;} #teaser-1 .teaser .list ul li a{float:left; margin:0; padding:5px 10px; font-size:1em; background:none; text-decoration:none; width:79px;} #teaser-1 .teaser .list ul li a:hover{ float:left; margin:0; padding:5px 10px; background:none; text-decoration:underline; width:79px;} /*--------list active style-------*/ /* #teaser-1 .teaser .list .linkon a{margin:0; float:left; padding:5px 0 5px 12px; background:url(../images/blue-tab5.gif) no-repeat bottom left; text-decoration:none; color:#09a4db;} #teaser-1 .teaser .list .linkon a:hover{margin:0; float:left; padding:5px 0 5px 12px; background:none; text-decoration:underline; color:#0073ae;} */ /* ABOVE NOT NEEDED - NO TABS ABOVE THE 4 x ITV LOGOS - Frank Minogue - 110608*/ /*--------channels list slot-------*/ #teaser-1 .teaser .channels {padding:0 0 5px 10px; width:393px;} #teaser-1 .teaser .channels ul{padding:14px 0 0 0; margin:0; list-style-type:none; float:left; width:393px;} #teaser-1 .teaser .channels ul li {padding:0 12px 0 0; margin:0 0 10px 0; float:left;} #teaser-1 .teaser .channels ul li a{float:left; margin:0; padding:5px 15px 5px 0; background:none; text-decoration:none;} #teaser-1 .teaser .channels ul li a img{float:left; border:none; width:71px;} #teaser-1 .teaser .channels ul.bigger li {padding:0; margin:0; float:left;} #teaser-1 .teaser .channels ul.bigger li a{float:left; margin:0; padding:0; background:none; text-decoration:none;} #teaser-1 .teaser .channels ul.bigger li a img{float:left; border:none; width:126px;} /*********************************** teaser 2 *********************************-*/ #teaser-2 {width:343px; float:left; margin:0 6px; } #teaser-2 .teaser h2 {font-size:1.2em; padding:10px 0 16px 10px; margin:0 0 5px 0; width:25%; color:#48ab0d; float:left; background: none;} #teaser-2 .teaser h3 {width:auto; margin:0 0 10px 0; padding:0; font-size:1.1em; color:#055f9d; font-weight:normal; background: none;} #teaser-2 .teaser a { display:block; width:auto; margin:0; padding:0 0 0 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:none; } #teaser-2 .teaser a:hover {display:block; width:auto; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:underline; } #teaser-2 .teaser a img {border:none; background:none!important;} /*----------------------------teaser-------------------*/ #teaser-2 .teaser{width:343px; height: expression( this.scrollHeight < 305 ? "305px" : "auto" ); /* sets min-height for IE */ min-height: 290px!important; /* sets min-height value for all standards-compliant browsers */ float:left; background:url(../images/green-heading-bg.jpg) no-repeat top left #f6fbf3; padding:0 0 5px 0; float:left; margin-bottom:7px;} /*----------------text-wrap slot---------------*/ #teaser-2 .teaser .text-wrap {padding:0 0 5px 10px; margin-top:10px; clear:both;} #teaser-2 .teaser .text-wrap p{padding:3px 0 19px 0; margin:0; width:300px;} /*----------------rss heading slot------------*/ #teaser-2 .teaser .rss-heading {width:333px;} #teaser-2 .teaser .rss {width:13px; float:left; background:none; margin-top:12px; border:none;} #teaser-2 .teaser a:hover.rss {width:13px; float:left; background:none; margin-top:12px; border:none;} /*************************** teaser 3 *************************************/ #teaser-3 {width:203px; float:left; } /*-----------------------teaser---------------------*/ #teaser-3 .teaser{width:203px; float:left; background:url(../images/green-heading-small.gif) no-repeat top left #f6fbf3; padding:0 0 5px 0; float:left; margin-bottom:7px;} #teaser-3 .teaser h2 {font-size:1.2em; padding:10px 0 16px 10px; *padding:10px 0 22px 10px; margin:0; width:193px; color:#48ab0d; background: none;} #teaser-3 .teaser a img {border:none;} /*----------------text-wrap slot------------*/ #teaser-3 .teaser .text-wrap {padding:0 0 0 10px; margin-top:5px;} #teaser-3 .teaser .text-wrap p{/*padding:5px 0 0 0;*/ margin:0; width:193px;} #teaser-3 .teaser .text-wrap a {width:auto; margin:0; padding:0 0 0 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:none; } #teaser-3 .teaser .text-wrap a:hover {width:auto; margin:0; padding:0 0 0 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat 0 3px; text-decoration:underline; } /*----------------report-slot-------------*/ #report-slot {width:172px; background:none; border:none;} #report-slot a{width:172px; background:none!important; border:none; padding:0; margin:0 15px; } /*----------------sharefeed-slot-----------*/ #sharefeed {padding:0 0 0 10px; *padding:0 0 5px 10px; } #sharefeed p{padding:0 0 0 0; margin:0; width:193px;} #sharefeed span{display:block; padding:0 0 5px 0; margin:0; width:193px; font-size:3em; color:#055f9d;} #sharefeed a {width:auto; margin:0; padding:5px 0 5px 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat center left; text-decoration:none; } #sharefeed a:hover {width:auto; margin:0; padding:5px 0 5px 10px; background:url(../images/OFFsubNAVicon.gif) no-repeat center left; text-decoration:underline; } /*-------------------------------------------------------------landing page------------------------------------------------------------------*/ #landing{ width:761px; float:right; overflow: hidden;} #landing #landing-image{ /*width:694px; float:right; */ /*height:288px;*/ height:auto; padding-bottom:8px; padding-left:67px; width:auto; } #landing-heading { height: expression( this.scrollHeight < 135 ? "135px" : "auto" ); /* sets min-height for IE */ min-height: 135px; /* sets min-height value for all standards-compliant browsers */ clear:both; margin-left: 64px; width: 700px; } #landing h2 { height: expression( this.scrollHeight < 135 ? "135px" : "auto" ); /* sets min-height for IE */ min-height: 135px; /* sets min-height value for all standards-compliant browsers */ color:#000; /*float:left;*/ display:block; margin:0; padding:0; width:707px; background: none; } #landing h2 em { color:#0172ac; font-style:normal;} #landing #breadcrumb { /*float:right; */ /*width:694px; */ width:auto; padding-left:65px; padding-bottom:15px; margin-top:0; padding-top:0; } #landing-modules {width:910px; _width:917px; float:right; overflow: hidden;} #landing-modules .text-wrap{padding:5px 10px 5px 10px;} #landing-modules .module blockquote {padding:0; margin:0 0 5px 0; font-size:1em; width:180px;} #landing-modules .module blockquote p{padding:0; margin:0;width:180px;} #landing-modules .module #report-slot a {margin-left:0px;} #landing-modules .module #report-slot a:hover {margin-left:0px;} #landing-modules .module, #landing-modules .module-large {margin:0 0 10px 7px;} *html #landing-modules .module, #landing-modules .module-large {margin:0 0 10px 5px;} #landing .last {margin-left:0;} #landing-modules .greenskin .text-wrap p{padding: 5px 0 15px 0; } /*-------detail---------------------------------*/ #detail{width:758px; float:right;} #detail #landing-image{width:694px; float:right; /*height:187px;*/ padding-bottom:8px;} #detail #breadcrumb {float:right; width:694px; padding-bottom:15px; margin-top:0;} #detail #mainContent{float:left; width:413px; /*margin-top:20px;*/ margin-right:50px; _margin-right:40px;} #detail #secondaryContent{float:left; width:202px; margin-top:20px; } /* "move the greenskin box up on business page" fm1606_4 was margin-top:80px; */ #detail-heading h1, #detail-heading h2 {color:#000; float:right; width:694px; } #detailContent{width:400px; float:left; padding-bottom:18px; /*border-top:1px solid #e1e1e1;*/ background:url(../images/breadcrumb_bg.gif) repeat-x top left; padding-top:10px; } #detailContent-widegraph {width:650px; float:left; padding-bottom:18px; border-top:1px solid #e1e1e1; padding-top:10px; } /* fm1706_1 was width:400px */ #detailContent-widegraph h3 {padding:0 0 0 0; margin:0; font-weight:500; font-size:1.2em; color:#0073ae; background: none;} #detailContent-widegraph p { margin: 10px 0 10px 0; } #detailContent-widegraph ul {padding:0 0 10px 0; margin:0; list-style-type:none;} #detailContent-widegraph ul li{padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) 0 2px no-repeat;} #detailContent-widegraph ul li h2 { padding: 0; } #detailContent h2 {padding:7px 0 0 0; margin:0 0 10px 0; font-weight:500; font-size:1.2em; color:#0073ae; background: none;} #detailContent p {padding:0 0 10px 0; margin:0; } #detailContent ul {padding:0 0 10px 0; margin:0; list-style-type:none;} #detailContent_FM ul li{padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) center left no-repeat;} #detailContent ul li{padding:0 0 0 10px; margin:0; background:url(../images/bullet.gif) 0 2px no-repeat;} #detailContent ul li h2 { padding: 0; } /*rns detail page styling for pages from 2007 and below*/ #detailContent pre {font-size:1em; font-family: Arial, Helvetica, sans-serif;} #detail .module .text-wrap{padding:0px 10px 5px 10px; margin-top:0px; clear:both;} #detail .module .text-wrap p{padding:5px 0 0 0; margin:0; width:180px;} #detail .module a {width:auto; margin:2px 0 0 0; padding:0; } #detail .greenskin .text-wrap a {display:inline!important; padding-left:12px;} #detail .blueskin .text-wrap a {display:block; padding-left:12px;} #detail .greenskin #sharefeed a {display:block; padding-left:12px;} #detail .module #report-slot a{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 15px; } #detail .module #report-slot a:hover{width:184px; background:none!important; border:none; padding:0; margin:0 0 0 15px; } /* fm2006_1 - these are the original entries - I changed them so the arrow would appear on the blue fast fact box (about/history) #detail .module #video-thumbnail a{ width:184px; background:none!important; border:none; padding:0; margin:0 0 0 8px; } #detail .module #video-thumbnail a:hover{ width:184px; background:none!important; border:none; padding:0; margin:0 0 0 8px; } */ #detail .module #video-thumbnail a{ background: url(../images/greenarrow.gif) no-repeat 0 4px; border:none; padding:0px 0px 0px 14px; margin:0 0 0 10px; } #detail .module #video-thumbnail a:hover{ background: url(../images/greenarrow.gif) no-repeat 0 4px; border:none; padding:0px 0px 0px 14px; margin:0 0 0 10px; } #detail .module #video-thumbnail p { padding:0 0 5px 0; margin:0; } #date{width:400px; border-bottom:1px solid #e1e1e1; color:#8a8a8a; font-weight:bold; margin-bottom:16px;} #date p {margin:0; padding:3px 0;} /*--------------------------------------Investors: reports and accounts-------------------------------------*/ #investors{background:#f2f7fa; float:left; width:413px; } #reports-accounts {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:0px;} #reports-accounts #list {padding:0 0 10px 5px; margin-top:3px; width:352px; float:left;} #reports-accounts #list ul{padding:0; margin:0; list-style-type:none; border-bottom:1px solid #e8e8e8; float:left; width:402px;} /* fm1606_2 was width:352px; */ #reports-accounts #list ul li {padding:0 0 0 0; margin:0; float:left; width:70px;} #reports-accounts #list ul li a{float:left; margin:0; padding:5px 22px; font-size:1em; background:none; text-decoration:none;} #reports-accounts #list ul li a:hover{ float:left; margin:0; background:none; text-decoration:underline; width:auto;} /*--------list active style-------*/ #reports-accounts #list li .linkon { background:url(../images/blue-tab2.gif) no-repeat bottom left} #reports-accounts #list .linkon a{margin:0; float:left; padding:5px 22px; background:url(../images/blue-tab2.gif) no-repeat bottom left; text-decoration:none; color:#09a4db; width:auto;} #reports-accounts #list .linkon a:hover{margin:0; float:left; padding:5px 22px; background:none; text-decoration:underline; color:#0073ae; width:auto;} /*-------- Cantos video in Strategy -------*/ #cantos #list li .linkon { background:url(../images/blue-tab2.gif) no-repeat bottom left} #cantos #list .linkon a{margin:0; float:left; padding:5px 22px; background:url(../images/blue-tab2.gif) no-repeat bottom left; text-decoration:none; color:#09a4db; width:auto;} #cantos #list .linkon a:hover{margin:0; float:left; padding:5px 22px; background:none; text-decoration:underline; color:#0073ae; width:auto;} #cantos #list ul li { margin:3px 0px 10px 5px; float:left; padding:7px 5px 3px 22px ; background:url(../images/blue-tab2.gif) no-repeat left bottom; color:#09a4db; border-bottom:1px solid #e8e8e8; width:370px; } #report-table{ margin:0; padding:0; float:left; width:413px;} #report-table table { width:413px;} #report-table th { margin:0; padding:3px 7px 3px 7px; font-weight:normal; color:#999999;} /* fm1606_2 padding was 3px 15px 3px 15px */ #report-table td { margin:0; padding:3px 7px 3px 7px;} /* fm1606_2 padding was 3px 15px 3px 15px */ #report-table a img { border:none;} /*--------------------------------------Investors: financial calendar-------------------------------------*/ #financial {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:30px;} #financial #list {padding:0 0 10px 5px; margin-top:3px; width:413px; _width:408px; float:left;} #financial #list p{padding:0; margin-top:5px; width:100px; _width:90px; float:right; color:#999999;} #financial #list ul{padding:0; margin:0; list-style-type:none; border-bottom:1px solid #e8e8e8; float:left; width:228px;} #financial #list ul li {padding:0 0 0 0; margin:0; float:left; width:67px; _width:60px; } #financial #list ul li a{float:left; margin:0; padding:5px 22px; font-size:1em; background:none; text-decoration:none;} #financial #list ul li a:hover{ float:left; margin:0; background:none; text-decoration:underline; width:auto;} /*--------list active style-------*/ #financial #list li .linkon { background:url(../images/blue-tab2.gif) no-repeat bottom left; } #financial #list .linkon a{margin:0; float:left; padding:5px 22px; background:url(../images/blue-tab2.gif) no-repeat bottom left; text-decoration:none; color:#09a4db; width:auto;} #financial #list .linkon a:hover{margin:0; float:left; padding:5px 22px; background:none; text-decoration:underline; color:#0073ae; width:auto;} #financial-table{margin:0; padding:0; float:left; width:413px;} #financial-table table {width:413px;} #financial-table td{margin:0; padding:3px 10px 3px 10px;} #financial-table a img {border:none;} .shade {background:#e6eff5;} .report-title{width:295px; } /* fm1606_2 was 275px */ .calendar-title{width:228px;} .size{color:#999999; font-size:0.9em;} /*---------------------------------------------------------------Board members----------------------------------------------*/ #board-wrap {width:413px; float:left; background:url(../images/breadcrumb_bg.gif) repeat-x top left; margin:9px 0 0 0; padding-top:20px;} #board-wrap .profile{width:400px; float:left; background:url(../images/board_bg.gif) no-repeat top left; padding-left:10px; margin-bottom:15px;} #board-wrap .profile img {width:141px; float:right; margin:0; padding:0;} #board-wrap .profile h2{width:241px; float:left; margin:8px 0 0 0; padding:0; font-size:1.2em; display:block; color:#383838; background: none;} #board-wrap .profile p{width:241px; float:left; margin:0 0 0 0; padding:0; background: none;} #board-wrap .profile ul{width:241px; margin:20px 0 0 0; padding:0; list-style-type:none; float:left;} #board-wrap .profile li{width:auto; margin:0 0 0 0; padding:0; clear:left;} #board-wrap .profile span { color:#383838; font-weight:bold;} .list-wrap {width:413px; float:left; margin-bottom:30px;} .list-wrap .heading{width:413px; clear:both; background:url(../images/list_bg.gif) no-repeat top left; padding:0; margin:0 ; float:left; display:block;} .list-wrap .heading p {margin:0 0 0 10px;} .list-wrap .heading_on{width:413px; clear:both; background:url(../images/list_bg_open.gif) no-repeat top left; padding:0; margin:0 ; float:left; display:block;} .list-wrap .heading_on p {margin:0 0 0 10px;} .list-wrap ul{width:401px; list-style-type:none; margin:0; padding:0; float:left;} .list-wrap ul li{width:401px; margin:0 0 2px 0; padding:0; float:left; clear:both;} .list-wrap .left {clear:both; width:308px; float:left;} .list-wrap .left a {float:left; text-decoration:none; outline:none; padding:5px 0 5px 8px;} .list-wrap .left a:hover {float:left; text-decoration:underline; padding:5px 0 5px 8px;} .list-wrap .left h3 {padding:0 0 0 0; margin:0 0 0 9px; font-size:0.95em; font-weight:normal;} .list-wrap .right {width:17px; float:right; margin-right:8px; _margin-right:0; padding-top:2px;} .list-wrap .right a img {boder:none; outline:none; background:transparent; text-decoration:none;} .list-wrap ul li a img {border:none; } .member-name { width:401px; padding:0px 0 12px 0;} .member-name h3{padding:5px 0 0 0; margin:0 0 0 10px; font-weight:bold; font-size:1em;} .member-name h4 {padding:5px 0 0 0; margin:0 0 0 10px;} .member-name img{margin-top:10px;} .member-name p{margin:5px 0 10px 10px;} .member-name ul{margin:10px 0 10px 10px; padding:0; list-style-type:none; } .member-name ul li {background:url(../images/bullet.gif) no-repeat left 2px; padding:0 0 5px 12px; } /*--------------------------------------------glossary-----------------------*/ #glossaryContent{ width:482px; } #glossary-pagination{margin:0; padding:0; width:482px;} #glossary-listing{margin:0; padding:41px 0 0 0; width:482px; float:left;} #glossaryContent ul{margin:0; padding:0; list-style-type:none; width:482px;} #glossaryContent ul li{margin:0; padding:0 26px 0 0; float:left; width:auto;} #glossaryContent ul li a{font-size:1.2em; text-decoration:none;} #glossaryContent ul li a:hover{font-size:1.2em; text-decoration:underline;} #glossaryContent .active{text-decoration:none; font-weight:bold; color:#09a4db;} #glossaryContent dl{margin:0; padding:0; width:482px; float:left;} #glossaryContent dl dt{display:block; margin:0; padding:0; width:209px; float:left; color:#0073ae; height: expression( this.scrollHeight < 29 ? "29px" : "auto" ); /* sets min-height for IE */ min-height: 29px; /* sets min-height value for all standards-compliant browsers */font-size:1.1em;} #glossaryContent dl dt a{ text-decoration:none;} #glossaryContent dl dd{display:block; margin:0; padding:0; width:273px; float:left; height: expression( this.scrollHeight < 29 ? "29px" : "auto" ); /* sets min-height for IE */ min-height: 29px; /* sets min-height value for all standards-compliant browsers */ font-size:1.1em;} #glossaryContent p { margin:0; padding:0; padding-bottom:14px; } /*------------------------------footer------------------------*/ #footer-wrap{width:985px; background:#fff; padding:35px 0 10px 0; float:left;} #footer{ width:970px; _width:970px; border:1px solid #cee5f0; margin:0 0 0 6px; _margin:0 0 0 3px; float:left; padding:14px 0; clear:both; background:#fff;} #footer p {color:#5f5f5f; margin:0; padding:0 6px;} #footer ul {color:#0bb4e9; margin:0; padding:6px 6px 14px 6px; list-style-type:none;} #footer ul li{ margin:0; padding:0; float:left; width:auto; background:url(../images/divider.gif) 100% 100% no-repeat; line-height:1.3} #footer ul li a{padding:0 11px 5px 0; text-decoration:none;} #footer ul li a:hover{text-decoration:underline;} #footer .last {background:none;} #footer .ry {float:right; color:#003366; font-size:1em; text-decoration:none; position: relative; left: 0px; } .error{ /*color:#990000;*/ color:#FF0000!important; font-weight:bold;} .history_keydates { color: #0073AE; font-size:1.2em; padding:3px 0px 10px 0px; } .history_single_year { color: #0073AE; font-size:1.2em; padding:3px 0px 10px 0px; border-top:1px solid #ccc; } .history_channel { color: #0073AE; font-size:1.2em; padding:15px 0px 10px 0px; border-top:1px solid #ccc; } .history_subyear { font-weight:normal; padding:2px 20px 3px 0px; } .history_blue_year { color: #0073AE; font-size:1.2em; padding-top:8px; border-top:1px solid #ccc; } .history_single_event { font-weight:normal; padding:2px 20px 10px 0px; border-top:1px solid #ccc; } #objectives_1 .head { background:#0072AE none repeat scroll 0%; color:#FFFFFF; font-weight:bold; padding-left:3px; } #objectives_1 .head b { background: none; } #objectives_1 .row { /*background:#D1E5F0 none repeat scroll 0%;*/ border: 1px solid #ccc; font-weight:normal; padding:2px; } #objectives_1 .white_row { background:#FFFFFF none repeat scroll 0%; font-weight:normal; padding:3px; } #objectives_1 .border_row { background:#FFFFFF none repeat scroll 0%; font-weight:normal; padding:3px; border:1px solid #ccc; } #objectives_1 p { margin-top: 0; } #objectives_1 ul li{ padding:0px 10px 3px 0px; margin:0px 0px 0px 0px; background:none; list-style-type:disc; } #objectives_1 .highlight { color:#0066FF; } #objectives_1 .tdborder { border-bottom:1px solid #C0C5C8; } #objectives_1 .blackHeading { color:#0073ae; font-size:1.2em; margin:0pt; padding-top:6px; } #objectives_1 .topbottmLine { border-bottom:1px solid #333333; border-top:1px solid #333333; clear:both; float:left; padding:10px 0px; margin-bottom:20px; } #objectives_1 img.crleft { border:1px solid #BFC5C8; margin-bottom:5px; margin-right:15px; margin-top:5px; } #objectives_1 img.crright { border:1px solid #BFC5C8; margin-bottom:5px; margin-left:15px; margin-top:5px; } #objectives_1 .boderbottom { border-bottom:1px solid #DFDFDF; } table.infoTable td { vertical-align: top; } #detailContent-widegraph table.infoTable td ul { margin-left: 15px; } #detailContent table.infoTable td ul { margin-left: 15px; } #programTables { margin:0px 10px 0px 10px; } #programTables ul li { background:0; list-style-type:none; font-weight:normal; padding:3px 18px 3px 3px; border:1px solid #ccc; margin:2px 22px 2px 2px; } #programTables .head { background:#0072AE none repeat scroll 0%; color:#FFFFFF; font-weight:bold; padding-left:3px; } #programTables .colTitle { font-style:italic; text-align:justify; width:150px; height:35px; } /*-------------------------- Used in the Corporate Governance / Board Committees pages --------------------------- */ #boardMembers .curr_comm { width:100%; padding:2px; margin:0; border:0; } #boardMembers .curr_comm .member_name { border:1px solid #ccc; } #boardMembers .curr_comm .col_title { border-right:1px solid #ccc; } #boardMembers .curr_comm .td_text { border:1px solid #ccc; color:#FFFFFF; } #boardMembers .curr_comm .status { border:1px solid #ccc; color:#000000; } #detailNoImage #breadcrumb { float:right; margin-top:0pt; /*padding-bottom:15px; */width:694px; margin-top:60px; } #detailNoImage #secondaryContent { margin-top:0; } #detailNoImage h2 { color:#0073AE; font-size:1.2em; font-weight:500; margin:0pt 0pt 10px; padding:7px 0pt 0pt; background: none; } #detailNoImage .module h2 { font-size:1.2em; margin:0pt 0pt 5px; padding:10px; width:182px; font-weight: bold; background: none; } #detailNoImage .blueskin h2 { color: #09A4DB; background: none; } #detailNoImage .module #video-thumbnail a { margin:0pt 0pt 0pt 10px; } #detailNoImage #mainContent {padding-top:8px;} #faq h2 { color:#0073AE; font-size:1.2em; font-weight:500; margin:0pt 0pt 10px; padding:7px 0pt 0pt; background: none; } table#boardMeeting { width: 100%; } table#boardMeeting thead th { padding: 3px; text-align: right; font-size: .9em; } table#boardMeeting thead th.t-center { text-align: center; border-bottom: 1px solid #ccc; } table#boardMeeting thead th strong { font-size: 1.1em; } table#boardMeeting tbody th { text-align: left; } table#boardMeeting tbody td { padding: 3px; text-align: right; border: 1px solid #ccc; } table#boardMeeting tbody td.desc { text-align: left; } /*add bottom border to a table*/ table.bbdrs {border-collapse:collapse;} table.bbdrs td, table.bbdrs th {border-bottom: 1px solid #ccc; padding:8px 0 3px 0; vertical-align:top;} tr.bbdr1 td, tr.bbdr1 th {border-bottom: 1px solid #ccc; } #detailContent table.bbdrs td ul {padding-left:12px;*padding-left:15px; } table.bbdrs td ul li {padding-top:3px!important;} /*force no wrap (e.g. date in a table cell)*/ span.nowrap {white-space:nowrap;}