/* iss2010.css - IS Solutions website stylesheet, based on iss_2008.css */ /* GLOBAL STYLES -------------------- */ body {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; margin:0px; color:#666666; background-color:#FFFFFF} body {background-color:#F1F1F1; background-image:url(../../../images/bg_mainfade.gif); background-repeat:repeat-y; background-position: top center} form {margin:0; padding:0} table {border-collapse:collapse} td {padding:0px} img {border:0px; margin:0px} a {color:#666666} a:hover {color:#FF0000} p {font-size:76%; margin:0px 0px 10px 0px} span.redText {color:#D40032} div.clearFloats {clear:both; overflow:hidden; height:0px} .hidden { display:none; } /* NAV SECTION -------------------- */ #navContent {overflow:visible; clear:both; width:926px; margin:0px auto 0px auto} #logoAndSearch {height:50px} #searchFloat {margin-top:22px; float:right} #searchFloat img {vertical-align:top; position:relative; top:2px} #searchFloat input { border-top:1px solid #777777; border-right:1px solid #B2B3B3; border-bottom:1px solid #D8D8D8; border-left:1px solid #A7A8A8; margin:0px 10px 0px 5px; font-size:68%; width:200px} /* TOP TABS SECTION */ #mainTabs ul {list-style:none; padding:0px; margin:0px 0px 0px 260px} #mainTabs li {float:left; margin:0px} #mainTabs li a {padding:7px; color:#666666; font-weight:bold; font-size:11px; text-decoration:none} #mainTabs li a:hover {color:#D40032} #mainTabs li.selectedItem {position:relative; top:1px; border:1px solid #666666; border-bottom-width:0px; background-color:#F1F1F1} #mainTabs li.selectedItem a {position:relative; top:-2px; color:#D40032} /* SUB NAV SECTION */ #subNav {clear:both; border-top:1px solid #666666; height:35px; font-weight:bold; font-size:10px} #subNav ul {list-style:none; margin:4px 0px 0px 0px; padding:0px 0px 0px 8px} #subNav li {float:left; margin:0px 0px 5px 0px; padding:0px 15px 0px 0px} #subNavLeft {width:626px; background-color:#F1F1F1; float:left; height:100%} #subNavLeft a {color:#666666; text-decoration:none} #subNavLeft a:hover {color:#D40032} #subNav li.selectedItem a {color:#D40032} #subNavRight {width:294px; background-color:#A9A9A9; float:right; height:100%} #subNavRight a {color:#FFFFFF; text-decoration:none} #subNavRight a:hover {color:#D40032} /* PULL-DOWN NAV SECTION */ #subNavLeft div.pullDownContainer {overflow:hidden; display:none; width:250px; position:absolute; top:0px; left:0px; z-index:1} #subNavLeft div.pullDownContainer ul {list-style:none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; background-color:#f1f1f1} #subNavLeft div.pullDownContainer li {float:none; margin:0px 0px 0px 0px; padding:2px 0px 0px 8px} #subNavLeft div.pullDownContainer a {color:#666666; text-decoration:none} #subNavLeft div.pullDownContainer a:hover {color:#0071AD} #subNavLeft div.pullDownContainer div {font-size:1px} #subNavLeft .pullDownOnState {color:#D40032} #subNavLeft .mouseOverItem {color:#D40032} #subNavLeft .mouseOutItem {color:#666666} /* HEADER SECTION -------------------- */ #headerContent {overflow:visible; clear:both; width:926px; height:330px; margin:6px auto 0px auto; background-color:none} /* IMAGE BLOCK SECTION */ #imageBlock {width:626px; height:100%; float:left; margin:0px 0px 0px 0px; position:relative; z-index:0; background-color:none} #imageBlock img {/*margin-bottom:10px*/} #imageBlock h1 { overflow:hidden; clear:both; width:612px; border-bottom:1px solid #A9A9A9; font-size:100%; font-weight:bold; color:#D40032; margin:0px 0px 0px 0px; padding:0px 0px 2px 14px; position:absolute; bottom:0px; left:0px} #imageBlock h2 { overflow:visible; clear:both; /*border-top:1px solid #A9A9A9;*/ font-size:88%; color:#666666; font-weight:bold; margin:0px 0px 0px 0px; padding:8px 8px 0px 8px} #imageBlock h2 em {font-style:normal; color:#D40032} #imageBlock div.videoBlock {padding:0 0 1px 54px; background:#A9A9A9 url('../../../images/bg_video-block.gif') 17px 100px no-repeat} /* RIGHT HEADER BLOCK SECTION */ #headerBlock {width:294px; height:100%; float:right; margin:0px 0px 0px 0px; background-color:#F1F1F1; position:relative} /* Text styles */ #headerBlock h1 {font-size:100%; color:#666666; font-weight:bold; margin:10px} #headerBlock h1.homeVersion {font-size:112%} #headerBlock h1 em {font-style:normal; color:#D40032} #headerBlock h2 {font-size:100%; color:#666666; font-weight:normal; margin:0px 10px 10px 10px} #headerBlock a {color:#0071AD; text-decoration:none} #headerBlock a:hover {color:#D40032; text-decoration:none} /* Quick links */ #headerBlock div.quickLinks {width:284px; padding:0px 5px 0px 5px; border-bottom:1px solid #A9A9A9; text-transform:uppercase; position:absolute; bottom:0px; left:0px} #headerBlock div.quickLinks a {border-top:1px dashed #A9A9A9; display:block; padding:2px 5px 2px 5px; font-size:76%; color:#A9A9A9; font-weight:bold} /* HOME CONTENT SECTION -------------------- */ #homeLinkBoxes {overflow:hidden; clear:both; width:935px; margin:0px auto 0px auto; padding:10px 0px 10px 0px} #homeLinkBoxes div.linkBox {float:left; width:187px; height:324px} #homeLinkBoxes div.boxWeb {background:url(../../../images/bg_homelink_web.gif) top center no-repeat} #homeLinkBoxes div.boxContent {background:url(../../../images/bg_homelink_content.gif) top center no-repeat} #homeLinkBoxes div.boxOnline {background:url(../../../images/bg_homelink_online.gif) top center no-repeat} #homeLinkBoxes div.boxIT {background:url(../../../images/bg_homelink_it.gif) top center no-repeat} #homeLinkBoxes div.boxTotal {background:url(../../../images/bg_homelink_total.gif) top center no-repeat} #homeLinkBoxes div.linkBoxCont {color:#333333; padding:10px 16px 10px 16px} #homeLinkBoxes div.linkBoxCont a {color:#0071AD; text-decoration:none} #homeLinkBoxes div.linkBoxCont a:hover {color:#D40032; text-decoration:none} #homeLinkBoxes h1 {font-size:82%; font-weight:bold; color:#D40032; margin:0px 0px 10px 0px} /* SHORT-WIDE BOXES -------------------- */ #homeLinkBoxes div.shortBox {float:left; width:311px; height:162px} #homeLinkBoxes div.shortBoxBlank {background:url(../../../images/bg_shortbox_blank.gif) top center no-repeat} /* CONTENT SECTION -------------------- */ #mainContent {overflow:hidden; clear:both; width:926px; margin:0px auto 0px auto; padding:10px 0px 10px 0px} /* Content text styles */ #mainContent p {overflow:hidden; margin:0px 14px 7px 14px; color:#666666} #mainContent a {color:#0071AD} #mainContent a:hover {color:#FF0000} #mainContent h1 {overflow:hidden; margin:3px 14px 12px 14px; padding:0px 0px 0px 0px; font-size:150%; font-weight:bold; color:#000000} #mainContent h2 {overflow:hidden; margin:0px 14px 12px 14px; padding:10px 0px 0px 0px; font-size:100%; font-weight:bold; color:#666666} #mainContent h3 {overflow:hidden; margin:2px 14px 12px; color:#666666; font-weight:bold} #mainContent h4 {overflow:hidden; margin:0px 14px 12px 14px; padding:10px 0px 0px 0px; font-size:100%; font-weight:bold; color:#666666; border-top:1px dashed #A9A9A9} /* Content boxes for column layout */ #mainContent div.contentBox {overflow:hidden; padding:0px} #mainContent div.oneCol {width:100%; clear:both; margin:0px} #mainContent div.left {float:left; width:374px; margin:0px} #mainContent div.right {float:right; width:552px; margin:0px} /* Content round cornered text box */ #mainContent div.roundCornerBox {overflow:hidden; width:552px; background:url(../../../images/bg_cont_corners_bottom.gif) bottom center no-repeat #f1f1f1} #mainContent div.roundCornerBox div.topCorners {font-size:1px; height:9px} #mainContent div.roundCornerBox p {overflow:hidden; margin:0px 18px 15px 18px} #mainContent div.roundCornerBox h1 {overflow:hidden; margin:3px 18px 7px 18px; padding:0px; font-size:100%; font-weight:bold; color:#d40032; text-transform:uppercase} #mainContent div.roundCornerBox h2 {overflow:hidden; margin:0px 18px 20px 18px; padding:0px; font-size:88%; font-weight:bold; color:#666666} #mainContent div.roundCornerBox h3 {overflow:hidden; margin:0px 18px 0px 18px; padding:0px; font-size:76%; font-weight:bold; color:#d40032; border-style:none} #mainContent ol {list-style-type:decimal} #mainContent ol ol {list-style-type:lower-alpha} #mainContent ul {margin-top: 0px} #mainContent ul {margin-bottom: 0px} #mainContent li {margin: 0 0 0.5em 0; padding: 0; font-size:76%} #mainContent li li {font-size:100%} #mainContent div.news_block h2 {color:#D40032; margin:0 14px} #mainContent div.news_block h3 {color:#666666; margin:2px 14px 12px; font-weight:bold} #mainContent div.news_block table {margin:3px 14px 12px 14px} #mainContent div.contactForm {margin:0 14px 14px; width:600px} #mainContent div.contactForm div.label {text-align:right; font-size:76%; margin:0; padding:0; width:100px; padding:0 30px 0 0; display:block; float:left} #mainContent div.contactForm textarea {margin:0 0 12px 0; padding:0} #mainContent div.contactForm input {margin:0 0 5px 0} #mainContent div.contactForm table tbody td {text-align:right; font-size:76%; margin:0; padding:0; width:100px; padding:0 30px 0 0; display:block; float:left} #mainContent div.contactForm table tbody td input {margin:0 0 5px 0; width:260px} #mainContent div.contactForm table tbody td input.button {margin:0 0 5px 0; width:81px; src:"../images/btn_submit.gif"} #mainContent div.contactForm table tbody td textarea {margin:0 0 12px 0; padding:0; width:410px; height:125px} #mainContent div.locationsBlock {width:294px; float:right; background:#F1F1F1; border-bottom:1px solid #A9A9A9; margin:0 0 12px 0} #mainContent div.locationsBlock h2 {font-size:88%; background:#A9A9A9; color:#FFFFFF; margin:0 0 12px 0; padding:6px 6px 6px 12px} #mainContent div.locationsBlock h3 {font-size:88%; color:#D40032; margin:0 14px 12px} #mainContent div.locationsBlock p {font-size:88%; margin:0 14px 20px} #mainContent div.jobsBlock {width:294px; float:right} #mainContent div.jobsBlock h2 {font-size:100%; color:#D40032; margin:0 14px 12px} #mainContent div.jobsBlock h3 {font-size:88%; color:#666666; margin:0 14px} #mainContent div.jobsBlock div.jobRepeater {margin:12px 0 0} #mainContent div.jobsBlock div.jobRepeater h4 {font-size:76%; color:#D40032; margin:0 14px; border:0px; padding:0} #mainContent div.jobsBlock div.jobRepeater p {margin:0 14px 3px} #mainContent div.jobsBlock div.jobRepeater img {margin:0 14px 3px} #mainContent div.careersContent {width:600px; float:left} #mainContent div.careersContent h2 {font-size:100%; color:#D40032; margin:0 14px 12px; padding:0} #mainContent div.careersContent h3{font-size:88%; color:#666666; margin:0 14px 12px; padding:0} #mainContent div.careersContent h4 {font-size:76%; color:#D40032; margin:0 14px; padding:0; border:0px} #mainContent div.pulloutQuote {width:350px; padding:14px 50px; float:left} #mainContent div.pulloutQuote p.quote {font-size:88%; font-weight:bold; margin:0; padding:0 0 5px 0} #mainContent div.pulloutQuote p.name {font-size:76%; margin:0; padding:0} #mainContent div.pulloutQuote img.openQuote {margin:0 5px 2px 0; padding:0} #mainContent div.pulloutQuote img.closeQuote {margin:0 0 2px 5px; padding:0} #mainContent div.requirementsBlock {width:294px; float:right} #mainContent div.requirementsBlock h2 {font-size:100%; color:#D40032; margin:0 14px 12px} #mainContent div.vacancyContent {width:600px; float:left} #mainContent div.vacancyContent h2 {font-size:88%; color:#666666; margin:0 14px 12px; padding:0} #mainContent div.vacancyContent h3 {font-size:88%; font-style:italic; font-weight:normal; color:#666666; margin:0 14px 12px; padding:0} #mainContent div.vacancyFooter {padding-top:14px} #mainContent div.checkList ul {margin:0 14px; padding:0; list-style-type:none} #mainContent div.checkList ul li {margin:0; padding:0 0 10px 20px; background:url('../../../images/bg_checklist-bullet.gif') 0 3px no-repeat} #mainContent div.checkList ul li {_background-position:0 5px} #mainContent div.linkList ul {margin:0 14px; padding:0; list-style-type:none} #mainContent div.linkList ul li {margin:0; padding:0 0 10px 20px; background:url('../../../images/bg_linklist-bullet.gif') 0 3px no-repeat} #mainContent div.linkList ul li {_background-position:0 5px} #mainContent div.linkList ul {margin:0 14px 14px; padding:0; list-style-type:none} #mainContent div.linkList ul li {margin:0; padding:0 0 5px 20px; background:url('../../../images/btn_arrow.gif') 0 2px no-repeat} #mainContent div.linkList ul li {_background-position:0 4px} #mainContent div.linkList ul li a {font-weight:bold; text-decoration:none} #mainContent div.radiusBox {overflow:hidden; background:#F1F1F1; clear:both; margin:0 0 10px 0} #mainContent div.radiusBox div.radiusHeader {font-size:1px; height:9px; overflow:hidden} #mainContent div.radiusBox div.radiusFooter {font-size:1px; height:9px; overflow:hidden} #mainContent div.radiusBox div.radiusHeader div.radiusLeft {height:9px; padding-left:9px; background:url('../../../images/bg_radius_top-left.gif') 0 0 no-repeat} #mainContent div.radiusBox div.radiusHeader div.radiusRight {height:9px; background:#F1F1F1 url('../../../images/bg_radius_top-right.gif') 100% 0 no-repeat} #mainContent div.radiusBox div.radiusFooter div.radiusLeft {height:9px; padding-left:9px; background:url('../../../images/bg_radius_bottom-left.gif') 0 0 no-repeat} #mainContent div.radiusBox div.radiusFooter div.radiusRight {height:9px; background:#F1F1F1 url('../../../images/bg_radius_bottom-right.gif') 100% 0 no-repeat} #mainContent div.howToFindUs h2 {font-size:112%; color:#D40032} #mainContent div.howToFindUs h3 {color:#D40032; margin:0 14px 12px} #mainContent div.howToFindUs div.column_one {width:483px; float:left} #mainContent div.howToFindUs div.column_one img {margin:0 0 0 14px} #mainContent div.howToFindUs div.column_two {width:440px; float:right; padding-top:14px} #mainContent div.howToFindUs div.googleMap {width:469px; height:422px; margin:0; overflow:hidden} #mainContent div.panel_page_content {width:600px; float:left} #mainContent div.page_panel_container {padding:0 0 0 0} #mainContent div.page_panel_repeater {width:220px; float:left; padding:12px} #mainContent div.page_panel_logo {height:116px; background:#F1F1F1; padding:12px 12px 8px 12px; background:#F1F1F1 url('../../../images/bg_partners-top.gif') 0 0 no-repeat} #mainContent div.page_panel_text {height:150px; background:#F1F1F1; padding:0 12px 12px; color:#333333; font-size:76%; background:#F1F1F1 url('../../../images/bg_partners-bottom.gif') 0 100% no-repeat} #mainContent div.page_text_block h2 {color:#D40032; margin:0 14px} #mainContent div.page_text_block h3 {color:#666666; margin:2px 14px 12px; font-weight:bold} #mainContent div#termsOfBusiness h2 {color:#D40032} #mainContent div#termsOfBusiness h3 {color:#666666; margin:0 14px 14px} #mainContent div#termsOfBusiness table.termsTable {margin:0 14px} #mainContent div#termsOfBusiness table.termsTable th {font-size:76%; font-weight:bold; padding:0 20px 15px 0; text-align:left; vertical-align:top; white-space:nowrap} #mainContent div#termsOfBusiness table.termsTable td {font-size:76%; padding:0 0 15px 0} #mainContent div.search_block {margin:0 14px 14px} #mainContent div.search_block input.textField {width:350px; margin-right:10px} #mainContent div.search_block input.checkBox {position:relative; left:-3px; top:1px} #mainContent div.search_block label {font-size:76%; margin-right:10px} #mainContent div.search_block {} #mainContent div.results_block {} #mainContent div.results_block h2 {color:#FFFFFF; background:#A9A9A9; margin:14px 0; padding:5px 14px} #mainContent div.results_block ol a {font-weight:bold} #mainContent div.results_block ol p {font-size:100%; margin:5px 0 14px} #mainContent div.advisorsColumn {width:250px; float:left} #mainContent div.advisorsColumn h2 {color:#D40032; margin-bottom:0} #mainContent div.directorsBiographies h2 {color:#D40032; margin:0 14px} #mainContent div.directorsBiographies h3 {color:#666666; font-weight:bold; font-size:76%; margin:0 14px 7px} #mainContent div.faqItem {border-top:1px dashed #666666; margin:0 14px} #mainContent div.faqItem h2 {font-size:76%; margin:0 0 14px} #mainContent div.faqItem div.topLink {font-size:76%; float:right; clear:none; margin-top:7px} #mainContent div.faqItem p {margin:0 0 14px} #mainContent div.majorShareHolders {padding:0 14px 28px} #mainContent div.majorShareHolders table.sharesAndHoldings {width:100%} #mainContent div.majorShareHolders table.sharesAndHoldings caption {background:#A9A9A9; color:#FFFFFF; text-align:left; padding:5px 14px; font-weight:bold; font-size:88%} #mainContent div.majorShareHolders table.sharesAndHoldings thead th {background:#F1F1F1; padding:5px 0; text-align:center; font-weight:normal; font-size:88%} #mainContent div.majorShareHolders table.sharesAndHoldings tbody th {font-weight:normal; text-align:left; font-size:88%; padding:5px 14px; border-bottom:1px dashed #A9A9A9} #mainContent div.majorShareHolders table.sharesAndHoldings tbody td {text-align:center; padding:5px 0; font-size:88%; border-bottom:1px dashed #A9A9A9} #mainContent div.expandableContentList {} #mainContent div.expandableContentList img.getAdobeReader {float:left; clear:none; margin:0 20px 0 0} #mainContent div.expandableContentList div.expandableContentContainer {padding:0 14px 14px} #mainContent div.expandableContentList div.expandableContentContainer h3 {color:#0071AD; margin:0 0 14px 0; padding:0 0 0 23px} #mainContent div.expandableContentList div.expandableContentContainer div.collapsed h3 {background:url('/images/bg_expand.png') 0 1px no-repeat} #mainContent div.expandableContentList div.expandableContentContainer div.expanded h3 {background:url('/images/bg_collapse.png') 0 1px no-repeat} #mainContent div.expandableContentList div.expandableContentContainer img.icon {float:left; clear:none; margin:0 14px 0 0} #mainContent div.expandableContentList div.expandableContentContainer p {margin:0 14px} #mainContent div.expandableContentList div.expandableContentContainer div.expandableItem {clear:both} #mainContent div.expandableContentList div.expandableContentContainer div.collapsed div.expandableItem {display:none} #mainContent div.expandableContentList div.expandableContentContainer div.expanded div.expandableItem {display:block; margin:0 0 14px 0} #mainContent div.expandableContentList div.expandableContentContainer div.expandableItem p {font-weight:normal; font-size:88%; padding-top:1px} #mainContent div.expandableContentList div.expandableContentContainer div.expandableItem p a {font-weight:bold; font-size:88%} #mainContent div.expandableContentList div.expandableContentContainer div.collapsed {border-bottom:1px dashed #A9A9A9; margin:0 0 14px 0; margin:0 0 14px 0; clear:both} #mainContent div.expandableContentList div.expandableContentContainer div.expanded {border-bottom:1px dashed #A9A9A9; margin:0 0 14px 0; clear:both} #mainContent div.sharePrice {padding:0 14px 28px} #mainContent div.sharePrice h2 {background:#A9A9A9; margin:0; padding:5px 14px; color:#FFFFFF; font-weight:bold; font-size:88%} #mainContent div.sharePrice h3 {background:#A9A9A9; margin:-1px 0 0; padding:5px 14px; color:#FFFFFF; font-weight:normal; font-size:76%} #mainContent div.sharePrice table.sharePriceTable {width:100%} #mainContent div.sharePrice table.sharePriceTable caption {background:#A9A9A9; text-align:left; margin:0; padding:5px 14px} #mainContent div.sharePrice table.sharePriceTable thead th {background:#F1F1F1; padding:5px 0; text-align:center; font-weight:normal; font-size:88%} #mainContent div.sharePrice table.sharePriceTable thead td {text-align:center; padding:5px 0 19px; font-weight:bold; font-size:100%} #mainContent div.sharePrice table.sharePriceTable tbody th {font-weight:normal; text-align:left; font-size:88%; padding:5px 14px; border-bottom:1px dashed #A9A9A9} #mainContent div.sharePrice table.sharePriceTable tbody td {text-align:center; padding:5px 0; font-size:76%; border-bottom:1px dashed #A9A9A9} #mainContent div.sharePrice table.sharePriceTable thead th a {font-size:76%; font-weight:bold} #mainContent div.sharePrice table.sharesUP td.shareChange {color:#157E24} #mainContent div.sharePrice table.sharesUP td.shareChangeArrow {width:9px; padding:0; background:url('../../../images/bg_shares-up.png') 50% 12px no-repeat} #mainContent div.sharePrice table.sharesDOWN td.shareChange {color:#D40032} #mainContent div.sharePrice table.sharesDOWN td.shareChangeArrow {width:9px; padding:0; background:url('../../../images/bg_shares-down.png') 50% 12px no-repeat} #mainContent div.sharePriceCalculator h2 {background:#A9A9A9; margin:0px 14px; padding:5px 14px; color:#FFFFFF; font-weight:bold; font-size:88%} #mainContent div.sharePriceCalculator div.formContainer {margin:0px 14px 14px; padding:14px 0 0; background:#F1F1F1} #mainContent div.sharePriceCalculator div.formContainer input {margin-left:7px; font-size:12px} #mainContent div.sharePriceCalculator div.formContainer input.calculateButton {position:relative; top:3px; vertical-align:top} #mainContent div.sharePriceCalculator div.formContainer p {margin:0; padding:0px 14px 14px} #mainContent div.sharePriceChart {padding:0 14px 28px} #mainContent div.sharePriceChart div.greyBlock {background:#F1F1F1; padding:0 14px 14px 0} #mainContent div.sharePriceChart h2 {background:#A9A9A9; margin:0; padding:5px 14px; color:#FFFFFF; font-weight:bold; font-size:88%} #mainContent div.sharePriceChart h3 {background:#A9A9A9; margin:-1px 0 0; padding:5px 14px; color:#FFFFFF; font-weight:normal; font-size:76%} #mainContent div.sharePriceChart table.sharePriceChartTable {width:100%} #mainContent div.sharePriceChart table.sharePriceChartTable caption {background:#A9A9A9; text-align:left; margin:0; padding:5px 14px} #mainContent div.sharePriceChart table.sharePriceChartTable tbody th {width:15%; text-align:right; vertical-align:middle; padding:14px 0 0; font-weight:normal; font-size:76%} #mainContent div.sharePriceChart table.sharePriceChartTable tbody td {padding:14px 0 0; font-size:76%} #mainContent div.sharePriceChart table.sharePriceChartTable tbody td input {margin-left:10px} #mainContent div.sharePriceChart table.sharePriceChartTable tbody td select {margin-left:10px} #mainContent div.sharePriceChart div.graphImages {text-align:center; padding:28px 0} #mainContent div.rightColumn {float:right; clear:none; width:294px} #mainContent div.narrowCenterColumn {width:421px} #mainContent div.latestFinancial h2 {color:#D40032} #mainContent div.latestFinancial ul {list-style-type:none; margin:0 14px 14px; padding:0} #mainContent div.latestFinancial ul li {font-weight:bold; margin:0; padding:5px 0 7px; color:#666666; border-bottom:1px dashed #A9A9A9} #mainContent div.latestFinancial ul li a {color:#0071AD; text-decoration:none; margin-left:10px} #mainContent div.latestFinancial ul li a:visited {color:#0071AD; text-decoration:none} #mainContent div.latestFinancial ul li a:hover {color:#D40032; text-decoration:underline} #mainContent div.latestFinancial ul li a:active {color:#D40032; text-decoration:underline} #mainContent div.rightColumn div.sharePrice {padding:0} #mainContent div.rightColumn div.sharePrice div.greyBlock {background:#F1F1F1; padding:14px 0 14px; margin-bottom:14px; border-bottom:1px solid #A9A9A9} #mainContent div.rightColumn div.sharePrice div.greyBlock p {margin-bottom:7px} #mainContent div.rightColumn div.sharePrice div.linkList ul {margin:14px 14px 0} #mainContent div.rightColumn div.sharePrice table.sharePriceTable {width:auto; margin:0 14px 7px} #mainContent div.rightColumn div.sharePrice table.sharePriceTable thead td {padding:0 10px 0 0; font-size:138%} #mainContent div.rightColumn div.sharePrice table.sharePriceTable span.currency {font-size:50%; margin:0 10px 0 4px} #mainContent div.rightColumn div.sharePrice table.sharesUP td.shareChangeArrow {background:url('../../../images/bg_shares-up.png') 0 8px no-repeat} #mainContent div.rightColumn div.sharePrice table.sharesDOWN td.shareChangeArrow { background:url('../../../images/bg_shares-down.png') 0 8px no-repeat} #mainContent div.rightColumn div.radiusBox {margin:0 0 14px} #mainContent div.rightColumn div.radiusBox h2 {background:none; color:#D40032; margin:6px 14px 12px; padding:0; font-size:100%} #mainContent div.rightColumn div.radiusBox img.icon {float:left; clear:none; margin:0 14px 0 0} #mainContent div.rightColumn div.radiusBox p {margin:0 14px 14px} #mainContent div.rightColumn div.radiusBox div.linkList ul {margin:0 14px} #mainContent div.rightColumn div.radiusBox div.reportItem {clear:both; padding:0 14px} #mainContent div.rightColumn div.radiusBox div.reportItem {display:block; margin:0 0 14px 0} #mainContent div.rightColumn div.radiusBox div.reportItem p {font-weight:normal; font-size:88%; padding-top:1px; margin:0 14px} #mainContent div.rightColumn div.radiusBox div.reportItem p a {font-weight:bold; font-size:88%} /* LEFT NAV WITH NARROW CONTENT AREA */ #LeftNav {float:left; padding:12px 0; font-weight:bold; width:170px; overflow:hidden} #LeftNav ul {margin:0; padding:0; list-style-type:none; border-top:1px dashed #666666} #LeftNav ul li {margin:0; padding:3px 0 3px; font-size:10px; border-bottom:1px dashed #666666; _padding:2px 0 4px; text-transform: uppercase} #LeftNav ul ul {border-top:none} #LeftNav ul ul li {margin:0; padding:2px 0 2px 20px; border-bottom:none} #LeftNav ul li a {color:#656565; text-decoration:none; _line-height:100%} #LeftNav ul li a:visited {color:#656565; text-decoration:none} #LeftNav ul li a:hover {color:#D40032; text-decoration:none} #LeftNav ul li a:active {color:#D40032; text-decoration:none} #LeftNav ul li a.selectedItem {color:#D40032; text-decoration:none} #LeftNav ul li a.selectedItem:visited {color:#D40032; text-decoration:none} #LeftNav ul li a.selectedItem:hover {color:#D40032; text-decoration:none} #LeftNav ul li a.selectedItem:active {color:#D40032; text-decoration:none} #NarrowContentArea {float:right; padding:0; width:740px} /* SITE MAP SECTION (926px wide minus 2 x 8px padding) -------------------- */ #siteMap {overflow:hidden; clear:both; width:910px; margin:0px auto 0px auto; background:#F1F1F1; border-top:1px solid #afafaf; padding:8px 8px 0px 8px} /* Site map content boxes for column layout */ #siteMap div.contentBox {overflow:hidden; padding:0px} #siteMap div.siteMapCol {width:225px; float:left} /* Older siteMap styles */ #siteMap div.oneCol {width:100%; clear:both; margin:0px} #siteMap div.left {float:left; margin:0px} #siteMap div.right {float:right; margin:0px} #siteMap div.outer {width:447px} #siteMap div.inner {width:223px} /* Site map text styles */ #siteMap h1 {overflow:hidden; margin:0px 0px 12px 0px; padding:0px 0px 2px 0px; border-bottom:dashed 1px #a9a9a9; font-size:76%; font-weight:bold; color:#656565} #siteMap h2 {overflow:hidden; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:62%; font-weight:bold; color:#D40032} #siteMap h2 a {color:#D40032; text-decoration:none} #siteMap h2 a:hover {color:#0071AD} #siteMap ul {list-style:none; margin:0px 10px 8px 0px; padding:0px} #siteMap li {margin:0px; padding:0px; font-size:62%; font-weight:bold} #siteMap li a {color:#656565; text-decoration:none} #siteMap li a:hover {color:#0071AD} #siteMap li {line-height:1.2em} /* FOOTER SECTION -------------------- */ #footer {overflow:hidden; clear:both; width:926px; margin:0px auto 0px auto; padding:0px; background:#A9A9A9} #footer a {color:#ffffff; text-decoration:none} #footer a:hover {color:#D40032} #footer div.contentBox {overflow:hidden; font-size:62%; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:4px 8px 4px 8px} #footer div.twoCol {width:447px} #footer div.left {float:left; text-align:left; margin:0px 0px 0px 0px} #footer div.right {float:right; text-align:right; margin:0px 0px 0px 0px} /******************* ACCESSIBILITY FONT SIZES ************************ The font-size MUST be 100%, and the browser text-size set to 'normal' or 'medium' for these to be valid. The 'ranges' are shown because the text snaps to a pixel-size in the browser. Where these figures are not contiguous, there is a discrepancy in where IE and Mozilla switch to displaying a different text-size. (PX) ( % ) (range) 8px 50% 48-53% 9px 56% 54-59% 10px 62% 60-65% 11px 68% 66-71% 12px 76% 73-78% 13px 82% 79-84% 14px 88% 85-90% 15px 94% 91-96% 16px 100% 98-103% 18px 112% 110-115% 20px 126% 123-128% 22px 138% 135-140% 24px 150% 148-153% 26px 162% 160-165% 28px 176% 173-178% 30px 188% 185-190% NB - one of the problems with this 'relative' method of sizing text is that nested item's sizes are changed with the parent's size. So be aware of changes to nested items when altering CSS at a future date. Also, if you need to nest text, find the right size by eye, and adjust up and down a little so the figure is in the middle of it's 'range'. ****************************************************************************/