/* text based settings */ p{font-size: 1em; line-height:1.6em; margin:0px; padding:0px; margin-top:15px;} h1{font-size: 2.0em; line-height:1.5em;} h2{font-size: 1.667em; line-height:1.3em;} h3{font-size: 1.500em; line-height:1.3em;} h4{font-size: 1.333em; line-height:1.3em; font-weight:normal;} h5{font-size: 1.167em; line-height:1.2em; font-weight:normal;} li{font-size:1em; line-height:1.2em; font-weight:normal; margin-bottom:4px;} article li{font-size:1em; line-height:1.6em; font-weight:normal; margin-bottom:4px;} #MainBreadCrumbTrail h1{margin-bottom:0px !important; padding-bottom:0px !important;} .MainContentRightBox h2{color:#005983; } #MainBreadCrumbTrail header h1{font-size:0.833em !important; border:none;} .Selected {color:#000 !important;} /* links */ a{color:#006699; text-decoration: underline; font-weight:bold;} a:hover {color:#68a84d; text-decoration:underline !important;} p a{color:#005983; text-decoration:underline !important; font-weight:bold;} p a:hover {color:#68a84d; text-decoration:underline;} #MainBreadCrumbTrail a{color: #006699; text-decoration:underline;} #MainBreadCrumbTrail a:hover{text-decoration:underline; color:#68a84d;} #MainColumnContentWrapper a:hover{color: #68a84d;} #MainColumnContentWrapper a{text-decoration:underline; color: #006699;} .FooterLinksRight a { color:#005983 !important;} .FooterLinksRight a:hover { color:#348cce !important;} .FooterLinksLeft {padding-left:10px !important;} .FooterLinksLeft a{padding-right:8px; padding-left:8px; text-decoration:none; font-size:12px; color:#348cce !important; line-height:2em;} .FooterLinksLeft a:hover{text-decoration:underline; color: #68a84d !important;} .FooterLinksRight a {padding-right:7px !important;} /* table */ table {margin:0px; padding:0px; margin-top:15px; font-size:1.0em; text-align:left;} th {border: 1px solid #e7e8e9; padding:5px; margin:2px; background-color:#ccdacb/*c7d9ed*/; color:#005983;} td {border: 1px solid #e7e8e9; padding:5px; margin:2px; background-color:#FFFFFF; vertical-align:top !important;} td p{vertical-align:top !important;} tr {vertical-align:middle;} td p{font-size: 1em; line-height:1.2em; margin:0px; padding:0px; margin-bottom:15px;} td p:last-child{margin-bottom:0px;} .TableWithHeader{color:#333;} .TableWithHeader tr:first-child td{border: 1px solid #e7e8e9; padding:5px; margin:2px; background-color:#ccdacb/*c7d9ed*/; color:#043e5a/*005983*/;} /* table no border */ .TableNoLines th, .TableNoLines td, .TableNoLines tr {border: none;} .TableNoBorder th, .TableNoBorder td, .TableNoBorder tr {border: none !important;} article table {width:100% !important;} /* attempt to catch non header tables */ thead td {border: 1px solid #e7e8e9; padding:5px; margin:2px; background-color:#c7d9ed; color:#005983;} thead td p {margin:0px; padding:0px;} th p {margin:0px; padding:0px;} /* headings */ #MainContentFull header h1, .MainBody header h1, #MainContentDoubleColumnWidth header h1 {border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e7e8ea; margin-top:0px !important; font-size:2em; line-height:1.5em !important; font-weight:bold; margin-bottom:20px;} .MainBody h2, #MainContentDoubleColumnWidth h2, #MainContentFull h2 {border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e7e8ea; margin-bottom:20px; margin-top:20px; font-size: 1.500em !important; line-height:1.3em !important;} .LeftMenu header h1{font-size: 1.4em !important; padding:4%; padding-bottom: 15px; line-height: 1em; padding-top: 15px; background-color: #ccdacb; color: #043e5a; position:relative; margin-bottom:0px !important; } .LeftMenu header a:link{text-decoration:none} .MakingTheCaseVideoText h2 {border:none; font-size: 1.667em !important; line-height: 1.3em; margin-top: 10px; font-weight:bold; margin-bottom:0px;} .ContactUsPopular h1 {border:none !important; font-size: 1.667em !important; line-height: 1.3em; margin-top: 10px;} #contentSearchColumn h2 {font-weight:bold; border:none; font-size:1.8em !important;} #contentSearchColumn h2 a:hover {color:#68a84d !important;} .JobsHomepageTextSplit header h1 {border:none !important; margin-bottom:0px !important; padding-bottom:0px !important; font-size: 1.2em !important; line-height: 1em !important;} /* append icon to external links */ .MainContentRightBox a:hover[href^="http://"] {background: url(../../images/template/external_link_icon_invert.png) center right no-repeat; padding-right: 13px; background-color:#005983; color:#FFF !important;} .MainContentRightBox li a:hover[href^="http://"] {background: url(../../images/template/external_link_icon_invert.png) center right no-repeat; padding-right: 13px; background-color:#005983; color:#FFF !important;} .MainContentRightBox a[href^="http://media.sepa.org.uk/"] {background: url(../../images/template/external_link_icon.png) center right no-repeat; text-decoration:none; margin:0px; padding:5px; padding-left:10px; display:block; font-weight:bold;} a[href^="http://"] {background: url(../../images/template/external_link_icon.png) center right no-repeat; padding-right: 13px;} a[href^="https://"] {background: url(../../images/template/external_link_icon.png) center right no-repeat; padding-right: 13px;} #jobsIe1 a[href^="http://"] {background: none; padding: 0px; margin:0px;} #jobsIe1 a[href^="https://"] {background: none; padding: 0px; margin:0px;} a[href^="http://apps.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="https://www.netregs.org.uk/"] {background: none; padding: 0px;} a[href^="https://apps.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="http://www.facebook.com/"] {background: none; padding: 0px;} a[href^="https://www.facebook.com/"] {background: none; padding: 0px;} a[href^="http://twitter.com/"] {background: none; padding: 0px;} a[href^="https://twitter.com/"] {background: none; padding: 0px;} a[href^="https://www.youtube.com/"] {background: none; padding: 0px;} a[href^="https://uk.linkedin.com/"] {background: none; padding: 0px;} a[href^="http://www.visitscotland.com/"] {background: none; padding: 0px;} a[href^="http://media.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="https://media.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="http://www.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="https://www.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="http://www.sepa.org.uk/contact/"] {background: none; padding: 0px;} a[href^="http://www.vibes.org.uk/"] {background: none; padding: 0px;} a[href^="https://applications.sepa.org.uk/"] {background: none; padding: 0px;} a[href^="http://goo.gl/"] {background: none; padding: 0px;} a[href^="https://sectors.sepa.org.uk"] {background: none; padding: 0px;} a[href^="http://sectors.sepa.org.uk"] {background: none; padding: 0px;} a[href^="http://beta.sepa.org.uk"] {background: none; padding: 0px;} a[href^="https://beta.sepa.org.uk"] {background: none; padding: 0px;} a[href*="floodlinescotland"] {background: none; padding: 0px;} a[href^="https://floodline.sepa.org.uk"] {background: none; padding: 0px;} a[href*="sepa.org.uk"] {background: none; padding: 0px;} a:hover[href*="sepa.org.uk"] { } .MainContentRightBox a:hover[href*="sepa.org.uk"] {background-image: url() center right no-repeat !imporant; padding-right: 13px; background-color:#005983 !important; color:#FFF !important;} .MainContentRightBox a {padding-right: 13px !important;} .SliderText p a[href^="https://"] {background:none !important; padding-right: 0px !important;} .SliderText p a[href^="http://"] {background:none !important; padding-right: 0px !important;} .noExtIcon {background: none !important; padding: 0px !important;} .noExtIconHome {background: none !important; /*padding: 0px !important;*/} #floodboxlink a[href^="http://"] {background:none !important; padding-right: 0px !important;} #HeaderNavBar a[href^="http://"] {background:none !important; padding: 0px;} /* site map */ .sitemap ul , .sitemap ul li{margin:0px !important; padding:0px !important; list-style:none !important;} .level-2{font-size: 1.800em !important; line-height:1.3em !important; font-weight:bold; margin-top:10px !important;} .level-3{font-size: 0.82em !important; line-height:1.1em !important; font-weight:bold; } .level-4{font-size: 0.8em !important; line-height:1.2em !important; font-weight:bold;} .smHeadingUL{border-bottom:1px solid #68A84D !important; display:block; margin-bottom:10px !important;} .smHeadingUL:hover{text-decoration:none !important; border-bottom:1px solid #000 !important;} .level-3 a{text-decoration:underline !important;} .level-4 a{text-decoration:none !important;} .sitemap ul ul li{margin-bottom:10px !important;} .sitemap ul ul ul li{margin-bottom:0px !important;} .sitemap ul { padding-top:10px !important; margin-left:5px !important; } .sitemap ul ul {margin-bottom:10px !important; margin-left:40px !important; padding-top: 0px !important;} .sitemap ul ul ul {padding-top:6px !important; margin-left:45px !important; } /* Custom mailchimp form embed */ #mc_embed_signup .button { background-color: #005983 !important; margin: 20px 5px 10px 0 !important; } /* code to stop external link on imge on page /regulations/waste/life-smart-waste/ */ table tr td a[href^="http://eepurl.com/buHTcP"] {background:none !important; padding:0px !important;} .SliderText p a[href^="https://"] {background:none !important; padding-right: 0px !important;} .SliderText p a[href^="http://"] {background:none !important; padding-right: 0px !important;} #accordion ul {margin-left:0px; padding-left:16px;} /* homepage flooding box */ .HPFloodwrnhld img {padding-left:5px !important;} /* home page new lists instead of image slider */ .HPList {margin:0px; padding:0px; list-style:none; margin-bottom:10px;} .HPList li:first-child{border-top:none !important; margin-top:4px !important;} .HPList li a{text-decoration:none; line-height:16px;} .FakeBoxesTopPadding{padding-top:0px;} .hpls h3 {font-size: 1.18em; background-color:#005d84; color:#FFF; padding:4px; margin:0px; font-weight:bold; min-height: 45px;} .HPList li {padding-top:7px; padding-bottom:7px; border-top:1px solid #c7c7c7;} .HPList li {list-style-position: outside; text-indent: 0em;} .HPlisBx {border:1px solid #c7c7c7; padding:2px; margin-bottom:15px;} /* new board pages */ .BoardNewPic{} .BoardNewText h3{margin-top:0px; padding-top:0px;} .BoardNewText {padding-bottom:45px;} .BMClass{display: none;} .BoardPapers li {float:left; padding:10px !important;} .BPimg, .BPtext{float:left !important;} .BPimg{width:25% !important;} .BPtext{width:75% !important; padding:4px;} .BPImgClick{} .BoardNewText h2{margin-top:0px !important;} .BMPro{display:block; width:100%; overflow:hidden;} .BPImgName{position:absolute; bottom:0; width:75.5%; padding:3px; margin:0px; background-color:#005d84; color:#FFF; font-weight:bold; height:30px; overflow:hidden; } .BMI{margin-bottom:30px;} .BMPro:hover, .BTT:hover {cursor:pointer;} .BTT{display:inline-block; padding:10px; background-color:#005d84; color:#FFF; font-weight:bold; float:right;} .BMClass {clear:both; margin:0px; padding:0px;} .BoardNewPic{width:24%; float:left; padding-right:15px;} .BoardNewText{width:74%; float:left;} .HPList a[href^="http://www.netregs.org.uk/"] {background: none; padding: 0px;} .HPList a[href^="https://www.netregs.org.uk/"] {background: none; padding: 0px;} .HPList a[href^="http://floodline.sepa.org.uk/"] {background: none; padding: 0px;} .HPList a[href^="http://www.floodlinescotland.org.uk/report-a-flood/"] {background: none; padding: 0px;} /* board member no 3 */ #zips{} .BoardPerson{clear:both; border-top: 1px solid #ccc; padding-top:10px; margin-bottom:10px;} .BoardPerson:first-child{border-top:none !important;} .BoardPersonText{display:none; padding:4px;} .BoardPersonImg{float:left; padding:4px; width:25%;} .BoardPersonContent{float:left; width:73%;} .BoardPersonContent h3{margin-top: 0px !important; padding-top:0px!important;} .ReadMoreBoard{float:right; font-size:20px; font-weight:bold;} .BoardMemberTitle{float:left;} .ReadMoreBoard:hover , .BoardMemberTitle:hover {cursor:pointer;} /* board meetings page */ .BoardPapers {list-style:none !important;} .MainContentRightBox a{text-decoration:none; margin:0px; padding:8px; padding-left:10px; display:block; font-weight:normal !important;} .MainContentRightBox a:hover{background-color:#005983; color:#FFF;} .MainContentRightBox a:hover[href^="http://"] {background: url(../../images/template/external_link_icon_invert.png) center right no-repeat; padding-right: 13px; background-color:#005983; color:#FFF !important;} .MainContentRightBox a:hover[href^="https://"] {background: url(../../images/template/external_link_icon_invert.png) center right no-repeat; padding-right: 13px; background-color:#005983; color:#FFF !important;} .MainContentRightBox p{margin-top:2px;} .MainContentRightBox li a{text-decoration:none; margin:0px; padding:8px; padding-left:10px; display:block; font-weight:normal !important;} .MainContentRightBox li a:hover[href^="http://"],.MainContentRightBox li a:hover[href^="https://"] {background: url(../../images/template/external_link_icon_invert.png) center right no-repeat; padding-right: 13px; background-color:#005983; color:#FFF !important;} .MainContentRightBox li{margin-top:4px;} .MainContentRightBox a[href^="http://media.sepa.org.uk/"], .MainContentRightBox a[href^="http://apps.sepa.org.uk/"], .MainContentRightBox a[href^="https://apps.sepa.org.uk/"]{text-decoration:none; margin:0px; padding:8px; padding-left:10px; display:block; font-weight:normal !important;} .MainContentRightBox a:hover[href*="sepa.org.uk"] {background: url(none) center right no-repeat;} .tdDate {width:100px !Important;} /* flooding page button */ .TblTopColor{background-color:#005983 !important; color:#FFF !important; font-weight:bold; font-size:20px; padding:10px; border: 0px !important} .TblTopColor1{background-color:#005983 !important; color:#FFF !important; font-weight:bold; height:5px !important; margin:0px !important; padding:0px !important; border: 0px !important} .MakeListFontBigger {font-size:1.6em; line-height:1.7em;} .TableTextHeading{font-size:22px;} .TableTextText, .TableTextText li{font-size:18px;} .TableTextText ul , .TableTextText li {margin-top:0px !important; padding-top:0px !important; line-height:20px;} .ParraNoBottomMargin {margin-bottom:0px !important; padding-bottom:0px !important;} .squareSIGNUPbtn{ font-size:20px; display: inline-block !important; height: 50px; line-height: 50px; padding-right: 30px !important; padding-left: 50px !important; position: relative !important; background-color:#005a81 !important; text-decoration:none !important; background: #005a81; /* Old browsers */ background: -moz-linear-gradient(left, #005a81 0%, #005a81 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #005a81 0%,#005a81 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #005a81 0%,#005a81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a81', endColorstr='#005a81',GradientType=1 ); /* IE6-9 */ color:rgb(255,255,255); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow:0px 1px 0px rgba(0,0,0,0.5); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); -webkit-transition: background 1s ease-out; -moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; transition: all .3s; } .squareSIGNUPbtn span{font-size: 16px; position: absolute !important; left: 0; padding-left:10px; padding-right:10px; width:35px; background-color:rgba(0,45,64,0.5); -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 1px solid rgba(0,0,0,0.15); text-decoration:none !important; transition: all .3s; } .squareSIGNUPbtn:hover span, .squareSIGNUPbtn.active span { color:#0095d6 !important; border-right: 1px solid rgba(0,0,0,0.3); transition: all .3s; } .squareSIGNUPbtn:hover{ color:#fff !important; text-decoration:none !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005a81+0,0095d6+100 */ background: #005a81; /* Old browsers */ background: -moz-linear-gradient(left, #005a81 0%, #0095d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #005a81 0%,#0095d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #005a81 0%,#0095d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a81', endColorstr='#0095d6',GradientType=1 ); /* IE6-9 */ -webkit-transition: background 1s ease-out; -moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; transition: all .3s; } .FloodLinePageButLink a[href^="http://www.floodlinescotland.org.uk/report-a-flood/"] {background: none; padding: 0px;} .FloodLinePageButLink a[href^="http://www.floodlinescotland.org.uk/report-a-flood/"] {background: none; padding: 0px;} #floodboxsurvey { border: 2px solid #005983; padding:10px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */