/* PRCC Stylesheet Authors: Alastair Fear Version: 0.1 Last Update: 01/11/2009 */ /***************************known used styles***********************************/ .toppicborder { border-style: solid; border-width: 0px; margin: 5px 0px; } #navigation { width: 748px; margin-right: auto; margin-left: auto; clear: both; overflow: hidden; } /* Navigation Styles */ #navigation ul { list-style-type: none; width: auto; margin: 0; padding: 0; } #navigation li { float: left; } #navigation a { text-decoration: none; color: #fff8dc; display: block; margin: 0 1px; padding: 5px; border: 1px solid #708090; background-color: #336666; } #navigation a:hover { text-decoration: none; color: #261; background-color: #000080; } /* The div id main sets the page width to 748 pixels and centres the content in the browser width */ div#main{position:relative; width:748px;margin: 0 auto;text-align:left;} h1 { color: #336666; padding:20px 0px 0px 0px; } /************************* home page ********************************************/ /* Start of home page */ #homebody { } #homeimage {margin-bottom:1px;} #hometop { margin-bottom: 5px; background-image: url(../images/home_topbackground.gif); background-repeat: repeat-y; background-position: left top; color:white; } #hometop p { color:white; } #hometop a { color:#FFF; text-decoration:underline; text-align:center; } #hometop a:hover { color:#999999; text-decoration:underline; } #hometop a { color:#FFF; text-decoration:underline; text-align:center; } #hometop h2 { color:#FFF; } /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ #hometop {height:1%;} /* */ #homebottom { background-image: url(../images/home_bottombackground.gif); background-repeat: repeat-y; background-position: left top; } /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ #homebottom {height:1%;} /* */ #homebottomcorner { background-image: url(../images/home_corner.gif); background-repeat: no-repeat; background-position: right bottom; } /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ #homebottomcorner {height:1%;} /* */ #homebody div.homecolumnone { width:189px; float:left; } /*padding-top, padding-right, padding-bottom, padding-left*/ #homebody div.homecolumnoneinner { padding:2px 14px 2px 15px; } #homebody div.homecolumnoneinnerx { padding:2px 2px 2px 2px; } #homebody div.homecolumntwo { width:373px; float:left; } #homebody div.homecolumntwoinner { padding:7px 14px 10px 10px; } #homebody div.homecolumnthree { width:186px; float:left; } #homebody div.homecolumnthreeinner { padding:7px 14px 10px 15px; } #homebody div.homecolumntwowideitem { width:373px; border-bottom:5px solid white; background-color:#EEEBE6; } #homebody div.homecolumntwowideitem div.homecolumntwoitemimage { width:189px; float:left; } #homebody div.homecolumntwowideitem div.homecolumntwoitemtext { width:184px; float:left; } #homebody div.homecolumntwowideitem div.homecolumntwoitemtextinner { padding:7px 10px 10px 10px; } #homebody div.homecolumntwoitemone { width:189px; float:left; } #homebody div.homecolumntwoitemoneinner { padding:7px 10px 10px 10px; } #homebody div.homecolumntwoitemtwo { width:184px; float:left; } #homebody div.homecolumntwoitemtwoinner { padding:7px 10px 10px 10px; } #homebody br.clearer { clear:both; line-height:1px; font-size:1px; } #homebody p {padding:0px 0px 2px 0px;margin:0px;} #homebody p span {font-weight:bold;} #homebody h2 {padding:0px;margin:0px;font-family:arial,sans-serif; font-size:16px; line-height:24px; font-weight:bold;color:#6B6559;} #homebody #hometop h2 {color:white;} #homebody h3 {font-size:1em;line-height:120%;font-weight:normal;padding:7px 0px 0px 0px;margin:0px;} #homebody h3 a {color:#252525;text-decoration:underline;} #homebody h3 a:hover {color:#63596B;text-decoration:underline;} #homebody ul {padding:6px 0px 0px 0px;margin:0px;list-style:none;} #homebody li { background-image: url(../images/home_navarrow.gif); background-repeat: no-repeat; background-position: left top; padding:0px 0px 0px 8px; } #homebody li a {color:white;text-decoration:none;} #homebody li a:hover {color:white;text-decoration:underline;} div#professionform{padding:5px 0px 5px 0px;height:1%;} div.professionformlabel {line-height:154%; color:#385B5B; font-weight:bold;} div.professionformsubmit {float:left;padding-left:5px;} div.professionformitem {float:left;} #profession {width:232px;} /* #homebody div.homecolumnthreeinner h2 {color:#666666!important;} */ /* End of home page */ /***************************not known used *************************************/ /* The following style and hacks are to defeat a problem with IE6 redraws where content can fail to be drawn when scrolling. It uses a combination of two hacks to hide it from Mac IE5 and other non-EI browsers */ /* \*/ img {_position:relative;} blockquote {_position:relative;} ol {_position:relative;} ul {_position:relative;} p {_position:relative;} h6 {_position:relative;} h5 {_position:relative;} h4 {_position:relative;} h3 {_position:relative;} h2 {_position:relative;} h1 {_position:relative;} /* */ /* Here are the main default styles that set up the basis for the style cascade: body sets up the base font as Trebuchet, its size (84% of 16pt = 13pt) and its colour as very dark grey. This definition means that font-size 1em means 13px. It also has a 300 pixel bottom padding which is designed to force a vertical scroll bar on every page so that the page content does not move left and right depending upon the length of the page. p sets the basic paragraph style with a line height of 120% and an after-paragraph space of 10 pixels. p.contentFirst sets up the standard stand-first style which uses Arial, a larger font-size and grey text. p.contentFirstBold just makes the text bold. blockquote is defined to have no indenting effect, so it just acts a a semantic marker. ul and ol styles are defined, including using a graphical bullet. The technique uses the background-image of each li element to hold a graphical bullet, with the normal bullets suppressed. h4, h5 and h6 are defined to use Arial in various sizes that match the body text. h1, h2 and h3 are defined on a per template basis. a tags are defined as using the standard text colour, with images that occur within an a tag set to have no borders. */ body {padding:0px 0px 300px 0px; margin:0px; font-family:'Trebuchet MS',arial,sans-serif;font-weight:normal; text-align:center; font-size:84%;color:#252525;} p {padding:0px;margin:0px 0px 10px 0px; line-height:120%;color:#252525;} p.contentFirst {font-family:arial; font-size:1.23em;color:#666666;line-height:120%;font-weight:bold;} p.contentFirstBold {font-weight:bold;} blockquote {padding:0px;margin:0px;} /* changed padding-bottom to 8px from 16px - too much before! - WM 19 February 2008 */ /* changed padding-left to 16px from 0px - not enough before! - WM 19 February 2008 */ /*xxx ul {padding: 0px 0px 8px 16px; margin: 0px; list-style-type: none;color:#252525;}*/ /* changed padding-bottom to 0px from 10px - too much before! - WM 19 February 2008 */ /* changed bullet top to 2px to align properly - WM 19 February 2008 */ /*xxx ul li {padding: 0px 0px 4px 10px; margin: 0px; background-image: url(../images/resources_bullet.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0px; line-height:1.2;} ol {color:#252525;} ol li {padding: 0px 0px 10px 0px; margin: 0px; text-indent: 0px; } */ ul li {padding: 0px 0px 4px 10px;} h4 {padding:0px;margin:16px 0px 10px 0px; font-family:arial,sans-serif; font-size:1.23em;line-height:120%;font-weight:bold;color:#252525;} /* changed margin-top of h5 to 24px to increase separation - WM 19 February 2008 */ h5 {padding:0px;margin:24px 0px 10px 0px; font-family:arial,sans-serif; font-size:1.05em;line-height:120%;font-weight:bold;color:#252525;} h6 {padding:0px;margin:16px 0px 10px 0px; font-family:arial,sans-serif; font-size:1em;line-height:120%;font-weight:bold;color:#252525;} /*a,a:active,a:visited,a:link,a:hover {color:#252525;}*/ a:visited { color:#1e3b3b; text-decoration:underline; } a:link { color:#1e3b3b; text-decoration:underline; } a:active{ color:#006f92; text-decoration:underline; } a:hover{ color:#006f92; text-decoration:underline; } a img {border:0px;} /* The div ids accessheader and accessheaderhome contain the accessibility links to skip to navigation, etc. They are set to hidden rather than display:none so that they take up physical space. In this way the reserve space for the top navigation which doesn't come in the content flow until near the end. h1 is defined here and is used for an over title, eg. Commission for Architecture and the Built Environment. */ div#accessheader{visibility:hidden;height:108px;width:748px;font-size:1px;line-height:1px;} div#accessheader h1{padding:0px; margin:0px;} div#accessheaderhome{visibility:hidden;height:67px;width:748px;font-size:1px;line-height:1px;} div#accessheaderhome h1{padding:0px; margin:0px;} /* The div id contentbody is where the main page content goes. It is 568px wide, aligned to the left-hand edge of the page. Due to the preceding accessheader div it starts 108px (67px on the homepage) from the top. */ div#contentbody{float:left;width:568px;} /* Main content styles The following styles control the basic content template, including the page titles, including h2 and h3, and the breadcrumb. The width of the text block on many pages is also controlled by the div ids contentbodymaintext and contentbodymaintextwide. The main text width is 386px, with 15px margins on each side. */ div#contentbody div#contentbodytitles{padding-top:4px;padding-bottom:6px;width:562px;} div#contentbody div#contentbodytitles div.main{padding:0px 15px 0px 15px;} div#contentbody div#contentbodytitles div.smallmain{padding:0px 15px 0px 15px;} div#contentbody div#contentbodytitles div.sub{padding-left:15px;} div#contentbody div#contentbodytitles div.breadcrumb {font-weight:normal;padding:0px 0px 12px 16px;} div#contentbody div#contentbodytitles h2{font-family:arial,sans-serif; font-size:40px; line-height:40px; color:#663297; padding:0px; margin:0px;font-weight:normal;} div#contentbody div#contentbodytitles div.smallmain h2{font-size:28px;font-weight:normal;line-height:32px;} div#contentbody div#contentbodytitles div.smallmain h3{font-size:20px;font-weight:normal;line-height:28px;padding-bottom:6px;} div#contentbody div#contentbodytitles h3{font-family:arial,sans-serif; font-size:28px; color:#666666; padding:0px; margin:0px;font-weight:normal;} div#contentbody div#contentbodytitles div.breadcrumb a {font-weight:normal;text-decoration:underline;} div#contentbody div#contentbodytitles div.breadcrumb span {font-weight:bold;text-decoration:none;} div#contentbody div.newstitle {padding-bottom:11px !important;margin-bottom:5px !important;} div#contentbody div#contentbodymaintext{float:left;width:416px;} div#contentbody div#contentbodymaintext div#contentbodymaintextinner{background-color:#F1EFF4;color:#252525;padding:10px 15px 20px 15px;} div#contentbody div#contentbodymainimage{float:left;width:152px;} div#contentbody div#contentbodymainimage div#contentbodymainimageinner{padding-left:6px;} div#contentbody div#contentbodymainresults{float:left;width:550px;} div#contentbody div#contentbodymainresults div#contentbodymaintextinner{background-color:#F1EFF4;color:#252525;padding:10px 15px 20px 15px;} div#contentbody div#contentbodymaintextwide{float:left;width:416px;} div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner{background-color:#F1EFF4;color:#252525;padding:10px 15px 20px 15px !important;} div#contentbody div#contentbodymaintextwide div.summary p {padding:0px 0px 2px 0px !important;margin:0px !important;} div#contentbody div#contentbodymaintextwide div.largeinlineimage { padding: 15px 0px 31px 0px; background-image: url(../images/services_fulldivider.gif); background-repeat: no-repeat; background-position: left bottom;} /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#contentbody div#contentbodymaintextwide div.largeinlineimage {height:1%;} /* */ div#contentbody div#contentbodymaintextwide div.largeinlineimage div.image {float:left;width:430px;background-color: #EEE; background-image: url(../images/purple_photobackground.gif);} div#contentbody div#contentbodymaintextwide div.largeinlineimage div.morephotos {float:left;display: block; width: 103px; height: 58px; background-image: url(../images/seeprojectphotos_on.gif); background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintextwide div.largeinlineimage div.morephotos a { display: block; width: 103px; height: 58px; background-image: url(../images/seeprojectphotos_off.gif); background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintextwide div.largeinlineimage div.printable {float:left;display: block; width: 103px; height: 58px; background-image: url(../images/printable_on.gif); background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintextwide div.largeinlineimage div.printable a { display: block; width: 103px; height: 58px; background-image: url(../images/printable_off.gif); background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintextwide div.largeinlineimage a.selected { display: block; width: 146px; height: 45px; background-image: none; background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintextwide div.largeinlineimage a span {display:none;} div#contentbody div#contentbodymaintextwide div.largeinlineimage a:hover {background-image: none;} div#contentbody div#contentbodymaintextwide div.servicesdivider { padding: 0px 0px 10px 0px; background-image: url(../images/services_fulldivider.gif); background-repeat: no-repeat; background-position: left bottom; } /* This set of styles define a basic table look as long as the table is marked as class contenttable. */ div#contentbody table.contenttable {padding:0px;margin:0px 0px 10px 0px;border-top:1px solid #666;border-left:1px solid #666;} div#contentbody table.contenttable caption {text-align:left;font-weight:bold;padding:0px 0px 7px 0px;} div#contentbody table.contenttable th {border-bottom:1px solid #666;border-right:1px solid #666;padding:3px;background-color:#AAA;color:white;} div#contentbody table.contenttable td {border-bottom:1px solid #666;border-right:1px solid #666;;padding:3px;margin:0px;} /* Landing pages have a stand first paragraph in large text on a coloured background, often with an image beneath it. These styles create that look. Importantly the padding-bottom value of the first style determines the relative position of the bottom of the stand-first and the bottom of the background image. The different colours are controlled by using different enclosing divs such as purple2text. The individual lines are wrapped in spans to provide the backgrounds. A ul/li combination is defined for use with the "about publications" type of link that appears after the stand-first. */ div#contentbody div#landingpagetop{margin:0px 0px 5px 0px;width:562px;padding-top:11px;padding-bottom:107px;background-position:bottom right;background-repeat:no-repeat;} div#contentbody div#landingpagetopaux{margin:0px 0px 5px 0px;width:562px;padding-top:11px;padding-bottom:10px;} div#contentbody div#landingpagetopgrey{margin:0px 0px 5px 0px;width:562px;padding-top:5px;padding-bottom:10px;} div#contentbody div#landingpagetopinner{padding: 0px 0px 0px 7px;} div#contentbody div#landingpagetopgrey div#landingpagetopinner{padding: 0px 0px 0px 15px;} div#contentbody span.purple2 span {font-family:arial,sans-serif;color:#663297; font-size:18px;line-height:22px;background-color:#ffffff;padding:2px 6px 2px 8px;} div#contentbody span.purple span {font-family:arial,sans-serif;color:#663297; font-size:18px;line-height:22px;background-color:#ffffff;padding:2px 6px 2px 6px;} div#contentbody span.white span {font-family:arial,sans-serif;color:#ffffff; font-size:18px;line-height:22px;background-color:#996eb3;padding:2px 6px 2px 6px;} div#contentbody span.applewhite span {font-family:arial,sans-serif;color:#E8EEED; font-size:18px;line-height:22px;background-color:#669999;padding:2px 6px 2px 6px;} div#contentbody span.grey span { font-family: arial,sans-serif; color: #666666; font-size: 16px; line-height: 19px; padding: 2px 6px 2px 0px; margin:0px; } div#contentbody div.greytext {height:1%;} div#contentbody div.applewhitetext {height:1%;} div#contentbody div.whitetext {height:1%;} div#contentbody div.purpletext {height:1%;} div#contentbody div.purple2text {height:1%;} div#contentbody div.whitetext div {height:23px;} div#contentbody div.applewhitetext div {height:23px;} div#contentbody div.whitetext div {height:23px;} div#contentbody div.purpletext div {height:23px;} div#contentbody div.purple2text div {height:23px;} div#contentbody div.greytext span {font-family:arial,sans-serif;color:#663297; font-size:18px;line-height:23px;background-color:#ffffff;padding:2px 6px 2px 8px;} div#contentbody div.purple2text span {font-family:arial,sans-serif;color:#663297; font-size:18px;line-height:23px;background-color:#ffffff;padding:2px 6px 2px 8px;} div#contentbody div.purpletext span {font-family:arial,sans-serif;color:#663297; font-size:18px;line-height:23px;background-color:#ffffff;padding:2px 6px 2px 8px;} div#contentbody div.whitetext span {font-family:arial,sans-serif;color:#ffffff; font-size:18px;line-height:23px;background-color:#996eb3;padding:2px 6px 2px 8px;} div#contentbody div.applewhitetext span {font-family:arial,sans-serif;color:#E8EEED; font-size:18px;line-height:23px;background-color:#669999;padding:2px 6px 2px 8px;} div#contentbody div.greytext span { font-family: arial,sans-serif; color: #666666; font-size: 16px; line-height: 19px; padding: 2px 6px 2px 0px; margin:0px; } div#contentbody div#landingpagetop div#landingpagetopinner ul {width:10em;list-style:none;margin:0px;padding:2px 0px 6px 6px;background-color:#699;} div#contentbody div#landingpagetop div#landingpagetopinner ul li {white-space: nowrap; background-image: url(../images/linkarrow_ongreen.gif); background-repeat: no-repeat; background-position: left top; padding:0px 0px 0px 8px; } div#contentbody div#landingpagetop div#landingpagetopinner ul li a {color:white;text-decoration:none;} div#contentbody div#landingpagetop div#landingpagetopinner ul li a:hover {text-decoration:underline;} div#contentbody div#landingpagetopaux div#landingpagetopinner ul {list-style:none;margin:0px 0px 0px 4px !important;padding:8px 0px 6px 6px !important;} div#contentbody div#landingpagetopaux div#landingpagetopinner ul li {white-space: nowrap; background-image: url(../images/linkarrow_onwhite.gif); background-repeat: no-repeat; background-position: left top; padding:0px 0px 0px 8px; } div#contentbody div#landingpagetopaux div#landingpagetopinner ul li a {color:#663297;text-decoration:none;} div#contentbody div#landingpagetopaux div#landingpagetopinner ul li a:hover {text-decoration:underline;} div#contentbody div#contentgrid{background-position:bottom right;background-repeat:no-repeat;} div#contentbody div.grey {background-image:url(../images/more_about_cut_corner_aux.gif);} div#contentbody div.green {background-image:url(../images/cabe_space_cut_corner_aux.gif);} /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#contentbody div#contentgrid{height:1%;} /* */ div#contentbody div#contentgrid div#contentgridinner{float:left;width:373px;} div#contentbody div#contentgrid div.twocolcontentblock{background-image:url(../images/two_col_373px_ice_cream.gif);background-position:top left;background-repeat: repeat-y;margin:0px 0px 5px 0px;} /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#contentbody div#contentgrid div.twocolcontentblock{height:1%;} /* */ div#contentbody div#contentgrid div.twocolcontentblock div.twocolblockone{float:left; width:184px;padding-top:0px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblockone div.twocolblockoneinner{padding-bottom:6px;padding-top:6px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblockone div.twocolblockoneinner div.twocolblockonetext{padding-left:15px;padding-right:8px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblocktwo{float:left; width:189px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblocktwo div.twocolblocktwoinner{width:184px;margin:0px 0px 0px 5px;padding-top:0px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblocktwo div.twocolblocktwoinner div.twocolblocktwoinnerinner{padding-bottom:6px;padding-top:6px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblocktwo div.twocolblocktwoinner div.twocolblocktwoinnerinner div.twocolblocktwotext{padding-left:8px;padding-right:8px;} div#contentbody div#contentgrid div.onecolcontentblock{background-color:#E8E4EC;margin-bottom:5px;} div#contentbody div#contentgrid div.onecolcontentblock div.onecolcontentblockinner{height:1%;padding-bottom:6px;padding-left:15px;padding-right:8px;padding-top:2px;} div#contentbody div#contentgrid div.onecolcontentblock div.onecolcontentblockinner div.maintitle{padding-bottom:6px;font-size:16px;line-height:22px;font-family:arial; font-weight:bold;color:#63596B;} div#contentbody div#contentgrid div.onecolcontentblock div.onecolcontentblockinner div.mainitem{padding-bottom:6px;} div#contentbody div#contentgrid div.onecolcontentblock div.onecolcontentblockinner div.mainitem a { } div#contentbody div#contentgrid div#cutcornerblock{float:left; width:189px;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner{width:184px;margin:0px 0px 0px 5px;padding-bottom:35px;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner img {border:0;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner{padding-top:5px; padding-left:8px; padding-right:8px;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.mainintro{ } div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.title{font-family:arial,sans-serif;font-size:16px; line-height:19px;font-weight:bold;color:#63596b;padding-bottom:5px;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.listcontainer {padding-bottom:35px;} div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.listcontainer ul {list-style:none;margin:0px;padding:0px;} /* div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.listcontainer ul li {font-size:13px;line-height:18px;font-family:arial,sans-serif;} */ div#contentbody div#contentgrid div#cutcornerblock div#cutcornerblockinner div#cutcornerblockinnerinner div.listcontainer ul li a {color:#252525;text-decoration:none;} /*div#contentbody div#contentgrid div.twocolcontentblock div.twocolblocktwo div.twocolblocktwoinner div.twocolblocktwoinnerinner div.twocolblocktwotext a {color:#252525;}*/ div#contentbody div#contentgrid div.twocolcontentblock a img {border:0px;} div#contentbody div#contentgrid div.twocolcontentblock div.twocolblockone div.twocolblockoneinner div.twocolblockonetext{ } /* div#contentbody div#contentgrid div.twocolcontentblock div.twocolblockone div.twocolblockoneinner div.twocolblockonetext a{color:#252525;}*/ div#contentbody div#contentgrid div#threeblockcontentgrid{} div#contentbody div#contentgrid div#threeblockcontentgrid div.threeblockcontentcontainer { margin-bottom: 5px; background-image: url(../images/threeblock_background.gif); background-repeat: repeat-y; background-position: left top; } /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#contentbody div#contentgrid div#threeblockcontentgrid div.threeblockcontentcontainer{height:1%;} /* */ div#contentbody div#contentgrid div#threeblockcontentgrid div.firstblock{width:184px;float:left;} div#contentbody div#contentgrid div#threeblockcontentgrid div.auxblock{width:189px;float:left;} div#contentbody div#contentgrid div#threeblockcontentgrid div.auxblock div.auxblockinner{width:184px;margin:0px 0px 0px 5px;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle{padding:4px 4px 3px 4px; background-color:#E8E4EC;font-family:arial; font-size:16px;font-weight:bold;color:#767577;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle div{padding-left:10px;background-image:url(../images/grid_arrow.gif);background-position:top left;background-repeat:no-repeat;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle div a:active{font-family:arial; font-size:16px;font-weight:bold;color:#464646;text-decoration:none;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle div a:visited{font-family:arial; font-size:16px;font-weight:bold;color:#464646;text-decoration:none;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle div a{font-family:arial; font-size:16px;font-weight:bold;color:#464646;text-decoration:none;} div#contentbody div#contentgrid div#threeblockcontentgrid div.blocktitle div a:hover{text-decoration:underline;} div#contentbody div.breadcrumb a {color:#252525;} div#contentbody div.breadcrumb {color:#252525;} div#contentbody div.breadcrumb a:hover {color:#572F6F;} /* Case studies specifics */ div#casestudies div#contentbody div#contentbodytitles{background-color:#699;} div#casestudies div#contentbody div#contentbodytitles h2{color:#fff;} div#casestudies div#contentbody div#contentbodytitles h3{color:#E8EEED;} div#casestudies div#contentbody div#landingpagetop{background-color:#699;padding-bottom:109px;} div#casestudies div#contentbody div.resourceslanding {padding-bottom:113px !important;} div#casestudies div#contentbody div.breadcrumb a {color:white;} div#casestudies div#contentbody div.breadcrumb {color:white;} div#casestudies div#contentbody div.breadcrumb a:hover {color:#C7DBD5;} div#searchresultset div#contentbody div#contentbodytitles{background-color:#699;} div#searchresultset div#contentbody div#contentbodytitles h2{color:#fff;} div#searchresultset div#contentbody div#contentbodytitles h3{color:#E8EEED;} div#searchresultset div#contentbody div#landingpagetop{background-color:#699;padding-bottom:88px;} div#searchresultset div#contentbody div.breadcrumb a {color:white;} div#searchresultset div#contentbody div.breadcrumb {color:white;} div#searchresultset div#contentbody div.breadcrumb a:hover {color:#C7DBD5;} #sectionsearch {background-color:#669999;width:562px;margin-bottom:6px;} #sectionsearchinner {padding:9px 0 9px 15px;height:1%;} #sectionsearch #sectionsearchlabel{float:left;width:12em;} #sectionsearch #sectionsearchlabel #sectionsearchlabelinner{font-family:arial,sans-serif;font-size:16px;font-weight:bold;color:#fff;} #sectionsearch #sectionsearchinput{float:left;} #sectionsearch #sectionsearchinput input{width:120px;padding:0;margin:0;} #sectionsearch #sectionsearchsubmit{float:left;padding-left:4px;} #sectionsearch #sectionsearchsubmit #sectionsearchsubmitinner{background-color:#669999; width:25px;} #searchanchors {float:right; margin-right:14px; white-space:nowrap;} #searchanchors a{padding-left:15px;} div.inlineselect { } div.inlineselectinner {padding:0px;} div.inlineselectlabel {float:left;} div.inlineselectlabelinner {display:none;} div.inlineselectvisiblelabel div.inlineselectlabelinner {display:block;} div.inlineselect {float:left;width:14em;} div.inlineselect select {font-family:'Trebuchet MS',arial,sans-serif;font-size:1em;width:14em;} div.inlineselectsubmit {float:left;width:25px;} div.inlineselectsubmitinner {padding-left:4px;} div#sectioncontent {background-color:#eeeeee;width:750px;margin-top:0px;margin-left:0px;} div#sectioncontent div.onecol {padding:20px 20px 20px 20px ;} div#sectioncontent div.purple {background-color:#F1EFF4;} div#sectioncontent div#sectioncontentinner {padding:7px 0px 15px 0px;} div#sectioncontent h3 {padding:0px 0px 17px 15px;margin:0px;color:#385B5B;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} div#sectioncontent div.threecols { } div#sectioncontent div.threecols a {text-decoration:none;} div#sectioncontent div.threecols a span {text-decoration:underline;} div#sectioncontent div.threecols a:hover span {color:#669999;} div#sectioncontent div.threecols div.col1 {width:145px;float:left;} div#sectioncontent div.threecols div.col1 div.col1inner {padding:0px 15px 0px 15px;font-weight:bold;color:#385B5B;} div#sectioncontent div.threecols div.selectheading div.col1inner {padding-top:3px;} div#sectioncontent div.threecols div.col2 {width:192px;float:left;} div#sectioncontent div.threecols div.col2 div.col2inner {padding:0px 0px 0px 0px;} div#sectioncontent div.threecols div.col3 {width:207px;float:left;} div#sectioncontent div.threecols div.col3 div.col3inner {padding:0px 0px 0px 15px;} div#sectioncontent div.threecols div.col23 {width:399px;float:left;} div#sectioncontent div.threecols div.col23 div.col23inner {padding:0px 0px 0px 0px;} div#sectioncontent div.threecols div.col3 ul {padding: 0px;margin: 0px;list-style-type: none;font-weight:bold;} div#sectioncontent div.threecols div.col2 ul {padding: 0px;margin: 0px;list-style-type: none;font-weight:bold;} div#sectioncontent div.threecols div.col23 ul {padding: 0px;margin-left:15px;list-style-type: none;font-weight:bold;} div#sectioncontent div.threecols div.col23 ul ul {padding: 0px 0px 0px 0px;margin: 0px;list-style-type: none;font-weight:normal;} div#sectioncontent div.threecols div.col3 ul ul {padding: 0px 0px 0px 0px;margin: 0px;list-style-type: none;font-weight:normal;} div#sectioncontent div.threecols div.col2 ul ul {padding: 0px 0px 0px 0px;margin: 0px;list-style-type: none;font-weight:normal;} div#sectioncontent div.threecols div.col3 ul li { padding:0px 0px 0px 8px; background-image: url(../images/linkarrow_ongrey.gif); background-repeat: no-repeat; background-position: left top; } div#sectioncontent div.threecols div.col2 ul li { padding:0px 0px 0px 8px; background-image: url(../images/linkarrow_ongrey.gif); background-repeat: no-repeat; background-position: left top; } div#sectioncontent div.threecols div.col23 ul li { padding:0px 0px 0px 8px; background-image: url(../images/linkarrow_ongrey.gif); background-repeat: no-repeat; background-position: left top; } div#sectioncontent div.threecols div.col23 ul a {text-decoration:none;} div#sectioncontent div.threecols div.col3 ul a {text-decoration:none;} div#sectioncontent div.threecols div.col2 ul a {text-decoration:none;} div#sectioncontent div.threecols div.col23 ul a:hover {text-decoration:underline;} div#sectioncontent div.threecols div.col3 ul a:hover {text-decoration:underline;} div#sectioncontent div.threecols div.col2 ul a:hover {text-decoration:underline;} div#sectioncontent div.threecols div.award img {border:0px;} div#sectioncontent div.halfdivider {font-size:1px; width:562px; height:12px; background-image: url(../images/threecol_halfdivider.gif); background-repeat: no-repeat; background-position: left center; } div#sectioncontent div.divider {font-size:1px; width:562px; height:16px; background-image: url(../images/threecol_divider.gif); background-repeat: no-repeat; background-position: left center; } div#sectioncontent div.purple div.divider {font-size:1px; width:562px; height:16px; background-image: url(../images/threecol_divider_purple.gif); background-repeat: no-repeat; background-position: left center; } div#sectioncontent div.twocols { } div#sectioncontent div.twocols a {text-decoration:none;} div#sectioncontent div.twocols a span {text-decoration:underline;} div#sectioncontent div.twocols a:hover span {color:#669999;} div#sectioncontent div.twocols div.col1 {width:161px;float:left;} div#sectioncontent div.twocols div.col1 div.col1inner {padding:13px 15px 0px 15px;font-weight:bold;color:#385B5B;} div#sectioncontent div.twocols div.col2 {width:384px;float:left;} div#sectioncontent div.twocols div.col2 div.col2inner {padding:13px 0px 0px 0px;} div#sectioncontent div.twocols div.first {font-family:arial,sans-serif;font-weight:bold;font-size:16px;line-height:19px;color:#366;padding-bottom:10px;} div#sectioncontent div.twocols div.first p {margin-top:0px;padding-top:0px;} div#sectioncontent div.twocols div.awards {margin-top:10px;width:161px;} div#sectioncontent div.twocols div.awardsinner {paddi\ng:0px 15px 15px 15px;} div#sectioncontent div.twocols div.awards h4 {color:#385B5B;padding:0px 0px 8px 0px;margin:0px;} div#sectioncontent div.twocols div.awards p {padding:0px;margin:0px;font-size:11px;line-height:14px;} div#sectioncontent div.twocols div.awards p.divider { padding: 0px; margin: 0px; font-size: 1px; line-height: 1px;height:16px;background-image: url(../images/awards_divider.gif); background-repeat: no-repeat; background-position: left center; } div#sectioncontent div.twocols div.awards img {padding:0px 0px 5px 0px;} div#sectioncontent div.twocols h4 {font-family:arial,sans-serif;font-size:16px;line-height:16px;color:#366;padding:0px 0px 16px 0px;margin:0px;} div#sectioncontent div.twocols div.summary p {padding:0px 0px 2px 0px !important;margin:0px !important;} div#sectioncontent div.twocols div.photoindex {width:352px;padding-top:20px;} div#sectioncontent div.twocols div.photoindex div.photo {float:left;width:176px;} div#sectioncontent div.twocols div.photoindex div.photo img {border:0px;} div#sectioncontent div.twocols div.photoindex div.photo span {display:block;padding:2px 20px 10px 0px;} div#casestudyphoto {width: 562px; background-color: #EEE;} div#casestudyphoto div.nav {padding:7px 0px 0px 4px;} div#casestudyphoto div.nav a {text-decoration:none;color:#242424;} div#casestudyphoto div.nav a:hover {text-decoration:underline;color:#669999;} div#casestudyphoto div.back {width:158px;float:left;} div#casestudyphoto div.previousnext {width:390px;float:left;text-align:right;} div#casestudyphoto div.previousnext a.inactive{color:#aaaaaa;} div#casestudyphoto div.photodetails {padding:0px 15px 12px 15px;} div#casestudyphoto div.photodetails h4 {padding:0px 0px 3px 0px;margin:0px; font-family:arial,sans-serif;font-size:16px;color:#385B5B;} div#casestudyphoto div.photodetails p {padding:0px 0px 2px 0px;margin:0px; } div#casestudyphoto div.photodetails a {text-decoration:underline;color:#252525;} div#casestudyphoto div.photodetails a:hover {text-decoration:underline;color:#669999;} div#casestudyphoto div.divider {font-size:1px; width:562px; height:16px; background-image: url(../images/threecol_divider.gif); background-repeat: no-repeat; background-position: left center; } div#casestudyphoto div.photo { width: 562px; background-color: #EEE; background-image: url(../images/casestudies_photobackground.gif); } div#sectioncontent div.pagingcontrol {font-family:'Trebuchet MS',arial,sans-serif;font-size:1em; line-height:120%;padding:0px 0px 0px 15px;} div#sectioncontent div.pagingcontrol a {text-decoration:underline;color:#242424;} div#sectioncontent div.pagingcontrol span a {text-decoration:none;color:#242424;} div#sectioncontent div.pagingcontrol a:hover {text-decoration:underline;color:#669999;} div#sectioncontent div.selectboxheading h4 {padding:6px 0px 6px 15px;margin:0px;color:#385B5B;font-family:'Trebuchet MS',arial,sans-serif;font-size:1em; line-height:120%;font-weight:bold; } div#sectioncontent div.selectbox {float:left;padding:0px 5px 0px 15px;width:17em;} div#sectioncontent div.resultitem {padding:10px 0px 10px 15px;} div.resultitempub {position:relative;} div.resultitem {padding:10px 0 10px 15px;} div#sectioncontent div.resultitemdivider{background-image:url(../images/publications_562px_divider.gif);background-position:top left;background-repeat:no-repeat;} div#sectioncontent div.purple div.resultitemdivider{padding:15px 0px 10px 15px;background-image:url(../images/purple_562px_divider.gif)!important;background-position:top left;background-repeat:no-repeat;} div.resultitempub .clearfix{padding:10px 0 10px 15px;} div#sectioncontent div.resultitempub div.thumbnail {float:left; width:110px; margin-right: 5px; margin-top: 10px;} div#sectioncontent div.resultitempub div.details {float:left;width:400px; padding-top:10px; display: block;} div#sectioncontent div.resultitempub div img {border:0px;} div#sectioncontent div.resultitempub div h4 {font-family:'Trebuchet MS',arial,sans-serif;font-size:1em;font-weight:normal;margin:0px;padding:0px 0px 10px 0px;} div#sectioncontent div.resultitempub div h4 a {color:#242424;text-decoration:underline;} div#sectioncontent div.resultitempub div h4 a:hover {color:#669999;text-decoration:underline;} div.resultitem div p {padding-top:5px;} div#sectioncontent div.resultitempub div p span {font-weight:bold;} div#sectioncontent div.resultitempub div p.award {color:#990033;} div#sectioncontent div.resultitempub div.clearer {font-size:1px;line-height:1px;clear:both;height:1px;overflow:hidden;} div#sectioncontent div.resultitempub .buttons a:hover{color:#FFF !important;} div#sectioncontent div.resultitem div.thumbnail {float:left;padding:10px 5px 0 10px;} div#sectioncontent div.resultitem div.details {float:left;width:380px; padding-top:10px;} div#sectioncontent div.resultitem div img {border:0px;} div#sectioncontent div.resultitem div h4 {font-family:'Trebuchet MS',arial,sans-serif;font-size:1em;font-weight:normal;margin:0px;padding:0px 0px 10px 0px;} div#sectioncontent div.resultitem div h4 a {color:#242424;text-decoration:underline;} div#sectioncontent div.resultitem div h4 a:hover {color:#669999;text-decoration:underline;} div.resultitem div p {padding-top:5px;} div#sectioncontent div.resultitem div p span {font-weight:bold;} div#sectioncontent div.resultitem div p {margin-bottom:0px;} div#sectioncontent div.resultitem div p.award {color:#990033;} div#sectioncontent div.resultitem div.clearer {font-size:1px;line-height:1px;clear:both;height:1px;overflow:hidden;} div#sectioncontent div.resultitem .buttons a:hover{color:#FFF !important;} /* Start of Publications search */ #publicationsbrowse{background-color:#eeeeee;width:562px;margin-top:0;} #publicationsbrowse #publicationsbrowseinner{padding:7px 0 15px 0;} #publicationsbrowse h3{padding:0 0 5px 15px;margin:0;color:#385B5B;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} #publicationsformset{padding:0 0 20px 15px;height:1%;} #publicationsformset2{padding:0 0 10px 15px;height:1%;} div.publicationsformlabel {font-family:'Trebuchet MS',arial,sans-serif; font-size:1em;line-height:154%; color:#385B5B; font-weight:bold;} div.publicationsformsubmit {float:left;padding-left:5px;} div.publicationsformitem {float:left;} #browse_publication_type {width:196px;} #browse_building_type {width:196px;} #browse_subject {width:196px;} .latestitemsouter {margin-top:5px;background-color:#eeeeee;width:562px;} .publications-search{float:left;width:320px;} .search-links{float:right;width:210px;list-style-type:none;margin:0;padding:0;} .search-links li{list-style-type:none;display:inline;margin:0;padding:0;background:transparent;} .search-links li a{color:#FFF !important;font-weight:bold;background:transparent;margin:0 0 0 10px;font-weight:0.94em;text-decoration:none;} .search-links li a:hover{text-decoration:underline;} .publicationsformitem select{margin:0 5px 0 0;} #publicationsformset{padding-bottom:0;} #publicationsformset2{padding-bottom:0;} .latestitemsinner {padding:4px 0px 15px 15px;} div.latestitemsinnerinner {padding-left:10px; height:1%;} .latestitemsinner h3 {padding:0 0 10px;margin:0;color:#385B5B;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} .latestitemsinner p {padding-right:10px;} div.latestitem {float:left;width:273px;position:relative;margin:0 0 12px 0;} div.latestitemimage {float:left;width:102px;} .latestitemtextouter {float:left;width:160px;} .latestitemtextinner {margin-left:8px;} .latestitemtextinner a:hover {color:#669999;} div.latestitemfirstline {clear:both;padding:0 0 10px 0;} div.latestitemnewline {clear:both;padding:15px 0 10px 0;background:url(../images/publications_562px_divider.gif) top left no-repeat;} .latestitemsouter .latestitem{min-height:138px;} #sectionsearchinput input{border:1px solid #375b5b;} .publicationsformitem select{border:1px solid #375b5b;} div.latestitem .buttons{position:absolute;bottom:0;} div.latestitem .buttons a{display:block;float:left;width:auto;margin:5px 5px 0 0;} /* End of Publications search */ /* Start of Publications full */ div#sectioncontent div.fullitem {padding:10px 0px 10px 15px;color:#242424;} div#sectioncontent div.fullitem div.download {padding:0px 0px 12px 0px;} div#sectioncontent div.fullitem img.organisedby {padding:5px 0px 0px 0px;} div#sectioncontent div.fullitem div.thumbnail {float:left;padding:0px 10px 0px 0px;} div#sectioncontent div.fullitem div.details {float:left;width:380px;} div#sectioncontent a:hover {color:#669999 !important;} div#sectioncontent div.fullitem div.dataitems {padding:8px 0px 6px 0px;} div#sectioncontent div.fullitem .after12 {padding-bottom:12px !important;} div#sectioncontent div.fullitem .before0 {padding-top:0px !important;} div#sectioncontent div.fullitem h4 {font-family:arial,sans-serif;font-size:16px;line-height:18px;font-weight:bold;margin:0px;padding:0px 0px 6px 0px;color:#242424;} div#sectioncontent div.fullitem p {margin:0px;padding:0px 0px 1px 0px;} div#sectioncontent div.fullitem p span {font-weight:bold;} div#sectioncontent div.fullitem p.reader {color:#903;} div#sectioncontent div.fullitem a {color:#242424;text-decoration:underline;} div#sectioncontent div.fullitem a:hover {color:#699;text-decoration:underline;} div#sectioncontent div.fullitem p.reader a {color:#903;} div#sectioncontent div.fullitem p.reader a:hover {color:#F03;} div#sectioncontent div.fullitem div.clearer {font-size:1px;line-height:1px;clear:both;} div#sectioncontent div.publicationorder {padding:10px 40px 10px 125px;} div#sectioncontent div.publicationorder h4 {font-family:arial,sans-serif;font-size:16px;line-height:18px;font-weight:bold;margin:0px;padding:0px 0px 6px 0px;} div#sectioncontent div.publicationorder p {margin:0px;padding:0px 0px 4px 0px;} div#sectioncontent div.publicationorder label {display:block;padding:10px 0px 1px 0px;} div#sectioncontent div.publicationorder label.inline {display:inline;} div#sectioncontent div.publicationorder #telephone { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #email { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #postcode { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #address3 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #address2 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #address1 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #company { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #name { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #title { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #comments { margin:0px 0px 5px 0px; width:300px; height:80px;padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.publicationorder #postcode {width:140px;} div#sectioncontent div.publicationorder #submit {margin-top:15px} div#sectioncontent div.publicationorder div.clearer {font-size:1px;line-height:1px;clear:both;} div#sectioncontent div.publicationorder div.checkboxes {padding:20px 0px 10px 0px;} div#sectioncontent div.publicationorder div.checkbox {float:left;width:22px;margin:0px;padding:0px;} div#sectioncontent div.publicationorder div.checkboxtext {float:left;width:360px;padding-top:2px;} div#sectioncontent div.publicationorder p a:hover {color:#252525;} div#sectioncontent div.publicationorder p a {color:#252525;} div#sectioncontent div.publicationorder div.selects {padding:2px 0px 0px 0px;} div#sectioncontent div.publicationorder div.select {float:left;width:100px;margin:0px;padding:0px;} div#sectioncontent div.publicationorder div.selecttext {float:left;width:111px;padding-top:4px;} div#sectioncontent div.feedback {padding:10px 40px 10px 17px;} div#sectioncontent div.feedback h4 {font-family:arial,sans-serif;font-size:16px;line-height:18px;font-weight:bold;margin:0px;padding:0px 0px 6px 0px;} div#sectioncontent div.feedback p {margin:0px;padding:0px 0px 4px 0px;} div#sectioncontent div.feedback label {display:block;padding:10px 0px 1px 0px;} div#sectioncontent div.feedback label.inline {display:inline;} div#sectioncontent div.feedback #telephone { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #email { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #postcode { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #address3 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #address2 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #address1 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #company { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #name { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #title { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #comments { margin:0px 0px 5px 0px; width:300px; height:80px;padding:2px; border:1px solid #90B8AB; background-color:white; } div#sectioncontent div.feedback #postcode {width:140px;} div#sectioncontent div.feedback #submit {margin-top:15px} div#sectioncontent div.feedback div.clearer {font-size:1px;line-height:1px;clear:both;} div#sectioncontent div.feedback div.checkboxes {padding:20px 0px 10px 0px;} div#sectioncontent div.feedback div.checkbox {float:left;width:22px;margin:0px;padding:0px;} div#sectioncontent div.feedback div.checkboxtext {float:left;width:360px;padding-top:2px;} div#sectioncontent div.publicationorder p a:hover {color:#252525;} div#sectioncontent div.feedback p a {color:#252525;} div#sectioncontent div.feedback div.selects {padding:2px 0px 0px 0px;} div#sectioncontent div.feedback div.select {float:left;width:100px;margin:0px;padding:0px;} div#sectioncontent div.feedback div.selecttext {float:left;width:111px;padding-top:4px;} /* End of Publications full */ /* Start of Resources full */ .after0 {padding-bottom:0px !important;} div#sectioncontent div.resourceimage {padding:6px 0px 0px 0px;} div#sectioncontent div.resourceimage p {font-size:12px;} div#sectioncontent div.resourceimage img {padding:0px 0px 6px 0px;} div#sectioncontent div.resourcetext {width:400px;} div#sectioncontent div.resourcetext p {padding:0px 0px 12px 0px !important;margin:0px;} /* added 8px to left-margin for lists - WM 19 February 2008 */ div#sectioncontent div.resourcetext ul { padding: 0px 0px 7px 8px; margin: 0px; list-style-type: none; } /* moved background bullet image 2px down from top to align properly - WM 19 February 2008 */ div#sectioncontent div.resourcetext li { padding: 0px 0px 5px 10px; margin: 0px; background-image: url(../images/resources_bullet.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0px; } div#sectioncontent img.resourceinlineimage {margin:0px 10px 10px 0px;} div#sectioncontent div.resourcedivider {font-size:1px; width:547px; height:20px; background-image: url(../images/resource_divider.gif); background-repeat: no-repeat; background-position: left center; } /* changed margin-top to 16px (was 0px) to give separation - WM 19 February 2008 */ div#sectioncontent div.resourcetext h5 {padding:0px 0px 12px 0px;margin:16px 0 0 0;} div#sectioncontent div.resourcetext div.dotteddivider {font-size:1px; width:547px; height:13px; background-image: url(../images/resource_dotteddivider2.gif); background-repeat: no-repeat; background-position: left top; } /* End of Resources full */ /* Start of Resources landing */ #sectioncontent #sectionnav {width:135px;} #sectioncontent #sectionnav ul {list-style:none;margin:0px;padding:14px 0px 0px 0px;} #sectioncontent #sectionnav li { padding: 0px 0px 0px 13px; margin: 0px 0px 2px 0px; background-image: url(../images/sectionnavarrow.gif); background-repeat: no-repeat; background-position: left top; } #sectioncontent #sectionnav a { display: block;color: #1E3B3B; padding: 1px 3px 1px 2px;text-decoration:none;margin:0px 0px 0px 0px !important; } #sectioncontent #sectionnav li a:hover {background-color:#336666;color:white !important;} #sectioncontent #sectionnav li.selected a {background-color:#336666;color:white;} #resourcesearch {margin-bottom:6px;} #resourcesearch div#sectionsearchinner {padding:9px 0px 9px 15px;height:1%;} #resourcesearch div#sectionsearchlabel{ } #resourcesearch div#sectionsearchlabel div#sectionsearchlabelinner{padding:0px 0px 5px 0px;font-family:arial,sans-serif;font-size:16px;font-weight:bold;color:#385B5B;} #resourcesearch div#sectionsearchinput{float:left;} #resourcesearch div#sectionsearchinput input#sectionsearchterm {width:236px;margin:0px;padding:2px; border:1px solid #90B8AB; background-color:white;} #resourcesearch div#sectionsearchsubmit {float:left;padding-left:5px;} div.resourcesearchdivider { font-size: 1px; width: 401px; height: 20px; background-image: url(../images/threecol_divider_401px.gif); background-repeat: no-repeat; background-position: left center; } div.resourcedotteddivider { font-size: 1px; width: 401px; height: 22px; background-image: url(../images/threecol_dotteddivider_401px.gif); background-repeat: no-repeat; background-position: left center; } #resourcebrowse {width:400px;color:#252525;} #resourcebrowse h3 {padding:5px 0px 15px 0px !important;margin:0px;color:#385B5B;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} #resourcebrowse div.browseitem {float:left;width:200px;} #resourceformset2 {padding:0px 0px 15px 0px;height:1%;} #resourceformset {padding:0px 0px 15px 0px;height:1%;} #resourceformset3 {padding:0px 0px 8px 0px;height:1%;} #resourcebrowse div.resourceformlabel {font-size:1em;line-height:154%; color:#385B5B; font-weight:bold;} #resourcebrowse div.resourceformsubmit {float:left;padding-left:5px;} #resourcebrowse div.resourceformitem {float:left;} #resourcebrowse #browse_resource_type {width:150px;} #resourcebrowse #browse_themes {width:150px;} #resourcebrowse #browse_audience {width:150px;} #resourcebrowse #browse_keystage {width:150px;} #resourcebrowse #browse_subject {width:150px;} #resourcelatest {width:400px;padding:0px 0px 10px 0px;color:#252525;} #resourcelatest div.thumbnail {float:left;width:195px;} #resourcelatest div.thumbnail h3 {padding:5px 0px 17px 0px !important;} #resourcelatest div.description {float:left;width:195px;} #resourcelatest div.description h4 {font-family:'Trebuchet MS',arial,sans-serif !important;font-size:1em !important; font-weight:normal; line-height:120%; padding:0px 0px 8px 0px !important; margin:0px !important;} #resourcelatest div.description h4 a {text-decoration:underline;color:#252525;} #resourcelatest div.description h4 a:hover {color:#669999;text-decoration:underline;} #resourcelatest div.description p {padding:0px;margin:0px;} #resourcelatest div.description p.link { margin-top:6px; background-image: url(../images/resources_arrow.gif); background-repeat: no-repeat; background-position: left top; padding-left:8px; color:#252525; } #resourcelatest div.description p.link a {color:#252525;} #resourcelatest div.description p.link a:hover {color:#252525;text-decoration:underline;} /* End of Resources landing */ /* Start of Resources 360 */ #magazinesubscription h3 {padding:0px 0px 10px 0px !important;margin:0px !important;} #magazinesubscription p {margin:0px !important;padding:0px 0px 10px 0px !important;color:#252525;} div#subscriptionorder {color:#252525;} div#subscriptionorder p {margin:0px;padding:0px 0px 0px 0px;} div#subscriptionorder p.mandatory { padding-left:13px !important; background-image: url(../images/formrequiredstar.gif); background-repeat: no-repeat; background-position: left top; } div#subscriptionorder label {display:block;padding:10px 0px 1px 0px;} div#subscriptionorder label.inline {display:inline;} div#subscriptionorder #telephone { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #email { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #postcode { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #address4 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #address3 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #address2 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #address1 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #organisation { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #jobtitle { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #name { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #title { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#subscriptionorder #region {width:200px;} div#subscriptionorder div.required { width:322px; background-image: url(../images/formrequiredstar.gif); background-repeat: no-repeat; background-position: right center; } div#subscriptionorder #submit {margin-top:15px;padding:0px;} div#subscriptionorder div.clearer {font-size:1px;line-height:1px;clear:both;} div#subscriptionorder p.checkboxintro {padding:10px 0px 0px 0px !important;margin:0px;} div#subscriptionorder div.checkboxes {padding:10px 0px 0px 0px;} div#subscriptionorder div.checkbox {float:left;width:22px;margin:0px;padding:0px;} div#subscriptionorder div.checkboxtext {float:left;width:360px;padding-top:2px;} div#subscriptionorder p a {color:#252525 !important;text-decoration:underline !important;} div#subscriptionorder div.checkboxtext a {color:#252525 !important;text-decoration:underline !important;} div#subscriptionorder p a:hover {color:#252525 !important;text-decoration:underline;} div#subscriptionorder div.checkboxtext a:hover {color:#252525 !important;text-decoration:underline;} div#subscriptionorder div.selects {padding:2px 0px 0px 0px;} div#subscriptionorder div.select {float:left;width:100px;margin:0px;padding:0px;} div#subscriptionorder div.selecttext {float:left;width:111px;padding-top:4px;} div#subscriptionorder div.checkbox1 {float:left;width:162px;padding-bottom:8px;} div#subscriptionorder div.checkbox2 {float:left;width:196px;padding-bottom:8px;} div#subscriptionorder div.checkbox1 div.checkboxtext {float:left;width:140px;padding-top:2px;} div#subscriptionorder div.checkbox2 div.checkboxtext {float:left;width:172px;padding-top:2px;} /* End of Resources 360 */ /* Start of events search */ #events div#contentbody div#contentbodytitles{background-color:#699;} #events div#contentbody div#contentbodytitles h2{color:#fff;} #events div#contentbody div#contentbodytitles h3{color:#E8EEED;} #events div#contentbody div#landingpagetop{background-color:#699;padding-bottom:96px;} #events div#contentbody div.breadcrumb a {color:white;} #events div#contentbody div.breadcrumb {color:white;} #events div#contentbody div.breadcrumb a:hover {color:#C7DBD5;} #events #sectionsearch {background-color:#C1DBDB;width:562px;margin-bottom:6px;} #events #sectionsearchinner {padding:9px 0px 9px 15px;height:1%;} #events #sectionsearch div#sectionsearchinner {padding:9px 0px 9px 15px;height:1%;} #events #sectionsearch div#sectionsearchlabel {width:9em;} #events #sectionsearch div#sectionsearchlabel div#sectionsearchlabelinner{padding:0px 0px 5px 0px;font-family:arial,sans-serif;font-size:16px;font-weight:bold;color:#385B5B;} #events #sectionsearch div#sectionsearchinput{float:left;} #events #sectionsearch div#sectionsearchinput input#sectionsearchterm {width:236px;margin:0px;padding:2px; border:1px solid #90B8AB; background-color:white;} #events #sectionsearch div#sectionsearchsubmit {float:left;padding-left:5px;} #events #browse_region {width:196px;} #events #browse_eventtype {width:196px;} #events #sectioncontentinner div.sectiontitle {float:left;width:420px;padding:0px !important; margin:0px !important;} #events #sectioncontentinner div.sectiontitle h3 {padding:4px 0px 10px 15px !important; margin:0px !important;} #events #sectioncontentinner div.sectionlink {float:left;} #events #sectioncontentinner div.sectionlink p.link { background-image: url(../images/resources_arrow.gif); background-repeat: no-repeat; background-position: left top; padding-left:8px; color:#252525; margin:5px 0px 0px 0px;} #events #sectioncontentinner div.sectionlink p.link a {color:#252525;text-decoration:none;} #events #sectioncontentinner div.sectionlink p.link a:hover {color:#252525;text-decoration:underline;} #events #sectioncontentinner div.resultitem {padding-left:15px !important;} /* End of events earch */ /* Start of news search */ div#sectioncontent div.newscols div.col1 {float:left;width:417px;} div#sectioncontent div.newscols div.col1inner {padding:0px 0px 0px 15px;} div#sectioncontent div.newscols div.col2 {float:left;width:145px;} div#sectioncontent div.newscols div.col2inner {padding:0px 0px 0px 21px;} div#sectioncontent div.newscols div.clearer {clear:both;font-size:1px;line-height:1px;} div#sectioncontent div.newscols h3 {padding:0px 0px 12px 0px !important;} div#sectioncontent div.newscols div.firstitem h4 {font-size:1em;line-height:120%;font-weight:normal;padding:0px 0px 9px 0px !important;margin:0px;} div#sectioncontent div.newscols div.firstitem h4 a {color:#252525;text-decoration:underline;} div#sectioncontent div.newscols div.firstitem h4 a:hover {color:#669999;text-decoration:underline;} div#sectioncontent div.newscols { } div#sectioncontent div.newscols div.firstitem p {padding:0px 0px 0px 0px !important;margin:0px;} div#sectioncontent div.newscols p span {font-weight:bold;} div#sectioncontent div.newscols div.resultitem {padding:10px 0px 10px 0px;} div#sectioncontent div.newscols div.resultitemdivider{padding:15px 0px 10px 0px;background-image:url(../images/publications_402px_divider.gif);background-position:top left;background-repeat:no-repeat;} div#newssubnav h4 { font-size:1em;line-height:120%;padding:25px 0px 0px 0px;margin:0px;color:#385B5B;} div#newssubnav ul { padding: 0px; margin: 0px; list-style-type: none;} div#newssubnav li { background-image: url(../images/resources_arrow.gif); background-repeat: no-repeat; background-position: left top; padding-left:8px; color:#252525; margin:5px 0px 0px 0px;} div#newssubnav li a {color:#252525;text-decoration:none;} div#newssubnav li a:hover {color:#252525;text-decoration:underline;} /* End of news search */ /* Start of articles */ #articletext {padding:12px 0px 0px 0px;} #articletext div.inlineimage {float:left;padding:0px 1em 0.3em 0px;} #articletext div.inlineimage p.inlinecaption {padding:5px 0px 0px 0px !important;font-size:11px !important;line-height:1em !important;} div#sectioncontent div.articlecols div.col1 {float:left;width:417px;} div#sectioncontent div.articlecols div.col1inner {padding:0px 0px 0px 15px;} div#sectioncontent div.articlecols div.col2 {float:left;width:145px;} div#sectioncontent div.articlecols div.col2inner {padding:0px 0px 0px 21px;} div#sectioncontent div.articlecols div.clearer {clear:both;font-size:1px;line-height:1px;} div#sectioncontent div.articlecols h3 {padding:0px 0px 12px 0px !important;color:#4D2963;} div#sectioncontent div.articlecols div.firstitem h4 {font-size:1em;line-height:120%;font-weight:normal;padding:0px 0px 9px 0px !important;margin:0px;} div#sectioncontent div.articlecols div.firstitem h4 a {color:#252525;text-decoration:underline;} div#sectioncontent div.articlecols div.firstitem h4 a:hover {color:#996EB3;text-decoration:underline;} div#sectioncontent div.articlecols div.firstitem p {padding:0px 0px 0px 0px !important;margin:0px;} div#sectioncontent div.articlecols p span {font-weight:bold;} div#sectioncontent div.articlecols div.resultitem {padding:10px 0px 10px 0px;} div#sectioncontent div.articlecols div.resultitemdivider{padding:15px 0px 10px 0px;background-image:url(../images/articles_402px_divider.gif) !important;background-position:top left;background-repeat:no-repeat;} div#newssubnav h4 { font-size:1em;line-height:120%;padding:25px 0px 0px 0px;margin:0px;color:#385B5B;} div.articlecols div#newssubnav ul { padding: 23px 0px 0px 0px; margin: 0px; list-style-type: none; } div#sectioncontent div.articlecols div.resultitem div h4 a:hover {color:#996EB3;text-decoration:underline;} div#sectioncontent div.articlesresult div.resultitemdivider { padding: 10px 0px 10px 15px !important; background-image: url(../images/purple_562px_divider.gif) !important; background-position: top left !important; background-repeat: no-repeat !important; } /* End of articles */ /* Start of additional design review */ div#contentbodymaintextinnerdesign {background-color:#F1EFF4;color:#252525;padding:10px 0px 0px 0px;} div#designreviewphoto {width: 562px; background-color: #F1EFF4;} div#designreviewphoto div.breadcrumb {padding:0px 0px 0px 15px;} div#designreviewphoto div.nav {padding:0px 0px 0px 4px;} div#designreviewphoto div.nav a {text-decoration:none;color:#252525;} div#designreviewphoto div.nav a:hover {text-decoration:underline;color:#572F6F;} div#designreviewphoto div.back {width:158px;float:left;} div#designreviewphoto div.previousnext {width:390px;float:left;text-align:right;} div#designreviewphoto div.photodetails {padding:0px 15px 12px 15px;} div#designreviewphoto h4 {padding:12px 0px 4px 15px !important;margin:0px !important; font-family:arial,sans-serif;font-size:16px;color:#252525 !important;} div#designreviewphoto div.photodetails h5 {padding:0px 0px 0px 0px;margin:0px;font-size:1em;line-height:120%;color:#252525;} div#designreviewphoto div.photodetails p {padding:0px 0px 0px 0px !important;margin:0px !important; } div#designreviewphoto div.photodetails a {text-decoration:underline;color:#252525;} div#designreviewphoto div.photodetails a:hover {text-decoration:underline;color:#572F6F;} div#designreviewphoto div.divider {font-size:1px; width:562px; height:16px; background-image: url(../images/threecol_divider_purple.gif); background-repeat: no-repeat; background-position: left center; } div#designreviewphoto div.photo { width: 562px; background-color: #F1EFF4; background-image: url(../images/purple_photobackground.gif); } div#designreviewphoto div.photo img {padding:0px !important;margin:0px !important;} /* End of additional design review */ /* Start of regions */ div.resultssummary {width:400px;} div.resultssummaryinner {padding:0px 0px 10px 15px;} div.resultssummary div.breadcrumb {padding:0px 0px 10px 0px;margin:0px} div.resultssummary div.after0 {padding-bottom:0px;margin:0px} div.resultssummary div.breadcrumb span {font-weight:bold !important;} div.resultssummary p {padding:0px;margin:0px} div.resultssummary a {text-decoration:underline;color:#252525;} div.resultssummary a:hover {text-decoration:underline;color:#572F6F;} div#sectioncontent div.purple div.pagingcontrol a:hover {color:#572F6F;} div#sectioncontent div.purple div.resultitemdivider{padding:6px 0px 10px 15px;background-image:none;} div#sectioncontent div.purple div.resultitem a:hover {color:#572F6F;} div#sectioncontent div#regionresults h3 {color:#252525;padding:8px 0px 0px 15px;margin:0px;} div#sectioncontent div#regionresults h3.divider {color:#252525;padding:20px 0px 0px 15px;margin:0px;background-image: url(../images/purple_562px_divider.gif); background-repeat: no-repeat; background-position: left top;} /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#sectioncontent div#regionresults h3 {height:1%;} /* */ /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#sectioncontent div.purple div.pagingcontrol {height:1%;} /* */ div#sectioncontent div#regionresults div.single h4 {padding-bottom:0px !important;margin:0px !important;} /* End of regions */ /* Start of design review search */ #designreview #sectionsearch {background-color:#D0C1DB;width:562px;margin-bottom:6px;} #designreview #sectionsearchinner {padding:9px 0px 9px 15px;height:1%;} #designreview #sectionsearch div#sectionsearchinner {padding:9px 0px 9px 15px;height:1%;} #designreview #sectionsearch div#sectionsearchlabel {width:20em;} #designreview #sectionsearch div#sectionsearchlabel div#sectionsearchlabelinner{padding:0px 0px 5px 0px;font-family:arial,sans-serif;font-size:16px;font-weight:bold;color:#4D2963;} #designreview #sectionsearch div#sectionsearchinput{float:left;} #designreview #sectionsearch div#sectionsearchinput input#sectionsearchterm {width:226px;margin:0px;padding:2px; border:1px solid #4D2963; background-color:white;} #designreview #sectionsearch div#sectionsearchsubmit {float:left;padding-left:5px;} div#designreviewbrowse{background-color:#F1EFF4;width:562px;margin-top:0px;margin-bottom:6px;} div#designreviewbrowse div#designreviewbrowseinner{padding:7px 0px 15px 0px;} div#designreviewbrowse h3{padding:0px 0px 5px 15px;margin:0px;color:#4D2963;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} div#designreviewbrowse p {margin:0px;padding:0px 0px 10px 15px;} div#designreviewformset{padding:0px 0px 20px 15px;height:1%;} div#designreviewformset2{padding:0px 0px 10px 15px;height:1%;} div.designreviewformlabel {font-family:'Trebuchet MS',arial,sans-serif; font-size:1em;line-height:154%; color:#4D2963; font-weight:bold;} div.designreviewformsubmit {float:left;padding-left:5px;} div.designreviewformsubmitbutton {float:left;padding-left:25px;} div.designreviewformitem {float:left;} #browse_local_authority {width:196px;} #browse_building_type {width:196px;} #browse_region {width:196px;} #designreviewlatest h3 {padding:0px 0px 10px 0px;margin:0px;color:#4D2963;font-family:arial,sans-serif;font-size:16px;font-weight:bold;} #designreviewlatest #contentbodymain a {color:#252525;text-decoration:underline;} #designreviewlatest #contentbodymain a:hover {color:#4D2963;text-decoration:underline;} #designreviewlatest #contentbodymain #designreviewlist {padding:0px 0px 20px 0px; } #designreviewlatest #contentbodymain #designreviewlist h4 {padding:0px;margin:0px;color:#252525;font-family:'Trebuchet MS',arial,sans-serif; font-size:1em;line-height:120%;font-weight:bold;} #designreviewlatest #contentbodymain #designreviewlist p {padding:0px;margin:0px;color:#252525;} #designreviewlatest #contentbodymain #designreviewlist p.date {padding:0px 0px 8px 0px;margin:0px;color:#252525;} #designreview #contentbody #contentbodymaintextwide {width:562px;} /* #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner{padding:10px 161px 20px 15px !important;} */ #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner{padding:10px 15px 20px 15px !important;} #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner ol {width:416px;} #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner ul {width:416px;} #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner h5 {width:416px;} #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner h4 {width:416px;} #designreview div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner p {width:416px;} /* End of design review search */ /* Start of site wide results */ div.resultssummary p.searchterm {padding:0px 0px 8px 0px;} div.resultssummary p.searchterm span {font-weight:bold;} /* End of site wide results */ /* Start of regions landing */ div.authoritypopup {padding:8px 10px 5px 11px;font-family:'Trebuchet MS',arial,sans-serif; font-size:1em;line-height:120%;} div.authoritypopup p {margin:0px;padding:0px 0px 4px 0px;} div.authoritypopup select {padding:0px;margin:0px;width:160px;} div.authoritypopup input {display:block;margin:5px 0px 0px 0px;padding:0px;} div#cutcornerblock div.moreabout {font-family:arial,sans-serif; font-size:16px; line-height:19px; font-weight:bold;color:#63596B;padding-bottom:5px;} div#cutcornerblock div.moreaboutitems {padding:0px 0px 5px 0px;} div#cutcornerblock div.moreaboutitems ul {list-style:none;margin:0px;padding:2px 0px 0px 0px;} div#cutcornerblock div.moreaboutitems ul li {background-image: url(../images/regions_arrow.gif); background-repeat: no-repeat; background-position: left top; padding:0px 0px 2px 0px; } div#cutcornerblock div#cutcornerblockinnerinner div.moreaboutitems ul li a {font-weight:normal !important; } div#cutcornerblock div#cutcornerblockinnerinner div.moreaboutitems ul li a:hover {text-decoration:underline !important;} div#cutcornerblock div.divider { height:17px;margin:0px;padding:0px; background-image: url(../images/moreabout_divider.gif); background-repeat: no-repeat; background-position: left center; } /* End of regions landing */ /* Start of General Form */ /* This section defines a set of styles for use in forms that occur on content pages. The most common field IDs have been pre-defined, but if any additional fields are needed a new entry will need to be added. If you need a field of a different width see the example of div#generalform #numbadges where an entry in the general definition defines most setting, and a separate entry redefines the width. */ div#generalform div.formdivider {border-bottom:1px solid #81AAAA;width:416px;height:20px;margin-bottom:10px;} div#generalform h5 {color:#252525;font-size:1em;font-weight:bold;margin:0px;padding:0px 0px 10px 0px;} div#generalform {color:#252525;} div#generalform p {margin:0px;padding:0px 0px 0px 0px;} div#generalform p.mandatory { padding-left:13px !important; background-image: url(../images/formrequiredstar.gif); background-repeat: no-repeat; background-position: left top; } div#generalform label {display:block;padding:10px 0px 1px 0px;} div#generalform label.firstlabel {padding:0px 0px 1px 0px;} div#generalform label.inline {display:inline;} div#generalform label.hidden {display:none;} div#generalform #numbadges { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #telephone { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #reference { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #email { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #postcode { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #county { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #city { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #town { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #address4 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #address3 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #address2 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #address1 { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #localauthority { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #organisation { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #position { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #jobtitle { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #lastname { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #firstname { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #name { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #title { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div#generalform #numbadges {width:50px;} div#generalform #title {width:100px;} div#generalform #region {width:200px;} div#generalform textarea { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; height:60px;} div#generalform div.required { width:322px; background-image: url(../images/formrequiredstar.gif); background-repeat: no-repeat; background-position: right center; } div#generalform div.requiredtop { width:322px; background-image: url(../images/formrequiredstar.gif); background-repeat: no-repeat; background-position: right top; } div#generalform #submit {margin-top:15px;padding:0px;} div#generalform div.clearer {font-size:1px;line-height:1px;clear:both;} div#generalform p.checkboxintro {padding:10px 0px 0px 0px !important;margin:0px;} div#generalform div.checkboxes {padding:10px 0px 0px 0px;} div#generalform div.checkbox {float:left;width:22px;margin:0px;padding:0px;} div#generalform div.checkboxtext {float:left;width:278px;padding-top:2px;} div#generalform p a {color:#252525 !important;text-decoration:underline !important;} div#generalform div.checkboxtext a {color:#252525 !important;text-decoration:underline !important;} div#generalform p a:hover {color:#252525 !important;text-decoration:underline;} div#generalform div.checkboxtext a:hover {color:#252525 !important;text-decoration:underline;} div#generalform div.selects {padding:6px 0px 0px 0px;} div#generalform div.select {float:left;width:100px;margin:0px;padding:0px;} div#generalform div.selecttext {float:left;width:111px;padding-top:4px;} div#generalform div.checkbox1 {float:left;width:162px;padding-bottom:8px;} div#generalform div.checkbox2 {float:left;width:196px;padding-bottom:8px;} div#generalform div.checkbox1 div.checkboxtext {float:left;width:140px;padding-top:2px;} div#generalform div.checkbox2 div.checkboxtext {float:left;width:172px;padding-top:2px;} fieldset {border:none;padding:10px 0px 0px 0px;} div#generalform p {margin:0px !important;padding:0px 0px 10px 0px !important;color:#252525;} /* End of General Form */ /* Start of case study navigation */ /* The case study navigation use a simple image replacement technique, with the background image of the a tag being replaced on hover or when selected. The width and height of the a tag have to be specified to ensure that the a tag is the correct size to show all the background image. */ div#navcasestudy {width:146px;padding-top:13px;} div#navcasestudy ul{list-style:none;margin:0px;padding:0px;} /* NOTE HACK USED TO GIVE CORRECT MARGIN ON OLDER VERSIONS OF WinIE */ div#navcasestudy ul li{margi\n:0px 0px 2px 0px;padding:0px;line-height:1px;font-size:1px;} div#navcasestudy ul li a { height: 18px; width: 146px; display: block; line-height: 1px; font-size: 1px; background-repeat: no-repeat; background-position: left top; } /* div#navcasestudy ul li a.nav1, div#navcasestudy ul li a.nav1:active, div#navcasestudy ul li a.nav1:visited {background-image:url(../images/casestudynav_1_off.gif);} div#navcasestudy ul li a.nav1:hover, div#navcasestudy ul li a.nav1selected{background-image:url(../images/casestudynav_1_on.gif);} div#navcasestudy ul li a.nav2, div#navcasestudy ul li a.nav2:active, div#navcasestudy ul li a.nav2:visited {background-image:url(../images/casestudynav_2_off.gif);} div#navcasestudy ul li a.nav2:hover, div#navcasestudy ul li a.nav2selected {background-image:url(../images/casestudynav_2_on.gif);} div#navcasestudy ul li a.nav3, div#navcasestudy ul li a.nav3:active, div#navcasestudy ul li a.nav3:visited {background-image:url(../images/casestudynav_3_off.gif);} div#navcasestudy ul li a.nav3:hover, div#navcasestudy ul li a.nav3selected {background-image:url(../images/casestudynav_3_on.gif);} div#navcasestudy ul li a.nav4, div#navcasestudy ul li a.nav4:active, div#navcasestudy ul li a.nav4:visited {background-image:url(../images/casestudynav_4_off.gif);} div#navcasestudy ul li a.nav4:hover, div#navcasestudy ul li a.nav4selected {background-image:url(../images/casestudynav_4_on.gif);} div#navcasestudy ul li a.nav5, div#navcasestudy ul li a.nav5:active, div#navcasestudy ul li a.nav5:visited {background-image:url(../images/casestudynav_5_off.gif);} div#navcasestudy ul li a.nav5:hover, div#navcasestudy ul li a.nav5selected {background-image:url(../images/casestudynav_5_on.gif);} div#navcasestudy ul li a.nav6, div#navcasestudy ul li a.nav6:active, div#navcasestudy ul li a.nav6:visited {background-image:url(../images/casestudynav_6_off.gif);} div#navcasestudy ul li a.nav6:hover, div#navcasestudy ul li a.nav6selected {background-image:url(../images/casestudynav_6_on.gif);} div#navcasestudy ul li a.nav7, div#navcasestudy ul li a.nav7:active, div#navcasestudy ul li a.nav7:visited {background-image:url(../images/casestudynav_7_off.gif); height:53px;} div#navcasestudy ul li a.nav7:hover, div#navcasestudy ul li a.nav7selected {background-image:url(../images/casestudynav_7_on.gif); height:53px;} */ div#navcasestudy ul li a span{visibility:hidden;display:none;border:0px;} div#navcasestudy ul li {background-image:url(../images/casestudynav_7_on.gif); height:53px;width:146px;} div#navcasestudy ul li a.navImage:visited {background-image:url(../images/casestudynav_7_off.gif); height:53px;} div#navcasestudy ul li a.navImage:active {background-image:url(../images/casestudynav_7_off.gif); height:53px;} div#navcasestudy ul li a.navImage {background-image:url(../images/casestudynav_7_off.gif); height:53px;} div#navcasestudy ul li a.navImageselected {background-image:none; height:53px;} div#navcasestudy ul li a.navImage:hover {background-image:none; height:53px;} div#navcasestudyprint {width:146px;padding-top:13px;} div#navcasestudyprint ul{list-style:none;margin:0px;padding:0px;} /* NOTE HACK USED TO GIVE CORRECT MARGIN ON OLDER VERSIONS OF WinIE */ div#navcasestudyprint ul li{margi\n:0px 0px 2px 0px;padding:0px;line-height:1px;font-size:1px;} div#navcasestudyprint ul li a { height: 18px; width: 146px; display: block; line-height: 1px; font-size: 1px; background-repeat: no-repeat; background-position: left top; } div#navcasestudyprint ul li a span{visibility:hidden;display:none;border:0px;} div#navcasestudyprint ul li {background-image:url(../images/casestudynav_8_on.gif); height:53px;width:146px;} div#navcasestudyprint ul li a.navImage:visited {background-image:url(../images/casestudynav_8_off.gif); height:53px;} div#navcasestudyprint ul li a.navImage:active {background-image:url(../images/casestudynav_8_off.gif); height:53px;} div#navcasestudyprint ul li a.navImage {background-image:url(../images/casestudynav_8_off.gif); height:53px;} div#navcasestudyprint ul li a.navImageselected {background-image:none; height:53px;} div#navcasestudyprint ul li a.navImage:hover {background-image:none; height:53px;} /* End of case study navigation */ /* Start of Side Navigation Styles */ /* The side navigation uses a more complex image system for the first level of navigation. The li tag has its width, height and background-image set for each menu item. The background image is the on state. The a tag also has its width and height set. The background-image of the a tag is either set to the off state, or on hover it is set to none. This means that there is always an image of the menu item to be displayed, even when it is being changed, preventing the flicker that can sometime occur. The remaining navigation levels use simpler, text-based styles. There is an option to enable a graphical arrow beside second level navigation. The containing div is absolutely positioned as the html code for the menu comes towards the end of the page. */ div#sidenav{float:left;width:180px;position:absolute;left:568px;top:112px;font-family:'Trebuchet MS',arial,sans-serif; font-size:1px;line-height:1px;text-decoration:none;font-weight:normal;background-color:white;color:#4D2963;} div#sidenav a {text-decoration:none;color:#4D2963;} div#sidenav div#navemptycontent{width:180px;visibility:hidden;padding:12px 0px 0px 0px;} div#sidenav div#navemptycontent span{display:block;line-height:17px;} div#sidenav div#navemptycontent span.emptysubsubnav{display:block;height:24px;} div#sidenav div#navmain{position:absolute; top:0px;width:160px;padding:15px 0px 0px 0px; color:#4D2963;} div#sidenav ul {list-style:none;margin:0px;padding:0px;} div#sidenav ul li {margin:0px;padding:0px;background-image:none;} /* NOTE HACK USED TO GIVE CORRECT MARGIN ON OLDER VERSIONS OF WinIE */ div#sidenav div#navmain ul li {margi\n:0px 0px 2px 0px;padding:0px;} div#sidenav div#navmain ul li {position:relative;background-position:top left;} div#sidenav div#navmain ul li.nav1 {background-image:url(../images/sidenav_1_on.gif); width:170px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav1{background-image:url(../images/sidenav_1_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav1selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav1:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav2{background-image:url(../images/sidenav_2_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav2{background-image:url(../images/sidenav_2_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav2selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav2:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav3{background-image:url(../images/sidenav_3_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav3{background-image:url(../images/sidenav_3_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav3selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav3:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav4{background-image:url(../images/sidenav_4_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav4{background-image:url(../images/sidenav_4_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav4selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav4:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav5{background-image:url(../images/sidenav_5_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav5{background-image:url(../images/sidenav_5_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav5selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav5:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav6{background-image:url(../images/sidenav_6_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav6{background-image:url(../images/sidenav_6_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav6selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav6:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li.nav7{background-image:url(../images/sidenav_7_on.gif); width:160px;display:block;line-height:1px;font-size:1px;background-repeat:no-repeat;} div#sidenav div#navmain ul li a.nav7{background-image:url(../images/sidenav_7_off.gif); height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav7selected{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a.nav7:hover{background-image:none; height:19px; width:160px;display:block;line-height:1px;font-size:1px;} div#sidenav div#navmain ul li a span{visibility:hidden;display:none;border:0px;} div#sidenav div#navmain ul li div.navcontainer {padding:2px 0px 2px 0px;font-size:13px;line-height:16px;} div#sidenav div#navmain ul li div.navcontainer ul{list-style:none;margin:0px;padding:0px;width:155px;} div#sidenav div#navmain ul li div.navcontainer ul li{margin:0px;padding:0px;background-image:url(../images/sidenav_divider.gif);background-position:bottom right;background-repeat:no-repeat;margin-bottom:3px;} div#sidenav div#navmain ul li div.navcontainer ul li {padding-bottom:3px;} /* Add this rule for new style nav div#sidenav div#navmain ul li div.navcontainer ul li a {display:block;padding-left:8px;background-image:url(../images/rightnav_linkarrow.gif);background-position:top left;background-repeat:no-repeat;} */ div#sidenav div#navmain ul li div.navcontainer ul li a:visited {font-weight:normal;} div#sidenav div#navmain ul li div.navcontainer ul li a:active {font-weight:normal;} div#sidenav div#navmain ul li div.navcontainer ul li a {font-weight:normal;} div#sidenav div#navmain ul li div.navcontainer ul li a:hover {font-weight:bold;} div#sidenav div#navmain ul li div.navcontainer ul li.selected a:hover {font-weight:bold;} div#sidenav div#navmain ul li div.navcontainer ul li.selected a:visited {font-weight:bold;} div#sidenav div#navmain ul li div.navcontainer ul li.selected a:active {font-weight:bold;} div#sidenav div#navmain ul li div.navcontainer ul li.selected a {font-weight:bold;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer{padding-left:10px;padding-bottom:4px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul{list-style:none;margin:0px;padding:0px;width:144px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li {margin:0px 0px 1px 0px;padding:0px;background-image:none;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li a:visited{text-decoration:none;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li a:active{text-decoration:none;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li a{text-decoration:none;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li a:hover{background-color:#DCD7E0;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li.selected a:hover{text-decoration:none;background-color:#DCD7E0;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li.selected a:visited{text-decoration:none;background-color:#DCD7E0;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li.selected a:active{text-decoration:none;background-color:#DCD7E0;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li.selected a{text-decoration:none;background-color:#DCD7E0;font-weight:normal;line-height:17px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul{list-style:none;margin:0px;padding:0px;width:133px;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li{margin:0px 0px 1px 0px;;padding:0px;background-image:none;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li a:visited {background-color:#ffffff;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li a:active {background-color:#ffffff;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li a {background-color:#ffffff;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li.selected a:hover {font-weight:normal !important;background-color:#DCD7E0;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li.selected a:visited {font-weight:normal !important;background-color:#DCD7E0;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li.selected a:active {font-weight:normal !important;background-color:#DCD7E0;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li.selected a {font-weight:normal !important;background-color:#DCD7E0;} div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li div.navcontainer ul li a:hover {font-weight:normal !important;background-color:#DCD7E0;} div#sidenav div#navmoreabout{width:180px;background-image:url(../images/more_about_cut_corner_block.gif);background-position:bottom right;background-repeat:no-repeat;} div#sidenav div#navmoreabout div#navmoreaboutinner{padding-top:9px; padding-left:8px; padding-right:8px;} div#sidenav div#navmoreabout div.title{font-family:arial,sans-serif; font-size:16px; line-height:24px; font-weight:bold;color:#63596b;} div#sidenav div#navmoreabout div.listcontainer {padding-bottom:35px;color:#252525;} div#sidenav div#navmoreabout div.listcontainer ul{list-style:none;margin:0px;padding:0px;font-size:13px;line-height:120%;} div#sidenav div#navmoreabout div.listcontainer ul li{ } div#sidenav div#navmoreabout div.listcontainer ul li a:visited{color:#252525;text-decoration:none;} div#sidenav div#navmoreabout div.listcontainer ul li a:active{color:#252525;text-decoration:none;} div#sidenav div#navmoreabout div.listcontainer ul li a{color:#252525;text-decoration:none;} div#sidenav div#navmoreabout div.listcontainer ul li a:hover{text-decoration:underline;} /* These are IE5.01 ONLY hacks */ @media tty { i{content:"\";/*" "*/}}; div#sidenav div#navmain ul li {margin:0px 0px 2px 0px;padding:0px;} {;}/*";} }/* */ @media tty { i{content:"\";/*" "*/}}; div#sidenav div#navmain ul li div.navcontainer ul li {float:left;display:block;clear:left;width:100%;margin:0px 0px 0px 0px !important; padding:1px 0px 4px 0px !important;text-indent:0px !important;} {;}/*";} }/* */ @media tty { i{content:"\";/*" "*/}}; div#sidenav div#navmain ul li div.navcontainer ul li div.navcontainer ul li {float:left;display:block;clear:left;width:100%;margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important;text-indent:0px !important;} {;}/*";} }/* */ /* End of Side Navigation Styles */ /* Start of Top Navigation Styles */ /* The top navigation uses a more complex image system. The li tag has its width, height and background-image set for each menu item. The background image is the on state. The a tag also has its width and height set. The background-image of the a tag is either set to the off state, or on hover it is set to the on state. This means that there is always an image of the menu item to be displayed, even when it is being changed, preventing the flicker that can sometime occur. The containing div is absolutely positioned as the html code for the menu comes towards the end of the page. The space for the navigation has already been reserved by accessheader div. */ /* Start of Footer Styles */ /* The footer needs a number of hacks to get the div to be the correct height. */ div#footer{padding-left:12px;padding-top:10px;} div#footer.home {padding-top:15px;} div#footerinner{padding-bottom:10px;background-image:url(../images/footer_divider.gif);background-position:bottom left;background-repeat:no-repeat;font-family:arial,sans-serif;font-size:0.92em;color:#333333;} /* NOTE HACK USED TO FIX WinIE6 RENDER BUG AND HIDDEN FROM MacIE5 */ /* \*/ div#footer div#footerinner{height:1%;} /* */ @media tty { i{content:"\";/*" "*/}} div#footer div#footerinner{height:0.1%} /*";} }/* */ /*\*//*/div#footer div#footerinner{height:auto;}/**/ div#footer a{font-family:arial,sans-serif;font-size:0.92em;color:#333333;text-decoration:none;} div#footer a:active{color:#333333;text-decoration:none;} div#footer a:visited{color:#333333;text-decoration:none;} div#footer a:hover{color:#333333;text-decoration:underline;} div#address{padding-top:10px;} div#address div.firstline{padding-left:12px;font-family:arial,sans-serif;font-size:0.85em;color:#666666;font-weight:bold;} div#address div.secondline{padding-left:12px;font-family:arial,sans-serif;font-size:0.85em;color:#666666;} /* End of Footer Styles */ /* Toolkit Styles */ /* These basic styles are useful throughout the site */ br.clearer{clear:both;} form{padding:0px; margin:0px;} .skip{display:none;} p.indent {padding-left:68px !important;} div#prsectionsearch {width:562px;} div#prsectionsearchinner {padding:3px 0px 3px 15px;height:1%;} div#prsectionsearch div#sectionsearchlabel{float:left;width:14em;} div#prsectionsearch div#sectionsearchlabel div#sectionsearchlabelinner{padding:2px 18px 0px 0px;font-family:arial,sans-serif;font-size:16px;font-weight:bold;color:#385B5B;} div#prsectionsearch div#sectionsearchinput{float:left;} div#prsectionsearch div#sectionsearchinput input#sectionsearch{width:236px;padding:0px;margin:0px;} div#prsectionsearch div#sectionsearchsubmit{float:left;padding-left:4px;} div#prsectionsearch div#sectionsearchsubmit div#sectionsearchsubmitinner{background-color:#669999; width:25px;} div#contentbody div#contentbodymaintextwide div#contentbodymaintextinner p {padding-bottom:5px;} div#contentbody div#contentbodymaintext div#contentbodymaintextinner ul.links {} div#contentbodymaintextinner ul.links{list-style:none;margin:0px;padding:0px;} /* NOTE HACK USED TO GIVE CORRECT MARGIN ON OLDER VERSIONS OF WinIE */ div#contentbodymaintextinner ul.links li{margi\n:0px 0px 2px 0px;padding:0px;} div#contentbody div#contentbodymaintext div#contentbodymaintextinner ul.links{list-style:none;margin:0px;padding:0px;} div#contentbody div#contentbodymaintext div#contentbodymaintextinner ul.links li { padding: 0px 0px 0px 13px; margin: 0px 0px 2px -5px; background-image: url(../images/sectionnavarrow.gif); background-repeat: no-repeat; background-position: left top; } div#contentbody div#contentbodymaintext div#contentbodymaintextinner ul.links a.linktitle { display: block;color: #1E3B3B; font-weight:bold;padding: 1px 3px 1px 2px;text-decoration:none;margin:0px !important; } div#contentbody div#contentbodymaintext div#contentbodymaintextinner ul.links li p {margin:3px 0px 0px 0px;padding:0px 0px 10px 2px;} div#contentbody div#contentgrid div#threeblockcontentgrid div.threeblockcontentcontainer img {border:0px;} div.col2 .col2inner a {text-decoration:underline !important;} div.col2 .col2inner h4 {margin:0px!important;padding:0px !important;} div#casestudies div.col2 .col2inner h4 {margin:0px!important;padding:8px 0px 10px 0px !important;} xsup {line-height:1.8em;} sup {vertical-align:text-top;font-size:75%;} div#contentbody img.floatleft { float: left; /* margin: 0 1em 0.5em 0; */ margin: 0 1em 20px 0; } div#contentbody .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#contentbody .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html #contentbody .clearfix {height: 1%;} #contentbody .clearfix {display: block;} /* End hide from IE-mac */ /*div#contentbody a {color:#333333;}*/ div#contentbody p.contentFirst a {color:#666666;} div#contentbody address {font-style:normal;margin-bottom:2em;} div#sectioncontent div.twocols div.first a {color:#366;} div#sectioncontent div#sectioncontentinner p {padding-bottom:5px;} div#searchresultset div.resourcetext p {padding:0px 0px 10px 0px;} ul.leftsubnav {padding-top:0px !important;} #sectioncontent #sectionnav li.selected ul li a {background-color:#F1EFF4 !important; color:#1E3B3B;} #sectioncontent #sectionnav li.selected ul li a:hover {background-color:#336666 !important;color:white !important;} #tblOpinions {width:100%;} #tblOpinions td {text-align:center;} #tblOpinions label {display:none !important;} #tblOpinions tr.headers th {text-align:center;vertical-align:bottom !important; font-weight:normal !important;} #tblOpinions tr.headers th.left {text-align:left; font-weight:bold !important;} #tblOpinions tr.headers {padding-bottom:10px; } #tblOpinions tr.topped {vertical-align:top;} #tblOpinions th {font-weight:normal !important;} div.feedback textarea { margin:0px 0px 5px 0px; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; height:60px;} div.feedback #otheroccupation { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div.feedback #pub_name { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div.feedback #county { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div.feedback #town { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div.feedback #organisation { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } div.feedback #position { margin:0 0 5px 0; width:300px; padding:2px; border:1px solid #90B8AB; background-color:white; } /**** added 01/10/07 clearfix ***/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*** overrides ***/ #searchanchors a{font-size:.94em;color:#fff; text-decoration:none;} #searchanchors a:hover{text-decoration:underline;} /*TH ADDED 11/05/2007 - ORDER POPUP*/ .order{position:absolute;background:#669999;top:30px;border:1px solid #000;padding:5px 8px;/*z-index:100;*/width:250px;} .resultitem .order{left:150px;} .order h2{font-size:1.3em;margin:0;padding:0;color:#FFF;} .order p{color:#FFF !important;} .order a{color:#FFF !important;} .order p.title{font-size:1.2em;font-weight:bold;} .cols{background:#EEEEEE;border-top:5px solid #FFF;border-right:6px solid #FFF;padding:0 15px 0 15px;} .cols h3{font-family:arial,helvetica,sans-serif;margin:0 0 5px 0;} .cols .col1{float:left;width:47%;border-right:4px solid #FFF;padding:15px 10px 15px 5px;} .cols .col2{float:right;width:47%;padding:15px 5px 0px 5px;} .clear{clear:both;} .label{} .element{padding:2px 0 10px 0;} .cols .LinkButton{padding:0;margin:10px 0 0 0;font-size:0.91em;} input.text{width:90%;} form #aspnet #txtAddAddressLine2 { margin-left:200px; padding-left:200px; } .basket th{background:#699;color:#FFF;padding:2px 0px 2px 10px !important;} .basket td{padding:5px 0 5px 10px !important;border-bottom:1px solid #B3D3C9;} .basket .update{text-align:right;} .basket .total{text-align:right;font-size:1em;font-weight:bold;background:#B3D3C9;padding:5px 5px 5px 0 !important;} /* NEW BUTTONS - ADDED 29/06/2007 ******************************************************************************/ div.buttons a { background-color: #767676; color: white !important; text-decoration: none !important; font-family: Arial; padding: 3px 5px !important; margin-right:4px; } td.buttons-sub input { margin-bottom: 10px; text-decoration: none; background: #767676; border: 1px solid white; font-size:0.8em; font-family:arial; color:white; height: 23px; } div.buttons a:hover { background-color: #996EB1; color:#FFFFFF; } div.buttons input{ margin-top: 8px; margin-left: 10px; text-decoration: none; background: #767676; border: 1px solid white; font-size:0.8em; font-family:arial; color:white; height: 23px; } div.buttons-sub input{ margin-bottom: 10px; text-decoration: none; background: #767676; border: 1px solid white; font-family:arial; color:white; padding: 3px 5px; } div.buttons-link { font-family:arial; color:#666666; size: 10px; padding: 0px; } div.buttons-link input{ text-decoration: underline; border: 0px; background-color:#eeeeee; font-family:arial; padding: 0px; width: 124px; } div.buttons-sub img{ margin-left: 0px; text-decoration: none; background: #767676; border: 1px solid white; margin-top: 10px; } div.latestitemimage {margin-right:4px;} div.order { top:32px; padding: 0 0 12px 0; background: #669999; border-color:#333333; } div.order p {margin: 5px 10px 10px 10px; font-family:arial;} div.order h2 { padding: 5px 8px 3px 8px; background: #598686; color: white; margin-bottom: 3px; font-size:1.0em; font-family:arial; } div.order a { padding: 2px 4px; margin: 5px; text-decoration: none !important; background: #767676; border: 1px solid white; font-size:0.8em; font-family:arial; } div.order a:hover { background: #FF6600; border-color: white; text-decoration: none; font-size:0.8em; font-family:arial; } .order p.title{font-size:1em;} .invalid td { text-decoration: line-through; } /* Login added 01/10/2007 */ #login {display:block;} #login{margin:0 auto;} #innerlogin {margin:0 auto;width:748px;text-align:right;padding:5px 0; font:Arial;} /* #login a {color:#333;padding:0 9px 0 5px;background:right url(../images/sitenav_divider.gif) no-repeat; }*/ #login a {color:#333;padding:0 0px 0 0px; font-family:arial} #login a.final {color:#333;padding:0 0 0 5px;background:none; } div#howtoorder {padding:10px;} .jumpers {width: 300px; margin: 0 auto;} /* Will Myddelton additions - 12 February 2008 */ #main #ucRegister_pnlForm label { display:block; float:left; clear:both; width:120px; margin-top:4px; margin-bottom:0px; } #main #ucRegister_pnlForm label#othertitle { clear:none; width:50px; margin-left:10px; margin-top:2px; margin-bottom:0px; } #main #ucRegister_ddlAddRegion { float:left; width:120px; margin-bottom:0px; } #main #ucRegister_ddlAddTitle { float:left; width:120px; margin-bottom:0px; } #main #ucRegister_txtAddTitleOther { float:left; width:60px; margin-bottom:0px; } #main #ucRegister_txtAddConfirmPassword { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddPassword { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddEmailAddress { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddJobTitle { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddOrganisation { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddLastname { float:left; width:240px; margin-bottom:0px; } #main #ucRegister_txtAddFirstname { float:left; width:240px; margin-bottom:0px; } .toppiccenter { border-style: solid; border-width: 0px; margin: 10px 35px; }