/* ++++++++++++++++++++++++++++++++ NATIONAL AUDIT OFFICE WEBSITE STYLESHEET ++++++++++++++++++++++++++++++++ edited 9/4/10 */ /*+++BODY STYLES+++*/ body {width:100%; background-color:white; margin:0px; text-align:center; font-family: verdana, Arial, sans-serif; font-size:75%; line-height:130%;color:#333333;} body p {margin:0px;} /*General link formatting*/ body a {color:#045EEA; text-decoration:none;} body a:hover {text-decoration:underline;} /*Link formatting for main content*/ #maincontentcell * a {text-decoration:underline;} #maincontentcell * a:visited {color:purple;} #maincontentcell * a:active {color:purple;} /*Link formatting for breadcrumbs*/ #maincontentcell #bread a {text-decoration:underline;} #maincontentcell #bread a:hover {text-decoration:underline;} #maincontentcell #bread a:visited {color:#045EEA;} body ul {padding:0px; margin:0px 5px 5px 15px;} body ul li {margin: 5px 0px 5px 0px;} body ul * ul {/*list-style:none;*/ margin:0px; padding:0px; /*float:left;*/} body ul * li {margin:0px; padding:0px;} /*Immediacy-supplied styles body ul {list-style:none; margin:0px; padding:0px;} body ul li {margin:0px; padding:0px 0px 0px 10px; background:url(../../../../images/templates/bullet.gif) no-repeat 0px 4px; margin:7px 0px 7px 0px;} body ul * ul {list-style:none; margin:0px; padding:0px;}*/ body #footerSlice {width:100%; /*If ever want footer stretching across whole of screen, use background image here*/} body form {width:80%; margin:0px auto 0px auto; text-align:left; background-color: white;} body form div {margin:0px; padding:0px; /*float:left;*/ /*Note, 6/6/08: Preceding float causes problems with re-sizing menu in firefox*/} #all {width:100%; float:none; background-color: white;} /*Hide skipnav*/ a#skipnav {position:absolute; left:-200000px;} a#skipnav:focus, a#skipnav:active {position: absolute; left:0; border: 2px solid black; font-size: 125%} /*+++HEADER DIV STYLES+++*/ #all #header {float:left; height: auto !important; width:100%; background-color:#336699;} #all #header #topbar {width: 100%; height:28px; background-color: black; border-bottom: 1px solid white; padding: 0px 0px 6px 0px; } #all #header #logo {display:block; float:left; width:477px; background:url('../../../../images/new_design/nao_logo3.gif') no-repeat;} #all #header #logo a {display:block; width:180px; height:85px;} #all #header #strap {/*This is the "Helping the Nation Spend Wisely" hidden text*/} #all #header #strap span {} /*Toplinks: links next to searchbox*/ #all #header #topLinks {float:right; height:21px; margin-left:100px; position:relative; left:-19px;margin-top:4px;} #all #header #topLinks li {padding-left:2px; background:url('../../../../images/templates/topLinksSep.gif') no-repeat left;} #all #header #topLinks li a {color: white; display:block; padding:3px 4px 4px 4px;} #all #header #topLinks li.noSep {padding-left:0px; background:none;} /*Search #all #header #search {height: auto;float: right; margin-right: 10px;} #all #header #search label {position:absolute; left: -20000000px; color:#FFFFFF; float:left; padding:3px 4px 4px 4px; margin-right:4px; background:#003581;} #all #header #search input {border:1px solid #D0D9E8; background:#D0D9E8; padding:0px 0px 1px 0px; width:151px !important; height: auto !important; float:left; margin-top:1px;} #all #header #search a {display:block; width:28px; height:21px; background:url('../../../../images/templates/searchButton.gif') no-repeat; float:left; margin-left:8px} #all #header #search a img {display:none;} */ /* Replacement styles for the search box */ #all #header #search {/*background:url(../../../../images/templates/searchBox.gif) no-repeat 69px 6px;*/ padding:7px 0px 6px 0px; float:right; height:auto; position:relative; left:-12px;} #all #header #search label {position:absolute; left: -20000000px;color:#FFFFFF; float:left; padding:3px 4px 4px 4px; margin-right:4px; background:#FFFFFF;} #all #header #search .immSearchTerms {border:1px solid #D0D9E8; background:#D0D9E8; padding:0px 0px 1px 0px; width:173px !important; height:auto !important; float:left; margin-top:1px; margin-right:4px; /*Margin right added 19/6/09*/} #all #header #search .immSearchGo {position:relative; top:-2px;} /*Mainbar: Blue bar, including logo*/ #all #header #mainbar {float:left; width: 100%; height:auto !important; height:85px; min-height:85px; margin: 0; padding: 0; background:#336699 url('../../../../images/new_design/gradient_slither_long.gif') repeat-x; } /*QL: 3 links on right-hand side of mainbar*/ #all #header #QL {display:inline; float:right; margin-top:12px;} #all #header #QL li {clear:both; text-align: right; margin-right:7px;} #all #header #QL li a {color: white; display:block; width:150px; background:url('../../../../images/new_design/arrow.gif') no-repeat 168px center;; padding-left:10px; padding-right:20px; padding-top:4px; padding-bottom:5px} #all #header #QL li.noSep {border-top:none;} #all #header #QL.controls li {} #all #header #QL.controls li a {} #all #header #QL.controls li a {background:none;} #all #header #QL.controls li a.print {background:url('../../../../images/new_design/controlPrint.gif') no-repeat 168px center;} #all #header #QL.controls li a.bookmark {background:url('../../../../images/new_design/controlBookmark.gif') no-repeat 168px center;} #all #header #QL.controls li a.email {background:url('../../../../images/new_design/controlEmail.gif') no-repeat 168px center;} #all #header #QL #bookmarkLink {display:none;} /*MAIN LAYOUT STYLES*/ #mylayouttable {width:100%; float:none; clear: both;} #mylayouttable td {vertical-align:top;padding:0px; height:auto;} #maincontentcell {width:100%; border: 0px;} #maincontentcell ul li {margin-bottom:5px; margin-left:10px;} #maincontentcell ul * ul {margin-top:5px;} #maincontentcell h1 {margin-bottom:5px;} #maincontentcell h2 {margin-bottom:5px;} #maincontentcell h3 {margin-bottom:3px;} #maincontentcell h4 {margin-bottom:3px;} #maincontentcell h5 {margin-bottom:3px;} #maincontentcell h6 {margin-bottom:3px;} #menu-pluginboxes {border:0px;} #all .main {background-color: white; clear:both;}/*setting height 100% here causes tabs to always over-extend*/ /*Menu styles*/ #all .main #menu {width:193px; margin-top:3px; margin-right:3px;} #all .main #menu .top {display:block; width:100%; height:8px; overflow:hidden;} #all .main #menu .bottom {display:block; float:left; width:100%; height:13px; overflow:hidden;} #all .main #menu ul { display:block; float:left; border-bottom: 1px solid #d7d7c1; width:185px;} #all .main #menu ul li {margin-left:0px;width:100%; border-top: 1px solid #d7d7c1} #all .main #menu ul li.sel {font-weight:bold;} #all .main #menu ul li.withChild {} #all .main #menu ul li.path {} #all .main #menu ul li a {color:black; font-size:100%/*was 105%*/; display:block; padding:5px 0px 6px 14px;} #all .main #menu ul li a.sel {margin-left:-1px; border-left:1px solid #FFFFFF;} #all .main #menu ul li a.withChild {} #all .main #menu ul li a.path {} #all .main #menu ul li ul {font-weight: normal; border-bottom: 0px; float:none; padding:0px; float:left;} #all .main #menu ul li ul li {} #all .main #menu ul li ul li.sel {} #all .main #menu ul li ul li.withChild {} #all .main #menu ul li ul li.path {} #all .main #menu ul li ul li.last {} /*#all .main #menu ul li ul li a {background-image:url('none');}*/ #all .main #menu ul li ul li ul {/*background-image:url('none');*/ border-bottom:0px none;} #all .main #menu ul li ul li ul li {} #all .main #menu ul li ul li ul li.last {} #all .main #menu a:hover {background-color:#999966;} #all .main #menu a:focus, #all .main #menu a:active {font-weight:bold;} /*Breadcrumb*/ #all .main #bread {/*width:90%;*/ height:auto; padding:8px 0px 8px 0px; margin:0px 0px 0px 0px/*was -5px*/; color:#045EEA; font-size:95%;position:relative;} #all .main #bread span {color:#333333;} #all .main #bread div.addthis {float:right; display:inline;margin-top:1px;} /*Centre div*/ #centre {width:100%; margin:20px -17px 0px 0px; /*max-width:600px;*/}/*left margin was 17px*/ #centre div {/*float:left;*/} #centre table {padding: 0; margin: 0; width: 100%;} /*Right-hand column styles*/ #right {width:210px; margin-right:0px;margin-left:11px;/*margin-left added 15/7/08 to stop tabs over-extending*/} #right div {float:none;clear:both;} #banner {display:block;width:210px;height:103px; background:url('../../../../images/new_design/banking_spotlight.jpg') no-repeat; margin-top:9px;}/*This controls the homepage & report landing page banner image*/ #banner span {float: right; font-size: 110%; font-weight:bold; color:#80663C; padding-top: 30px; padding-left:90px; padding-right:10px;} #banner a {display:block; width:210px; height:103px;} .content img {float:left; margin-right:2px;}/*Formats spotlight images*/ #lowerbanner {display:block;width:210px;height:103px; background:url('../../../../images/new_design/arthritis_new.jpg') no-repeat; margin-top:9px;}/*This controls the homepage & report landing page banner image*/ #lowerbanner span {float: right; font-size: 110%; font-weight:bold; color:#80663C; padding-top: 30px; padding-left:90px; padding-right:10px;} #lowerbanner a {display:block; width:210px; height:103px;} /*+++FOOTER STYLES+++*/ #all #footer {float:left; width:100%; height:35px; /* height:auto !important; */ min-height:35px; background:black; margin-top:33px;} #all #footer div {width:100%;} #all #footer ul {float:right; padding-right: 13px;} #all #footer ul li {padding-left:2px; background:url('../../../../images/templates/footerSep.gif') no-repeat; float:left} #all #footer ul li a {color:#FFFFFF; padding-left:3px; padding-right:3px; display:block; float:left; background:black;} #all #footer ul li.noSep {padding-left:0px; background:none; display:block;} #all #footer ul#topLine {} #all #footer ul#topLine li {background-position:0px 9px;} #all #footer ul#topLine li a {padding-top:8px; padding-bottom:4px;} #all #footer ul#bottomLine {clear:both;} #all #footer ul#bottomLine li {background-position:0px 5px;} #all #footer ul#bottomLine li a {padding-top:4px; padding-bottom:8px;} /*+++ TEMPLATE-SPECIFIC STYLES +++*/ /*For styles that are specific to one template only eg. if only 2 columns*/ body.wide {} body.wide #all .main #centre {} /*Homepage H1 class*/ .hometitle {margin-top: 6px; position: absolute; left: -200000px;} /*For h1s on report landing page*/ h1#Template_ctl18_reportTitle {font-size: 150%;} /*Relatedreports div - styles "Relatedreportsfull" plug-in on More Reports page*/ #relatedreports {width:98%; padding:10px;} /*Added styles for relatedreportsfull, supplied by Immediacy 17/7/08 */ #RelatedReportsFull { } #RelatedReportsFull #fullResults {display:block; float:left; width:100%;} #RelatedReportsFull #fullResults li {padding-left:0px; background:none; margin:0px; width:100%; display:block; float:left;} #RelatedReportsFull #fullResults li a {display:block; float:left; text-decoration:none; padding:2px 0px 2px 0px;} #RelatedReportsFull #fullResults li a span {display:block; float:left; cursor:pointer;} #RelatedReportsFull #fullResults li a span.date {text-align:right; width:120px; color:#000000; margin-right:10px;} #RelatedReportsFull #fullResults li a span.title {width:426px;} #RelatedReportsFull #fullResults li a:hover {background:#DAE2ED;} #RelatedReportsFull #fullResultsPaging {display:block; width:100%; float:left !important; margin-top:10px;} #RelatedReportsFull #fullResultsPaging .buttons {display:block; float:left; width:20%;} #RelatedReportsFull #fullResultsPaging .buttons .button {display:block; float:left; width:50px; /*opacity:0.5; filter:alpha(opacity=50);*/ padding:2px 0px 2px 0px; text-align:center;} #RelatedReportsFull #fullResultsPaging .buttons .button.on {/*opacity:1; filter:alpha(opacity=100);*/} #RelatedReportsFull #fullResultsPaging .buttons.backward {float:left !important;} #RelatedReportsFull #fullResultsPaging .buttons.forward {float:right !important; margin-right:5px;} #RelatedReportsFull #fullResultsPaging ul { margin: 0px 14%; width:30%; text-align:center; /*margin: 0px 128px 0px 128px;*/} #RelatedReportsFull #fullResultsPaging ul li {} #RelatedReportsFull #fullResultsPaging ul li .page {float: left; width:20px; text-align:center; display:block; padding:2px 0px 2px 0px;} #RelatedReportsFull #fullResultsPaging .stats {width:100%; text-align:center; display:block; float:left; /*margin-left:155px;*/ margin-top:10px;} /*+++ SECTION-SPECIFIC STYLES +++*/ /* For named divs that may be in use across multiple templates*/ /* Services */ /*#services {margin:3px 0px 2px 0px;} #services li {} #services li a {display:block; width:151px; padding:2px 5px 3px 5px;}*/ /*Reportdetails*/ #all .main #centre #reportdetails {float:left; margin:10px 0px 10px 0px;} #all .main #centre #reportintro {float:left; width:155px;} #all .main #centre #reportintro img {border: 1px solid black;} #all .main #centre #reportmeta {float:left; width:190px;} #all .main #centre #reportmeta ul{list-style:none; margin-left:2px;} #all .main #centre #reportmeta li{list-style:none; margin-left:0; line-height: 140%;} #all .main #centre #reportcontent {float:left; width:100%;} #all .main #maincontent {margin-top:8px; clear:both;} /*New report landing page styles*/ * #newreportdetails {margin: 25px 0px 25px 0px;} * #newreportimage {float:left; /*margin-bottom:25px; margin-right:25px;*/} * #newreportimage img {margin-top: 3px; margin-left:1px; border:1px solid black; margin-bottom:25px; margin-right:25px;} * #newreportresources ul {list-style-type:none; margin-top:25px; margin-left:0; padding-left:0;} * #newreportresources ul li {list-style-type:none; margin-left:0; padding-left:0;} * #social {margin-top:25px;} * #social ul {list-style-type:none;} * #social ul li {padding-left:26px; background-repeat:no-repeat; display:inline; line-height:50px; padding-bottom:10px; padding-top:5px;} * #newmaincontent {margin-top:25px; clear:both;} /*Sitemap formatting*/ .sitmp0, .sitmp1, .sitmp2 {margin-bottom:5px;} .sitmp0 {font-size:120%; font-weight:bold; margin-top:6px; margin-bottom:6px;} .sitmp1 {font-size:110%; margin-bottom:5px;} /*Executive summary list formatting*/ .summary ol {margin-left:28px;} /*Recommendations database menu and styling*/ ul.recdbase {list-style: none; display: inline; clear:both; margin:0; padding:0;} ul.recdbase li{list-style: none; display: inline; float:left; padding:0; padding: 0px 8px; border-left:solid black 1px;} ul.recdbase li.first {border-left: 0px;} #rec_content * a {text-decoration:underline;} #rec_content * a:visited {color:purple;} #rec_content * a:active {color:purple;} #rec_content * p {margin-bottom: 5px; margin-top: 5px;} #rec_content * li {margin-bottom: 5px; margin-top:5px;} #rec_content * ul {margin-bottom:5px; margin-top:5px;} /*New report template styles*/ * #newreportmeta * ul {list-style-type:none; display:inline; margin-left: 0; padding-left: 0;} * #newreportmeta * li {list-style-type:none; display:inline; white-space: nowrap;} /*+++ RE-USEABLE STYLES +++*/ /* For generic styles used on all templates */ /* Heading */ /*NOTE, 15/05/08: Something in the h2 height is responsible for the content shooting off to the right*/ h2.heading {display: block; width: 100%; padding:0px; margin:0px; height:28px; font-size:100%; font-weight:bold; margin-top: 8px;} h2.heading span {display:block; width:100%; float:left;} h2.heading .bg {color:#FFFFFF;} h2.heading .left {width: 100%; background:url('../../../../images/new_design/content_header_deep.gif') repeat-x left top;} h2.heading .right {} h2.heading .text {padding:1px 0px 1px 5px;} /* Box */ .box {border: 1px solid #999966; display:block; width:209px; margin-top:9px; float:left !important;} .box .header {background:url('../../../../images/new_design/content_header_deep.gif') repeat-x left top; font-size:100%; color:white; margin:0px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px} .box .content {float:left; width:189px; padding:3px 10px 3px 10px; font-size:95%;} .box .content li {color:#045EEA} /* added by DM 28/05/09 to colour bullets same as text */ .box .footer {display:block; overflow:hidden;} /* Non-Bulleted Lists */ .nobullets {list-style:none; margin:0px; padding:0px; float:left;} .nobullets li {margin:0px; padding:0px; float:left; background:none;} .nobullets * ul {list-style:none; margin:0px; padding:0px; float:left;} .nobullets * li {margin:0px; padding:0px; float:left;} /* Invisible Text */ .invisi {display:none;} /* Selectable Styles */ H1, .Heading1 {color:#336699; margin:0px; font-size:150%; line-height:120%;} H2, .Heading2 {color:#336699; margin:0px; font-size: 130%;} H3, .Heading3 {color:#336699; margin:0px; font-size: 120%;} H4, .Heading4 {color:#336699; margin:0px; font-size: 110%;} H5, .Heading5 {color:#336699; margin:0px; font-size: 110%;} P, .Normal {} /* correct over-wide images */ table {table-layout: auto;} /*Extra padding for default-style tables*/ #mylayouttable table.ImmTS_Default tbody tr th, #mylayouttable table.ImmTS_Default tbody tr td {padding:5px;} /*Styling for reports filter results*/ #ReportSearch #filterWhole { width:580px; } #ReportSearch #filterWhole .year { float:left; padding:1px; width:60px; } #ReportSearch #filterWhole .sector { float:left; padding:1px; width:200px; } #ReportSearch #filterWhole .client { float:left; padding:1px; width:175px; } #ReportSearch #filterWhole .type { float:left; padding:1px; width:110px; } #ReportSearch #filterWhole div label { font-weight:bold; } #ReportSearch #filterWhole div select { width:100%; margin-top:10px; height:105px; font-size:10px; } #ReportSearch #searchResults { clear:both; width:100%; list-style:none; } #ReportSearch #searchResults li { clear:both; background:none; } #ReportSearch #searchResults .publishedDate { width:125px; float:left; display:block; padding-right: 10px; } #ReportSearch #searchResults li a { width:395px; float:left; display:block; } #ReportSearch #resultsWhole .noResults { clear:both; } #ReportSearch #resultsWhole .numberOfResults { clear:both; margin-bottom:10px; } #ReportSearch #buttons { width:100%; float:right; margin-right:5px; } #ReportSearch #buttons input { float:right; } #ReportSearch #resultsWhole #resultsWholePaging {display:block; width:100%; float:left !important; margin-top:10px;} #ReportSearch #resultsWhole #resultsWholePaging .buttons {display:block; float:left; width:120px;} #ReportSearch #resultsWhole #resultsWholePaging .buttons .button {display:block; float:left; width:50px; /*opacity:0.5; filter:alpha(opacity=50);*/ padding:2px 0px 2px 0px; text-align:center;} #ReportSearch #resultsWhole #resultsWholePaging .buttons .button.on {/*opacity:1; filter:alpha(opacity=100);*/} #ReportSearch #resultsWhole #resultsWholePaging .buttons.backward {float:left !important;} #ReportSearch #resultsWhole #resultsWholePaging .buttons.forward {float:right !important;} #ReportSearch #resultsWhole #resultsWholePaging ul {width:190px; margin: 0px 128px 0px 128px;} #ReportSearch #resultsWhole #resultsWholePaging ul li {float:left;} #ReportSearch #resultsWhole #resultsWholePaging ul li .page {width:20px; text-align:center; display:block; padding:2px 0px 2px 0px;} #ReportSearch #resultsWhole #resultsWholePaging .stats {width:100%; text-align:center; display:block; float:left;} .featuredArticle {width:324px; border:1px solid #336699; background:white;} .featuredArticle h2 {background:#336699; color:#FFFFFF;} .featuredArticle p {color:#000000; background:no-repeat 5px 5px; padding:5px 5px 5px 5px; min-height:20px; margin:0px;} /*Shared banner image*/ #banner_share {display:block;width:210px;height:103px; margin-top:9px;}/*This controls the homepage & report landing page banner image*/ #banner_share a {display:block; width:210px; height:103px;} #lowerbanner_share {display:block;width:210px;margin-top:9px;}/*This controls the homepage & report landing page banner image*/ #lowerbanner_share a {display:block; width:210px; height:103px;} /*Article index plug-in with images*/ #centre ul.articleindex_picture {list-style:none;} #centre ul.articleindex_picture li img {float:left; clear:left; margin-right:5px;} #centre ul.articleindex_picture li a {font-weight: bold; font-size: 110%;} /*Tabbed interface styles*/ #tabs ul { list-style: none; padding: 0; margin: 0; position:relative; left:-10px; top:5px; } #tabs li { border-left:1px solid #666666; border-right:1px solid #666666; border-top:1px solid #666666; float: left; margin:0; padding:0; border-bottom:0px none; margin-right:2px; padding:3px; background:#666666; position: relative; } #tabs #selected { position:relative; background:white; top:1px; } #tabs li a, #tabs li a:visited { text-decoration: none; color:white; font-weight:bold; white-space: nowrap; } #tabs #selected a { color:#336699; } .tabcontent { clear:both; border-top: 1px solid #666666; padding-top:5px; } /* blue glass effect tab */ #tabsF { float:left; width:98%; background:#fff; font-size:93%; line-height:normal; border-bottom:0px solid #666; } #tabsF ul { margin:0; padding:10px 10px 0px 0px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0; border-bottom: 3px solid #f00; } #tabsF a { float:left; background:url('../../../../images/templates/tableftF.gif') no-repeat left top; margin:0; text-decoration:none; padding-left:4px; padding-right:0px; padding-top:0px; padding-bottom:0px; } #tabsF a span { float:left; display:block; background:url('../../../../images/templates/tabrightF.gif') no-repeat right top; color:#111; font-weight:bold;padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px; } #tabsF a:hover span { color:#FFF;font-weight:bold; } #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { background-position:100% -42px; } .tabcontent { border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; width:98%; padding:5px; } #selected { border-bottom: 1px solid #fff; } /* end blue glass tabs */ /* Successful Commissioning pagination links styles*/ #pagination {margin-top:15px; clear:both;} #pagination .next {width:48%;float:right; text-align:right;} #pagination .prev {width:48%; float:left;}