.Foo{} /* CSS Document */ /* -- How to find a webpart --- */ /* -- See index on top of this page. They are the all webparts class required for this website. Find the class of webpart you need to modify then 'Ctrl+F' to search. /* -- Some content webparts only appear in one or two specific templates so to make it easier to modify, they are categories by templates. Search by using below template name and find the webpart you need to modify for the specific template: */ /* ---- webparts list -----*/ /* --search keyword --*/ /* alertbox */ /* branded /* calendar /* contentbanner /* divider_padded /* divider /* divbox /* docdownload /* document /* errormessage /* events /* expandx /* findbox /* floatboxL /* floatboxR /* floatbox2 /* formbox /* form_element_wrap /* greenbar /* generalbox /* greentab /* green /* highlightbox /* light /* ratingbox /* Resultsbox /* searchbox /* searchsite /* searchLHS /* searchRHS /* searchitem /* section /* section2 /* sidebox /* subbox /* stepbox /* textbox /* thumb /* version /* --- Template name list for search --- */ /* AC Form styles /* AC Articles /* AC Form styles /* AC Inspected Body /* level one styles /* Level two styles /* Search result styles /*Common side bar parts*/ /* - sidebar elements, outerbox. This can be placed in both right and left col - **/ .sidebox {border:1px solid #e3e3e3; width:178px; background:#fff url(/PublishingImages/template/LHS_col/sidebox_footer.gif) bottom no-repeat; padding:0 0 10px 0; margin:0 0 9px 0; text-align:left; } .sidebox .header{background:#063; color:#fff; padding:5px 8px; font-weight:bold; } .sidebox .header h3 {font-size:1.2em; padding:0; margin:0;} .sidebox .body {padding:8px;} .sidebox ul {padding:0; margin:5px 0 0 0;} .sidebox ul li {background:url(/PublishingImages/template/general_bullet.gif) 0 3px no-repeat; padding:0 0 0 15px; margin:0; list-style:none;} .sidebox ul li a {color:#000099; text-decoration:none;} .sidebox ul li a:hover {text-decoration:underline;} .sidebox ul li a:active, .sidebox ul li a:focus {color:#fff !important; background-color:#455560;text-decoration:none !important;} .sidebox a {color:#000099; text-decoration:none;} .sidebox a:hover {text-decoration:underline;} .sidebox a:active, .sidebox a:focus {color:#fff !important; background-color:#455560;text-decoration:none !important;} .sidebox input {font-family:Arial;} .more {text-align:right; padding:0 0 8px 0;} .more a {color:#000099; text-decoration:none;} .more a:hover {text-decoration:underline;} .more a:active, .more a:focus {color:#fff; background:#455560;} /**/ /* - sidebar elements, innner box with boder bottom */ .section {padding:0 0 10px 0; margin:0 0 5px 0; background:url(/PublishingImages/template/LHS_col/dotted_line.gif) bottom repeat-x;} .section .imagebox {} .section .date {} .section a {text-decoration:none;color:#000099;} .section a:hover {text-decoration:underline;} .section a:active, .section a:focus {color:#fff; background:#455560;} .section .title {font-weight:bold; color:#7ab800;} .section p {margin:5px 0;} /* - sidebar elements, innner box with boder bottom */ .section2 form {margin:0; padding:0;} .section2 form input {float:left;} .section2 form label {display:block;} .section2 .checkboxlabel{width:141px; float:right; padding:4px 0 0 0;} .section2 ul {padding:0; margin:5px 0 0 0;} .section2 ul li {background:url(/PublishingImages/template/general_bullet.gif) 0 3px no-repeat; padding:0 0 0 15px; margin:0; list-style:none;} .section2 ul li a {color:#000099; text-decoration:none;} .section2 ul li a:hover {text-decoration:underline;} .section2 ul li a:active, .section2 ul li a:focus {color:#fff; background:#455560;} .section2 a {text-decoration:none;color:#000099;} .section2 a:hover {text-decoration:underline;} .section2 a:active, .section2 a:focus {color:#fff; background:#455560;} /**/ /* - calendar style - */ #calendar {text-align:center; } #month {background:#8cd600;color:#000; padding:5px 8px; font-weight:bold;font-size:1.2em; text-align:left;} #calendar table {background:#cfd3d6; width:176px; margin:2px 0 0 0; border-bottom:1px solid #caced1;} #calendar td {} #calendar .otherdayofmonth {background:#cfd3d6;border:1px solid #caced1; width:32px; display:block; padding:8px 0; } #calendar .today {background:#fff; color:#ad002b; border:1px solid #caced1; width:32px; display:block; font-weight:bold; } #calendar .today a {color:#000099; text-decoration:none;} #calendar .today a:hover {text-decoration:underline;} #calendar .today a:active, #calendar .today a:focus {color:#fff; background:#455560; text-decoration:none;} #calendar .block {border:1px solid #ad002b; padding:8px 0; display:block;} #calendar .date {background:#fff; border:1px solid #caced1; width:32px; display:block; padding:8px 0; font-weight:bold;} #calendar .date a {color:#000099; text-decoration:none;} #calendar .date a:hover {text-decoration:underline;} #calendar .date a:active, #calendar .date a:focus {color:#fff; background:#455560; text-decoration:none;} #calendar .datekey1 {background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat; border:1px solid #caced1; width:32px; display:block; padding:8px 0;} #calendar .datekey2 {background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat; border:1px solid #caced1; width:32px; display:block; padding:8px 0;} #calendar .datekey3 {background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat; border:1px solid #caced1; width:32px; display:block; padding:8px 0;} #calendar .datekey4 {background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat; border:1px solid #AD002B; width:32px; display:block; padding:8px 0;} #calendar .datekey5 {background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat; border:1px solid #AD002B; width:32px; display:block; padding:8px 0;} #calendar .datekey6 {background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat; border:1px solid #AD002B; width:32px; display:block; padding:8px 0;} #calendar .datekey1 a, #calendar .datekey2 a, #calendar .datekey3 a {text-decoration:none;color:#000099; font-weight:bold;} #calendar .datekey4 a, #calendar .datekey5 a, #calendar .datekey6 a {text-decoration:none;color:#000099; font-weight:bold;} #calendar .datekey1 a:hover, #calendar .datekey2 a:hover, #calendar .datekey3 a:hover, #calendar .datekey4 a:hover, #calendar .datekey5 a:hover, #calendar .datekey6 a:hover {text-decoration:underline;} #calendar .datekey1 a:active, #calendar .datekey2 a:active, #calendar .datekey3 a:active, #calendar .datekey4 a:active, #calendar .datekey5 a:active, #calendar .datekey6 a:active {color:#fff; background:#455560;} #calendar .datekey1 a:focus, #calendar .datekey2 a:focus, #calendar .datekey3 a:focus, #calendar .datekey4 a:focus, #calendar .datekey5 a:focus, #calendar .datekey6 a:focus {color:#fff; background:#455560;} .day {background:#455560; color:#fff; text-align:center; margin:0 1px 2px 0; padding:3px 0; font-weight:bold;} #calendar table {text-align:center;} #key {background:#e1edc8; border:2px solid #fff;} #key h3 {font-size:120%; font-weight:bold; margin:0; padding:3px 0 3px 5px; height:1%;} #key h4 {font-size:120%; font-weight:bold; margin:0; padding:3px 0 3px 5px; height:1%;} #eventbox {width:35px; float:left; margin:0 ; text-align:left; padding:23px 0 0 3px; background:url(/PublishingImages/template/LHS_col/keys/key1.gif) left top no-repeat;} #docbox {width:55px; float:left; margin:0 3px; text-align:center; padding:23px 0 0 3px; background:url(/PublishingImages/template/LHS_col/keys/key2.gif) center top no-repeat;} #doc_eventbox {width:55px; float:left; margin:0 3px; text-align:center; padding:23px 0 0 3px; background:url(/PublishingImages/template/LHS_col/keys/key3.gif) center top no-repeat;} #key .footer { background:url(/PublishingImages/template/LHS_col/dotted_divider.gif) no-repeat; height:7px; clear:both; margin:10px 0 0 0; font-size: 0.00005px; } /* - events box, appear below calendar - */ #events {} #events .key1 {background:url(/PublishingImages/template/LHS_col/keys/key1_white.gif) 0 3px no-repeat; padding:5px 8px 5px 30px; margin:0 3px; border-bottom:1px dotted #a1a9ae;min-height:2.5em;} #events .key2 {background:url(/PublishingImages/template/LHS_col/keys/key2_white.gif) 0 3px no-repeat; padding:5px 8px 15px 30px; margin:0 3px; border-bottom:1px dotted #a1a9ae;} #events .key3 {background:url(/PublishingImages/template/LHS_col/keys/key3_white.gif) 0 3px no-repeat; padding:5px 8px 5px 30px; margin:0 3px; border-bottom:1px dotted #a1a9ae;min-height:2.5em;} #events a {text-decoration:none;color:#000099;} #events a:hover {text-decoration:underline;} #events a:active, #events a:focus {color:#fff; background:#455560;} #events .more {padding:10px 5px 0 0;} /* IE6 hack to force height when one line events */ * html #events .key1, *html #events .key3 {height:2.5em;} /* - Green tab menu , generally appear in homepage - */ .greentab {width:158px; background:url(/PublishingImages/template/LHS_col/greentab_bottom.gif) no-repeat bottom; } .greentab a {padding:0px 15px 10px 10px; color:#fff; display:block; text-decoration:none; font-weight:bold;} .greentab a:hover{text-decoration:underline;} .greentab a:active, .greentab a:focus {text-decoration:underline !important;background-color:Transparent !important;} .greentab .header {background:url(/PublishingImages/template/LHS_col/greentab_top.gif) no-repeat top;} /*Common content parts*/ /* - searchbox style, generally appear in mid col in homepage - */ #searchbox {float:right; padding:0 0 20px; width:150px;} #searchbox input {font-size:100%;} #searchbox label {display:none;} #searchbox .button {text-align:right; padding:5px 0 0 0;} #searchbox #search {width:55px; /*140px*/} #searchbox a {text-decoration:none;} /* - searchboxbody style, generally appear in right col in bodypage - */ #searchboxbody {float:right; padding:0 0 0 0; width:160px;} #searchboxbody input {font-size:120%;margin-top:8px;} *html #searchboxbody input {width:140px;} #searchboxbody label {display:none;} #searchboxbody .button {text-align:right; padding:5px 0 0 0;} #searchboxbody #search {width:55px; /*140px*/} /* - search org button style - homepage content area - */ .searchorgbut {background: url(/PublishingImages/template/buttons/find_organisation.gif) 0 0 no-repeat; width:126px; height:24px; cursor:pointer; border:none;margin-right:3px;} .searchorgbut:hover {background: url(/PublishingImages/template/buttons/find_organisation.gif) 0 -24px no-repeat;} /* -- These style are for IE 6 to allow input button rollover - */ * html #searchbox {height:1%;} * html #searchbox a {background: url(/PublishingImages/template/buttons/find_organisation.gif) 0 0 no-repeat; cursor:pointer; border:none;} * html #searchbox a:hover, * html #searchbox a:active, * html #searchbox a:focus {background: url(/PublishingImages/template/buttons/find_organisation_ie.gif) 0 0 no-repeat;} * html .searchorgbut {width:126px; height:24px; cursor:pointer; border:none; background:transparent;} * html #searchboxbody {height:1%;} * html #searchboxbody a {background: url(/PublishingImages/template/buttons/find_organisation.gif) 0 0 no-repeat; cursor:pointer; border:none;} * html #searchboxbody a:hover, * html #searchbox a:active, * html #searchbox a:focus {background: url(/PublishingImages/template/buttons/find_organisation_ie.gif) 0 0 no-repeat;} /* where are these buttons? **/ .searchorgbuts {background: url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; width:53px; height:24px; cursor:pointer; border:none;} .searchorgbuts:hover {background: url(/PublishingImages/template/buttons/find.gif) 0 -24px no-repeat;} /* -- These style are for IE 6 to allow input button rollover - */ * html .searchorgbuts {width:53px; height:24px; cursor:pointer; border:none; background:transparent;} /**/ /* - some mid col elements - */ .textbox {padding:0 12px; font-size:1.12em; } /*IE 6 text bug*/ * html .textbox {height:2%;} /*end*/ .divider_padded {border-bottom:1px dotted #bdc2c6; padding:0 12px; height:10px; margin:0 12px; } .expandx {height:1%;} .divider {background:url(/PublishingImages/template/LHS_col/dotted_line.gif) bottom repeat-x; height:2px; clear:left;} *html .divider {clear:none;} #midcolbox h2 {display:block; margin:0; padding:8px 0; color:#063;font-size:180%} #midcolbox h3 {margin:0; padding:8px 0; color:#063;font-size:150%;} #midcolbox h4 {margin:0 !important; padding:10px 0 0 !important; color:#063;font-size:135%} #midcolbox h5 {margin:0 !important; padding:6px 0 0 !important; color:#063;font-size:115%} #midcolbox h6 {margin:0 !important; padding:6px 0 0 !important;font-size:100%; color:#063;} /* h3.light not used any more, change to H2.light */ h2.light {font-size:180%; margin:5px 10px !important;} * html h2.light {height:1%} /*For IE 6 bug*/ strong.green {color:#063;} #version {color:#ad002b;} /* - subbox snippet- */ .subbox {padding:8px 10px 10px 10px; height:1%;} .subbox .subtitle {font-size:130%;} .subbox ul {padding:0; margin:0 0 0 10px; list-style:none;} .subbox ul li {background:url(/PublishingImages/template/general_bullet.gif) 0 6px no-repeat; padding:3px 0 3px 15px; margin:0; list-style:none;} .subbox ol, ul li ol {} .subbox ol li, ul li ol li {padding:3px 0;background:none;list-style-type:decimal;} .subbox ol li ul li {background:url(/PublishingImages/template/general_bullet.gif) 0 6px no-repeat; padding:3px 0 3px 15px; margin:0; list-style:none;} .subbox dl dt {font-weight:bold;color:#37424a;} .subbox dl dd {padding:3px 0;} .subbox h3 {padding:3px 0 0 0 !important;} *html .subbox p {height:auto;} /*cancels ie6 bug*/ .subbox a {font-weight:normal !important; text-decoration:none; color:#000099;} .subbox a:hover {text-decoration:underline;} .subbox a:active, .subbox a:focus {color:#fff; background:#455560;} /**/ /* - hightlight box for second level pages - */ .highlightbox {margin:0 0 5px 0; padding:0 0 5px 0; } .highlightbox .container {padding: 10px;} /*IE 6 text bug*/ * html .highlightbox .container {height:1%;} * html .highlightbox .item {height:1%} /*end*/ .highlightbox .title {} .highlightbox .title a {color:#000099; font-size:1.2em; text-decoration:none; font-weight:bold; /*padding:0 15px 0 0; background: url(/PublishingImages/template/general_bullet02.gif) no-repeat right;*/ } .highlightbox .title a:hover {text-decoration:underline;} .highlightbox .title a:active, .highlightbox .title a:focus {color:#fff; background:#455560;} .highlightbox .date {} img.bullet {display:inline; margin-left:5px; border:0px;text-decoration:none;} .highlightbox .imagebox {float:left; margin:0 10px 10px 0; } .highlightbox .text {float:right; } .highlightbox .more {padding:10px 0 0 0; display:block;} .highlightbox .divider {margin:10px 0 0 0;} .highlightbox .divider_body {background:url(/PublishingImages/template/LHS_col/dotted_line.gif) bottom repeat-x; height:2px;margin:10px 0 0 0;clear:left;} /**/ /* - search box in pagebanner area, This does not appear in homepage- */ #searchsite {text-align:right; padding:17px 10px 0 0; } #searchsite form {margin:0 0 6px 0; padding:0 10px 0 0; } /* not in use */ #searchsite label {display:none;} #searchsite input {font-size:90%;} /* #searchsite .find {background:url(/PublishingImages/template/buttons/find_pagebanner.gif) 0 0 no-repeat; width:55px; height:23px; border:none; } #searchsite .find:hover {background:url(/PublishingImages/template/buttons/find_pagebanner.gif) -1px -26px no-repeat; width:55px; height:23px; border:none; } */ #searchsite .searchbut {background:url(/PublishingImages/template/buttons/find_pagebanner.gif) 0 0 no-repeat; width:55px; height:23px; border:none; color:#f00;font-size:120%;font-weight:bold;text-decoration:none; cursor:pointer; margin-bottom:-7px; } #searchsite .searchbut:hover {background:url(/PublishingImages/template/buttons/find_pagebanner.gif) -1px -26px no-repeat; width:55px; height:23px; border:none; text-decoration:underline; } /* ---- These style are for IE 6 to allow input button rollover*/ * html #searchsite {height:1%;} * html #searchsite a {background: url(/PublishingImages/template/buttons/find_pagebanner.gif) 0 0 no-repeat !important; width:55px; height:23px; border:none; } * html #searchsite a:hover, * html #searchsite a:active, * html #searchsite a:focus {background: url(/PublishingImages/template/buttons/find_pagebanner_ie.gif) -1px 0 no-repeat !important; width:55px; height:23px; border:none;} * html .searchbut {width:55px; height:24px; cursor:pointer; border:none; background:transparent !important;margin-bottom:auto !important;} /** html #findbox .findOrgtn {width:55px; height:24px; cursor:pointer; border:none; background:transparent !important;}*/ /* AC Articles styles */ /* - alert me when this changes box - */ .alertbox {padding:0; background:#8cd600 url(/PublishingImages/template/mid-col/alert/top_bar.gif) top repeat-x; color:#000 !important;} .alert {padding:8px 10px;} .alert h3 {color:#000 !important; margin:0 !important; padding:3px 0 0 0 !important;font-size:150%;} .alert a {color:#000; text-decoration:underline;} /*.alert a:hover, .alert a:active, .alert a:focus {color:#fff; background:#455560;}*/ .alert form {margin:20px 22px;} .alert label {font-weight:bold; margin:0 5px 0 0;} /* - alert button - */ .alertMebtn {background:url(/PublishingImages/template/buttons/searchuptoalerts.gif) 0 0 no-repeat; width:126px; height:24px; border:none;cursor:pointer;margin-bottom:-7px;} .alertMebtn:hover {background:url(/PublishingImages/template/buttons/searchuptoalerts.gif) -1px -24px no-repeat; width:126px; height:24px;border:none;} /* ----- These style are for IE 6 to allow input button rollover*/ * html .alert a {background:url(/PublishingImages/template/buttons/searchuptoalerts.gif) 0 0 no-repeat; width:126px; height:24px; border:none; } * html .alert a:hover {background:url(/PublishingImages/template/buttons/searchuptoalerts_ie.gif) -1px 0 no-repeat; } * html .alertMebtn {width:126px; height:24px; border:none; background:transparent;cursor:pointer;margin-bottom:auto !important;} /**/ .docdownload {padding:8px 10px; clear:both; } .iconewindow { /*background: url(/PublishingImages/template/icons/new_window.gif) no-repeat right top; height: 50px; float: left; margin: 0 0px 0 0; position: static;*/ } .iconword {background:url(/PublishingImages/template/icons/word.gif) no-repeat; width:39px; height:38px; float:left; margin:-5px 10px 0 0;} .iconpdf {background:url(/PublishingImages/template/icons/pdf.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .iconxls {background:url(/PublishingImages/template/icons/xls.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .iconzip {background:url(/PublishingImages/template/icons/zip.gif) no-repeat; width:39px; height:38px; float:left; margin:-5px 10px 0 0;} .iconppt {background:url(/PublishingImages/template/icons/ppt.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .iconwmv {background:url(/PublishingImages/template/icons/wmv.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .iconoutlook {background:url(/PublishingImages/template/icons/outlook.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .iconpdfmono {background:url(/PublishingImages/template/icons/pdf_mono.gif) no-repeat; width:39px; height:38px;float:left; margin:-5px 10px 0 0;} .docdownload a {text-decoration:none;color:#000099;} .docdownload a:hover {text-decoration:underline;} .docdownload a:active, .docdownload a:focus {color:#fff; background:#455560;} /* - banner - */ .contentbanner {background:url(/PublishingImages/template/mid-col/banner/article_banner.gif) no-repeat; height:138px;} /* AC Form styles */ .formbox {margin:4px;padding:8px;} /*padding moved across from formbox form as form isn't used*/ .formbox form {padding:8px; margin:0; clear:both;} /*hack for IE 6 - as many boxes are floating these hacks are needed for IE 6*/ * html .formbox form {clear:right;} * html .form_element_wrap {clear:none !important; width:90%;} * html .label_wrap {clear:none !important;} * html .legend_wrap {clear:none !important;} * html form H3 {height:1%;} * html form p {height:1%;} .advancedsearch {padding:10px;} /*end*/ /* - step bar - */ .stepbox {} .stepbox ul {margin:0; padding: 0; list-style:none;} .stepbox ul li {display:block; float:left; list-style:none; background:url(/PublishingImages/template/mid-col/form/step_sprites.gif) 0 -260px no-repeat; padding:5px 0; height:35px; width:24%; font-size:1.5em; font-weight:bold; color:#fff; text-align:center; } .stepbox ul li.on {display:block; float:left; list-style:none; background:url(/PublishingImages/template/mid-col/form/step_sprites.gif) 0 -163px no-repeat; padding:5px 0; height:35px; width:24%; font-size:1.5em; font-weight:bold; color:#7ab800; text-align:center; } .stepbox ul li.done { background:url(/PublishingImages/template/mid-col/form/step_sprites.gif) 0 -260px no-repeat; } .stepbox ul li.done:link { background:url(/PublishingImages/template/mid-col/form/step_sprites.gif) 0 -260px no-repeat; cursor:pointer;height:35px; } .stepbox ul li.done:hover .stepbox ul li.done:active, .stepbox ul li.done:focus {background:url(/PublishingImages/template/mid-col/form/step_sprites.gif) 0 -52px no-repeat; color:#fff; } .stepbox ul li.done a {color:#fff;text-decoration:none; display:block; height:35px; cursor:pointer;} .stepbox ul li.done a:hover, .stepbox ul li.done a:active, .stepbox ul li.done a:focus {text-decoration:underline; color:#fff;} /* ---- error message box - this should be hidden unless there's an error message*/ .errormessage {background:#fdf6cb; padding:10px 10px; margin:0 0 15px 0;} .errormsghead {color:#AD002B;font-weight:bold;} /*IE6 text bug*/ * html .errormessage {height:1%;} /*end*/ .errormessage ul {margin:0 0 0 10px; padding:0 0 0 30px; background:url(/PublishingImages/template/mid-col/form/errormessage.gif) top left no-repeat;} .errormessage ul li {color:#ad002b; background:#fdf6cb none; padding:2px 0;list-style-type:none} /* - form elements - */ .defaultfieldset {border: 1px dotted; padding: 10px; margin: 10px;} .defaultlegend {display:inline; color:#37424a; background-color:#fff; font-size:100%; font-weight:700;} .form_element_wrap {clear:both; display:block; width:100%; margin:10px 0; padding:10px 0;} .form_element_wrap strong {font-size:1.12em;} .form_element_wrap input {} .label_wrap {clear:left; display:block; float:left; width:40%;} .legend_wrap {clear:left; display:block; float:left; width:40%;margin-left:-4px;margin-bottom:-1.5em;font-weight:bold;font-size:1.12em;} .optionbox, .inputbox{ float:right; width:60%;} .options {display:block;} .form_element_wrap select, .form_element_wrap textarea, .form_element_wrap input.textfield {width:65%; font-size:100%;font-family:Arial, Helvetica, sans-serif;}.redtext_normal {color:#ad002b; font-weight:normal; /*padding:0 0 0 6px;*/} .redtext_indent {color:#ad002b; font-weight:normal; padding:0 0 0 6px;} .redtext {color:#ad002b; font-weight:bold;} .optionbox label {display:none;} .buttonbox {clear:both;} /* - previous and next buttons - */ .formbox .prev {float:left; width:106px; height:25px; background:url(/PublishingImages/template/buttons/prev_step.gif) 0 0 no-repeat; cursor:pointer; border:none;} .formbox .prev:hover {float:left; width:106px; height:25px; background:url(/PublishingImages/template/buttons/prev_step.gif) 0 -25px no-repeat; cursor:pointer;border:none;} .formbox .next {float:right; width:85px; height:25px; background:url(/PublishingImages/template/buttons/next_step.gif) 0 0 no-repeat; cursor:pointer;border:none;} .formbox .next:hover {float:right; width:85px; height:25px; background:url(/PublishingImages/template/buttons/next_step.gif) 0 -25px no-repeat; cursor:pointer;border:none;} .formbox .submit {float:right; width:55px; height:25px; background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; cursor:pointer;border:none;} .formbox .submit:hover {float:right; width:55px; height:25px; background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 -24px no-repeat; cursor:pointer;border:none;} /* new style for find buttons on Find my location and advanced search pages */ .advancedsearch .find, .sidebox .find {float:right; width:55px; height:25px; background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; cursor:pointer;border:none;} .advancedsearch .find:hover, .sidebox .find:hover {float:right; width:55px; height:25px; background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 -24px no-repeat; cursor:pointer;border:none;} /* ---- When there are no previous or next pages, these classes need to be used*/ .formbox .prev_disabled {float:left; width:106px; height:25px; background:url(/PublishingImages/template/buttons/prev_step.gif) 0 -50px no-repeat; cursor:pointer;} .formbox .next_disabled {float:right; width:85px; height:25px; background:url(/PublishingImages/template/buttons/next_step.gif) 0 -50px no-repeat; cursor:pointer;} .buttonboxL {float: left;} .buttonboxR {float:right;} .buttonboxSubmit, .buttonboxFind {float:right;} /* ---- These style are for IE 6 to allow input button rollover*/ * html .buttonboxL a {background:url(/PublishingImages/template/buttons/prev_step.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxR a {background:url(/PublishingImages/template/buttons/next_step.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxSubmit a {background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxFind a {background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxL a:hover {background:url(/PublishingImages/template/buttons/prev_step_ie.gif) 0 -1px no-repeat; cursor:pointer; border:none; } * html .buttonboxR a:hover {background:url(/PublishingImages/template/buttons/next_step_ie.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxSubmit a:hover {background:url(/PublishingImages/template/buttons/find_ie_whitebg.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html .buttonboxFind a:hover {background:url(/PublishingImages/template/buttons/find_ie_whitebg.gif) 0 0 no-repeat; cursor:pointer; border:none; } * html #prevbutton {width:106px; height:25px; cursor:pointer; border:none; background:transparent;} * html #nextbutton {width:85px; height:25px; cursor:pointer; border:none; background:transparent;} * html .buttonboxSubmit #ctl00_PlaceHolderContent_PlaceHolderMidCol_PlaceHolderMain_advanceSearch_ctl00_idFindBtn {width:55px; height:25px; cursor:pointer; border:none; background:transparent; float:none;} * html .buttonboxFind .find {width:55px; height:25px; cursor:pointer; border:none; background:transparent; float:none;} /**/ /*AC Inspected Body*/ .textbox h2.light {color:#063 !important; font-size:180%; margin:5px 0 !important;} .textbox a {font-weight:normal !important; text-decoration:none; color:#000099;} .textbox a:hover {text-decoration:underline;} .textbox a:active, .textbox a:focus {color:#fff; background:#455560;} .textbox ul {padding:0; margin:0 0 0 10px; list-style:none;} .textbox ul li {background:url(/PublishingImages/template/general_bullet.gif) 0 6px no-repeat; padding:3px 0 3px 15px; margin:0; list-style:none;} .textbox ol {} .textbox ol li {padding:3px 0;} .textbox dl dt {font-weight:bold;color:#37424a;} .textbox dl dd {padding:3px 0;} /* - floating box left and right - */ .floatboxL {float:left; width:46%; padding:0 22px 0 0; clear:left; margin-bottom:10px; } .floatboxR {float:right; width:46%; padding:0 22px 0 0; margin-bottom:10px;} .floatboxL ol, .floatboxR ol {margin:8px 2px 3px 2px; padding:0 0 0 20px; } .floatboxL ol li, .floatboxR ol li {color:#7ab800; font-weight:bold; } .floatboxL ol li a, .floatboxR ol li a {font-weight:normal !important; text-decoration:none;color:#000099;} .floatboxL ol li a:hover, .floatboxR ol li a:hover {text-decoration:underline;} .floatboxL ol li a:active, .floatboxR ol li a:active, .floatboxL ol li a:focus, .floatboxR ol li a:focus {color:#fff; background:#455560;} .floatboxL ol li a.new, .floatboxR ol li a.new {background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 55px 0 0;} .floatboxL .title, .floatboxR .title {padding:0 15px 5px 0; color:#063; font-size:1.2em; text-decoration:none; font-weight:bold; } .floatboxL .title a, .floatboxR .title a {color:#000099; /*font-size:1.2em;*/ text-decoration:none; font-weight:bold; padding:0 15px 0 0; background: url(/PublishingImages/template/general_bullet02.gif) no-repeat right; } .floatboxL .title a:hover, .floatboxR .title a:hover {text-decoration:underline;} .floatboxL .title a:active, .floatboxR .title a:active, .floatboxL .title a:focus, .floatboxR .title a:focus {color:#fff; background:#455560;} .floatboxL .more, .floatboxL .more {margin:0 20px 0 0;} .floatboxL ul, .floatboxR ul {list-style:none;margin:8px 2px 3px 2px; padding:0;} .floatboxL ul li, .floatboxR ul li {padding:0 0 6px 0; margin:0;} .floatboxL ul li.off, .floatboxR ul li.off {margin:0; background:url(/PublishingImages/template/icons/content_general_bullet_off.gif) 0 4px no-repeat; padding:3px 0 3px 15px;} .floatboxL ul li a, .floatboxR ul li a {font-weight:normal !important; text-decoration:none;color:#000099; background:url(/PublishingImages/template/icons/content_general_bullet.gif) 0 1px no-repeat; padding:0 0 0 15px;} .floatboxL ul li a:hover, .floatboxR ul li a:hover {text-decoration:underline;} .floatboxL ul li a:active, .floatboxR ul li a:active, .floatboxL ul li a:focus, .floatboxR ul li a:focus {color:#fff; background:#455560;} .floatboxL ul li a.new, .floatboxR ul li a.new {background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 55px 0 0;} .floatboxL ul li.more a, .floatboxR ul li.more a {background:none !important; padding:0; line-height:22px;} .floatboxL .more a:active, .floatboxR .more a:active, .floatboxL .more a:focus, .floatboxR .more a:focus {color:#fff; background:#455560 !important;} .floatboxL .text, .floatboxR .text {width:70%;float:none;} .floatboxWide {width:95%;float:none;} .floatboxWide .text {width:95%;float:none;} /* - div tfor floatbox - */ .divbox {padding:0 12px;} /* - rating bar - */ .ratingbox .starFilled {width:22px; height:23px; background:url(/PublishingImages/template/icons/star_filled.gif) no-repeat; float:left;} .ratingbox .starEmpty {width:22px; height:23px; background:url(/PublishingImages/template/icons/star_empty.gif) no-repeat; float:left;} .ratingbox .description {clear:both; padding:5px 0;} .ratingbox .title a {color:#000099; text-decoration:none; font-weight:normal; padding:0 15px 0 0; background: url(/PublishingImages/template/general_bullet02.gif) no-repeat right; } .ratingbox .title a:active, .ratingbox .title a:focus {color:#fff; background:#455560;} .ratebar_01 {width:111px; height:18px; background:url(/PublishingImages/template/icons/rating_01.gif) no-repeat;} .ratebar_02 {width:111px; height:18px; background:url(/PublishingImages/template/icons/rating_02.gif) no-repeat;} .ratebar_03 {width:111px; height:18px; background:url(/PublishingImages/template/icons/rating_03.gif) no-repeat;} .ratebar_04 {width:111px; height:18px; background:url(/PublishingImages/template/icons/rating_04.gif) no-repeat;} .ratebar_05 {width:111px; height:18px; background:url(/PublishingImages/template/icons/rating_05.gif) no-repeat;} /* - performance labels - */ .poor {width:145px; height:46px; background:url(/PublishingImages/template/icons/poor.gif) no-repeat;} .weak {width:145px; height:46px; background:url(/PublishingImages/template/icons/weak.gif) no-repeat;} .fair {width:145px; height:46px; background:url(/PublishingImages/template/icons/fair.gif) no-repeat;} .good {width:145px; height:46px; background:url(/PublishingImages/template/icons/good.gif) no-repeat;} .excellent {width:145px; height:46px; background:url(/PublishingImages/template/icons/excellent.gif) no-repeat;} .goodfair {width:145px; height:46px; background:url(/PublishingImages/template/icons/goodfair.gif) no-repeat;} /* Search result styles */ .generalbox {padding:0; clear:both;} /*IE 6 hack*/ * html .generalbox {padding:0; clear:none;} /*To avoid content dropping down*/ /*end*/ .generalbox p.main {font-size:1.12em; font-weight:bold; margin: 10px 0;} .generalbox p {margin: 10px 0;} .generalbox p.padded {padding:3px 23px; margin:5px 0 0 0;} .generalbox p.padded a, .generalbox p.padded a:hover .generalbox p.padded a:active, .generalbox p.padded a:focus {color:#fff; background:#455560;} .padding { height:20px; clear:both;} *html .padding {clear:right;} /* IE6 hack */ /* - green bar styles - */ .greenbar {padding:5px 10px; background:#e3eecc url(/PublishingImages/template/mid-col/subbox/bar_bottom.gif) bottom repeat-x; font-size:110%; clear:both; margin:10px 0;} .greenbar a {color:#1E3494; text-decoration:underline;} .greenbar a:hover {text-decoration:none;} .greenbar a:active, .greenbar a:focus {color:#fff; background:#455560;} /*IE 6 hack*/ * html .greenbar {clear:none;} /*end*/ /* - elements inside greenbar - */ .Resultsbox {float:right; margin:0 10px 0 0;} .pagenumber {float:right;clear:right;} .pagelink {float:left; display:block; margin:0 5px 0 0;} .pagenumber .prev {width:16px; height:14px; display:block; float:left; margin:0 5px 0 0; background:url(/PublishingImages/template/buttons/page_sprites.gif) 32px 0; cursor:pointer;} .pagenumber .next {width:16px; height:14px; display:block; float:left; margin:0 5px 0 0; background:url(/PublishingImages/template/buttons/page_sprites.gif) 0 0; cursor:pointer; } .pagenumber .prevoff {width:16px; height:14px; display:block; float:left; margin:0 5px 0 0; background:url(/PublishingImages/template/buttons/page_sprites.gif) 16px 0; cursor:default; } .pagenumber .nextoff {width:16px; height:14px; display:block; float:left; margin:0 5px 0 0; background:url(/PublishingImages/template/buttons/page_sprites.gif) 48px 0; cursor:default; } .sortbox {float:left;} .sorttype {font-weight:bold; } .sorttype a {font-weight:normal; margin:0 3px;} .pages, .pagetotal {font-weight:bold} .pagenumber a:active, .sorttype a:active, .pagenumber a:active, .sorttype a:active {color:#fff; background:#455560;} .pagenumber a:focus, .sorttype a:focus, .pagenumber a:focus, .sorttype a:focus {color:#fff; background:#455560;} /* - searchresultbox - */ .searchLHS {float:left;width:75%; } .searchresultbox {background:url(/PublishingImages/template/mid-col/searchresult/RHS_tile.gif) top right repeat-y; margin:15px 0 0 0; height:1%; clear:both; } .searchresultboxnobkg {background:none top right repeat-y; margin:15px 0 0 0; height:1%; clear:both; } .searchresult {clear:both;background:url(/PublishingImages/template/mid-col/bar_bottom.gif) repeat-x bottom; padding:10px 10px 10px 10px } .searchresult .date {display:block; padding:10px 0 5px 0; clear:both;} .Locations {background: url(/PublishingImages/template/icons/locations.gif) 30px 10px no-repeat; padding:10px 0 10px 80px; margin:0;} .Organisations {background:url(/PublishingImages/template/icons/organisations.gif) 30px 10px no-repeat; padding:10px 0 10px 80px; margin:0;} .Documents {background:url(/PublishingImages/template/icons/documents.gif) 30px 10px no-repeat; padding:10px 0 10px 80px; margin:0;} .searchresult a {font-size:110%; font-weight:bold; color:#000099; text-decoration:none; } .searchresult a:hover {text-decoration:underline;} .searchresult a:active, .searchresult a:focus {color:#fff; background:#455560;} /* - search result RHS col - */ .searchRHS {float:right; width:180px; } .searchRHS .header {background:url(/PublishingImages/template/mid-col/searchresult/RHS_header.gif) top no-repeat; } .searchRHS .header h3 {color:#fff !important; font-size:1.2em !important; margin:0 !important; padding:3px 0 5px 20px!important;} .searchitem {padding:5px 15px;/* padding-right:0px; margin:0 0 10px 0;clear:both;*/} /*.searchitem form {margin:0 0 10px 0; padding:0; clear:both;}*/ .searchitem legend {display:block;margin-left:-4px;} .searchitem .title {font-size:1.2em; font-weight:bold; padding:0 0 5px 0;} .searchitem input {font-size:100%;} .searchitem .RHStextinput {width:90%;} .searchitem label {} .searchitem .more a {color:#1E3494;} .searchitem .more a:active, .searchitem .more a:focus {color:#fff; background:#455560 !important;} /*.searchitem .desc {padding-right:5px}*/ /* - RHS find button - */ .findRHS {float:right; width:53px; height:25px; margin:10px 0 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; border:none; cursor:pointer;} .findRHS:hover {float:right; width:53px; height:25px; margin:10px 0 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 -24px no-repeat; border:none; cursor:pointer;} /* ---- These style are for IE 6 to allow input button rollover */ * html .RHSsearch {float:right; margin-top:10px;} * html .RHSsearch a {background: url(/PublishingImages/template/buttons/find.gif) no-repeat; width:53px; height:15px; cursor:pointer; border:none; display:block; } * html .RHSsearch a:hover {background:url(/PublishingImages/template/buttons/find_ie.gif) no-repeat;display:block;} /** html .findRHS {width:53px; height:15px; cursor:pointer; border:none; background:transparent; }*/ * html .RHSsearch #ctl00_PlaceHolderContent_PlaceHolderMidCol_PlaceHolderMain_advanceSearch_ctl00_idFindBtn {width:53px; height:15px; cursor:pointer; border:none; background:transparent;} .locationbut label {background:url(/PublishingImages/template/mid-col/searchresult/location.gif) -3px -2px no-repeat; padding:2px 0 2px 20px;} .organisationbut label {background:url(/PublishingImages/template/mid-col/searchresult/organisation.gif) -3px -2px no-repeat; padding:2px 0 2px 20px;} .documentbut label {background:url(/PublishingImages/template/mid-col/searchresult/document.gif) -3px -1px no-repeat;padding:2px 0 2px 20px;} .redtext {color:#ad002b; font-weight:bold;} .searchitem .more {text-align:right; background:url(/PublishingImages/template/mid-col/searchresult/RHS_border.gif) top repeat-x !important; clear:both; padding:3px 0 0 0;} .searchitem .more a {background:url(/PublishingImages/template/mid-col/searchresult/link_icon.gif) right no-repeat !important; padding:0 15px 0 0; } /**/ /* level one styles */ /* - find an organisation box - */ #findbox {width:23%; float:left; margin:0 10px 5px 10px; } #findbox form {margin:0; padding:0;} #findbox .header {background:#063; color:#fff; padding:5px 8px 5px 12px; font-size:110%; font-weight:bold;} #findbox .body {background:#e3efca; padding:5px 8px 5px 12px; height:1%;} #findbox label {padding:10px 0 5px 0; font-weight:bold; display:block;} #findbox #ctl00_PlaceHolderContent_PlaceHolderMidCol_PlaceHolderMain_topPanel_findOrganization_ctl00_idOrgSearchTxt {display:block; width:80%; font-size:100%;font-family:Arial;} #findbox a {text-decoration:none;color:#1E3494;} #findbox a:hover {text-decoration:underline;} #findbox a:active, #findbox a:focus {color:#fff;} #findbox .more {padding:10px 0 0 0; } #findbox .more a {padding-right:10px; } #findbox .more #midcol_findbutton {padding:0;} * html #findbox .findOrgtn { margin-bottom:auto !important;} /* ---- Used to be done in actb.js */ #tat_table {width:155px;} .findOrgtn {background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; width:53px; height:23px; border:none; cursor:pointer;margin-bottom:-7px } .findOrgtn:hover {background:url(/PublishingImages/template/buttons/find.gif) 0 -24px no-repeat; width:53px; height:23px; border:none; } .sidebox .findOrgtn {background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; width:53px; height:23px; border:none;margin-bottom:auto !important; } .sidebox .findOrgtn:hover {background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 -24px no-repeat; width:53px; height:23px; border:none; } /* ---- These style are for IE 6 to allow input button rollover*/ * html #orgsearchbox a {background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; width:55px; height:23px; cursor:pointer; border:none; } * html #orgsearchbox a:hover, * html #orgsearchbox a:active, * html #orgsearchbox a:focus {background:url(/PublishingImages/template/buttons/find_ie.gif) 0 0 no-repeat; width:55px; height:23px;} * html .sidebox #orgsearchbox a {background:url(/PublishingImages/template/buttons/find_whitebg.gif) 0 0 no-repeat; width:55px; height:23px; cursor:pointer; border:none; } * html .sidebox #orgsearchbox a:hover, * html #orgsearchbox a:active, * html #orgsearchbox a:focus {background:url(/PublishingImages/template/buttons/find_ie_whitebg.gif) 0 0 no-repeat; width:55px; height:23px;} * html #hcssearchbox a {background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; width:55px; height:23px; cursor:pointer; border:none; float:right; padding-right:20px; } * html #hcssearchbox a:hover, * html #orgsearchbox a:active, * html #orgsearchbox a:focus {background:url(/PublishingImages/template/buttons/find_ie.gif) 0 0 no-repeat; width:55px; height:23px;float:right; padding-right:20px;} * html #midcol_findbutton input {width:55px; height:23px; cursor:pointer; border:none; background:transparent;} /* - org search button - */ #orgsearchbut {float:right; width:53px; height:25px; margin:0 10px 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; border:none; cursor:pointer;} #orgsearchbut:hover {float:right; width:53px; height:25px; margin:0 10px 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 -24px no-repeat; border:none; cursor:pointer;} #hcssearchbut {float:right; width:53px; height:25px; margin:0 10px 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 0 no-repeat; border:none; cursor:pointer;padding-right:20px;} #hcssearchbut:hover {float:right; width:53px; height:25px; margin:0 10px 0 0; background:url(/PublishingImages/template/buttons/find.gif) 0 -24px no-repeat; border:none; cursor:pointer;} .floatbox2 {float:left; width:46%; padding:0 22px 0 0; } .floatbox2 ol {margin:8px 2px 3px 2px; padding:0 0 0 20px; } .floatbox2 ol li {color:#7ab800; font-weight:bold; } .floatbox2 ol li a {font-weight:normal !important; text-decoration:none;color:#000099;} .floatbox2 ol li a:hover {text-decoration:underline;} .floatbox2 ol li a:active, .floatbox2 ol li a:focus {color:#fff; background:#455560;} .floatbox2 ol li span.new {background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 50px 0 0;} .floatbox2 ol li span.new:active{background:#455560;} .floatbox2 .title {padding:0 0 5px 0;} .floatbox2 .title span {color:#4f9600; font-size:1.2em; text-decoration:none; font-weight:bold; padding:0 15px 0 0; } .floatbox2 .title a {color:#000099; font-size:1.2em; text-decoration:none; font-weight:bold; padding:0 15px 0 0; background: url(/PublishingImages/template/general_bullet02.gif) no-repeat right; } .floatbox2 .title a:hover {text-decoration:underline;} .floatbox2 .title a:active, .floatbox2 .title a:focus {color:#fff; background:#455560;} .floatbox2 .more {margin:0 20px 0 0;} .floatbox2 ul {list-style:none;margin:8px 2px 3px 2px; padding:0;} .floatbox2 ul li {background:url(/PublishingImages/template/icons/content_general_bullet.gif) 0 4px no-repeat; padding:3px 0 3px 18px;} .floatbox2 ul li a {font-weight:normal !important; text-decoration:none;color:#000099;} .floatbox2 ul li a:hover {text-decoration:underline;} .floatbox2 ul li a:active, .floatbox2 ul li a:focus {color:#fff; background:#455560;} .floatbox2 ul li span.new {background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 50px 0 0;} .floatbox2 ul li span.new:active{background:#455560;} .floatbox2 .text {width:70%; float:none} /*Level two styles*/ /* - document download - */ .document {} .document .title {font-size:1.2em;font-weight:bold;margin-top:1.5em;} .document .title a {color:#000099; text-decoration:none;} .document .title a:hover {text-decoration:underline;} .document .title a:active, .document .title a:focus {color:#fff; background:#455560;} .document ul {list-style:none;margin:8px 2px 3px 2px; padding:0;} .document ul li {background:url(/PublishingImages/template/icons/content_general_bullet.gif) 0 3px no-repeat; padding:2px 0 2px 20px;} .document ul li a {font-weight:normal !important; text-decoration:none; color:#000099;} .document ul li a:hover {text-decoration:underline;} .document ul li a:active, .document ul li a:focus {color:#fff; background:#455560;} /* Featured article images */ img.branded { width:155px; height:100px; } img.thumb { width:140px; height:80px; } img.NSbranded { width:160px; height:100px; } /* html divider */ hr { margin:0; border:none; border-bottom:2px dotted #d8d8de; clear:both; color:#fff; } /* national study report cover */ .studycover {float:right;margin:5px 0 5px 5px;} /* used on search results page */ .postcodedivider {margin-left:32px; margin-top:5px; font-weight:bold; } /* table styles */ table.tbl-styled {width:100%;margin:15px auto;} table.tbl-styled th {background-color:#006633; color:#fff; padding:3px; border:1px solid #000; border-bottom-width:0px; text-align:left; vertical-align:top; } table.tbl-styled tr.odd {background-color:#efefef; color:#000;} table.tbl-styled tr.even {background-color:#ccc; color:#000;} table.tbl-styled tr.rlast td {border-bottom:1px solid #000;} table.tbl-styled td {border-top:1px solid #000;border-left:1px solid #000;padding:3px;vertical-align:top; } table.tbl-styled td.clast {border-right:1px solid #000;} table.tbl-styled caption {text-align:left;font-weight:bold;margin-bottom:10px;}