/* Body, general formatting and reusable classes etc -------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } img, embed, form, fieldset { border: 0; vertical-align: bottom; } body { font-size:62.5%; font-family: "Verdana", sans-serif; background: #121c04 url(../../../../images/bg-body.jpg) repeat-x; color: #000; text-align: center; } input, select, textarea { font: 1em "Verdana", sans-serif; vertical-align: bottom; } table { border-collapse: collapse; border-spacing: 0; } table, tr, td, th { font-weight: normal; font-size: 1em; text-align: left; } hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; } ul, ol { list-style: none; } .hide, .skipNav { position: absolute; top: 0; left: -9999px; } legend.hide { display: none; } .skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; background: #000; color: #000; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .floatleft { float: left; } .floatright { float: right; } .imgLeft { margin: 1em 1em 1em 0 !important; padding: 0 !important; font-size: 1em !important; float: left !important; } .imgRight { margin: 1em 0 1em 1em !important; padding: 0 !important; font-size: 1em !important; float: right !important; } p.imgLtFloat { float:left !important; margin: 0 .5em .5em 0 !important; padding:0 !important; font-size: 1em !important;} p.imgRtFloat { float:right !important; margin: 0 0 .5em .5em !important; padding:0 !important; font-size: 1em !important;} .col2 { width: 49.9%; float: left; } .col3 { width: 33.2%; float: left; } .col4 { width: 24.9%; float: left; } .col5 { width: 19.9%; float: left; } .nomargintop { margin-top: 0; } .marginbottom { margin-bottom: 1em; } .marginright { margin-right: 1em; } .paddingtop { padding-top: 1em; } .nopaddingtop { padding-top: 0; } .paddingbottom { padding-bottom: 1em; } .blockhover, .blockhoverOn { margin: .8em 0; padding: .1em .3em 1em; background: none; } .blockhoverOn { background: #f6f6f6; } #middlecolumnform .blockhoverOn { margin: 0; padding: 0; } a { color: #930; text-decoration: none; } a:hover, a:active, a:focus { color: #930; text-decoration: underline; } /* Main wrapper -------------------------------------------------------------------------- */ #wrapper { width: 95em; margin: 0 auto; padding: 1em 0; text-align: left; color: #000; } /* Global header - hidden skip links, global links and global search -------------------------------------------------------------------------- */ #header .skipLinks ul li a { padding: .6em 1em; font-size: 1.2em; position: absolute; top: 0; left: -9999px; } #header .skipLinks ul li a:hover, #header .skipLinks ul li a:active, #header .skipLinks ul li a:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; } #header .globalLinks { padding: .2em 0 .5em; float: left; color: #fff; } #header .globalLinks ul { } #header .globalLinks ul li { padding: 0 .5em; border-right: 1px solid #fff; float: left; } #header .globalLinks ul li#H5 { border-right: 0; } #header .globalLinks ul li a { color: #fff; } #header .globalLinks a:hover, #header .globalLinks a:focus, #header .globalLinks a:active { text-decoration: underline; } #header .globalSearch { padding: 0 .5em .5em 0; float: right; color: #fff; } #header .globalSearch fieldset { } #header .globalSearch fieldset label { vertical-align: middle; } #header .globalSearch fieldset input { border: 1px solid #000; background: #fff; vertical-align: middle; } #header .globalSearch fieldset input.button { cursor: pointer; } /* Branding - main logo and title -------------------------------------------------------------------------- */ #brandingflash { width: 95em; height: 13.2em; } #brandingflash #branding { height: 13.2em; vertical-align: bottom; } #brandingflash #branding div { padding: 2em 0 0 2em; } #brandingflash #branding img { margin-right: 1em; float: left; } #brandingflash #branding p, #brandingflash #branding h1 { margin: 0 0 .6em 1em; padding: 1em 0 0; float: left; font: bold 2em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; font-variant: small-caps; letter-spacing: .05em; } #brandingflash #branding p span, #brandingflash #branding h1 span { font-size: .9em; display: block; } #brandingflash #branding img.ccw { width: 9.3em; height: 8.6em; } #brandingflash #branding img.assembly { width: 5em; height: 8.6em; } /* Main menu - navigation -------------------------------------------------------------------------- */ #navigation { margin: 1px 0; line-height: 2.4; /*background: #d2ebf2;*/ } #mainmenu { width: 76em; float: left; display:inline; } #mainmenu ul { float: left; display:inline; background: #fcffb2; } #mainmenu ul li { width: 19em; float: left; display:inline; text-align: center; } #mainmenu ul li a { color: #000; font-size: 1.4em; font-family: "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; display: block; border: solid #c1b29c; border-width: 0 1px 1px 0; text-decoration: none; } #mainmenu ul li a:hover { text-decoration: none; } #navigation ul li#Lhome a { background: url(../../../../images/nav/recreationa.gif) no-repeat bottom right; } #navigation ul li#Lhome a.selected, #navigation ul li#Lhome a:hover, #navigation ul li#Lhome a:active, #navigation ul li#Lhome a:focus { background-color: #fff; background-image: url(../../../../images/nav/recreationb.gif); } #navigation ul li#L1 a { background: transparent url(../../../../images/nav/whereilivea.gif) no-repeat scroll bottom left; } #navigation ul li#L1 a.selected, #navigation ul li#L1 a:hover, #navigation ul li#L1 a:active, #navigation ul li#L1 a:focus { background-color: #fff; background-image: url(../../../../images/nav/whereiliveb.gif); } #navigation ul li#L4 a { background: transparent url(../../../../images/nav/environmentala.gif) no-repeat scroll bottom right; } #navigation ul li#L4 a.selected, #navigation ul li#L4 a:hover, #navigation ul li#L4 a:active, #navigation ul li#L4 a:focus { background: #fff url(../../../../images/nav/environmentalb.gif) no-repeat scroll bottom right; } /*#navigation ul li#L3 { display: none; }*/ #navigation ul li#L159 a { background: transparent url(../../../../images/nav/educationa.gif) no-repeat scroll bottom left; } #navigation ul li#L159 a.selected, #navigation ul li#L159 a:hover, #navigation ul li#L159 a:active, #navigation ul li#L159 a:focus { background: #fff url(../../../../images/nav/educationb.gif) no-repeat scroll bottom left; } #navigation ul li#L33 a { background: transparent url(../../../../images/nav/landscapea.gif) no-repeat scroll top right; border-width: 0 1px 0 0; } #navigation ul li#L33 a.selected, #navigation ul li#L33 a:hover, #navigation ul li#L33 a:active, #navigation ul li#L33 a:focus { background: #fff url(../../../../images/nav/landscapeb.gif) no-repeat scroll top right; } #navigation ul li#L158 a { background: transparent url(../../../../images/nav/mapsa.gif) no-repeat scroll top left; border-width: 0 1px 0 0; } #navigation ul li#L158 a.selected, #navigation ul li#L158 a:hover, #navigation ul li#L158 a:active, #navigation ul li#L158 a:focus { background: #fff url(../../../../images/nav/mapsb.gif) no-repeat scroll top left; } #navigation ul li#L5 a { background: transparent url(../../../../images/nav/publicationsa.gif) no-repeat scroll top right; border-width: 0 1px 0 0; } #navigation ul li#L5 a.selected, #navigation ul li#L5 a:hover, #navigation ul li#L5 a:active, #navigation ul li#L5 a:focus { background: #fff url(../../../../images/nav/publicationsb.gif) no-repeat scroll top right; } #navigation ul li#L30 a { background: transparent url(../../../../images/nav/aboutusa.gif) no-repeat scroll top left; border-width: 0 1px 0 0; } #navigation ul li#L30 a.selected, #navigation ul li#L30 a:hover, #navigation ul li#L30 a:active, #navigation ul li#L30 a:focus { background: #fff url(../../../../images/nav/aboutusb.gif) no-repeat scroll top left; } /* Site tools - text size, listen, colour contrast -------------------------------------------------------------------------- */ #siteTools { width: 19em; background: #d2ebf2; color: #333; float: left; } #siteTools a { color: #333; } #siteTools div { width: 9.45em; float: left; letter-spacing: -.1em; text-align: center; } #siteTools img { width: 1.4em; height: 1.4em; vertical-align: middle; margin: 0 .2em; } #siteTools div.textSize { margin: 0 -1px 0 0; background: transparent url(../../../../images/nav/textsize.gif) no-repeat bottom right; } #siteTools div.textSize a span { position: absolute; left: -9999px; top: 0; } #siteTools div.textSize a.textSizeLarge { font-size: 1.2em; } #siteTools div.textSize a.textSizeXLarge { font-size: 1.4em; } #siteTools div.textSizeHover { background: #fff url(../../../../images/nav/textsize_roll.gif) no-repeat bottom right; } #siteTools div.listen { border-left: 1px solid #c1b29c; background: url(../../../../images/nav/listen.gif) no-repeat bottom left; } #siteTools div.listen a { background: url(../../../../images/ico-speaker.gif) no-repeat center right; padding: 0 11px 0 0; } #siteTools div.listen .textSizeXLarge { font-size: 1.4em; } #siteTools div.listenHover { background: #fff url(../../../../images/nav/listen_roll.gif) no-repeat bottom left; } #siteTools div.colorContrast { width: 100%; background: url(../../../../images/nav/colourcontrast.gif) no-repeat top center; border-top: 1px solid #c1b29c; } #siteTools div.colorContrastHover { background: #fff url(../../../../images/nav/colourcontrast_roll.gif) no-repeat top center; } #siteTools div.colorContrast .textSizeXLarge { font-size: 1.4em; } /* Main content wrapper, breadcrumb and left column (2nd level nav) -------------------------------------------------------------------------- */ #content { background: #fff; } /* breadcrumb navigation */ #breadcrumb { padding: 1em; color: #333; } #breadcrumb ul { font-size: 1em; } #breadcrumb ul li { display: inline; } #breadcrumb ul li a { color: #333; } #breadcrumb ul li.on { color: #000; } /* inner content left column */ #leftcolumn { width: 19em; padding: 0 0 2em; float: left; } #leftcolumn .contents { border-bottom: 1px solid #d9d9d9; font: 1.8em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; text-align: center; } #leftcolumn .contents strong { display: block; padding: 48px 0 8px; } #leftcolumn .nav { } #leftcolumn .nav ul { font-size: 1.1em; padding: .5em 0; } #leftcolumn .nav ul li { } #leftcolumn .nav ul li ul { font-size: 1em; margin: .5em 0; } #leftcolumn .nav ul li ul li ul { margin: 0; padding: .5em 0 .1em; } #leftcolumn .nav ul li a, #leftcolumn .nav ul li span.on, #leftcolumn .nav ul li.top ul li a, #leftcolumn .nav ul li.top ul li span.on { text-decoration: none; color: #333; padding: .2em .2em .2em 24px; display: block; background-position: 11px .7em; background-repeat: no-repeat; } /* second level */ #leftcolumn .nav ul li ul li a, #leftcolumn .nav ul li ul li span.on, #leftcolumn .nav ul li.top ul li ul li a, #leftcolumn .nav ul li.top ul li ul li span.on { padding-left: 34px; background-position: 21px .7em; } /* third level */ #leftcolumn .nav ul li ul li ul li a, #leftcolumn .nav ul li ul li ul li span.on, #leftcolumn .nav ul li.top ul li ul li ul li a, #leftcolumn .nav ul li.top ul li ul li ul li span.on { padding-left: 44px; background-position: 31px .7em; } /* fourth level */ #leftcolumn .nav ul li ul li ul li ul li a, #leftcolumn .nav ul li ul li ul li ul li span.on, #leftcolumn .nav ul li.top ul li ul li ul li ul li a, #leftcolumn .nav ul li.top ul li ul li ul li ul li span.on { padding-left: 54px; background-position: 41px .7em; } /* fifth level */ #leftcolumn .nav ul li ul li ul li ul li ul li a, #leftcolumn .nav ul li ul li ul li ul li ul li span.on, #leftcolumn .nav ul li.top ul li ul li ul li ul li ul li a, #leftcolumn .nav ul li.top ul li ul li ul li ul li ul li span.on { padding-left: 64px; background-position: 51px .7em; } /* landscape and wildlife 'top' links */ #leftcolumn .section { padding: 0 0 .5em 0; font: 1.5em "Adobe Garamond Pro", "Garamond", "Times New Roman", serif; } #leftcolumn .section ul { } #leftcolumn .section ul li { } #leftcolumn .section ul li a { color: #930; padding: .3em .2em .3em 1em; display: block; } #leftcolumn .section ul li a:hover { background: #f5f5f5; } #leftcolumn .nav ul li.top a, #leftcolumn .nav ul li.top span.on { font: 1.3em "Adobe Garamond Pro", "Garamond", "Times New Roman", serif; background: #fff; color: #930; padding: .3em .2em .3em 1em; border-bottom: 1px dashed #ccc; } #leftcolumn .nav ul li.top.selected a { border-bottom: none; } #leftcolumn .nav ul li.top.on a, #leftcolumn .nav ul li.top.on span.on { border-bottom: none; } #leftcolumn .nav ul li.top a:hover { background-color: #f5f5f5; text-decoration: underline; } #leftcolumn .nav ul li.top ul { margin: 0; } #leftcolumn .downloadReaders { padding: 2em 10px; } #leftcolumn .downloadReaders ul { font-size: 1.1em; } #leftcolumn .downloadReaders ul li { margin: 0 0 .8em; } #leftcolumn .downloadReaders ul li.pdf { background: url(../../../../images/icons/pdf.gif) no-repeat left .2em; } #leftcolumn .downloadReaders ul li.doc { background: url(../../../../images/icons/doc.gif) no-repeat left .2em; } #leftcolumn .downloadReaders ul li a { color: #666; padding: 0 0 0 20px; display: block; } /* Middle column - main content -------------------------------------------------------------------------- */ #middlecolumn { width: 54.2em; float: left; padding: 1em; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; line-height: 1.4em; } #middlecolumn.maps { width: 72.5em; border-right: 0; } /*#middlecolumn.wide { width: 71%; }*/ /* general formatting */ #middlecolumn h1, #widecontent h1 { font: bold 2.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; padding: 0 0 .4em 0; border-bottom: 1px dashed #d9d9d9; } #middlecolumn h2 { font: bold 1.7em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; margin: .6em 0 0 0; } #middlecolumn h3 { margin: .6em 0 0 0; font: bold 1.45em "Adobe Garamond Pro", "Garamond", "Times New Roman"; } #middlecolumn.landingpage h2 { font: bold 1.4em "Verdana", sans-serif; text-align: center; } #middlecolumn.landingpage h3 { font: bold 1.2em "Verdana", sans-serif; text-align: center; } #middlecolumn a { color: #930; } #middlecolumn a:hover, #middlecolumn a:active, #middlecolumn a:focus { color: #930; text-decoration: underline; } #middlecolumn p.introtext { font: italic 1.6em "Times New Roman", serif; margin: 0; padding: .9em 0; border-bottom: 1px dashed #d9d9d9; text-align: center; } #middlecolumn p, #widecontent p { margin: 1em 0 0 0; font-size: 1.1em; } #middlecolumn ul, #widecontent ul { margin: 1.4em 0 0 0; font-size: 1.1em; } #middlecolumn ul li, #widecontent ul li { margin: 0 0 0 1em; padding: 0 0 0 12px; background: url(../../../../images/bg-bullet-orange.gif) no-repeat 0 .6em; } #middlecolumn ul li ul { margin: .9em 0; font-size: 1em; } #middlecolumn ul li.lsMapHighlight {background: #eeeeee url(../../../../images/bg-bullet-orange.gif) no-repeat scroll 0pt 0.6em} #middlecolumn ul.inline { } #middlecolumn ul.inline li { margin: 0; padding: 0; background: none; display: inline; } #middlecolumn ol { margin: 1.4em 0 0 0; font-size: 1.1em; zoom: 1; } #middlecolumn ol li { list-style: decimal; margin: 0 0 0 2.5em; } #middlecolumn table.ImmTS_Default { font-size: 1.1em; margin: 1em 0 0; } #middlecolumn table.ImmTS_Default th { font-weight: bold; } #middlecolumn .left { width: 46%; float: left; } #middlecolumn .right { width: 46%; float: right; } /*#middlecolumn .landingpage .left { width: 44% !important; padding-left:2%; } #middlecolumn .landingpage .right { width: 44% !important; padding-right:2%; }*/ #middlecolumn #map { margin: 1em 0; text-align:center; } #middlecolumn p.pagenav { text-transform: lowercase; text-align: right; } #middlecolumn p.backlink { margin-top: 1em; border-top: 1px dashed #d9d9d9; text-transform: lowercase; text-align: right; } #middlecolumn p.backlink a, #middlecolumn p.pagenav a { color: #666; } /* landscape and wildlife landing page */ #landscapewildlifepagetools { position: relative; } #landscapewildlifepagetools #rightcolumn { position: absolute; top: 3.3em; right: 0; } .landscapeandwildlifelanding { margin: 0; } .landscapeandwildlifelanding .blockhover, .landscapeandwildlifelanding .blockhoverOn { margin: 1em 0 0; } .landscapeandwildlifelanding .one { width: 17em; padding: 0 1em 1em; border-right: 1px solid #d9d9d9; float: left; overflow: hidden; } .landscapeandwildlifelanding .two { width: 26em; margin: 0 0 0 -1px; padding: 0 1em 1em; border: none; float: left; overflow: hidden; } .landscapeandwildlifelanding .three { width: 26em; margin: 0 0 0 1px; padding: 0 1em 1em; border-left: 1px solid #d9d9d9; float: left; overflow: hidden; } .landscapeandwildlifelanding .four { width: 17em; margin: 0 0 0 1px; padding: 0 1em 1em; border-left: 1px solid #d9d9d9; float: left; overflow: hidden; } .landscapeandwildlifelanding h2 { font: bold 1.4em "Verdana", sans-serif; text-align: center; padding-top:0.8em; } .landscapeandwildlifelanding h2 { font: bold 1.4em "Verdana", sans-serif; text-align: center; } .landscapeandwildlifelanding .two h2, .landscapeandwildlifelanding .three h2 { padding: 1.2em 0 0; } .landscapeandwildlifelanding p { margin: 1em 0 1px; font-size: 1.1em; } .landscapeandwildlifelanding ul { margin: 1em 0 1px; font-size: 1.1em; } .landscapeandwildlifelanding ul li { margin: 0 0 0 1em; padding: 0 0 0 12px; background: url(../../../../images/bg-bullet-orange.gif) no-repeat 0 .6em; } #middlecolumn .borderbottom { border-bottom: 1px dashed #d9d9d9; margin: 0 0 .9em; } #middlecolumn p.borderbottom { padding-bottom: 1em; } #middlecolumn .borderbottom.pad { padding: .9em 0; } /* related articles section */ #middlecolumn #relatedarticles { margin: .5em 0 0; background: none; } #middlecolumn #relatedarticles h2 { margin: .5em 0; font-variant: small-caps; text-align: left; font-family: "Adobe Garamond Pro", Garamond, "Times New Roman", sans-serif; font-size: 2em; } #middlecolumn #relatedarticles h3 { font-size: 1.5em; margin: .5em 0; font-variant: small-caps; font-family: "Adobe Garamond Pro", Garamond, "Times New Roman", sans-serif; text-align: left; } #middlecolumn #relatedarticles .pad { padding-left: 2em; } #middlecolumn #relatedarticles .h2wrap { background-position: top right; } /* events table */ table#events { margin: 1em 1em .5em 0; float: left; padding: 1px; border-collapse: separate; border-spacing: 2px; } table#events th { font-weight: bold; } table#events th, table#events td { font-size: 1.1em; padding: .1em .3em; text-align: center; } #rightcolumn table#events { width: 100%; float: none; } #rightcolumn table#events th, #rightcolumn table#events td { padding: .3em 0; } /* special listing */ #middlecolumn .speciallisting { margin: .4em 0 0; font-size: 1.1em; } #middlecolumn .speciallisting .borderbottom { font-size: 1em; } #middlecolumn .speciallisting.resources h2 {margin: .5em 0; margin-top: .2em !important; font-variant: small-caps; text-align: left !important;font-family: "Adobe Garamond Pro", Garamond, "Times New Roman", sans-serif !important; font-size: 1.8em !important; border-bottom: 1px dashed #d9d9d9; padding-bottom: .5em; } #middlecolumn .speciallisting.resources h3 { margin: .5em 0; font: bold 1em "Verdana" !important; text-align: left !important; color: #000; } #middlecolumn .speciallisting.resources .speciallistingbtm { background-image: url(../../../../images/colours/related_publications.gif); } #middlecolumn .speciallisting.resources li { padding-bottom: .5em; } #middlecolumn .azletters { padding: 0 0 1.4em; } #middlecolumn .azletters li { background: none; margin: 0; padding: 0; float: left; } #middlecolumn .azletters li a { width: 1.4em; display: block; font-size: 1.3em; font-family: "Times New Roman", serif; padding: .5em 0; margin: .2em; text-align: center; } #middlecolumn .azletters li a.first { margin-left: 0; } #middlecolumn .azletters li a.last { margin-right: 0; } #middlecolumn .azlinks { margin: 2em; } #middlecolumn .azlinks li { margin: 0 0 1em 0; } /* photo gallery pages */ #middlecolumn #photogallery { font-size: 1.1em; } #middlecolumn #photogallery p, #middlecolumn #photogallery ul { margin: 0; padding: 0; font-size: 1em; } #middlecolumn #photogallery ul li { margin: 0; padding: 0; background: none; } #middlecolumn #photogallery .month { padding: .3em; text-align: center; } #middlecolumn #photogallery .month ul { padding: .2em; } #middlecolumn #photogallery .month ul li { display: inline; } #middlecolumn #photogallery .month ul li img { vertical-align: baseline; } #middlecolumn #photogallery .intro { padding: 1em; } #middlecolumn #photogallery .picofthemonth { padding: 1em 0; } #middlecolumn #photogallery .picofthemonth ul { margin: .5em 0 0 0; padding: 0; } #middlecolumn #photogallery .picofthemonth ul li { padding: 0; background: none; } #middlecolumn #photogallery .pagenav { margin: 1em 0 0 0; font-size: .8em; text-align: right; } #middlecolumn #photogallery .thumb { margin: 1em 0 0 0; width: 23.7%; float: left; padding: .2em; } #middlecolumn #photogallery .thumb ul { margin: .3em 0 0 0; clear: left; } #middlecolumn #photogallery .thumb ul li { padding: 0; background: none; } /* search page tabs */ #middlecolumn #searchtabs { border-bottom: 1px dashed #ccc; } #middlecolumn #searchtabs li { margin: 0; padding: 0; background: none; float: left; } #middlecolumn #searchtabs li.first { border-left: 1px solid #ccc; } #middlecolumn #searchtabs li a { color: #333; display: block; background: #d2ebf2; padding: .4em .3em; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } #middlecolumn #searchtabs li a:hover { background: #fff; } #middlecolumn #searchtabs li span { display: block; background: #f6f6f6; padding: .4em .3em; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } #middlecolumn #searchtabs li a.selected { display: block; background: #f6f6f6; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } #middlecolumn #phPubsAdvTabs #searchtabs li a { padding: 0.4em 2.1em; } #middlecolumn #phAdvTabs #searchtabs li a { padding: 0.4em 1.6em; } #middlecolumn #phPubsAdvTabs.language-cy #searchtabs li a { padding: 0.4em 1.5em; } #middlecolumn #phAdvTabs.language-cy #searchtabs li a { padding: 0.4em 1em; } /* map legend table */ #middlecolumn table.maplegend { width: 100%; margin: 1.4em 0 0 0; font-size: 1.1em; border-collapse: separate; border-spacing: 2px; } #middlecolumn table.maplegend th { font-weight: normal; } #middlecolumn table.maplegend th strong { font-weight: bold; } #middlecolumn table.maplegend th h2 { margin: 0; padding: 0; display: inline; font: 1em Verdana; color: #000 !important; font-weight: bold; } #middlecolumn table.maplegend th p { display: inline; margin: 0; padding: 0; font-size: 1em; } #middlecolumn table.maplegend th, #middlecolumn table.maplegend td { padding: .4em; } #middlecolumn table.maplegend td p { margin: 0; padding: 0; font-size: 1em; } #middlecolumn table.maplegend td.full { width: 100%; } #middlecolumn table.maplegend td.legend { text-align: center; } #middlecolumn table.maplegend td.legend span { margin: 0 auto; display: block; width: 1.2em; padding: .3em; text-align: center; } #middlecolumn table.maplegend td.legend span.red { background: #f30; } #middlecolumn table.maplegend td.legend span.orange { background: #f90; } #middlecolumn table.maplegend td.legend span.yellow { background: #fe0; } #middlecolumn table.maplegend td.legend span.paleyellow { background: #ff9; } #middlecolumn table.maplegend td.legend span.palegreen { background: #9f9; } #middlecolumn table.maplegend td.legend span.darkblue { background: #69c; } #middlecolumn table.maplegend td.legend span.blue { background: #9cf; } #middlecolumn table.maplegend td.legend span.fireExceptional { background: #f69; } #middlecolumn table.maplegend td.legend span.fireHigh { background: #f99; } #middlecolumn table.maplegend td.legend span.fireModerate { background: #ff9; } #middlecolumn table.maplegend td.legend span.fireLow { background: #9f9; } #middlecolumn table.maplegend td.legend span.fireVeryLow { background: #6ff; } #middlecolumn table.maplegend td.legend span.fireNoData { background: #fff; } /* homepage specific styles */ #home { width: 73.5em; float: left; padding: 0 0 2em 2em; } #home a { color: #930; } #home a:hover, #home a:active, #home a:focus { color: #930; text-decoration: underline; } #home .homefeature { width: 49.9%; padding: 2em 0 0; float: left; } #home .homefeaturefirst { width: 49.9%; clear:left; } #home .homefeature h2 { font: small-caps bold 1.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; color: #444; } #home .homefeature p { margin: .2em 0 1px; font-size: 1.1em; } #home .homefeature .blockhover, #home .homefeature .blockhoverOn { margin: 1em 2em 0 0; padding: 1px .3em .3em; } #home .homefeature ul { font-size: 1.1em; margin: 1.1em 0 0 0; zoom: 1; } #home .homefeature ul li { margin: 0 0 0 1em; padding: 0 0 0 12px; background: url(../../../../images/bg-bullet-orange.gif) no-repeat 0 .6em; } #home p.imgLtShadow, #home p.imgLtShadow135x85 { margin: .6em .8em .6em 4px; } #homespecial { margin: .5em 0 0; background: #f3f3f3 url(../../../../images/bg-hcontent.jpg) repeat-x; } #homespecial h2 { margin: 0 0 1.5em; font: small-caps bold 1.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; } #homespecial .feature1 { width: 30em; padding: 18px 0 0 3em; background: url(../../../../images/kingfisher.png) no-repeat right bottom; float: left; min-height: 150px; } #homespecial .feature1 ul { font-size: 1.1em; } #homespecial .feature1 ul li { margin: 0 0 .9em; padding: 0 0 0 12px; background: url(../../../../images/bg-bullet-orange.gif) no-repeat 0 .6em; } #homespecial .feature2 { width: 57em; padding: 18px 0 0; float: right; } #homespecial .feature2 h2 { margin: 0 0 1em; } #homespecial .feature2 p { font-size: 1.1em; } #homespecial .feature2 .clearfix { margin: .5em 0 0; } #homespecial .feature2 .blockhover, #homespecial .feature2 .blockhoverOn { width: 28em; float: left; margin: 0; padding: .3em 0 .3em .3em; } #homespecial .feature2 .blockhoverOn { background: #fff; } /* #rightcolumn h2 { font-size: 1.5em; font-variant: small-caps; margin: 1.55em 0 1.5em 0; color: #444; } #rightcolumn .promo{margin:1em 0;} #rightcolumn .whatsnew { padding-right: 1em; } #homespecial h2 { font-size: 1.4em; margin: 20px 1.5em 1.5em 1.5em; font-variant: small-caps; } #homespecial .feature2 .whatsNew { clear: none; width: 46%; margin-right: 2%; } #homespecial .feature1 .pngFix { display:none; } */ /* hides png image from ie. iestyles.css holds png image for that browser*/ /* caterpillar image on the side. iestyles.css holds png image fix for that browser */ /* Right column -------------------------------------------------------------------------- */ #rightcolumn { width: 17.5em; padding: 0 1em 0 0; float: right; } #rightcolumn.home { padding: 2em 1em 0 0; } #rightcolumn.home h2 { font: small-caps bold 1.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; color: #444; } #rightcolumn.home p { margin: .2em 0 1px; font-size: 1.1em; } #rightcolumn.home .blockhover, #rightcolumn.home .blockhoverOn { margin: 1em .5em 0 0; padding: 1px .3em .3em; } #rightcolumn.home a { color: #930; } #rightcolumn.home a:hover, #rightcolumn.home a:active, #rightcolumn.home a:focus { color: #930; text-decoration: underline; } #rightcolumn.home .pngFix2 { float: right; width: 37px; height: 104px; position: relative; margin: -220px -30px 0 0; background: url(../../../../images/caterpillar.png) no-repeat; } #rightcolumn.home ul { font-size:1.1em;margin:1.1em 0 1em 0; } /*#rightcolumn.home #formOtherSites{margin: 1em 0 0 0;} #rightcolumn.home {margin: 0 0 -10em 1em;}*/ #rightcolumn #formOtherSites label { font-size: 1.1em; padding: .1em 0; display: block; text-align: center; background: #d2ebf2; color: #397889; border: 1px solid #999b9a; } #rightcolumn #formOtherSites select { width: 74%; font-size: 1.1em; margin: .5em 0; float: left; } #rightcolumn #formOtherSites input.button { width: 22%; font-size: 1.1em; margin: .5em 0; padding: 0; float: right; cursor: pointer; background: #fff; border: 1px solid #a87f2e; color: #000; } #rightcolumn ul.pagetools { margin: 1em 0; font-size: 1em; } #rightcolumn ul.pagetools li { margin: 0 0 .3em 0; background: none; padding: 0; } #rightcolumn ul.pagetools li a { font-size: 1.1em; color: #333; padding: 0; display: block; } #rightcolumn ul.pagetools li a img { margin: 0 .6em 0 0; font-size: .9em; width: 3.6em; height: 3.6em; vertical-align: middle; } #rightcolumn ul.pagetools li a:hover { background: #f5f5f5; text-decoration: none; } #rightcolumn ul.pagetools li#P4 a { overflow: hidden; } #rightcolumn ul.pagetools li#P4 a img { float: left; } #rightcolumn ul.pagetools li#P4 a span { padding: .3em 0 0; display: block; } /* welsh vocab link: #rightcolumn ul.pagetools li.welsh { padding: .3em 0 0 0; } #rightcolumn ul.pagetools li.welsh img { float: left; margin-right: .6em; } #rightcolumn ul.pagetools li.welsh a { padding: 0; display: inline; }*/ #rightcolumn .searchchapter, #rightcolumn #GlossarySearch { margin: 1em 0; padding: 0 0 1em 0; } #rightcolumn .searchchapter label, #rightcolumn #GlossarySearch label { font: bold 1.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; display: block; font-variant: small-caps; padding: .4em 0 0 0; border-top:1px dashed #9C0C01; } #rightcolumn #specialSiteSearch div.box, #rightcolumn .searchchapter fieldset div.box, #rightcolumn #GlossarySearch fieldset div.box { margin: 6px 0; padding: .6em 0; text-align: center; } #rightcolumn #specialSiteSearch div.box { float: left; padding:0.6em 0.4em; } #rightcolumn .searchchapter input, #rightcolumn #GlossarySearch input { font-size: 1.1em; background: #fff; border: 1px solid #999; padding: 1px 3px; } #rightcolumn .searchchapter input.button, #rightcolumn #GlossarySearch input.button { padding: 0; } #rightcolumn .searchchapter a, #rightcolumn #GlossarySearch a { font-size: 1.1em; color: #930; } /* Special Sites Standard Search plugin */ #specialSiteSearch { width: 17.5em; margin:0 0 1em 0; padding:0 0 1em; } #specialSiteSearch h2 { border-top: 1px dashed #9C0C01; margin: 0px 0px 0px 0px; padding:0.4em 0 0; font: small-caps bold 1.6em "Adobe Garamond Pro","Garamond","Times New Roman",sans-serif; } #specialSiteSearch label { position: absolute; left: -999em; width: 0px; height: 0px; display: block; overflow: hidden; } #specialSiteSearch input, #specialSiteSearch select { width: 98%; margin: 7px 0; display: inline; font-size: 1.1em; } #specialSiteSearch select { float:left; margin:0.5em 0 0.5em 0px; width:74%; } #specialSiteSearch .submitButton { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #A87F2E; color:#000000; cursor:pointer; display:inline; float:right; font-size:1.1em; margin:0.5em 0px 0.5em 0.5em; padding:0; width:22%; } #specialSiteSearch a { display: block; width: 100%; font-size: 1.1em; } #rightcolumn .contactteam strong { font: bold 1.6em "Adobe Garamond Pro", "Garamond", "Times New Roman", sans-serif; display: block; font-variant: small-caps; padding: .4em 0 0 0; } #rightcolumn .contacttheteam { margin: .2em 0 0; font-size: 1.1em; } #rightcolumn .contacttheteam .hide strong, #rightcolumn .contacttheteamOn .hide strong { position: absolute; top: 0; left: -9999px; } #rightcolumn .contacttheteamOn { background: #f5f5f5; margin: .2em 0 0; font-size: 1.1em; } #rightcolumn .contacttheteamEmail { min-height: 24px; background: url(../../../../images/ico-email.gif) no-repeat top left; padding: 1em .5em .5em 42px; } #rightcolumn .contacttheteamAddress { min-height: 27px; background: url(../../../../images/ico-localoffice.gif) no-repeat top left; padding: .5em .5em .5em 42px; } #rightcolumn .contacttheteamPhone { min-height: 24px; background: url(../../../../images/ico-phone.gif) no-repeat top left; padding: 1em .5em .5em 42px; } #rightcolumn .contacttheteamFeedback { min-height: 24px; background: url(../../../../images/ico-feedback.gif) no-repeat top left; padding: 1em .5em .5em 42px; } #rightcolumn .contacttheteam a, #rightcolumn .contacttheteamOn a { color: #333; } #rightcolumn .border { margin-top: 1em; padding-top: 1em; border-top: 1px dashed #d9d9d9; } #rightcolumn .banner { text-align:center;margin-top: 1em; padding-top: 1em; border-top: 1px dashed #d9d9d9; } /* General form styles -------------------------------------------------------------------------- */ .required { color: #f00; } #middlecolumnform fieldset { margin: .5em 0 0 0; padding: .5em; border: 1px solid #000; } #middlecolumnform label, #middlecolumnform span.label { width: 42%; font-size: 1.1em; float: left; margin: .6em 0; } #middlecolumnform input, #middlecolumnform textarea, #middlecolumnform select { font-size: 1.1em; margin: .5em 0; float: left; background: #fff; width:52%} #middlecolumnform textarea { width:48%; } #middlecolumnform input { width:42%; } #middlecolumnform .clearfix input { width:auto } #middlecolumnform input, #middlecolumnform textarea { padding: 1px 0; border: 1px solid #000; } #middlecolumnform input.submitbutton { margin: .5em 0 .5em 42%; padding: 1px 6px; float: none; background: #fff; cursor: pointer; width:auto;} #middlecolumnform input.button { border:1px solid #000000; margin:0.5em 0.3em; width:auto; } #middlecolumnform select.eventdates, #middlecolumnform select.eventdatesyear { width:12%; } #middlecolumnform select.eventdatesmonth { width: 28%; } input.submitbutton { margin: .5em 0 .5em 14em; float: none; background: #f1eee8; cursor: pointer; border: 1px solid #000; } #middlecolumnform .checkboxcolumn { width: 49%; margin: 0 1% 0 0; float: left; } #middlecolumnform .checkboxcolumn input { margin-right: 5px; border: 0; background: none; } #middlecolumnform .checkboxcolumn.left { width: 40%; margin: 0 2% 0 0; float: left; border: 0 !important; padding: 0; } #middlecolumnform .checkboxcolumn.right { width: 57%; margin: 0; float: left; padding: 0; } #middlecolumnform label.radio { width: auto; float: none; vertical-align: middle; } #middlecolumnform input.radio, #middlecolumnform span.radio input { border: 0; margin: .5em .5em .5em 0; float: none; vertical-align: middle; background: transparent; } #middlecolumnform label.dates { width: auto; margin: .5em 0; float: left; } #middlecolumnform select.dates { float: right; } #middlecolumnform label.wide { width: auto; float: none; font-weight: bold; } #middlecolumnform label.radios { width: auto; margin: .5em 2em .5em 0; float: none; vertical-align: middle; } #middlecolumnform input.radios { margin: .5em .5em .5em 0; float: none; vertical-align: middle; border: 0; background: transparent; } #middlecolumnform input.wide, #middlecolumnform select.wide { float: none; } #middlecolumnform ul.checklist { margin: 1em 0; padding: 0; list-style: none; height: 10em; border: 1px solid #000; overflow: auto; background: #fff; font-size: 1em; } #middlecolumnform ul.checklist li { margin: 0; padding: 0; background: none; } #middlecolumnform ul.checklist label { margin: 0; padding: .5em 2%; display: block; width: auto; } #middlecolumnform ul.checklist input { border: 0; margin: 0 .5em 0 0; float: left; vertical-align: middle; padding: 0; background: none; } #middlecolumnform ul.checklist label span { float: left; } #middlecolumnform ul.checklist label:hover, #middlecolumnform ul.checklist label.hover { background: #e8f1f1; } * html #middlecolumnform ul.checklist label span { margin: .3em 0 0 0; } #middlecolumnform .advsearch label { width: 42%; } #middlecolumnform .advsearch label.radio { width: 90%; } #middlecolumnform .advsearch strong { font-size: 1.1em; } #middlecolumnform .advsearch select { width: auto; } #middlecolumnform .advsearch input#txtAdvSearchTerms, #middlecolumnform .advsearch input#txtPubsSearchTerms, #middlecolumnform .advsearch input#sSubject, #middlecolumnform .advsearch input#sAuthor, #middlecolumnform .advsearch input#sPublisher { width: 56%; } #middlecolumnform fieldset#phContactusForm { padding: 0.5em 1em; } #middlecolumnform fieldset#phContactusForm input { width: auto; } #middlecolumnform fieldset#foiform { padding: 0.5em 1em; } #middlecolumnform fieldset#foiform input, #middlecolumnform fieldset#foiform select { width: auto; } #middlecolumn #middlecolumnform p { font-size: 1em; margin: 0; } #middlecolumn #middlecolumnform .ecard { width:50%; float:left; } #middlecolumn #middlecolumnform .ecard input { margin: 0; border: 0; vertical-align: middle; width:auto; background: none !important; } #middlecolumn #middlecolumnform .ecard label { width: auto; margin: .5em 0 1em 0; float: left; } #middlecolumn #middlecolumnform .ecardinsrtuction { font-size: 1.1em; font-weight: normal; color:#666; } #middlecolumn #middlecolumnform .ecardinsrtuction span { color:#F60; } #middlecolumn #middlecolumnform fieldset.ecardDetails { padding: 0.5em 1em; } #middlecolumn #middlecolumnform .ecardDetails input { width: 16em; } #middlecolumn #middlecolumnform .ecardDetails input.submitbutton { width: auto; } #middlecolumn #middlecolumnform .vacancies label { width: 36%; } #middlecolumn #middlecolumnform .vacancies input.button { margin: 0.5em 0.3em 0.5em 1em; } .required { color: #f00; } #middlecolumnform .check { border: 0; background: transparent; margin:0.6em 0 1em;} #middlecolumnform br { clear: both; } /* Footer -------------------------------------------------------------------------- */ #footer { padding: 0 0 2.1em; text-align: center; } #footer ul { margin: .5em 0 0 0; font-size: 1em; color: #fff; } #footer ul li { padding: 0 .6em 0 .2em; border-right: 1px solid #fff; display: inline; } #footer ul li.last, #footer ul li#F4 { border-right: none; padding-right: 0; } #footer ul li a { color: #fff; text-decoration: none; } #footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus { text-decoration: underline; } /* Clear fixes -------------------------------------------------------------------------- */ .clearfix:after, #header:after, #navigation:after, #mainmenu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*.clearfix, #header, #navigation, #mainmenu ul { display: inline-block; }*/ /* Hides from IE-mac \*/ * html .clearfix, * html #header, * html #navigation, * html #mainmenu ul { height: 1%; } /*.clearfix, #header, #navigation, #mainmenu ul { display: block; }*/ /* End hide from IE-mac */ /* General formatting styles - to be removed? -------------------------------------------------------------------------- */ .nowrap { white-space: nowrap; } div.imgLtFloat { float:left; margin-right: .5em; } div.imgRtFloat { float:right; margin-left: .5em; } .dropShadow { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 4px; } .dropShadow img { display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e; } .dropShadow label { float: none !important; margin: 0 !important; } .dropShadowEcard { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 4px; } .dropShadowEcard img { display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; } .landingspotlight{min-height:10em;} .landingspotlight.tall{min-height:14em;} .pollutionspotlight{min-height:11em;} .pollutionspotlight.tall{min-height:12.5em;} .pollutionspotlight.freshwater{min-height:13.5em;} /* inner content middle column */ #middlecolumn img.topmargin{margin-top:1.3em;} /* protected downloads section */ #protecteddownloads h2 { font-size: 1.8em; margin: .5em 0; font-variant: small-caps; } /* weather forecast table */ div.weatherforecastintro { margin: 0 0 1em 0; padding: 1em 0; } table#weatherforecast { margin: 0 0 1em 0; } table#weatherforecast th, table#weatherforecast td { padding: .8em .3em; } table#weatherforecast th { font-weight: normal; } table#weatherforecast td.temp { text-align: center; } table#weatherforecast td.temp span { margin: 0 auto; display: block; width: 1.4em; padding: .5em; text-align: center; } /* ECN data */ #ecndata { } #ecndata .text { margin: 1em 0; text-align: center; } #ecndata .top1 { width: 26.64em; padding: 3.2em 0 0 0; float: left; } #ecndata .top2 { width: 10.89em; float: left; } #ecndata .top2 .dialsfix { margin: 1.3em 0 0 0; } #ecndata .top3 { padding: 3.2em 0 0 0; float: left; } #ecndata .btm { width: 50% !important; width: 49.9%; float: left; } #ecndata .btm .pad { margin: 1em 0 0 0; } /* Vacancies Styles */ #vacancydetails label { width: 20%; float: left; margin: 0 2% 0 0; } /* Education & Fun page */ .thumbnail { float: left; width:24%; margin: 0 .1em 1em 0; padding: .2em; } .thumbnail img { float:left; } #personalisedcontent { margin: 0 0 0 27%; } #personalisedcontent .thumbnail h2 { margin: 0 0 .5em 0; } .thumbnail p { margin: -1em 0 0 5em; } /* environmental change landing page */ #middlecolumn .right h2.righttitle { margin: 0 0 0 4em; padding: 0;} #middlecolumn .right ul.rightlist { margin-left: 0; margin-top: 0; float: left; } #middlecolumn .right img.leftthumb {float:left; } #middlecolumn .right h2.lefttitle {margin-top: 0; } #middlecolumn .right img.rightthumb {float: right; } /* forms */ .votenow { margin: .5em 0; } .votenow a, .votenow span { padding: .2em .5em; background: #fff; color: #000; border: 1px solid #000; } input.submitright { text-align: right; } #orderingpublicationsform select { width:100%; } /* landscape and wildlife national nature reserve */ #speciesgroups { /*width: 45%; float:right; */margin: 0 0 0 .5em; padding:0 0 .5em 0; } #speciesgroups img { margin: 0; padding: .5em .2em 0 .2em; vertical-align: bottom; } #speciesgroups p { padding:.5em; } #speciesgroups ul { padding: 0; } #tandc {float:left;} #NBNlogo {float:right;} /* maps */ #whereilivemap { width: 32.4em; height: 32.4em; } #mapinstructions { font-size: .9em; width: 52.8em; height: 41.6em; } #officialMapsHolder { width: 52.5em; height: 45em; } .whereiliveBorderFix h2 { border-top:1px dashed #D9D9D9; margin-top:1em; padding-top:1em; } .whereiliveBorderFix .noborder h2 { border-top: 0; margin-top: 0; padding-top: 0; } /* where i live postcode search */ .wildlifenearyouColumn { width: 50%; float: left; } .wildlifenearyouColumn ul { margin: 0; } .wildlifenearyouColumn ul li { padding: 0; background: none; } /* photo gallery frame */ .galleryframe div { float: left; background: url(../../../../images/photo-gallery/top.gif) repeat-x top left; } .galleryframe div div { background: url(../../../../images/photo-gallery/bottom.gif) repeat-x bottom left; } .galleryframe div div div { background: url(../../../../images/photo-gallery/left.gif) repeat-y top left; } .galleryframe div div div div { background: url(../../../../images/photo-gallery/right.gif) repeat-y top right; } .galleryframe div div div div div { background: url(../../../../images/photo-gallery/topleft.gif) no-repeat top left; } .galleryframe div div div div div div { background: url(../../../../images/photo-gallery/topright.gif) no-repeat top right; } .galleryframe div div div div div div div { background: url(../../../../images/photo-gallery/bottomleft.gif) no-repeat bottom left; } .galleryframe div div div div div div div div { padding: 11px; background: url(../../../../images/photo-gallery/bottomright.gif) no-repeat bottom right; } .galleryframe img { vertical-align: bottom; } /* contact us page */ dl.contactus dt { margin: 0 0 0 1em; padding: 0 0 0 .8em; font-size: 1em; background: url(../../../../images/bg-bullet-orange.gif) no-repeat 0 .45em; } dl.contactus dd { margin: 0 0 1em 4.5em; } /* pages with one full column */ #fullcolumn { margin: 1em; } #fullcolumn h1 { margin: 0 0 1em 0; } #fullcolumn ul { margin: 0 0 0 2em; } ul.access li { margin: .5em 0; } /* pages with right column only */ #widecontent { width:71.7%; float: left; padding: 1em;} #widecontent h1 { margin-top: 0; } .advancedsearch label, .advancedsearch span.label { width: 19em; float: left; margin: .5em 0; } .advancedsearch label.pad, .advancedsearch span.pad { width: 18em; padding-left: 1em; } .advancedsearch label.nofloat { width: auto; float: none; } .advancedsearch label.dates { width: 7em; margin: .5em 0; float: left; } .advancedsearch select.dates { float: left; } .advancedsearch input { font-family: Verdana; font-size: 1em; border: 1px solid #000; margin: .5em 1em .5em 0; float: left; } .advancedsearch select { margin: .3em .5em 0 0; font-size: 1em; } .advancedsearch br { clear: both; } .advancedsearch input.check { border: 0; margin: .3em 0 0 0; } .advancedsearch .infosource { width: 23em; margin: .5em; float: left; } .advancedsearch input.submit { float: none; background: #fff; } #widecontent.errorpage { width:auto; float: none; padding: 1em;} .errorpage fieldset { margin: 1em; text-align: center; } .errorpage input { font-family: Verdana; font-size: 1em; border: 1px solid #000; } .sitemap ul { margin: 1em 0 0 1em; } .sitemap ul li ul { margin: 0 0 0 1em; } .eventdetails { padding-bottom: 1em; margin-bottom: 1em; } .eventdetails p { line-height: 1.6em; } dl.glossary dt { color: #930; } dl.glossary dd { margin: 0 0 1em 2em; } .form br { clear: both; } p.pubsDoc { overflow: hidden; zoom: 1; } p.pubsDoc img { float: left; margin: 0 10px 5px 0; } #middlecolumn dl.downloads.pubs { font-size: 1.1em; margin: .5em 0 0; } #middlecolumn dl.downloads dd h4 { display: inline; margin: 0em; font-weight: normal; font-size: 1.0em; font-family: Verdana,Arial,sans-serif; } #middlecolumn dl.downloads dd dl.downloadtimes { display: inline; } #middlecolumn dl.downloads dd dl.downloadtimes dt, #middlecolumn dl.downloads dd dl.downloadtimes dd { display: inline; margin-left: 0.5em; } /* fsi table */ table.fsi { width: 100%; border-collapse: collapse; } table.fsi tr th, table.fsi tr td { border: 1px solid #000; padding: .1em .3em; } table.fsi tr th { width: 1%; } table.fsi tr td { color: #000; font-weight: bold; } table.fsi tr td.exceptional { background: #ff78a7; } table.fsi tr td.high { background: #ffa7a7; } table.fsi tr td.moderate { background: #ffffa7; } table.fsi tr td.low { background: #a7ffa7; } table.fsi tr td.vlow { background: #78ffff; } /* search results */ #advancedsearch .numberofresults { color: red; font-weight: bold;} #searchstring {margin-right: 75px;} /* Map tutorials -------------------------------------------------------------------------- */ #middlecolumn #tutorialsListing h2 { font: 1.2em "Verdana"; margin-bottom: .8em; color: #000; } #middlecolumn #tutorialsListing h3 { margin: 0; font: 1.1em "Verdana"; color: #897403; } #middlecolumn #tutorialsListing h3 a { color: #897403; } #middlecolumn #tutorialsListing h3 img { margin: 0 .3em 0 0; float: left; } #middlecolumn #tutorialsListing .box { padding: .5em; margin: 0 0 1px; } #middlecolumn #tutorialsListing .yellow { background: #f6faec; } #middlecolumn #tutorialsListing .yellowHover { background: #e9ecdf; } /* Beige */ #middlecolumn #tutorialsListing .aboutCCW { background: #f1eee8; } #middlecolumn #tutorialsListing .aboutCCWHover { background: #e5e2dc; } #middlecolumn #tutorialsListing .beige { background: #f1eee8; } #middlecolumn #tutorialsListing .beigeHover { background: #e5e2dc; } /* Orange */ #middlecolumn #tutorialsListing .educationAndFun { background: #fff4ed; } #middlecolumn #tutorialsListing .educationAndFunHover { background: #f2e8e1; } #middlecolumn #tutorialsListing .orange { background: #fff4ed; } #middlecolumn #tutorialsListing .orangeHover { background: #f2e8e1; } /* Green */ #middlecolumn #tutorialsListing .environmentalChange { background: #e4f7e4; } #middlecolumn #tutorialsListing .environmentalChangeHover { background: #daedda; } #middlecolumn #tutorialsListing .green { background: #e4f7e4; } #middlecolumn #tutorialsListing .greenHover { background: #daedda; } /* Blue */ #middlecolumn #tutorialsListing .landscapeAndWildlife { background: #e7f1f7; } #middlecolumn #tutorialsListing .landscapeAndWildlifeHover { background: #dfe8ed; } #middlecolumn #tutorialsListing .blue { background: #e7f1f7; } #middlecolumn #tutorialsListing .blueHover { background: #dfe8ed; } /* Grey */ #middlecolumn #tutorialsListing .interactiveMaps { background: #ebeeea; } #middlecolumn #tutorialsListing .interactiveMapsHover { background: #dde0dc; } #middlecolumn #tutorialsListing .grey { background: #ebeeea; } #middlecolumn #tutorialsListing .greyHover { background: #dde0dc; } /* Teal */ #middlecolumn #tutorialsListing .publicationsAndResearch { background: #e9f2f2; } #middlecolumn #tutorialsListing .publicationsAndResearchHover { background: #dce5e5; } #middlecolumn #tutorialsListing .teal { background: #e9f2f2; } #middlecolumn #tutorialsListing .tealHover { background: #dce5e5; } /* Pink */ #middlecolumn #tutorialsListing .whereILive { background: #faf0f0; } #middlecolumn #tutorialsListing .whereILiveHover { background: #ede4e4; } #middlecolumn #tutorialsListing .pink { background: #faf0f0; } #middlecolumn #tutorialsListing .pinkHover { background: #ede4e4; } /* Pale blue */ #middlecolumn #tutorialsListing .paleblue { background: #edf7f9; } #middlecolumn #tutorialsListing .paleblueHover { background: #e0eaec; } /* Peach */ #middlecolumn #tutorialsListing .red { background: #faf0ee; } #middlecolumn #tutorialsListing .redHover { background: #ece3e1; } /* Yellow */ #middlecolumn #tutorialsListing .enjoyingTheCountry { background: #fef9e1; } #middlecolumn #tutorialsListing .enjoyingTheCountryHover { background: #f0ebd5; } #middlecolumn #tutorialsListing .yellow { background: #fef9e1; } #middlecolumn #tutorialsListing .yellowHover { background: #f0ebd5; } #middlecolumn #mapTutorialDetail h2 { width: 84%; float: left; } #middlecolumn #mapTutorialDetail p.viewAll { float: right; } #middlecolumn #mapTutorialDetail p.pressPlay { margin: 1em 7em; padding: .3em 0; border: 1px solid #634e26; font-size: 1.4em; font-family: "Adobe Garamond Pro", "Garamond", "Times New Roman", serif; font-weight: bold; color: #634e26; text-align: center; } #middlecolumn #mapTutorialDetail ul.pages { margin: .8em 0; padding: .8em 0; border: dashed #d9d9d9; border-width: 1px 0; } #middlecolumn #mapTutorialDetail ul.pages li { width: 33.3%; background: none; margin: 0; padding: 0; float: left; } #middlecolumn #mapTutorialDetail ul.pages li.page { text-align: center; } #middlecolumn #mapTutorialDetail ul.pages li.next { width: auto; float: right; } #middlecolumn #mapTutorialDetail #mapinstructions { width: 55.7em; height: 59.5em; font-size: 1em; } #middlecolumn #mapTutorialDetail #mapinstructions.openAccess { height: 98em; font-size: 1em; } /* Splash page -------------------------------------------------------------------------- */ #splashwrapper {margin:4em auto;width:67.9em;height: 33.0em;} #splashwrapper object {width:67.9em;height: 33.0em;} #splash {width:67.3em;height:32.0em;position:relative;border:.3em solid #fff;} #splash img#splashbg {width:67.3em;height:32.0em;vertical-align:bottom;position:relative;} #splash #welsh {position:absolute;top:3.7em;left:11.3em;} #splash #welshcopy {position:absolute;top:10.6em;left:0;padding:0 3em;text-align:center;} #splash #welshcopy p {margin:0;padding:0;font-family: "Arial", sans-serif;font-size:1.2em;font-weight:normal;} #splash #english {position:absolute;top:7.2em;left:11.3em;} #splash #englishcopy {position:absolute;top:14.3em;left:0;padding:0 3em;text-align:center;} #splash #englishcopy p {margin:0;padding:0;font-family: "Arial", sans-serif;font-size:1.2em;font-weight:normal;} #splash h1 {margin:0;font-size:1.6em;} #splash #welshbutton {position:absolute;top:20.0em;left:21em;} #splash #welshbutton img {width:8.55em;height:2.25em;vertical-align:bottom;} #splash #englishbutton {position:absolute;top:20.0em;left:38em;} #splash #englishbutton img {width:8.55em;height:2.25em;vertical-align:bottom;} #splashwrapper #splashcopyright {margin-top:.5em;text-align:right;color:#999;} /* Newsletter -------------------------------------------------------------------------- */ div .newslettersubscribe { line-height:0; padding-bottom: 1em; } div .newslettersubscribe .Heading3 { margin: 1em; font-weight: bold; } div .newslettersubscribe .Normal { margin: 1.5em 1em; } div .newslettersubscribe { border-bottom: solid 1px #000; } div .newslettersubscribe br { /*line-height:0;*/ } div .newslettersubscribe input { clear: both; } input#Template__ctl37__ctl1__ctl0_subscribeSubmit { background: #fff; color: #000; padding: 0em .4em; vertical-align:top; font-family: verdana, arial, sans-serif; font-size: 1em; } input#Template__ctl37__ctl1__ctl0_subemail { width: 180px; } /* Open Access Maps -------------------------------------------------------------------------- */ #middlecolumn #accessMapBg { background:#d8dee0; padding: .5em } #middlecolumn #mapNav, #middlecolumn #mapContentBox, #middlecolumn .mapContentBox { background: #fff; border: 1px solid #babcbe; /*margin: 1em 0 0 0;*/ margin: 0 0 .5em 0; } #middlecolumn #mapContent { position: relative; background: #fff; text-align: center; } #middlecolumn #mapContent .uparrow { position: absolute; top: 5px; left: 50%; margin: 0 0 0 -21px; } #middlecolumn #mapContent .downarrow { position: absolute; bottom: 5px; left: 50%; margin: 0 0 0 -21px; } #middlecolumn #mapContent .leftarrow { position: absolute; top: 50%; left: 5px; margin: -21px 0 0 0; } #middlecolumn #mapContent .rightarrow { position: absolute; top: 50%; right: 5px; margin: -21px 0 0 0; } #middlecolumn #mapContentBox, #middlecolumn .mapContentBox { padding: 1px 1em 1em; } #middlecolumn #mapContentBox p, #middlecolumn .mapContentBox p {} #middlecolumn #mapNav ul { margin: 0; padding:0; } #middlecolumn #mapNav li { float:left; list-style-type:none; background:none; margin: 0; padding: 0; } #middlecolumn #mapNav li a:hover { text-decoration: none; } #middlecolumn #mapNav a,#middlecolumn #mapNav span { background:url(../../../../images/bg-menu-divider.gif) no-repeat right center; color:#ff9900; display:block; font-size: 1em; padding: 1.5em; text-decoration:underline; text-transform:uppercase; float: left; /*width: 9em;*/ } #middlecolumn #mapNav a.current, #middlecolumn #mapNav span.current { font-weight: bold; color: #666; } #middlecolumn #mapNav #last a { background:none; } #middlecolumn #accessMapLittle { width: 15em; background: #fff; border: 1px solid #ccc; /*margin: 1em 0 0 0;*/ float: left; } #middlecolumn #accessMapLittle img { margin-left: 1.5em; } #middlecolumn #accessMapLittle p#intro ,#accessMapLittle p.title{ border-bottom: 1px solid #ccc; margin: .6em; } #middlecolumn #accessMapLittle p a { border: 1px solid #ccc; display: block; color: #000; text-decoration: underline; margin: .6em; padding: .5em; } #middlecolumn #accessMapDesc, #middlecolumn .accessMapDesc { background: #fff; border: 1px solid #ccc; float: right; width: 38em; margin: 0 0 .2em 0; } #middlecolumn #accessMapDesc p, #middlecolumn .accessMapDesc p { margin: 0; padding: .5em; } #middlecolumn #accessMapInstr, #middlecolumn #accessMapKey { background: #fff; border: 1px solid #babcbe; margin: 1em 0 0 0; width:49%; min-height: 21em; } * html #middlecolumn #accessMapInstr, * html #middlecolumn #accessMapKey { height: 21em; } #middlecolumn #accessMapInstr #walesOverview { margin: 0 0 14px 0; } #middlecolumn #accessMapInstr p, #middlecolumn #accessMapKey p { margin: .5em; } #middlecolumn #accessMapInstr p.title, #middlecolumn #accessMapKey p.title{ border-bottom: 1px solid #babcbe; } #middlecolumn #accessMapInstr img { margin: 1em 0 0 0; float:right; } #middlecolumn #accessMapInstr { float: left; } #middlecolumn #accessMapKey { float: right; } #middlecolumn #accessMapKey li { padding: .6em 0 .9em 2.2em; } #middlecolumn #accessMapKey li#Open { background:url(../../../../images/accessMapsOpen.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey li#Registered { background:url(../../../../images/accessMapsRegistered.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey li#Conclusive { background:url(../../../../images/accessMapsConclusive.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey p#disclaimer { border-top: 1px solid #babcbe; margin-bottom: .7em; } #middlecolumn p#countyDisclaimer { border-top: 1px solid #babcbe; } #middlecolumn #mapNavSecondary { background:url(../../../../images/mapNavSecondaryBg.gif) no-repeat 50% 0%; /*border: 1px dotted green;*/ padding-top: .5em; margin: -.5em 0 1em 0; } #middlecolumn #mapNavSecondary ul { margin:0 0 0 0; padding:0 0 0 2em; display:block; } #middlecolumn #mapNavSecondary li { float:left; list-style-type:none; background: none; margin: 0; padding: 0; } #middlecolumn #mapNavSecondary a { display:block; padding:1.2em; text-decoration:none; zoom: 1; } #middlecolumn #mapNavSecondary a:hover { text-decoration: underline; } #middlecolumn #mapNavSecondary a { border: 1px solid #ccc; /*display:block;*/ margin: 0 1em 0 0; width:8em; padding:.5em .5em .5em .5em; text-align:center; color:#666; background:#fff; } #middlecolumn #mapFlashContent { width:48.69em; height:47.16em; } #middlecolumn #accessMapInstr #walesCountyMap { margin:0 2em .9em 0; } #middlecolumn p.accessMapFooter { margin: 0; padding:0; text-align: center; } /* Historic Landscapes map -------------------------------------------------------------------------- */ #middlecolumn #historicLandscapes { margin: 1.1em 0 1px; position: relative; } #middlecolumn #historicLandscapes img.map { width: 54.5em; height: 67.8em; } #middlecolumn #historicLandscapes ul { position: absolute; top: 0; left: 0; font-size: 1em; margin: 0; } #middlecolumn #historicLandscapes ul li { background: none; margin: 0; padding: 0; position: absolute; z-index: 1; } #middlecolumn #historicLandscapes ul li.on { z-index: 2; } #middlecolumn #historicLandscapes ul li a { color: #000; text-decoration: none; display: block; cursor: pointer; } #middlecolumn #historicLandscapes ul li a span.pin { position: relative; } #middlecolumn #historicLandscapes ul li a span.pin img { width: 1.9em; height: 2.8em; position: relative; display: block; } #middlecolumn #historicLandscapes ul li a span.text { position: relative; background: #fff; position: absolute; top: 0; left: -99999px; float: left; white-space: nowrap; font-size: 1.1em; padding: .4em 15px .4em 10px; border: 1px solid #ccc; } #middlecolumn #historicLandscapes ul li a:hover span.pin, #middlecolumn #historicLandscapes ul li a:active span.pin, #middlecolumn #historicLandscapes ul li a:focus span.pin { z-index: 4; } #middlecolumn #historicLandscapes ul li a:hover span.text, #middlecolumn #historicLandscapes ul li a:active span.text, #middlecolumn #historicLandscapes ul li a:focus span.text { top: -10px; left: auto; right: 10px; z-index: 3; } #middlecolumn #webcams { margin: 1em 0 1px; } #middlecolumn #webcams .hdr { margin: 0 0 -9px; position: relative; overflow: hidden; } #middlecolumn #webcams .hdr h2 { color: #963; padding: 0 0 9px; border: 1px solid #cfba92; border-width: 1px 0 0 1px; float: left; background: url(../../../../images/webcam/hdrbg.png) no-repeat bottom center; } #middlecolumn #webcams .hdr h2 span { float: left; padding: .4em .9em .4em; border: 1px solid #cfba92; border-width: 0 1px 0 0; } #middlecolumn #webcams .thumbs { border: 1px solid #cfba92; background: url(../../../../images/webcam/bg-thumbs.png) repeat-x bottom left; padding: 10px .5em 0; } #middlecolumn #webcams .thumbs ul { margin: 0; overflow: hidden; font-size: 1em; } #middlecolumn #webcams .thumbs ul li { width: 10em; float: left; background: none; margin: 0; padding: 1em .8em 0; border-bottom: 1px dashed #d9d9d9; overflow: hidden; } #middlecolumn #webcams .thumbs ul li a { cursor: pointer; display: block; } #middlecolumn #webcams .thumbs ul li a img { width: 10em; height: 7.5em; } #middlecolumn #webcams .thumbs ul li a span.image { float: left; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 0 0 0 4px; } #middlecolumn #webcams .thumbs ul li a span.image img { display: block; position: relative; margin: -4px 4px 4px -4px; } #middlecolumn #webcams .thumbs ul li a span.text { padding: .6em 0 0; min-height: 3.2em; font-size: 1.1em; display: block; clear: both; } #middlecolumn #webcams .nav { border: 1px solid #cfba92; border-width: 0 1px 1px; padding: 0 .5em; background: #f8f6f4; } #middlecolumn #webcams .nav ul { margin: 0; overflow: hidden; } #middlecolumn #webcams .nav ul li { margin: 0; padding: 0; padding: .5em 0; float: left; background: none; } #middlecolumn #webcams .nav ul li a { color: #808080; } #middlecolumn #webcams .nav ul li.more { float: right; background: url(../../../../images/webcam/more.png) no-repeat center right; } #middlecolumn #webcams .nav ul li.more a { color: #930; padding: 0 24px 0 0; } #middlecolumn #webcams .details { border: 1px solid #cfba92; background: url(../../../../images/webcam/bg-thumbs.png) repeat-x bottom left; padding: 14px; } #middlecolumn #webcams .details .details2 { border: 1px solid #cfba92; background: #fff; padding: 1em 14px; } #middlecolumn #webcams .details h3 { font-size: 1.6em; color: #a54c1f; } #middlecolumn #webcams .details ul.webcamList { overflow: hidden; font-size: 1em; } #middlecolumn #webcams .details ul.webcamList li { width: 4.9em; margin: 0 .3em .5em; padding: .2em .2em 0; background: none; background: #dbd4c9; float: left; } #middlecolumn #webcams .details ul.webcamList li a { color: #a8906f; display: block; cursor: pointer; } #middlecolumn #webcams .details ul.webcamList li a img { width: 4.9em; } #middlecolumn #webcams .details ul.webcamList li a span { display: block; font-size: 1.1em; padding: .2em 0; } #middlecolumn #webcams .details ul.webcamList li.on { background: #a8906f; } #middlecolumn #webcams .details ul.webcamList li.on a { color: #fff; } #middlecolumn #webcams .details .webcam { font-size: 1em; } #middlecolumn #webcams .details .webcam img { border: .4em solid #a8906f; width: 475px; } #middlecolumn #webcams .details .back { text-align: right; padding: .2em 0; background: url(../../../../images/webcam/more.png) no-repeat center right; } #middlecolumn #webcams .details .back a { padding: 0 24px 0 0; } /* Directions and Decisions Form -------------------------------------------------------------------------- */ #directionsdecisions {border: 1px solid #CCCDCD;background: #D2EBF2;padding:.5em;} #directionsdecisions .radioBtn {float: right;margin-top: -1.3em;} #directionsdecisions fieldset {border: 1px solid #CCCDCD;background: #E9F5F9;padding-top:1em;} #directionsdecisions fieldset legend {display:none} p.ddselects {text-align:right;margin:1em 1em 0 0;} p.ddselectsmonth {text-align:right;margin:1em 1em 0 0;} p.ddradios {margin:0 1em .5em 1em;} p.ddissuedby {border-top:1px solid #858585;color: #663f08;font-weight: bold;margin: 1em 1em 1em 1em;padding-top:1em;} p.ddsubmit {border-top:1px solid #858585;text-align:center;margin:0 1em 0 1em;padding:1em 0 1em 0;} p.ddresults {margin-left: 1.5em;color: #663f08;font-weight: bold;} #directionsdecisions ul {margin-left: 1.5em;padding-left:0;list-style: none;} #directionsdecisions ul li {background: none;padding-left:0;} select#lookingfor, select#from, select#issuedby {width:18.5em;} input#reference { width:18em;} .resources select, .resources input { vertical-align: middle; } /* clearers */ .clearfix:after, .blockhover:after, .blockhoverOn:after, .contacttheteam:after, .contacttheteam:after, #middlecolumnform ul.checklist li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*.clearfix, .blockhover, .blockhoverOn, .contacttheteam, .contacttheteam, #middlecolumnform ul.checklist li {display: inline-block;}*/ /* Hides from IE-mac \*/ * html .clearfix, * html .blockhover, * html .blockhoverOn, * html .contacttheteam, * html .contacttheteam, * html #middlecolumnform ul.checklist li {height: 1%;} .clearfix, .blockhover, .blockhoverOn, .contacttheteam, .contacttheteam, #middlecolumnform ul.checklist li {display: block;} /* End hide from IE-mac */ /* styles applied from immediacy editor */ p.imgShadow, p.imgLtShadow, p.imgLtShadow135x85, p.imgLtShadow35x38 { float: left; background: url(../../../../images/shadow.png) no-repeat bottom right; font-size: 1em !important; padding: 0 !important; margin-left: 4px !important; margin-right: .8em !important; } p.imgShadow img, p.imgLtShadow img, p.imgLtShadow135x85 img, p.imgLtShadow35x38 img { display: block; position: relative; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e; } p.imgRtShadow { float: right; background: url(../../../../images/shadow.png) no-repeat bottom right; font-size: 1em !important; padding: 0 !important; margin-right: 4px; margin-left: .8em !important; } p.imgRtShadow img { display: block; position: relative; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e; } /*p.imgLtShadow img.ImmControlAlign_Left{float:none;clear:none;margin-right: 4px;} p.imgRtShadow img.ImmControlAlign_Left{float:none;clear:none;margin-right: 4px;}*/ p.imgRtFloat { float:right; margin: 0 0 .5em .5em; padding:0;} p.imgLtFloat135x100 {float:left; margin: 0 .5em 0 0; padding:0;} p.imgLtFloat135x100 img{width: 17.49em; height: 13.07em;} p.imgRtShadow135x85 { float:right; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 6px; padding:0;} p.imgLtShadow135x85 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgRtShadow135x85 img, p.imgLtShadow135x85 img{width:17.49em;height:10.97em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} p.imgRtShadow64x40 { float:right; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 6px; padding:0;} p.imgLtShadow64x40 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgRtShadow64x40 img, p.imgLtShadow64x40 img{width:5.72em;height:3.63em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} p.imgLtShadow84x126 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgLtShadow84x126 img{width: 7.63em; height: 11.45em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} /* p.imgLtShadow35x38 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgLtShadow35x38 img{width: 3.18em; height: 3.45em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;}*/ .clearImages{clear:both;} /* IE-mac fixes -------------------------------------------------------------------------- */ /*\*//*/ #header .skipLinks { position: relative; top: 0; left: 0; display: none; } #header, #branding { width: 100%; } /**/ /* Progress bar for SDS plug-in -------------------------------------------------------------------------- */ div.sdsProgress { border: 1px solid black; width: 75%; } div.sdsProgress div { background-color:#E7F1F7; height: 1em; } div.sdsProgress div.stage1 { width:33%; } div.sdsProgress div.stage2 { width:66%; } div.sdsProgress div.stage3 { width:100%; } /* DMS Resource Lists -------------------------------------------------------------------------- */ #middlecolumn ul.resource { margin: 0; font-size: 1em; } #middlecolumn ul.resource li { margin: 0 0 .5em; padding: 0; background: none; } #middlecolumn ul.resource li ul li { margin: 0; } /* downloads definition list*/ #middlecolumn ul.resource dl.downloads { } #middlecolumn ul.resource dl.downloads dd { margin: 0 0 0 1.5em; padding: 0; } /*header for list of download times*/ #middlecolumn ul.resource dl.downloads dd h4 { display: inline; margin: 0em; font-weight: normal; font-size: 1.0em; font-family: Verdana,Arial,sans-serif; } #middlecolumn ul.resource dl.downloads dd dl.downloadtimes { display: inline; } #middlecolumn ul.resource dl.downloads dd dl.downloadtimes dt, #middlecolumn ul.resource dl.downloads dd dl.downloadtimes dd { display: inline; margin-left: 0.5em; } /*=========== Only in OldWidening =============*/ /* Hides from IE-mac \*/ * html .clearfix, * html .blockhover, * html .blockhoverOn, * html .contacttheteam, * html .contacttheteam, * html #middlecolumnform ul.checklist li {height: 1%;} .clearfix, .blockhover, .blockhoverOn, .contacttheteam, .contacttheteam, #middlecolumnform ul.checklist li {display: block;} /* End hide from IE-mac */ /* styles applied from immediacy editor */ p.imgShadow, p.imgLtShadow, p.imgLtShadow135x85, p.imgLtShadow35x38 { float: left; background: url(../../../../images/shadow.png) no-repeat bottom right; font-size: 1em !important; padding: 0 !important; margin-left: 4px !important; margin-right: .8em !important; } p.imgShadow img, p.imgLtShadow img, p.imgLtShadow135x85 img, p.imgLtShadow35x38 img { display: block; position: relative; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e; } p.imgRtShadow { float: right; background: url(../../../../images/shadow.png) no-repeat bottom right; font-size: 1em !important; padding: 0 !important; margin-right: 4px; margin-left: .8em !important; } p.imgRtShadow img { display: block; position: relative; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e; } /*p.imgLtShadow img.ImmControlAlign_Left{float:none;clear:none;margin-right: 4px;} p.imgRtShadow img.ImmControlAlign_Left{float:none;clear:none;margin-right: 4px;}*/ p.imgRtFloat { float:right; margin: 0 0 .5em .5em; padding:0;} p.imgLtFloat135x100 {float:left; margin: 0 .5em 0 0; padding:0;} p.imgLtFloat135x100 img{width: 12.17em; height: 9.09em;} p.imgRtShadow135x85 { float:right; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 6px; padding:0;} p.imgLtShadow135x85 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgRtShadow135x85 img, p.imgLtShadow135x85 img{width:12.17em;height:7.63em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} p.imgRtShadow64x40 { float:right; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 0 0 6px; padding:0;} p.imgLtShadow64x40 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgRtShadow64x40 img, p.imgLtShadow64x40 img{width:5.72em;height:3.63em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} p.imgLtShadow84x126 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgLtShadow84x126 img{width: 7.63em; height: 11.45em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;} /* p.imgLtShadow35x38 { float:left; text-align:center; background: url(../../../../images/shadow.png) no-repeat bottom right; margin: 4px 6px 0 4px; padding:0;} p.imgLtShadow35x38 img{width: 3.18em; height: 3.45em;display: block; position: relative; background-color: #fff; margin: -4px 4px 4px -4px; border: 1px solid #a87f2e;}*/ .clearImages{clear:both;} /* IE-mac fixes -------------------------------------------------------------------------- */ /*\*//*/ #header .skipLinks { position: relative; top: 0; left: 0; display: none; } #header, #branding { width: 100%; } /**/ /* Progress bar for SDS plug-in -------------------------------------------------------------------------- */ div.sdsProgress { border: 1px solid black; width: 75%; } div.sdsProgress div { background-color:#E7F1F7; height: 1em; } div.sdsProgress div.stage1 { width:33%; } div.sdsProgress div.stage2 { width:66%; } div.sdsProgress div.stage3 { width:100%; } /* DMS Resource Lists -------------------------------------------------------------------------- */ #middlecolumn ul.resource { margin: 0; font-size: 1em; } #middlecolumn ul.resource li { margin: 0 0 .5em; padding: 0; background: none; } #middlecolumn ul.resource li ul li { margin: 0; } /* downloads definition list*/ #middlecolumn ul.resource dl.downloads { } #middlecolumn ul.resource dl.downloads dd { margin: 0 0 0 1.5em; padding: 0; } /*header for list of download times*/ #middlecolumn ul.resource dl.downloads dd h4 { display: inline; margin: 0em; font-weight: normal; font-size: 1.0em; font-family: Verdana,Arial,sans-serif; } #middlecolumn ul.resource dl.downloads dd dl.downloadtimes { display: inline; } #middlecolumn ul.resource dl.downloads dd dl.downloadtimes dt, #middlecolumn ul.resource dl.downloads dd dl.downloadtimes dd { display: inline; margin-left: 0.5em; } ; } #middlecolumn #accessMapKey li { padding: .6em 0 .9em 2.2em; } #middlecolumn #accessMapKey li#Open { background:url(../../../../images/accessMapsOpen.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey li#Registered { background:url(../../../../images/accessMapsRegistered.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey li#Conclusive { background:url(../../../../images/accessMapsConclusive.gif) no-repeat 0% 48%; } #middlecolumn #accessMapKey p#disclaimer { border-top: 1px solid #babcbe; margin-bottom: .7em; } #middlecolumn p#countyDisclaimer { border-top: 1px solid #babcbe; } #middlecolumn #mapNavSecondary { background:url(../../../../images/mapNavSecondaryBg.gif) no-repeat 50% 0%; /*border: 1px dotted green;*/ padding-top: .5em; margin: -.5em 0 1em 0; } #middlecolumn #mapNavSecondary ul { margin:0 0 0 0; padding:0 0 0 2em; display:block; } #middlecolumn #mapNavSecondary li { float:left; list-style-type:none; background: none; margin: 0; padding: 0; } #middlecolumn #mapNavSecondary a { display:block; padding:1.2em; text-decoration:none; zoom: 1; } #middlecolumn #mapNavSecondary a:hover { text-decoration: underline; } #middlecolumn #mapNavSecondary a { border: 1px solid #ccc; /*display:block;*/ margin: 0 1em 0 0; width:8em; padding:.5em .5em .5em .5em; text-align:center; color:#666; background:#fff; } #middlecolumn #mapFlashContent { width:48.69em; height:47.16em; } #middlecolumn #accessMapInstr #walesCountyMap { margin:0 2em .9em 0; } #middlecolumn p.accessMapFooter { margin: 0; padding:0; text-align: center; } /* Directions and Decisions Form -------------------------------------------------------------------------- */ #directionsdecisions {border: 1px solid #CCCDCD;background: #D2EBF2;padding:.5em;} #directionsdecisions .radioBtn {float: right;margin-top: -1.3em;} #directionsdecisions fieldset {border: 1px solid #CCCDCD;background: #E9F5F9;padding-top:1em;} #directionsdecisions fieldset legend {display:none} p.ddselects {text-align:right;margin:1em 1em 0 0;} p.ddselectsmonth {text-align:right;margin:1em 1em 0 0;} p.ddradios {margin:0 1em .5em 1em;} p.ddissuedby {border-top:1px solid #858585;color: #663f08;font-weight: bold;margin: 1em 1em 1em 1em;padding-top:1em;} p.ddsubmit {border-top:1px solid #858585;text-align:center;margin:0 1em 0 1em;padding:1em 0 1em 0;} p.ddresults {margin-left: 1.5em;color: #663f08;font-weight: bold;} #directionsdecisions ul {margin-left: 1.5em;padding-left:0;list-style: none;} #directionsdecisions ul li {background: none;padding-left:0;} select#lookingfor, select#from, select#issuedby {width:18.5em;} input#reference { width:18em;} .resources select, .resources input { vertical-align: middle; } /* clearers */ .clearfix:after, .blockhover:after, .blockhoverOn:after, .contacttheteam:after, .contacttheteam:after, #middlecolumnform ul.checklist li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*.clearfix, .blockhover, .blockhoverOn, .contacttheteam, .contacttheteam, #middlecolumnform ul.checklist li {display: inline-block;}*/ /* Gallery Plugin */ .imageGallery { width:379px; margin-top:1em; margin-bottom:1em; clear:both; position:relative; } .imageGallery .imgSurround { overflow:hidden; margin:0 auto; width:379px; display:block; text-align:center; } .imageGallery .imgShadow { background:url(../../../../images/shadow.png) no-repeat right bottom #ddd; display:inline-block; margin:4px 0 0 4px; padding:0; } .imageGallery .imgShadow img { float:left; display:inline; position:relative; top:-4px; left:-4px; margin:0; } .imageGallery p.caption { width:361px; padding:3px 8px; background:#faf6eb; border:solid #e8dec3 1px; margin:1em auto 0 auto !important; } .imageGallery p.alignTop { margin:3px auto 1em auto !important; } .imageGallery ul.navigationButtons { margin:0.6em auto 0 auto !important; text-align:center; overflow:auto; clear:both; list-style:none; } .imageGallery ul.navigationButtons li { display:inline; margin:0 !important; padding:0 !important; background:none !important; } .imageGallery ul.navigationButtons li input { border:solid #aa8 1px; padding:2px 3px; margin:0; cursor:pointer; font-family:Verdana, sans-serif; font-size:1em; } .imageGallery ul.navigationButtons li input:hover { background:#fff; color:#000; } .imageGallery ul.navigationButtons li input.selected { background:#aa8; color:#fff; font-weight:bold; } .imageGallery .invisibleSlide { display:none; } /* Glossary Plugin */ .ccwGlossaryTerm { width:200px; padding:0; margin:1em 20px; border:solid 1px #999; background:#fafafa; } .ccwGlossaryTerm .blockhover, .ccwGlossaryTerm .blockhoverOn { padding:0.5em 10px !important; margin:0 !important; } .ccwGlossaryTerm h2 { margin:0 0 0.1em 0 !important; } .ccwGlossaryTerm dl dt, #GlossaryAggregation dl dt { padding:4px 0; font-size:1.1em; } .ccwGlossaryTerm dl dt a, #GlossaryAggregation dl dt a { text-decoration:underline; } .ccwGlossaryTerm dl dd, #GlossaryAggregation dl dd { font-size:1.1em; margin-bottom:1em; } /* auto complete for glossary */ #GlossarySearch .box { zoom:1; } #GlossarySearch input, #GlossarySearch .ac_input { width:132px; } #GlossarySearch input.button { width:auto; } .ac_results { width:138px !important; border:solid #7F9DB9 1px; border-top:none; padding:1px 0; background:#FFF; cursor:pointer; } .ac_results ul li { padding:0 5px; text-align:left; } /* Contact Directory Styles */ #GlossaryAggregation { margin-top:2px; } #GlossaryAggregation ul { margin:0; overflow:auto; list-style:none; } #GlossaryAggregation ul li { float:left; display:inline; margin:0.4em 0.6em; /* 13 letters per row */ /* margin:0.4em 0.35em; -- 15 letters per row */ padding:0; background:0; } #GlossaryAggregation ul li a { display:block; width:2.2em; padding:4px 1px; border:1px solid #C1B29C; color:#333; text-decoration:none; text-align:center; } *html #GlossaryAggregation ul li a { padding-left:0; } #GlossaryAggregation ul li a:hover, #GlossaryAggregation ul li a:focus, #GlossaryAggregation ul li a:active { color:#333; background:#DBD4C9; padding:3px 0; margin:1px; text-decoration:none !important; } #GlossaryAggregation ul li a.selected { background:#DBD4C9; text-decoration:none !important; color:#333 !important; font-weight:bold; } /*/ /*/ #middlecolumn .singleBlock { width:17.6em; float:left; display:inline; margin:2px; } #middlecolumn .doubleBlock { width:35.6em; float:left; display:inline; margin:2px; } #middlecolumn .firstBlock { clear:left; margin-left:0; margin-right:4px; } #middlecolumn .lastBlock { margin-left:4px; margin-right:0; } #middlecolumn #protectingOurLandscape, #middlecolumn #geologicalGems, #middlecolumn #managingLandAndSea, #middlecolumn #habitatsAndSpecies { overflow:hidden; border-bottom:1px dashed #D9D9D9; } #middlecolumn #habitatsAndSpecies .additionalWrap { float:left; display:inline; width:360px; } #middlecolumn .clearLeft { clear:left; }