html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
body { font:12px sans-serif; line-height:1.167; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/*
* minimal base styles
*/
body, select, input, textarea { color:#231f20; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#215352; text-decoration:none;}
a:hover { color:#215352; text-decoration:underline; }
ul { list-style-type:none;}
ol { margin-left:22px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
img{display:block;}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
html { overflow-y: scroll; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/*
* Non-semantic helper classes
*/
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clr{clear:both;}
/* Primary Styles
Author:
*/
html,
body{height:100%;}
.home body{background:#eaf2fa url(../../templates/images/bg-tile.png) left top repeat-x;}
#wrap{position:relative; min-height:100%; overflow:hidden;}
.ie6 #wrap{height:100%; overflow:visible; overflow-x:hidden;}
#header{position:relative; z-index:30;}
#header .inner{width:945px; margin:0 auto; height:156px; color:#fff; background:#66c5dd url(../../template/images/header-bg.gif) left top repeat-x; }
#main{padding-top:14px; padding-bottom:42px; width:945px; margin:0 auto; min-height:618px; _height:618px; position:relative; z-index:40;}
#lhs{float:left; width:185px; margin-right:14px; display:inline; border-top:5px solid #205352; padding-top:8px; padding-bottom:1.286em;}
#content{float:left; width:545px; border-top:5px solid #205352; padding-bottom:1.286em;}
#content.fullWidth{width:746px;}
#rhs{float:right; width:186px; padding-bottom:1.286em;}
#bot{position:absolute; bottom:42px; z-index:45; width:100%;}
#bot .inner{width:945px; margin:0 auto; position:relative;}
#bg_wrap{height:614px; position:absolute; width:100%; left:50%; bottom:42px;}
#bg{height:614px; position:absolute; width:2066px; left:-1033px;
background:url(../../template/images/bg.png) center bottom no-repeat;}
#footer{height:42px; width:100%; position:absolute; bottom:0; left:0; z-index:50;
background:#e6e7e8;}
#footer .inner{width:945px; height:42px; margin:0 auto; position:relative;}
/* Common */
/* header */
#header a{color:#fff;}
#header a:hover{color:#cad7d7; text-decoration:none;}
#header .header_links{height:23px; line-height:23px; padding-top:4px;}
#header .header_links a.pcc{float:left; margin-left:9px; display:inline;}
#header .header_links .right{float:right; margin-right:9px; display:inline;}
#logo{float:left;}
#header h2{float:right; font-size:32px; font-weight:normal; width:305px; height:45px; text-indent:-9999px; overflow:hidden;
background:url(../../media/images/titles/h2-annual_review.gif) right top no-repeat;}
#nav{height:36px; overflow:hidden;}
#nav li{float:left; margin-left:5px; text-align:center; font-weight:bold;
background:url(../../template/images/menu-item-bg.gif) left top repeat-x;}
#nav li a{float:left; width:106px; padding:3px 35px; height:31px; vertical-align:middle;}
#nav li a:hover,
#nav li a.active{text-decoration:none; color:#ffed21;}
#nav li.item1{margin-left:0;}
#nav li.item1 a{padding:8px 9px 7px; width:21px; text-indent:-9999px; overflow:hidden;}
#nav li.item5{line-height:32px;}
/* sub nav */
#sub_nav{}
#sub_nav li{width:160px; margin-bottom:0.5em; font-weight:bold;}
#sub_nav li a{color:#597b7b;}
#sub_nav li a.active{color:#215352; padding-left:20px; background:url(../../template/images/active-sub.gif) 0 0.65em no-repeat; }
#sub_nav li a.active_sub{float:left;}
#sub_nav ul{margin:0 0 0 20px; padding:0.75em 0 0.15em; clear:both; height:1%;}
#sub_nav ul li{font-weight:normal;}
#sub_nav ul li a.active{padding-left:0; background:none; float:none; font-weight:bold;}
/* content syling */
#content{font-size:1em; line-height:1.286;}
#content h1{font-size:1.857em; font-size:2.167em; padding:0.25em 0 0; height:80px; width:350px; line-height:1.1;}
#content h2{font-size:1.143em; font-size:1.167em; font-weight:bold; font-family:sans-serif; color:#385453;}
#content h3{font-size:1.857em; font-size:2.167em; margin-bottom:0.75em; line-height:1.1; color:#385453; width:500px;}
#content p{margin-bottom:1.286em;}
#content.fullWidth p{padding-right:90px;}
#content > p:first-of-type{clear:both;}
#content p.first{clear:both;}
#content > h3:first-of-type{clear:both;}
#content h3.first{clear:both;}
#content a{text-decoration:underline; color:#54b948;}
#content a:hover{text-decoration:none;}
#content ul{margin-bottom:1.286em;}
#content ul li{margin-bottom:0.5em; padding-left:9px;
background:url(../../template/images/bullet.gif) 0 0.4em no-repeat;}
#content .alt_color{color: #569FD4;}
#content .floatRight{float:right;}
#content .floatLeft{float:left;}
#content img.floatRight{margin-bottom:1.286em;}
#content img.floatLeft{margin-bottom:1.286em;}
/* image replaced headers */
#content h1.ir{padding:0; height:87px; width:350px; background:left top no-repeat;}
#content h1.introduction{background-image:url(../../media/images/titles/h1-introduction.gif);}
#content h1.directors_intro{background-image:url(../../media/images/titles/h1-directors_intro.gif);}
#content h1.chairmans_pers{background-image:url(../../media/images/titles/h1-chairmans_pers.gif);}
#content h1.roundtable_podcast{background-image:url(../../media/images/titles/h1-roundtable_podcast.gif);}
#content h1.review{background-image:url(../../media/images/titles/h1-2010_review.gif);}
#content h1.download_centre{background-image:url(../../media/images/titles/h1-download_centre.gif);}
#content h1.financial_report{background-image:url(../../media/images/titles/h1-financial_report.gif);}
#content h1.key_rulings{background-image:url(../../media/images/titles/h1-key_rulings.gif);}
#content h1.pcc_staff{background-image:url(../../media/images/titles/h1-pcc_staff.gif);}
#content h1.report_charter{background-image:url(../../media/images/titles/h1-report_charter.gif);}
#content h1.statistics{background-image:url(../../media/images/titles/h1-statistics.gif);}
#content h1.the_commission{background-image:url(../../media/images/titles/h1-the_commission.gif);}
#content h1.year_glance{background-image:url(../../media/images/titles/h1-year_glance.gif);}
#content h1.site_map{background-image:url(../../media/images/titles/h1-site_map.gif);}
#content h1.professional-representatives{background-image:url(../../media/images/titles/h1-professional-representatives.gif);}
#content h1.public-representatives{background-image:url(../../media/images/titles/h1-public-representatives.gif);}
#content h1.complaints{background-image:url(../../media/images/titles/h1-complaints.gif);}
#content h1.newspapers{background-image:url(../../media/images/titles/h1-newspapers.gif);}
#content h1.pcc{background-image:url(../../media/images/titles/h1-pcc.gif);}
#content h1.constructive-critics{background-image:url(../../media/images/titles/h1-constructive-critics.gif);}
#content h1.international-perspective{background-image:url(../../media/images/titles/h1-international-perspective.gif);}
#content h1.historical-perspective{background-image:url(../../media/images/titles/h1-historical-perspective.gif);}
#content h1.putting-into-perspective{background-image:url(../../media/images/titles/h1-putting-into-perspective.gif);}
#content h1.contact-us{background-image:url(../../media/images/titles/h1-contact-us.gif);}
/* link colors */
#main.red #content a{color:#e71939;}
#main.green #content a{color:#54b948;}
#main.lightblue #content a{color:#88cbdf;}
#main.violet #content a{color:#4d499e;}
#main.teal #content a{color:#205352;}
#main.lime #content a{color:#b5d34e;}
#main.orange #content a{color:#f78f1e;}
#main.maroon #content a{color:#8b005a;}
#main.lightteal #content a{color:#597b7b;}
/* h2 colors */
#main.red h2{color:#e71939;}
#main.green h2{color:#54b948;}
#main.lightblue h2{color:#88cbdf;}
#main.violet h2{color:#4d499e;}
#main.teal h2{color:#205352;}
#main.lime h2{color:#b5d34e;}
#main.orange h2{color:#f78f1e;}
#main.maroon h2{color:#8b005a;}
#main.lightteal h2{color:#597b7b;}
/* bg colors */
#content .bg_red{background:#e71939;}
#content .bg_green{background:#65b360;}
#content .bg_lightblue{background:#88cbdf;}
#content .bg_violet{background:#4d499e;}
#content .bg_teal{background:#205352;}
#content .bg_lime{background:#b5d34e;}
#content .bg_orange{background:#f78f1e;}
#content .bg_maroon{background:#8b005a;}
#content .bg_lightteal{background:#597b7b;}
/* copy colours */
#content.teal{color:#385453;}
/* pic panels */
#content ul.pic_panels{margin-bottom:0;}
#content ul.pic_panels li{float:left; display:inline; margin-right:10px; padding-left:0; background-image:none; margin-bottom:0;}
#content ul.pic_panels li.last{float:left; margin-right:0;}
#content ul.pic_panels li img.thumb{display:block; margin-bottom:0.5em;}
#content ul.pic_panels_border{border-top:1px solid #231f20; border-bottom:1px solid #231f20; padding-top:1.286em; margin-bottom:1.286em;}
#content ul.pic_panels_2_col li{width:267px;}
#content ul.pic_panels_3_col li{width:175px;}
/* podcast panels */
#content ul.pod_panels{margin-bottom:1.286em;}
#content ul.pod_panels li{float:left; display:inline; margin-right:5px; padding:13px; background:none; background:#65b360; margin-bottom:0;}
#content ul.pod_panels li.last{float:left; margin-right:0;}
#content ul.pod_panels li a{display:block; padding-left:11px; color:#fff; font-size:1.143em; font-family:Georgia, "Times New Roman", Times, serif;
padding-bottom:9px; margin-bottom:9px; border-bottom:1px solid #fff; text-decoration:none;
background:url(../../template/images/content-panel-bullet.png) 0 0.4em no-repeat;}
#content ul.pod_panels li a:hover{text-decoration:underline;}
.ie6 #content ul.pod_panels li a{background-image:url(../../template/images/content-panel-bullet.gif); }
#content ul.pod_panels li a.last{border-bottom:none; padding-bottom:0; margin-bottom:0;}
#content ul.pod_panels_2_col li{width:244px;}
#content ul.pod_panels_2_col li a{width:220px;}
#content ul.pod_panels_3_col li{width:152px;}
#content ul.pod_panels_3_col li a{width:128px;}
/* 'table' of contents */
#content .tab_contents{margin-top:0.786em; margin-bottom:1.286em;}
#content .tab_contents a.item{ margin-bottom:5px; padding:8px 11px; color:#fff; text-decoration:none;
background-image:url(../../template/images/contents-arrow.gif);
background-position:bottom right;
background-repeat:no-repeat;}
#content .tab_contents a.item .text{float:left; width:440px; margin-bottom:0; font-size:1.167em;}
#content .tab_contents a.item .title{float:left; width:350px; font-size:1.857em; margin-bottom:0.1em; font-family:Georgia, "Times New Roman", Times, serif;}
#content .tab_contents a.item:hover{text-decoration:none;}
#content .tab_contents a.item:hover .title{text-decoration:underline;}
/* image replacement */
#content .tab_contents a.item .ir{height:35px; margin:0; background:left top no-repeat;}
#content .tab_contents a.item .statistics{background-image:url(../../media/images/titles/panels-statistics.png);}
#content .tab_contents a.item .key_rulings{background-image:url(../../media/images/titles/panels-key_rulings.png);}
#content .tab_contents a.item .glance{background-image:url(../../media/images/titles/panels-glance.png);}
#content .tab_contents a.item .staff{background-image:url(../../media/images/titles/panels-staff.png);}
#content .tab_contents a.item .charter{background-image:url(../../media/images/titles/panels-charter.png);}
#content .tab_contents a.item .commission{background-image:url(../../media/images/titles/panels-commission.png);}
#content .tab_contents a.item .financial{background-image:url(../../media/images/titles/panels-financial.png);}
/* complaints statistics */
#content h2.statistics{height:50px; padding:7px; color:#fff; margin-bottom:0.6em; cursor:pointer; line-height:1;
background-image:url(../../template/images/close-h.gif); background-position:top right; background-repeat:no-repeat;
font-size:24px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
#content p.key_number{font-size:3.75em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0; color:#E71939;}
/* image replacement */
#content p.key_number.ir{height:58px;}
#content p.key_1{background-image:url(../../media/images/titles/key/1.png);}
#content p.key_2{background-image:url(../../media/images/titles/key/2.png);}
#content p.key_3{background-image:url(../../media/images/titles/key/3.png);}
#content p.key_4{background-image:url(../../media/images/titles/key/4.png);}
#content p.key_5{background-image:url(../../media/images/titles/key/5.png);}
#content p.key_6{background-image:url(../../media/images/titles/key/6.png);}
#content p.key_7{background-image:url(../../media/images/titles/key/7.png);}
#content p.key_8{background-image:url(../../media/images/titles/key/8.png);}
/* image replacement */
#content h2.introduction{background-image:url(../../media/images/titles/h2-introduction.png);}
#content h2.complaint-feedback{background-image:url(../../media/images/titles/h2-complaint-feedback.png);}
#content h2.complaints-with-merits{background-image:url(../../media/images/titles/h2-complaints-with-merits.png);}
#content h2.complaints-without-merits{background-image:url(../../media/images/titles/h2-complaints-without-merits.png);}
#content h2.desist-requests{background-image:url(../../media/images/titles/h2-desist-requests.png);}
#content h2.key-numbers{background-image:url(../../media/images/titles/h2-key-numbers.png);}
#content h2.prominence-of-corrections{background-image:url(../../media/images/titles/h2-prominence-of-corrections.png);}
#content h2.speed-of-service{background-image:url(../../media/images/titles/h2-speed-of-service.png);}
#content h2.what-do-people-complain-about{background-image:url(../../media/images/titles/h2-what-do-people-complain-about.png);}
#content h2.accuracy{background-image:url(../../media/images/titles/h2-accuracy.png);}
#content h2.children{background-image:url(../../media/images/titles/h2-children.png);}
#content h2.discrimination{background-image:url(../../media/images/titles/h2-discrimination.png);}
#content h2.financial{background-image:url(../../media/images/titles/h2-financial.png);}
#content h2.intrusion{background-image:url(../../media/images/titles/h2-intrusion.png);}
#content h2.online-privacy{background-image:url(../../media/images/titles/h2-online-privacy.png);}
#content h2.privacy{background-image:url(../../media/images/titles/h2-privacy.png);}
#content h2.suicide{background-image:url(../../media/images/titles/h2-suicide.png);}
#content h2.undercover{background-image:url(../../media/images/titles/h2-undercover.png);}
#content h2.jan{background-image:url(../../media/images/titles/h2-jan.png);}
#content h2.dec{background-image:url(../../media/images/titles/h2-feb.png);}
#content h2.feb{background-image:url(../../media/images/titles/h2-feb.png);}
#content h2.mar{background-image:url(../../media/images/titles/h2-mar.png);}
#content h2.apr{background-image:url(../../media/images/titles/h2-apr.png);}
#content h2.may{background-image:url(../../media/images/titles/h2-may.png);}
#content h2.jun{background-image:url(../../media/images/titles/h2-jun.png);}
#content h2.jul{background-image:url(../../media/images/titles/h2-jul.png);}
#content h2.aug{background-image:url(../../media/images/titles/h2-aug.png);}
#content h2.sep{background-image:url(../../media/images/titles/h2-sep.png);}
#content h2.oct{background-image:url(../../media/images/titles/h2-oct.png);}
#content h2.nov{background-image:url(../../media/images/titles/h2-nov.png);}
#content h2.dec{background-image:url(../../media/images/titles/h2-dec.png);}
/* graph stats */
#content .borders{border-top:2px solid #205352; border-bottom:2px solid #205352; padding:0.5em 0 1.286em; margin-bottom:1.286em;}
.lightblue #content .borders p{color: #88CBDF;}
.lime #content .borders p{color: #B5D34E;}
.orange #content .borders p{color: #F78F1E;}
#content .table.graph_stats{}
/* what do people complain about */
table.complain_about td.graph{padding-bottom:5px;}
table.complain_about td.graph div{height:87px; overflow:hidden;}
table.complain_about td.stats{font-size:14px; padding-right:20px; line-height:1.2; color:#b4e2ef;}
table.complain_about td.active{color:#62cae3;}
table.complain_about td.stats strong.number{font-weight:normal; font-size:28px; font-family:Georgia, "Times New Roman", Times, serif;}
table.complain_about td.stats strong.number span{font-size:12px;}
table.complain_about td.active strong.number{}
/* complaints with merit */
table.complain_merit{ margin-top:1.75em;}
table.complain_merit td.graph{padding-bottom:10px; }
table.complain_merit td.graph div{height:450px; overflow:hidden;}
table.complain_merit td.stats{ padding-right:15px; padding-bottom:30px; line-height:1.2; color:#9183bd;}
table.complain_merit td.active{color:#4D499E;}
#main #content table.complain_merit td.stats a{color:#9183bd;}
#main #content table.complain_merit td.active a{color: #4D499E; text-decoration:none;}
/* complaints without merit */
table.without_merit{margin-top:1.75em; margin-bottom:1.286em;}
table.without_merit td{padding-bottom:0.5em; padding-right:2.5em;}
table.without_merit td .number{font-size:3.75em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0; color:#205352; display:block;
height:58px; width:130px;}
/* image replacement */
table.without_merit td .num_1{background-image:url(../../media/images/titles/nomerit/1.png);}
table.without_merit td .num_2{background-image:url(../../media/images/titles/nomerit/2.png);}
table.without_merit td .num_3{background-image:url(../../media/images/titles/nomerit/3.png);}
table.without_merit td .num_4{background-image:url(../../media/images/titles/nomerit/4.png);}
table.without_merit td .num_5{background-image:url(../../media/images/titles/nomerit/5.png);}
table.without_merit td .num_6{background-image:url(../../media/images/titles/nomerit/6.png);}
/* speed service */
table.speed_service{margin-top:1.75em;}
table.speed_service td{padding-bottom:1.5em;}
table.speed_service td.graph{padding-bottom:10px;}
/* prominence of corrections */
table.prominence td.graph{padding-bottom:5px;}
table.prominence td.graph div{height:87px; overflow:hidden;}
table.prominence td.stats{font-size:14px; padding-right:20px; line-height:1.2; color:#fdc388;}
table.prominence td.active{color:#f78f1e;}
table.prominence td.stats strong.number{font-weight:normal; font-size:28px; font-family:Georgia, "Times New Roman", Times, serif;}
table.prominence td.stats strong.number span{font-size:12px;}
table.prominence td.active strong.number{}
/* feedback */
#content p.stat{border-top:2px solid #205352; padding:0.75em 0; margin-bottom:0;}
#content p.stat_last{border-bottom:2px solid #205352; margin-bottom:1.286em;}
#content p.stat strong.number{display:block; text-transform:uppercase; line-height:1.4;
font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#597B7B; font-weight:normal;
height:33px;}
/* image replacement */
#content p.stat strong.num_1{background-image:url(../../media/images/titles/feedback/1.png);}
#content p.stat strong.num_2{background-image:url(../../media/images/titles/feedback/2.png);}
#content p.stat strong.num_3{background-image:url(../../media/images/titles/feedback/3.png);}
#content p.stat strong.num_4{background-image:url(../../media/images/titles/feedback/4.png);}
#content p.stat strong.num_aware{background-image:url(../../media/images/titles/feedback/aware.png);}
#content p.stat strong.num_effect{background-image:url(../../media/images/titles/feedback/effect.png);}
#content p.stat strong.num_funding{background-image:url(../../media/images/titles/feedback/funding.png);}
#content p.stat strong.num_apologies{background-image:url(../../media/images/titles/feedback/apologies.png);}
/* key rulings */
#content .rulings{font-size:1.167em; padding-right:40px; margin-bottom:2em;}
#content .rulings ul li{margin-bottom:0; padding-left:22px;
background:url(../../template/images/bullet-rulings.gif) 0 0.7em no-repeat;}
/* rhs panels */
#rhs .panel{padding:6px 0; margin-bottom:13px;
background:url(../../template/images/panel-bg.gif) left top repeat-x;}
#rhs .panel h3{font-family:sans-serif; color:#385453; font-weight:bold; padding:0.4em 0 0.4em; margin-bottom:9px; border-bottom:1px solid #a5588c;}
#rhs .panel li{font-weight:bold; padding-left:10px; margin-bottom:0.357em; background:url(../../template/images/panel-bullet.gif) 0 0.25em no-repeat;}
#rhs .panel a{color:#385453;}
#rhs .panel a.active,
#rhs .panel a:hover{text-decoration:underline;}
#rhs .print{background-position:0 0; min-height:0; _height:auto;}
#rhs .print a#print_page{display:block; font-weight:bold; padding:0.4em 0 0.4em 10px;
background:url(../../template/images/panel-bullet.gif) left 0.65em no-repeat;}
/* footer */
#footer .footer_links{height:22px; line-height:22px; padding:10px 0; color:#597b7b; background:#e6e7e8; position:relative; z-index:52; }
#footer .footer_links a{color:#597b7b;}
#footer .footer_links a.pcc{float:left;}
#footer .footer_links .right{float:right;}
/* Page specific */
/* bg links */
#bg .label{position:absolute; width:330px; padding-left:11px; z-index:43; display:none; background:left 5px no-repeat;}
#bg .public{left:186px; bottom:285px; height:230px; background-image:url(../../template/images/label-bgs/public.gif);}
#bg .complaints{left:491px; bottom:293px; height:145px; background-image:url(../../template/images/label-bgs/complaints.gif);}
#bg .prof{left:629px; bottom:405px; height:155px; background-image:url(../../template/images/label-bgs/prof.gif);}
#bg .news{left:718px; bottom:365px; height:125px; background-image:url(../../template/images/label-bgs/news.gif);}
#bg .pcc{left:1025px; bottom:510px; height:100px; background-image:url(../../template/images/label-bgs/pcc.gif); padding-left:39px;}
#bg .critics{left:1205px; bottom:365px; height:190px; background-image:url(../../template/images/label-bgs/critics.gif);}
#bg .intl{left:1335px; bottom:390px; height:120px; background-image:url(../../template/images/label-bgs/intl.gif);}
#bg .hist{left:1510px; bottom:505px; height:110px; background-image:url(../../template/images/label-bgs/hist.gif);}
#bg .label_wrap{padding:5px 5px 1px;}
#bg .expanded{background:#fff; background:rgba(255,255,255,0.9);}
#bg .label h4{color:#215352; font-size:11px; font-weight:bold; background:left top no-repeat;
width:185px; height:14px; text-indent:-9999px; overflow:hidden;}
/* image replacement */
#bg .public h4{background-image:url(../../media/images/titles/label-public.png);}
#bg .complaints h4{background-image:url(../../media/images/titles/label-complaints.png);}
#bg .prof h4{background-image:url(../../media/images/titles/label-prof.png);}
#bg .news h4{background-image:url(../../media/images/titles/label-news.png);}
#bg .pcc h4{background-image:url(../../media/images/titles/label-pcc.png);}
#bg .critics h4{background-image:url(../../media/images/titles/label-critics.png);}
#bg .intl h4{background-image:url(../../media/images/titles/label-intl.png);}
#bg .hist h4{background-image:url(../../media/images/titles/label-hist.png);}
#bg .label a.read,
#bg .label p.read{color:#215352; margin-bottom:18px; cursor:pointer;}
#bg .label ul.sub_items{display:none;}
#bg .label ul.sub_items li{margin-bottom:1.286em; line-height:1.1;}
#bg .label ul.sub_items li a{text-decoration:underline;}
#bg .label ul.sub_items li a:hover{text-decoration:none;}
/* scroll arrows */
#bot .arrows a{position:absolute; bottom:332px; width:60px; height:60px; text-indent:-9999px; overflow:hidden;
background:rgba(255,255,255,0.85) url(../../template/images/scroll-arrows.gif) no-repeat;}
.ie6 #bot .arrows a,
.ie7 #bot .arrows a,
.ie8 #bot .arrows a{background:#fff url(../../template/images/scroll-arrows.gif) no-repeat;}
#bot .arrows a#arrow_left{left:0; background-position:0 0;}
#bot .arrows a#arrow_right{right:0; background-position:right 0;}
#bot .arrows a#arrow_left.disable{cursor:default; background-position:0 -60px;}
#bot .arrows a#arrow_right.disable{cursor:default; background-position:right -60px;}
/* perspective panel */
#perspectives{position:absolute; bottom:315px; right:0; height:155px; width:467px; cursor:pointer;}
#perspectives .panel{float:left; height:125px; width:316px; width:436px; padding:15px; overflow:hidden;
background:#89c9e2;}
#perspectives .button{float:left; height:155px; width:120px; width:0; overflow:hidden;
background:#a1d4e8 url(../../template/images/perspective-arrow.gif) 16px 92px no-repeat;}
#perspectives .panel h2{width:289px; height:49px; overflow:hidden; text-indent:-9999px;
font-size:52px; font-weight:normal; color:#fff304; line-height:1; margin-bottom:19px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../../media/images/titles/h2-perspectives_home.gif) left top no-repeat;}
#perspectives .panel p{width:270px; font-size:14px; color:#fff;}
#perspectives .button p{padding:25px 15px; font-size:14px; color:#fff;}
/* direct links */
#direct_links{position:absolute; bottom:42px; left:0; width:945px; height:250px; z-index:51;}
#direct_links .panel{float:left; height:250px; width:173px; padding:0 6px; display:inline; margin-right:5px; position:relative; top:0;
background:#fff;}
#direct_links .last{margin-right:0;}
#direct_links .panel h3{color:#231f20; font-size:14px; height:45px; padding-top:7px; font-family:sans-serif; font-weight:bold;}
#direct_links .last h3{border-bottom:1px solid #839c9d;}
#direct_links .panel h3 a{color:#231f20; display:block; padding-right:18px;
background:url(../../template/images/arrow-right.gif) right top no-repeat;}
#direct_links .panel h3 a:hover{text-decoration:none;}
#direct_links .panel img{margin:0 auto;}
#direct_links .panel ul{margin-top:8px;}
#direct_links .panel ul li{padding-left:8px; margin-bottom:5px;
background:url(../../template/images/bullet.gif) left 3px no-repeat;}
.ie6 #direct_links .panel ul li,
.ie7 #direct_links .panel ul li{zoom:1;}
#direct_links .panel ul ul{margin-top:0; padding-top:8px; margin-left:15px;}
#direct_links .perspectives{float:none; float:right; margin-right:0; display:none; height:auto; padding-bottom:10px;}
#direct_links .perspectives h3{height:25px;}
#direct_links .perspectives ul li{padding-left:0; background:none; margin-bottom:8px;}
#direct_links .perspectives ul li a{text-decoration:underline;}
#direct_links .perspectives ul li a:hover{text-decoration:none;}
/* statistics square 'menu' */
#content .squares{position:relative; height:378px; width:543px; margin-bottom:1.286em;}
#content .squares a{position:absolute; display:block; width:179px; height:124px; padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none;
z-index:100; background-image:url(../../template/images/contents-arrow-sm.gif); background-position:right bottom; background-repeat:no-repeat;}
#content .squares a:hover{text-decoration:none;}
#content .squares a.last{margin-right:0;}
#content .squares a.over{z-index:110;}
#content .squares a.one{top:0; left:0;}
#content .squares a.two{top:0; left:182px;}
#content .squares a.three{top:0; right:0;}
#content .squares a.four{top:127px; left:0;}
#content .squares a.five{top:127px; left:182px;}
#content .squares a.six{top:127px; right:0;}
#content .squares a.seven{bottom:0; left:0;}
#content .squares a.eight{bottom:0; left:182px;}
#content .squares a.nine{bottom:0; right:0;}
#content .squares a strong{display:block; margin:7px 20px 5px 7px; line-height:1.1;
font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal;}
#content .squares a span.para{display:block; font-weight:bold; margin:0 35px 15px 7px; /* width:453px; */}
#content .squares a span.readmore{display:block; margin:0 7px; font-size:11px; text-decoration:underline;}
/* image replacement */
#content .squares a strong.ir{width:165px; height:23px; white-space:nowrap;}
#content .squares a strong.introduction{background-image:url(../../media/images/titles/squares-introduction.png);}
#content .squares a strong.key_numbers{background-image:url(../../media/images/titles/squares-key_numbers.png);}
#content .squares a strong.speed_service{background-image:url(../../media/images/titles/squares-speed_service.png);}
/* image replacement - 2 lines */
#content .squares a strong.complain_about{height:45px; background-image:url(../../media/images/titles/squares-complain_about.png);}
#content .squares a strong.complaints_merit{height:45px; background-image:url(../../media/images/titles/squares-complaints_merit.png);}
#content .squares a strong.complaints_no_merit{height:45px; background-image:url(../../media/images/titles/squares-complaints_no_merit.png);}
#content .squares a strong.prominence_corrections{height:45px; background-image:url(../../media/images/titles/squares-prominence_corrections.png);}
/* image replacement - 3 lines */
#content .squares a strong.desist_requests{height:67px; background-image:url(../../media/images/titles/squares-desist_requests.png);}
#content .squares a strong.complaint_feedback{height:67px; background-image:url(../../media/images/titles/squares-complaint_feedback.png);}
/* key rulings squares */
/* image replacement */
#content .squares a strong.introduction{background-image:url(../../media/images/titles/rsquares-introduction.png);}
#content .squares a strong.accuracy{background-image:url(../../media/images/titles/rsquares-accuracy.png);}
#content .squares a strong.privacy{background-image:url(../../media/images/titles/rsquares-privacy.png);}
#content .squares a strong.online{background-image:url(../../media/images/titles/rsquares-online.png);}
#content .squares a strong.intrusion{background-image:url(../../media/images/titles/rsquares-intrusion.png);}
#content .squares a strong.children{background-image:url(../../media/images/titles/rsquares-children.png);}
#content .squares a strong.discrimination{background-image:url(../../media/images/titles/rsquares-discrimination.png);}
/* image replacement - 2 lines */
#content .squares a strong.financial{height:45px; background-image:url(../../media/images/titles/rsquares-financial.png);}
#content .squares a strong.undercover{height:45px; background-image:url(../../media/images/titles/rsquares-undercover.png);}
/* image replacement - 3 lines */
#content .squares a strong.suicide{height:67px; background-image:url(../../media/images/titles/rsquares-suicide.png);}
/* staff 'menu' */
#content ul.pcc_staff{position:relative; height:709px; width:544px; margin-bottom:1.286em;}
#content ul.pcc_staff li{position:absolute; display:block; width:178px; height:114px; padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none;
z-index:100; background:none;}
#content ul.pcc_staff li.over{z-index:110;}
#content ul.pcc_staff li.item_1{top:0; left:0;}
#content ul.pcc_staff li.item_2{top:0; left:183px;}
#content ul.pcc_staff li.item_3{top:0; right:0;}
#content ul.pcc_staff li.item_4{top:119px; left:0;}
#content ul.pcc_staff li.item_5{top:119px; left:183px;}
#content ul.pcc_staff li.item_6{top:119px; right:0;}
#content ul.pcc_staff li.item_7{top:238px; left:0;}
#content ul.pcc_staff li.item_8{top:238px; left:183px;}
#content ul.pcc_staff li.item_9{top:238px; right:0;}
#content ul.pcc_staff li.item_10{bottom:238px; left:0;}
#content ul.pcc_staff li.item_11{bottom:238px; left:183px;}
#content ul.pcc_staff li.item_12{bottom:238px; right:0;}
#content ul.pcc_staff li.item_13{bottom:119px; left:0;}
#content ul.pcc_staff li.item_14{bottom:119px; left:183px;}
#content ul.pcc_staff li.item_15{bottom:119px; right:0;}
#content ul.pcc_staff li.item_16{bottom:0; left:0;}
#content ul.pcc_staff li.item_17{bottom:0; left:183px;}
#content ul.pcc_staff li.item_18{bottom:0; right:0;}
#content ul.pcc_staff li .overlay{position:absolute; bottom:0; left:0; width:347px; height:46px; padding:7px; line-height:1.1; font-size:14px;
background:rgba(67,103,101,0.85); z-index:120;}
.ie6 #content ul.pcc_staff li .overlay,
.ie7 #content ul.pcc_staff li .overlay,
.ie8 #content ul.pcc_staff li .overlay{background:#436765;}
#content ul.pcc_staff li .overlay a{font-size:12px; color:#fff;}
/* calender */
#content ul.calendar{margin-bottom:1.286em;}
#content ul.calendar li{float:left; display:inline; margin:0 4px 4px 0; padding:0; background:none;}
#content ul.calendar li.last{margin-right:0;}
/* month */
#content .month_wrap{margin-bottom:1em;}
#content .month_wrap h2{height:60px; font-size:1.857em; color:#fff; font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;}
#content .month_wrap .item{padding:13px 15px; min-height:380px; _height:380px; background:#f3f8f2;}
.ie6 #content .month_wrap .item,
.ie7 #content .month_wrap .item,
.ie8 #content .month_wrap .item,
.ie9 #content .month_wrap .item{zoom:1;}
#content .month_wrap .item h3{font-size:1.571em; font-family:sans-serif; font-weight:bold; color:#205352; line-height:1.1; margin-bottom:0.7em; width:auto;}
#content .month_wrap .item > p:first-of-type{clear:both;}
#content .month_wrap .item p.first{clear:both;}
#content .month_wrap .item p strong{font-size:1.143em; color:#385453;}
#content .month_wrap .nav_strip{padding:6px 10px; color:#fff; font-size:12px; font-weight:bold; }
#main #content .month_wrap .nav_strip a{color:#fff; text-decoration:none;}
#main #content .month_wrap .nav_strip a.back{float:left; padding-left:23px; line-height:16px;
background:url(../../template/images/close-month.gif) left top no-repeat;}
#main #content .month_wrap .nav_strip .pagination{float:right;}
/* financial table */
#content table.fin_table{background:#f1f1f2; line-height:1.1; font-size:1.143em;}
#content table.fin_table th{font-size:0.833em; padding:4px 1px; border-top:1px solid #231f20; border-bottom:1px solid #231f20;}
#content table.fin_table th.spacer{border-bottom:none;}
#content table.fin_table td{padding:7px 1px 0; border-bottom:1px solid #231f20;}
#content table.fin_table td.spacer{border-bottom:none; width:11px;}
#content table.fin_table tr.gutter td{padding-top:28px;}
#content table.fin_table tr.hilite td{background:#d0dff1;}
#content table.fin_table tr.hilite td.spacer{background:none;}
/* download centre */
#content .download_brochure{padding:10px 0 20px; margin:3em 0 0.75em;
border-top:2px solid #205352; border-bottom:3px solid #205352;}
#content .download_brochure img{float:left; display:inline; margin-right:13px;}
#content .download_brochure p{float:left; width:280px;}
#content .download_brochure p a{color:#231F20; text-decoration:none;}
#content .download_brochure p a:hover{text-decoration:underline;}
#content .download_podcast{margin-bottom:1.286em;}
#content .download_podcast .panel{float:left; display:inline; margin-right:13px; padding:13px; width:144px; background:#65B360;}
#content .download_podcast .panel a{display:block; padding-left:11px; color:#fff; font-size:1.143em;
font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;
background:url(../../template/images/content-panel-bullet.png) 0 0.4em no-repeat;}
#content .download_podcast p{float:left; width:280px;}
#content .download_podcast p a{color:#231F20; text-decoration:none;}
#content .download_podcast p a:hover{text-decoration:underline;}
/* contact us */
#content .contact_form{border:1px solid #CCC; padding:20px 0 10px 15px; background:#efefef; margin-bottom:2em;}
#content .contact_form dt{float:left; width:150px; font-weight:bold; padding-top:4px;}
#content .contact_form dd{margin-bottom:8px;}
#content .contact_form dd input,
#content .contact_form dd textarea{border:1px solid #385453; padding:3px 5px; width:340px;}
#content .contact_form p input{margin-left:150px;}
#content p.msg{font-weight:bold; font-style:italic;}
/* sitemap */
#content ul.sitemap{}
#content ul.sitemap li.level01{font-weight:bold; font-size:14px; margin-bottom:15px;}
#content ul.sitemap li.level01 ul{margin:5px 0 0 20px;}
#content ul.sitemap li.level01 li{font-weight:normal; font-size:12px; margin-bottom:5px;}
/* pop up */
#popContent{position:absolute; bottom:15px; left:0; width:907px; height:565px; padding:18px; position:relative; display:none;
border:1px solid #dde6e5; background:#fff;}
#closeBtn{position:absolute; bottom:17px; right:17px; width:15px; height:17px; text-indent:-9999px; overflow:hidden;
background:url(../../template/images/close-pop.gif) no-repeat;}
#popContent h2{font-size:1.167em; font-weight:bold; margin-bottom:0.3em;}
#popContent .sidebar{float:left; width:180px; padding-right:21px; border-right:1px solid #918f90; height:565px; position:relative;
font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:1.25;}
#popContent .sidebar h3{font-size:12px; font-weight:bold; margin-bottom:1.15em;}
#popContent .sidebar p{font-size:11px; margin-bottom:1.25em;}
#popContent .content{float:right; width:680px; padding-right:10px; height:535px; overflow:auto;}
#popContent .content h2{font-size:12px; font-weight:bold; margin-bottom:1.15em;}
#popContent .content h2.special{font-size:1.857em; font-weight:normal; padding:0; line-height:1.1; margin:0.25em 0 1em; color:#385453;
font-family:Georgia, "Times New Roman", Times, serif;}
#popContent .content h3{font-family:sans-serif; color:#569fd3;}
#popContent .content p{margin-bottom:1.25em;}
#popContent .content a{color:#54b948; text-decoration:underline;}
#popContent .content a:hover{text-decoration:none;}
#popContent .content .alt_color{color:#569fd4;}
#popContent .content .item{display:none;}
#popContent .special_content{font-size:14px;}
#popContent .special_content h2{font-size:1.857em; font-weight:normal; padding:0; line-height:1.1; margin-bottom:1.65em;}
#popContent .special_content h3{font-size:1.143em; font-weight:bold; font-family:sans-serif; color:#385453;}
#popContent .special_content p{margin-bottom:1.25em;}
#popContent .special_content .item{width:500px;}
#popContent .special_content .col_left{float:left; width:425px;}
#popContent .special_content .col_right{float:right; width:425px;}
#pop_arrows{position:absolute; bottom:0; left:0; height:19px; line-height:19px; color:#215352; font-family:sans-serif; }
#pop_arrows a,
#pop_arrows div{float:left;}
#pop_arrows a.prev{width:19px; height:19px; text-indent:-9999px; overflow:hidden; display:inline;
background:url(../../template/images/pop-arrows.gif) 0 -19px no-repeat;}
#pop_arrows a.next{width:19px; height:19px; text-indent:-9999px; overflow:hidden; display:inline; margin-left:3px; margin-right:4px;
background:url(../../template/images/pop-arrows.gif) 0 0 no-repeat;}
/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
abbr:after { content: " (" attr(title) ")"; }
.ir{text-indent:0!important; background:none!important;}
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
#header .header_links,
#nav,
#lhs,
#rhs{display:none;}
#header .inner {height:93px;}
#main{width:auto;}
#content{width:auto; float:none;}
}
/*
* Media queries for responsive design
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}