From 359753aeca5ecb0f101bf6a63efa84d2570e885d Mon Sep 17 00:00:00 2001
From: Hakim Cassimally <hakim@mysociety.org>
Date: Thu, 12 Jun 2014 16:28:31 +0000
Subject: [East Sussex] initial work on cobrand and templates

 - Get layout, including map working
 - Identified major clash point for CSS
 - Move eastsussex resources locally (in part to be able to override
   clashing names like .container)
---
 perllib/FixMyStreet/Cobrand/EastSussex.pm        |   38 +
 templates/web/eastsussex/footer.html             |  106 +
 templates/web/eastsussex/header.html             |  159 ++
 web/cobrands/eastsussex/_colours.scss            |   21 +
 web/cobrands/eastsussex/base.scss                |   83 +
 web/cobrands/eastsussex/cmsconsolesmall-v50.scss | 2552 ++++++++++++++++++++++
 web/cobrands/eastsussex/config.rb                |   25 +
 web/cobrands/eastsussex/img/desktop.png          |  Bin 0 -> 19451 bytes
 web/cobrands/eastsussex/img/gradient.jpg         |  Bin 0 -> 467 bytes
 web/cobrands/eastsussex/img/item-type.gif        |  Bin 0 -> 6105 bytes
 web/cobrands/eastsussex/img/menu-item.gif        |  Bin 0 -> 574 bytes
 web/cobrands/eastsussex/img/xmas-lights.jpg      |  Bin 0 -> 7762 bytes
 web/cobrands/eastsussex/layout.scss              |  135 ++
 web/cobrands/eastsussex/mqLarge.scss             |  720 ++++++
 web/cobrands/eastsussex/mqMedium.scss            |  237 ++
 15 files changed, 4076 insertions(+)
 create mode 100644 perllib/FixMyStreet/Cobrand/EastSussex.pm
 create mode 100644 templates/web/eastsussex/footer.html
 create mode 100644 templates/web/eastsussex/header.html
 create mode 100644 web/cobrands/eastsussex/_colours.scss
 create mode 100644 web/cobrands/eastsussex/base.scss
 create mode 100644 web/cobrands/eastsussex/cmsconsolesmall-v50.scss
 create mode 100644 web/cobrands/eastsussex/config.rb
 create mode 100644 web/cobrands/eastsussex/img/desktop.png
 create mode 100644 web/cobrands/eastsussex/img/gradient.jpg
 create mode 100644 web/cobrands/eastsussex/img/item-type.gif
 create mode 100644 web/cobrands/eastsussex/img/menu-item.gif
 create mode 100644 web/cobrands/eastsussex/img/xmas-lights.jpg
 create mode 100644 web/cobrands/eastsussex/layout.scss
 create mode 100644 web/cobrands/eastsussex/mqLarge.scss
 create mode 100644 web/cobrands/eastsussex/mqMedium.scss

diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm
new file mode 100644
index 000000000..d15cfaa2e
--- /dev/null
+++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm
@@ -0,0 +1,38 @@
+package FixMyStreet::Cobrand::EastSussex;
+use base 'FixMyStreet::Cobrand::UKCouncils';
+
+use strict;
+use warnings;
+
+sub council_id { return 2224; }
+sub council_area { return 'East Sussex'; }
+sub council_name { return 'East Sussex County Council'; }
+sub council_url { return 'eastsussex'; }
+# sub is_two_tier { return 1; }
+
+sub path_to_web_templates {
+    my $self = shift;
+    return [
+        FixMyStreet->path_to( 'templates/web', $self->moniker )->stringify,
+        FixMyStreet->path_to( 'templates/web/fixmystreet' )->stringify
+    ];
+}
+
+sub disambiguate_location {
+    my $self    = shift;
+    my $string  = shift;
+    return {
+        %{ $self->SUPER::disambiguate_location() },
+        town   => 'East Sussex',
+        centre => '50.9413275309703,0.276320277101682',
+        span   => '0.414030932264716,1.00374244745585',
+        bounds => [ 50.7333642759327, -0.135851370247794, 51.1473952081975, 0.867891077208056 ],
+    };
+}
+
+sub example_places {
+    return ( 'BN7 2LZ', 'North Street, Brighton' );
+}
+
+1;
+
diff --git a/templates/web/eastsussex/footer.html b/templates/web/eastsussex/footer.html
new file mode 100644
index 000000000..7f8ec74bc
--- /dev/null
+++ b/templates/web/eastsussex/footer.html
@@ -0,0 +1,106 @@
+            </div> <!-- content -->
+        </div> <!-- container -->
+    </div>
+
+</div></div></div> <!-- 3 levels of wrapper -->
+
+    <div class="nav-wrapper clearfix">
+        <div class="main-menu-wrapper">
+            <div class="main-menu">
+            <ul class="clearfix" id="mobile-menu">
+                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+            </ul>
+            </div>
+        </div>
+        <div class="sign-in">
+            [% IF c.user_exists %]
+                <p>
+                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                </p>
+            [% END %]
+        </div>
+    </div>
+</div>
+    
+<footer>
+<div class="footer screen" role="contentinfo">
+    
+<div class="languages clearfix">
+    <div class="container">
+        <ul>
+            <li lang="zh-Hans" xml:lang="zh-Hans" class="nonLatin">
+                <a href="/contactus/translation.aspx?c=zh-Hans&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_chinese" hreflang="zh-Hans" rel="nofollow alternate">中文</a>
+            </li>
+            <li lang="ar" xml:lang="ar" dir="rtl" class="nonLatin">
+                <a href="/contactus/translation.aspx?c=ar&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_arabic" hreflang="ar" rel="nofollow alternate">العربية</a>
+            </li>
+            <li lang="ur" xml:lang="ur" dir="rtl" class="nonLatin">
+                <a href="/contactus/translation.aspx?c=ur&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_urdu" hreflang="ur" rel="nofollow alternate">اردو</a>
+            </li>
+            <li lang="ku" xml:lang="ku" dir="rtl" class="nonLatin">
+                <a href="/contactus/translation.aspx?c=ku&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_kurdish" hreflang="ku" rel="nofollow alternate">کوردی سۆرانی</a>
+            </li>
+            <li lang="pt" xml:lang="pt">
+                <a href="/contactus/translation.aspx?c=pt&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_portugese" hreflang="pt" rel="nofollow alternate">Português</a>
+            </li>
+            <li lang="pl" xml:lang="pl">
+                <a href="/contactus/translation.aspx?c=pl&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_polish" hreflang="pl" rel="nofollow alternate">Polski</a>
+            </li>
+            <li lang="sk" xml:lang="sk">
+                <a href="/contactus/translation.aspx?c=sk&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_slovakian" hreflang="sk" rel="nofollow alternate">Slovenčina</a>
+            </li>
+            <li lang="tr" xml:lang="tr">
+                <a href="/contactus/translation.aspx?c=tr&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_turkish" hreflang="tr" rel="nofollow alternate">Türkçe</a>
+            </li>
+            
+        </ul>
+    </div>
+</div> 
+
+    <div class="container footer-content">
+        <div class="online">
+            <nav>
+            <h2>Connect with us</h2>
+            
+            <p class="social"><a href="/contactus/socialmedia/default.htm" id="footer_ctl01_social"><span class="twitter"><span class="facebook"><span class="youtube"><span class="flickr">&nbsp;</span></span></span></span><span class="find">Find us on social media</span></a></p>
+            <ul><li><a href="/about/" id="footer_ctl01_about" accesskey="8">About this site</a></li>
+            <li><a href="/about/privacypolicy/default.htm" id="footer_ctl01_privacy">Privacy and cookies</a></li></ul>
+            </nav>
+        </div>
+                
+        <form method="post" class="newsletter form" action="https://www.eastsussex.gov.uk/registered/updates/subscribe.aspx">
+            <h2>Get money for your project with our Funding News</h2>
+            <p><label for="newsletter">My email address is:</label></p>
+            <input type="email" id="newsletter" name="newsletter" class="email" />
+            <input type="hidden" name="item" value="6" />
+            <input type="submit" value="Sign up" class="button" />
+        </form>
+
+        <div id="footer_ctl01__ctrl_0_feed" class="petitions">
+	
+	<div>
+        <p><a href="/yourcouncil/consultation/petitions/default.htm" id="footer_ctl01__ctrl_0_feed_footer_start">Start your own petition</a></p>
+        </div>
+	
+</div>
+    </div>
+</div>
+</footer>
+    
+<!-- <script src="http://www.eastsussex.gov.uk/js/analytics-autosuggest-config-crossoriginie-documents-home-hometabs-jqueryload-jqueryui-media-statistics-switchview-v19.jsx"></script> -->
+
+  </body>
+</html>
+
+
+
diff --git a/templates/web/eastsussex/header.html b/templates/web/eastsussex/header.html
new file mode 100644
index 000000000..ddd241727
--- /dev/null
+++ b/templates/web/eastsussex/header.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+
+<!--[if lt IE 7 ]> <html class="no-js ie6 ie67" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="no-js ie7 ie67" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
+      xmlns:fb="https://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns# fb: https://www.facebook.com/2008/fbml schema: http://schema.org/"> <!--<![endif]-->
+
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
+<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
+<link rel="stylesheet" href="[% version('/cobrands/eastsussex/cmsconsolesmall-v50.css') %]>
+[% extra_css %]
+<!--[if (lt IE 9) & (!IEMobile)]>
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
+<![endif]-->
+
+<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
+    media="only screen and (min-width: 474px)" class="mqMedium" />
+
+<!--[if (lte IE 8) & !(IEMobile 7) ]
+<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
+    class="mqIE mqMedium" />
+<![endif]-->
+
+<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
+    media="only screen and (min-width: 802px)" class="mqLarge" />
+
+<!--[if (lte IE 8) & !(IEMobile 7) ]>
+<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
+    class="myIE mqLarge" />
+<![endif]-->
+
+<script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
+<script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
+[% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
+[% extra_js %]
+
+[% IF c.req.uri.host == 'osm.fixmystreet.com' %]
+    <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]">
+[% END %]
+
+[% INCLUDE 'tracking_code.html' %]
+
+<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
+<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
+<meta name="DC.title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
+<meta property="og:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
+<meta name="twitter:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
+<meta name="DC.creator" content="Web and Intranet Editor, Digital Services, 01273 335847" lang="en-GB" xml:lang="en-GB" />
+<meta name="DCTERMS.created" class="DCTERMS.W3CDTF" content="2006-10-23" />
+<meta name="DCTERMS.issued" class="DCTERMS.W3CDTF" content="2006-11-02" />
+<meta name="DCTERMS.modified" class="DCTERMS.W3CDTF" content="2014-05-22" />
+<meta name="DC.subject" class="eGMS.IPSV" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
+<meta name="eGMS.accessibility" class="eGMS.WCAG10" content="Double-A" />
+<meta name="eGMS.systemID" content="{15D28A23-DC25-4E88-B903-A170F0206C35}" />
+<meta property="og:url" content="http://www.eastsussex.gov.uk/default.htm" />
+<meta name="DC.publisher" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
+<meta name="DCTERMS.spatial" content="East Sussex, UK" lang="en-GB" xml:lang="en-GB" />
+<meta name="DC.language" class="DCTERMS.ISO639-2" content="eng" />
+<meta name="DC.description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
+<meta name="description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
+<meta property="og:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
+<meta name="twitter:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
+<meta name="keywords" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
+<meta name="DC.subject" class="eGMS.LGIL" content="Providing information" lang="en-GB" xml:lang="en-GB" />
+<meta name="DC.type" class="eGMS.LGTL" content="Home page" lang="en-GB" xml:lang="en-GB" />
+<meta property="og:type" content="government" lang="en-GB" xml:lang="en-GB" />
+<meta name="DC.format" class="DCTERMS.IMT" content="text/html" />
+<meta name="eGMS.disposalReview" class="DCTERMS.W3CDTF" content="2014-07-02" />
+<meta name="eGMS.copyright" class="DCTERMS.URI" content="http://www.eastsussex.gov.uk/about/copyright/" />
+<link rel="copyright" href="http://www.eastsussex.gov.uk/about/copyright/" title="Copyright information for this page" />
+<link rel="apple-touch-icon-precomposed" href="http://www.eastsussex.gov.uk/apple-touch-icon-precomposed.png" />
+<meta name="msapplication-TileImage" content="http://www.eastsussex.gov.uk/windows-tile.png" />
+<meta name="msapplication-TileColor" content="#ffffff" />
+<meta property="og:image" content="https://www.eastsussex.gov.uk/img/logo-for-facebook.png" />
+<meta property="og:site_name" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
+<meta property="fb:app_id" content="169406409819518" />
+<meta property="twitter:card" content="summary" />
+<meta property="twitter:site" content="@eastsussexcc" />
+<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/features.xml" title="News - East Sussex County Council" />
+<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/whatson.xml" title="What's on - East Sussex County Council" />
+<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/get-involved.xml" title="Get involved - East Sussex County Council" />
+<link rel="search" type="application/opensearchdescription+xml" title="East Sussex County Council" href="http://www.eastsussex.gov.uk/search/opensearch.xml" />
+
+    <link rel="alternate" type="application/rdf+xml" href="/eastsussexcountycouncil.rdf" title="RDF/XML version of this document"/>    
+    
+    
+<title>
+    East Sussex County Council
+</title></head>
+
+<body id="eastsussex-gov-uk" class="size2 [% bodyclass | html IF bodyclass %]">
+    
+<p><a class="aural keyboard" href="#main" accesskey="s">Skip to main content</a></p>
+<p><a href="/webhome/masterpages/choose.ashx?template=mobile" id="ctl12_switchView" class="aural keyboard switch">Use our mobile site &#8211; it's better for keyboard users</a></p>
+<span id="fb-root"></span>
+
+<header id="site-header" class="eastsussex">
+<div class="header" role="banner">
+    <div class="eastsussex-context eastsussex-container">  
+        <div class="mask" typeof="schema:Organization">  
+            <div class="logo-small"><img alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-small.gif" width="43" height="31" /> <span property="schema:name">East Sussex County Council</span></div>
+            <img property="schema:logo" alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-large.gif" width="118" height="85" class="logo-large large" />
+            <a href="/contactus/default.htm" id="header_ctl01_contact" class="contact screen" accesskey="7">Contact us</a>
+
+            <nav role="navigation">
+                <div id="header_ctl01_az" class="screen alphabet">
+    <h2>Our services:</h2><a href="/atoz/default.aspx?index=a" title="Services beginning with A">A</a><a href="/atoz/default.aspx?index=b" title="Services beginning with B">B</a><a href="/atoz/default.aspx?index=c" title="Services beginning with C">C</a><a href="/atoz/default.aspx?index=d" title="Services beginning with D">D</a><a href="/atoz/default.aspx?index=e" title="Services beginning with E">E</a><a href="/atoz/default.aspx?index=f" title="Services beginning with F">F</a><a href="/atoz/default.aspx?index=g" title="Services beginning with G">G</a><a href="/atoz/default.aspx?index=h" title="Services beginning with H">H</a><a href="/atoz/default.aspx?index=i" class="i" title="Services beginning with I">I</a><a href="/atoz/default.aspx?index=j" title="Services beginning with J">J</a><a href="/atoz/default.aspx?index=k" title="Services beginning with K">K</a><a href="/atoz/default.aspx?index=l" title="Services beginning with L">L</a><a href="/atoz/default.aspx?index=m" title="Services beginning with M">M</a><a href="/atoz/default.aspx?index=n" title="Services beginning with N">N</a><a href="/atoz/default.aspx?index=o" title="Services beginning with O">O</a><a href="/atoz/default.aspx?index=p" title="Services beginning with P">P</a><a href="/atoz/default.aspx?index=r" title="Services beginning with R">R</a><a href="/atoz/default.aspx?index=s" title="Services beginning with S">S</a><a href="/atoz/default.aspx?index=t" title="Services beginning with T">T</a><a href="/atoz/default.aspx?index=u" title="Services beginning with U">U</a><a href="/atoz/default.aspx?index=v" title="Services beginning with V">V</a><a href="/atoz/default.aspx?index=w" title="Services beginning with W">W</a><a href="/atoz/default.aspx?index=y" title="Services beginning with Y">Y</a><a href="/atoz/default.aspx?index=z" class="z" title="Services beginning with Z">Z</a>
+</div>
+            </nav>
+
+            <form action="/search/search.aspx" method="get" id="search" role="search" class="screen">
+                <div class="search-inner">
+                    <div class="term-outer">
+                        <div class="term-inner">
+                            <label for="q" class="aural">Search</label>
+                            <input type="search" class="search" placeholder="Enter your search term" id="q" name="q" accesskey="4" value="" />
+                        </div>
+                    </div>
+                    <div class="submit"><input type="submit" value="Go" /></div>
+                </div>
+            </form>
+                        
+            <div id="menu" role="navigation" class="screen">
+            <nav>
+                <ul>
+                    <li class="mobile"><a href="/default.htm" id="header_ctl01_mobileHome" accesskey="1">Home</a></li>
+                    <li class="mobile"><a href="#mobile-menu" id="header_ctl01_mobileMenu" accesskey="3">Menu</a></li>
+                    <li class="jobs"><a href="/jobs/default.htm" id="header_ctl01_jobs">Jobs</a></li>
+                    <li class="libraries"><a href="/libraries/default.htm" id="header_ctl01_libraries">Libraries</a></li>
+                    <li class="leisure"><a href="/leisureandtourism/default.htm" id="header_ctl01_leisure">Leisure</a></li>
+                    <li class="education"><a href="/educationandlearning/default.htm" id="header_ctl01_education">Education</a></li>
+                    <li class="transport long"><a href="/roadsandtransport/default.htm" id="header_ctl01_transport">Roads &amp; transport</a></li>
+                    <li class="environment long"><a href="/environment/default.htm" id="header_ctl01_environment">Environment &amp;&nbsp;planning</a></li>
+                    <li class="council long"><a href="/yourcouncil/default.htm" id="header_ctl01_council">Your<br />Council</a></li>
+                    <li class="community"><a href="/community/default.htm" id="header_ctl01_community">Community</a></li>
+                    <li class="families"><a href="/childrenandfamilies/default.htm" id="header_ctl01_families">Families</a></li>
+                    <li class="socialcare long"><a href="/socialcare/default.htm" id="header_ctl01_socialcare">Adult social care&nbsp;&amp;&nbsp;health</a></li>
+                    <li class="business"><a href="/business/default.htm" id="header_ctl01_business">Business</a></li>
+                </ul>
+            </nav>
+        </div>
+    </div>
+</div>
+
+</div>
+</header>
+
+<div id="wrapper"><div id="wrapper2"><div id="wrapper3">
+
+    <div id="mysociety" role="main" class="body">
+        <div class="container">
+            [% pre_container_extra %]
+            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">
+
diff --git a/web/cobrands/eastsussex/_colours.scss b/web/cobrands/eastsussex/_colours.scss
new file mode 100644
index 000000000..0887ba82e
--- /dev/null
+++ b/web/cobrands/eastsussex/_colours.scss
@@ -0,0 +1,21 @@
+/* COLOURS */
+
+$eastsussex_dark: #194C7E;
+$eastsussex_primary: #155F91;
+
+$primary: $eastsussex_primary;
+$col_click_map: $eastsussex_primary;
+$col_click_map_dark: $eastsussex_primary;
+$col_fixed_label_dark: $eastsussex_primary;
+$col_fixed_label: $eastsussex_primary;
+
+$primary_b: #000000;
+$primary_text: #ffffff;
+
+$base_bg: #ffffff;
+$base_fg: #1a1a1a;
+
+/* Unused here */
+$map_nav_bg: #222;
+$nav_fg: #fff;
+$nav_fg_hover: #444;
diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
new file mode 100644
index 000000000..6df579efb
--- /dev/null
+++ b/web/cobrands/eastsussex/base.scss
@@ -0,0 +1,83 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+@import "compass";
+
+@import "../sass/base";
+
+a, a:visited {
+    color: #369;
+    &:hover, &:active {
+        color: #369;
+    }
+}
+
+.issue-list-a {
+  li {
+      color:#666;
+      a {
+          color:#666;
+      }
+  }
+}
+
+h1.main {
+    color: $primary;
+    text-align: center;
+    margin: 0.5em 0;
+}
+
+.container {
+    padding: 0 1em 1em; /* if remove this 1em, need to edit .full-width! */
+}
+
+#site-header {
+    background: $primary;
+    height: 57px;
+}
+
+// Colour tab to match colour scheme
+#nav-link {
+  width: 50px;
+  height: 48px;
+  background: url('/cobrands/eastsussex/tab-blue.png') 0 0 no-repeat;
+}
+
+#problems-nav {
+    border-bottom:0.25em solid $primary;
+    ul li a {
+        text-transform: none;
+        color: #666;
+        &.active {
+            background: $primary;
+            color: #fff;
+        }
+    }
+}
+
+.big-green-banner {
+    text-transform: none;
+    z-index: 0;
+}
+
+#form_sign_in {
+    margin-top: 1em;
+}
+
+#front-main {
+
+    margin: 0;
+    padding: 1em;
+
+    #postcodeForm {
+        padding: 1em;
+        div {
+            padding-top: 0px;
+            input#pc {
+            }
+            input#sub {
+                height: 100%;
+            }
+        }
+    }
+}
diff --git a/web/cobrands/eastsussex/cmsconsolesmall-v50.scss b/web/cobrands/eastsussex/cmsconsolesmall-v50.scss
new file mode 100644
index 000000000..e53f53577
--- /dev/null
+++ b/web/cobrands/eastsussex/cmsconsolesmall-v50.scss
@@ -0,0 +1,2552 @@
+html, body {
+    border:0;
+    text-align:left;
+    margin:0;
+    padding:0;
+}
+.eastsussex {
+    div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,kbd,abbr,address,cite,em,img,small,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
+    border:0;
+    font-size:100%;
+    font:inherit;
+    vertical-align:baseline;
+    text-align:left;
+    margin:0;
+    padding:0;
+    }
+}
+
+body {
+background:#aee1f4;
+color:#131313;
+margin:0 auto;
+}
+
+.body {
+background:#fff;
+float:left;
+width:100%;
+}
+
+.body .eastsussex-container {
+padding:.692308em 0;
+}
+
+body,select,input,textarea {
+font:13px/1.384615em Arial,"Helvetica Neue",Helvetica,sans-serif;
+}
+
+.ie6 body,.ie6 select,.ie6 input,.ie6 textarea {
+font-size:small;
+}
+
+.ie67 kbd {
+font-family:Arial,sans-serif;
+}
+
+body.size2 {
+    select, input, textarea, li {
+        font-size:15px;
+    }
+}
+
+.ie6 body.size2,.ie6 .size2 select,.ie6 .size2 input,.ie6 .size2 textarea {
+font-size:medium;
+}
+
+body.size3,.size3 select,.size3 input,.size3 textarea {
+font-size:17px;
+}
+
+.ie6 body.size3,.ie6 .size3 select,.ie6 .size3 input,.ie6 .size3 textarea {
+font-size:large;
+}
+
+hr {
+display:block;
+height:1px;
+border:0;
+border-top:1px solid #ccc;
+margin:.615384em 0 .692308em;
+padding:0;
+}
+
+blockquote {
+quotes:none;
+}
+
+blockquote:before,blockquote:after {
+content:none;
+}
+
+abbr[title] {
+border-bottom:1px dotted;
+cursor:help;
+}
+
+ul {
+margin-left:1.153846em;
+}
+
+ol {
+margin-left:2em;
+list-style-type:decimal;
+}
+
+ol ol {
+list-style-type:lower-roman;
+}
+
+ol ol ol {
+list-style-type:upper-roman;
+}
+
+ol ol ol ol {
+list-style-type:lower-alpha;
+}
+
+ol ol ol ol ol {
+list-style-type:upper-alpha;
+}
+
+nav ul,nav li {
+list-style:none;
+list-style-image:none;
+margin:0;
+}
+
+html .rtl ul {
+margin-left:0;
+margin-right:1.153846em;
+}
+
+html .rtl ol {
+margin-left:0;
+margin-right:2em;
+}
+
+html .rtl li {
+background:0;
+list-style:disc;
+}
+
+table {
+border-collapse:collapse;
+border-spacing:0;
+}
+
+td {
+vertical-align:top;
+}
+
+input,select {
+vertical-align:middle;
+}
+
+input[type=search] {
+-webkit-appearance:textfield;
+}
+
+.ie7 input[type=checkbox] {
+vertical-align:baseline;
+}
+
+input[type=text],input[type=password] {
+border:1px solid #9c9c9c;
+}
+
+::-webkit-input-placeholder,::-moz-placeholder {
+color:#777;
+}
+
+.ie6 .button {
+font-size:1.076923em;
+line-height:1em;
+font-weight:700;
+color:#fff;
+border:0;
+background:#1e5b83;
+cursor:pointer;
+padding:7px;
+}
+
+.button,.form input[type=submit] {
+font-size:1.076923em;
+line-height:1em;
+font-weight:700;
+color:#fff;
+border:0;
+cursor:pointer;
+border-radius:4px;
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0);
+background:linear-gradient(top,#1e5b83 0,#0b4164 100%);
+padding:7px;
+}
+
+.button:hover,.form input[type=submit]:hover {
+border-radius:4px;
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0);
+background:linear-gradient(top,#00a1de 0,#47cbed 99%);
+}
+
+.button-nav {
+overflow:hidden;
+}
+
+.button-nav a:link,.button-nav a:visited,.button-nav em,.button-nav input {
+float:left;
+display:block;
+background:#44697d;
+color:#fff;
+font-weight:700;
+text-decoration:none;
+white-space:nowrap;
+border-radius:3px;
+border:0;
+margin:5px 2px 5px 0;
+padding:4px 10px;
+}
+
+.button-nav .selected a:link,.button-nav .selected a:visited,.button-nav a:hover,.button-nav a:focus,.button-nav a:active,.button-nav em,.button-nav input:hover {
+background-color:#00a1de;
+color:#fff;
+font-style:normal;
+}
+
+.application-nav {
+background:#dae1e5;
+margin:0;
+padding:9px 18px;
+}
+
+.major-action {
+display:inline-block;
+outline:0;
+cursor:pointer;
+text-align:center;
+font:1.84615em/100% Arial,"Helvetica Neue",Helvetica,sans-serif;
+text-shadow:0 1px 1px rgba(0,0,0,.3);
+border-radius:6px;
+box-shadow:0 1px 2px rgba(0,0,0,.2);
+color:#e8f0de;
+background:linear-gradient(to bottom,#1e5b83 0,#0b4164 100%);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0);
+padding:.625em 1em;
+}
+
+.major-action:hover,.major-action:focus,.major-action:active {
+background:linear-gradient(to bottom,#00a1de 0,#47cbed 100%);
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0);
+}
+
+.major-action:active {
+position:relative;
+top:1px;
+}
+
+.major-action a:link,.major-action a:visited {
+text-decoration:none;
+font-weight:700;
+color:#fff;
+}
+
+.eastsussex-container:before,.eastsussex-container:after {
+content:".";
+display:block;
+height:0;
+overflow:hidden;
+}
+
+a.keyboard:focus,a.keyboard:active {
+position:absolute;
+top:0;
+left:0;
+clip:auto;
+z-index:999;
+background:#fff;
+opacity:.8;
+font-weight:700;
+padding:4px;
+}
+
+.header {
+background:#004b7b url(/img/header/mobile.jpg) repeat-x;
+overflow:hidden;
+border-bottom:3px solid #fff;
+}
+
+.header .logo-small,.header .logo-small:link,.header .logo-small:visited {
+font-size:1.153846em;
+line-height:1.2em;
+text-decoration:none;
+font-weight:700;
+color:#003c69;
+width:180px;
+display:block;
+padding:4px 0;
+}
+
+.size3 .header .logo-small,.size3 .header .logo-small:link,.size3 .header .logo-small:visited {
+font-size:.882353em;
+}
+
+.header .logo-small img {
+float:left;
+padding:3px 8px 0;
+}
+
+.header .contact {
+position:absolute;
+right:0;
+top:0;
+font-weight:700;
+padding:4px;
+}
+
+#search {
+float:right;
+width:100%;
+margin-left:-120px;
+}
+
+.size2 #search {
+margin-left:-140px;
+}
+
+.size3 #search {
+margin-left:-160px;
+}
+
+#search .search-inner {
+padding-left:120px;
+}
+
+.size2 #search .search-inner {
+padding-left:140px;
+}
+
+.size3 #search .search-inner {
+padding-left:160px;
+}
+
+#search .term-outer {
+float:left;
+margin-right:-56px;
+width:100%;
+}
+
+#search .term-inner {
+padding-right:56px;
+}
+
+#search .search {
+border:0 solid #fff;
+border-radius:3px;
+height:19px;
+width:100%;
+min-width:80px;
+margin:6px 0;
+}
+
+#search .submit input {
+border:0 solid #00a1de;
+border-radius:3px;
+color:#fff;
+font-weight:700;
+background:#00a1de;
+margin:4px 0 7px 8px;
+padding:2px 8px;
+}
+
+.ie7 #search .search {
+margin:4px 0 0;
+}
+
+.ui-autocomplete {
+z-index:100!important;
+position:absolute;
+top:0;
+left:0;
+cursor:default;
+}
+
+#menu {
+clear:left;
+float:left;
+max-width:120px;
+}
+
+.size2 #menu {
+max-width:140px;
+}
+
+.size3 #menu {
+max-width:160px;
+}
+
+#menu ul,#menu li {
+list-style:none;
+margin:0;
+}
+
+#menu a:link,#menu a:visited {
+display:block;
+text-decoration:none;
+text-align:center;
+font-weight:700;
+color:#fff;
+background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat right top;
+padding:8px 10px 6px;
+}
+
+.ie6 .header {
+height:120px;
+background-color:#165f92;
+}
+
+.ie6 #search {
+float:none;
+clear:both;
+margin:0;
+}
+
+.ie6 #search .search-inner {
+padding-left:0;
+}
+
+.ie6 #search .term-outer {
+float:none;
+margin-right:0;
+width:auto;
+}
+
+.ie6 #search .term-inner {
+padding-right:0;
+}
+
+.ie6 #search .search {
+float:left;
+width:auto;
+margin-left:6px;
+}
+
+.ie6 #menu {
+background:#165f92;
+}
+
+.footer {
+clear:both;
+border-top:.230769em solid #00a1de;
+}
+
+.footer .footer-content {
+padding-top:1.153846em;
+}
+
+.footer .languages {
+border-bottom:.230769em solid #00a1de;
+padding:.615385em 0 .538462em;
+}
+
+.footer .languages ul {
+margin:0 18px;
+}
+
+.footer .languages li {
+float:left;
+list-style:none;
+margin:0 1em 0 0;
+}
+
+.footer .languages .nonLatin {
+margin:0 1.3em 0 0;
+}
+
+.footer .social {
+float:left;
+margin-right:1em;
+}
+
+.footer .social .find {
+text-decoration:underline;
+cursor:pointer;
+}
+
+.footer .online {
+margin:0 0 1.384615em 18px;
+}
+
+.footer .online li {
+display:inline;
+}
+
+.footer .online li a {
+white-space:nowrap;
+margin-right:1em;
+}
+
+.breadcrumb-mobile {
+background:#dbf3ff;
+box-shadow:0 .384615em .384615em #dbf3ff;
+margin:-.923077em 0 .692308em;
+padding:.384615em .692308em 0;
+}
+
+.latestBox {
+background:#fff;
+position:relative;
+font-size:1.153846em;
+line-height:1.2em;
+}
+
+.latestBox .latest {
+position:relative;
+border:.133em solid #ffb500;
+border-radius:5px;
+float:left;
+margin:1.2em 18px .4em;
+padding:.266em 5px;
+}
+
+.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item {
+background:#fff;
+color:#272727;
+border-bottom:1px dotted #dae1e5;
+clear:both;
+padding:.6em 18px;
+}
+
+.latestBox ul {
+padding-left:2.769231em;
+margin:0;
+}
+
+.latestBox .item p {
+border:0;
+margin:.6em 0 0;
+padding:0;
+}
+
+.latestBox h2+ul,.latestBox p+ul {
+margin-top:-.6em;
+}
+
+.latestBox h2.latest+ul {
+margin-top:0;
+}
+
+.text .latestBox .latest {
+font-size:inherit;
+margin:0;
+}
+
+.section-nav {
+clear:both;
+background:#dae1e5;
+padding:1.076953em;
+}
+
+.section-nav li {
+list-style:none;
+background:url(/img/body/item-type.gif) no-repeat left -596px;
+padding:0 0 .692308em 1.076953em;
+}
+
+.quick-answer {
+font-size:2.076923em;
+line-height:1.33em;
+clear:both;
+text-align:center;
+color:#000;
+background:#fff;
+padding:1em;
+}
+
+.quick-answer strong {
+font-weight:400;
+}
+
+strong.quick-answer-datum {
+font-size:1.33em;
+line-height:1.5em;
+font-weight:700;
+display:block;
+text-align:center;
+}
+
+.text h1,h1.text {
+font-weight:700;
+font-size:1.846153em;
+line-height:1.5em;
+border-bottom:.208333em solid #bed600;
+background:#fff;
+color:#272727;
+padding:.375em 3.797468% .2083em;
+}
+
+.text h1 {
+margin:0 -3.797468%;
+}
+
+.text h2,h2.text {
+font-weight:700;
+font-size:1.230769em;
+line-height:1.125em;
+color:#272727;
+margin:.875em 0 .25em;
+}
+
+.text h3,h3.text {
+font-weight:700;
+font-size:1.076923em;
+line-height:1.285714em;
+color:#272727;
+margin:1.285714em 0 0;
+}
+
+.text h4,h4.text,.text h5,h5.text {
+font-weight:700;
+font-size:1em;
+line-height:1.384615em;
+color:#272727;
+margin:1em 0 .285714em;
+}
+
+.text h5,h5.text {
+font-style:italic;
+}
+
+.text ul {
+margin:.692308em 0 .692308em 1.153846em;
+}
+
+.text ol {
+margin:.692308em 0 .692308em 2em;
+}
+
+.text dl {
+margin:1.384615em 0;
+}
+
+.text dt {
+font-weight:700;
+margin:.692308em 0 0;
+}
+
+.text dd {
+margin:0 0 .692308em;
+}
+
+.text table {
+width:100%;
+margin:.692308em 0;
+}
+
+.text caption {
+font-size:1.076923em;
+line-height:1.285714em;
+font-weight:700;
+padding:9px 0;
+}
+
+.text tbody {
+border-top:2px solid #ececec;
+}
+
+.text tr,.ie67 .text td,.ie67 .text th {
+background:#ececec;
+border-bottom:2px solid #fff;
+}
+
+.text tr:nth-child(odd),.text tr:nth-child(even) {
+border-bottom:0;
+border-left:2px solid #ececec;
+border-right:2px solid #ececec;
+}
+
+.text table:nth-child(odd),.text table:nth-child(even) {
+border-bottom:2px solid #ececec;
+}
+
+.text thead tr:nth-child(odd),.text thead tr:nth-child(even) {
+border-left:2px solid #c7dbe4;
+border-right:2px solid #c7dbe4;
+border-bottom:2px solid #fff;
+}
+
+.text thead th,.ie67 .text thead th {
+background-color:#c7dbe4;
+font-weight:700;
+}
+
+.text td,.text th {
+padding:.307692em;
+}
+
+.text table .numeric {
+text-align:right;
+}
+
+.text .complexData th {
+border-right:2px solid #fff;
+}
+
+.text table .totalsRow {
+font-weight:700;
+background:#777;
+color:#fff;
+border-bottom:0;
+border-color:#bbb;
+}
+
+.text table .button-nav {
+text-align:center;
+}
+
+.text table .button-nav input {
+float:none;
+display:inline;
+margin:0;
+}
+
+.text img {
+max-width:100%;
+}
+
+.ie8 .text table img {
+max-width:none;
+}
+
+.warning {
+color:#b21313;
+}
+
+.infoBar {
+clear:both;
+background:#cceefa;
+overflow:hidden;
+margin:.692308em 0;
+padding:.692308em 18px;
+}
+
+.infoBar .pagingResultsInContext {
+float:right;
+}
+
+dl.itemDetail {
+border-bottom:1px solid #ccc;
+padding:1.384615em 0 .846153em;
+}
+
+dl.itemDetail dt {
+font-weight:700;
+margin:0 18px;
+}
+
+dl.itemDetail dd {
+margin:0 18px;
+padding:0 0 .538462em;
+}
+
+dl.onlyItem {
+border:0;
+padding:.692308em 0 .153846em;
+}
+
+a.subscribe {
+display:block;
+margin:.692308em 0;
+}
+
+.vcard .email {
+background:0;
+padding-left:0;
+}
+
+.related {
+background:#dae1e5;
+overflow:hidden;
+clear:both;
+margin:1.384615em 0 0;
+padding:.692308em 3.797468%;
+}
+
+.related h2 {
+font-size:1.076923em;
+line-height:1.285714em;
+font-weight:700;
+margin:.642857em -1em;
+padding:0 1em;
+}
+
+.related ul {
+margin:.538462em 0 0;
+}
+
+.related li {
+list-style:none;
+background:url(/img/body/item-type.gif) no-repeat left -1196px;
+padding:0 0 .538462em 1.076953em;
+}
+
+.share {
+clear:both;
+float:left;
+width:100%;
+background:#dae1e5;
+margin:1.384615em 0 0;
+padding:.692308em 0;
+}
+
+.share .aside {
+padding:0 18px;
+}
+
+.share .fb-like {
+margin:.615385em 0;
+}
+
+.share .fb-dnt {
+float:left;
+font-size:.846154em;
+line-height:1.272727em;
+border:1px solid #cad4e7;
+border-radius:3px;
+color:#3b5998;
+background-color:#eceef5;
+background-position:4px -1346px;
+margin:.461538em 1em .9090914em 0;
+padding:.454545em 5px .454545em 23px;
+}
+
+.share .twitter-share-button {
+float:left;
+width:100px!important;
+margin:.615385em 0;
+}
+
+.share .button-nav a:link,.share .button-nav a:visited {
+background-image:url(/cobrands/eastsussex/img/item-type.gif);
+background-repeat:no-repeat;
+padding:4px 10px 4px 27px;
+}
+
+.share .send a:link,.share .send a:visited {
+background-position:8px -93px;
+}
+
+.share .comment a:link,.share .comment a:visited {
+background-position:5px -546px;
+}
+
+.share .send {
+clear:left;
+}
+
+.ie7 .share .fb-like {
+margin-top:1.384615em;
+}
+
+.supporting-text {
+clear:both;
+border-top:1px solid #dae1e5;
+margin:1.384615em 0;
+padding:1.307692em 18px 0;
+}
+
+.supporting-text h2 {
+font-size:1.230769em;
+line-height:1.125em;
+font-weight:700;
+}
+
+.supporting-text h2 a {
+font-weight:400;
+padding-right:32px;
+background:url(/img/body/item-type.gif) no-repeat right -595px;
+}
+
+.supporting-text ul {
+margin:9px 0;
+}
+
+.ie67 .supporting-text ul {
+margin-left:9px;
+}
+
+.aural {
+position:absolute;
+clip:rect(1px,1px,1px,1px);
+}
+
+.ui-helper-hidden-accessible {
+border:0;
+clip:rect(0000);
+height:1px;
+overflow:hidden;
+position:absolute;
+width:1px;
+margin:-1px;
+padding:0;
+}
+
+.ui-helper-clearfix:before,.ui-helper-clearfix:after {
+content:"";
+display:table;
+border-collapse:collapse;
+}
+
+.ui-helper-clearfix {
+min-height:0;
+}
+
+.ui-front {
+z-index:100;
+}
+
+.ui-state-disabled {
+cursor:default!important;
+}
+
+.ui-icon {
+display:block;
+text-indent:-99999px;
+overflow:hidden;
+background-repeat:no-repeat;
+width:16px;
+height:16px;
+}
+
+.ui-widget-overlay {
+position:fixed;
+top:0;
+left:0;
+width:100%;
+height:100%;
+background:#eee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
+opacity:.8;
+filter:Alpha(Opacity=80);
+}
+
+.ui-menu {
+list-style:none;
+display:block;
+outline:none;
+margin:0;
+padding:2px;
+}
+
+.ui-menu .ui-menu {
+margin-top:-3px;
+position:absolute;
+}
+
+.ui-menu .ui-menu-item {
+width:100%;
+list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+margin:0;
+padding:0;
+}
+
+.ui-menu .ui-menu-divider {
+height:0;
+font-size:0;
+line-height:0;
+border-width:1px 0 0;
+margin:5px -2px;
+}
+
+.ui-menu .ui-menu-item a {
+text-decoration:none;
+display:block;
+line-height:1.5;
+min-height:0;
+font-weight:400;
+padding:2px .4em;
+}
+
+.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
+font-weight:400;
+margin:-1px;
+}
+
+.ui-menu .ui-state-disabled {
+font-weight:400;
+line-height:1.5;
+margin:.4em 0 .2em;
+}
+
+.ui-menu .ui-state-disabled a {
+cursor:default;
+}
+
+.ui-menu-icons .ui-menu-item a {
+position:relative;
+padding-left:2em;
+}
+
+.ui-menu .ui-icon {
+position:absolute;
+top:.2em;
+left:.2em;
+}
+
+.ui-menu .ui-menu-icon {
+position:static;
+float:right;
+}
+
+.ui-widget-content {
+border:1px solid #ddd;
+background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+color:#444;
+}
+
+.ui-widget-header {
+border:1px solid #ddd;
+background:#ddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
+color:#444;
+font-weight:700;
+}
+
+.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
+border:1px solid #ddd;
+background:#f6f6f6 url(images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x;
+font-weight:400;
+color:#0073ea;
+}
+
+.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
+color:#0073ea;
+text-decoration:none;
+}
+
+.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
+border:1px solid #0073ea;
+background:#0073ea url(images/ui-bg_flat_25_0073ea_40x100.png) 50% 50% repeat-x;
+font-weight:400;
+color:#fff;
+}
+
+.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
+border:1px solid #ddd;
+background:#fff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
+font-weight:400;
+color:#ff0084;
+}
+
+.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
+color:#ff0084;
+text-decoration:none;
+}
+
+.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
+border:1px solid #ccc;
+background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
+color:#444;
+}
+
+.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
+border:1px solid #ff0084;
+background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
+color:#222;
+}
+
+.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
+opacity:.7;
+filter:Alpha(Opacity=70);
+font-weight:400;
+}
+
+.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
+opacity:.35;
+filter:Alpha(Opacity=35);
+background-image:none;
+}
+
+.ui-state-disabled .ui-icon {
+filter:Alpha(Opacity=35);
+}
+
+.ui-state-default .ui-icon {
+background-image:url(images/ui-icons_666666_256x240.png);
+}
+
+.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
+background-image:url(images/ui-icons_ffffff_256x240.png);
+}
+
+.ui-state-active .ui-icon {
+background-image:url(images/ui-icons_454545_256x240.png);
+}
+
+.ui-icon-blank {
+background-position:16px 16px;
+}
+
+.ui-icon-carat-1-n {
+background-position:0 0;
+}
+
+.ui-icon-carat-1-ne {
+background-position:-16px 0;
+}
+
+.ui-icon-carat-1-e {
+background-position:-32px 0;
+}
+
+.ui-icon-carat-1-se {
+background-position:-48px 0;
+}
+
+.ui-icon-carat-1-s {
+background-position:-64px 0;
+}
+
+.ui-icon-carat-1-sw {
+background-position:-80px 0;
+}
+
+.ui-icon-carat-1-w {
+background-position:-96px 0;
+}
+
+.ui-icon-carat-1-nw {
+background-position:-112px 0;
+}
+
+.ui-icon-carat-2-n-s {
+background-position:-128px 0;
+}
+
+.ui-icon-carat-2-e-w {
+background-position:-144px 0;
+}
+
+.ui-icon-triangle-1-n {
+background-position:0 -16px;
+}
+
+.ui-icon-triangle-1-ne {
+background-position:-16px -16px;
+}
+
+.ui-icon-triangle-1-e {
+background-position:-32px -16px;
+}
+
+.ui-icon-triangle-1-se {
+background-position:-48px -16px;
+}
+
+.ui-icon-triangle-1-s {
+background-position:-64px -16px;
+}
+
+.ui-icon-triangle-1-sw {
+background-position:-80px -16px;
+}
+
+.ui-icon-triangle-1-w {
+background-position:-96px -16px;
+}
+
+.ui-icon-triangle-1-nw {
+background-position:-112px -16px;
+}
+
+.ui-icon-triangle-2-n-s {
+background-position:-128px -16px;
+}
+
+.ui-icon-triangle-2-e-w {
+background-position:-144px -16px;
+}
+
+.ui-icon-arrow-1-n {
+background-position:0 -32px;
+}
+
+.ui-icon-arrow-1-ne {
+background-position:-16px -32px;
+}
+
+.ui-icon-arrow-1-e {
+background-position:-32px -32px;
+}
+
+.ui-icon-arrow-1-se {
+background-position:-48px -32px;
+}
+
+.ui-icon-arrow-1-s {
+background-position:-64px -32px;
+}
+
+.ui-icon-arrow-1-sw {
+background-position:-80px -32px;
+}
+
+.ui-icon-arrow-1-w {
+background-position:-96px -32px;
+}
+
+.ui-icon-arrow-1-nw {
+background-position:-112px -32px;
+}
+
+.ui-icon-arrow-2-n-s {
+background-position:-128px -32px;
+}
+
+.ui-icon-arrow-2-ne-sw {
+background-position:-144px -32px;
+}
+
+.ui-icon-arrow-2-e-w {
+background-position:-160px -32px;
+}
+
+.ui-icon-arrow-2-se-nw {
+background-position:-176px -32px;
+}
+
+.ui-icon-arrowstop-1-n {
+background-position:-192px -32px;
+}
+
+.ui-icon-arrowstop-1-e {
+background-position:-208px -32px;
+}
+
+.ui-icon-arrowstop-1-s {
+background-position:-224px -32px;
+}
+
+.ui-icon-arrowstop-1-w {
+background-position:-240px -32px;
+}
+
+.ui-icon-arrowthick-1-n {
+background-position:0 -48px;
+}
+
+.ui-icon-arrowthick-1-ne {
+background-position:-16px -48px;
+}
+
+.ui-icon-arrowthick-1-e {
+background-position:-32px -48px;
+}
+
+.ui-icon-arrowthick-1-se {
+background-position:-48px -48px;
+}
+
+.ui-icon-arrowthick-1-s {
+background-position:-64px -48px;
+}
+
+.ui-icon-arrowthick-1-sw {
+background-position:-80px -48px;
+}
+
+.ui-icon-arrowthick-1-w {
+background-position:-96px -48px;
+}
+
+.ui-icon-arrowthick-1-nw {
+background-position:-112px -48px;
+}
+
+.ui-icon-arrowthick-2-n-s {
+background-position:-128px -48px;
+}
+
+.ui-icon-arrowthick-2-ne-sw {
+background-position:-144px -48px;
+}
+
+.ui-icon-arrowthick-2-e-w {
+background-position:-160px -48px;
+}
+
+.ui-icon-arrowthick-2-se-nw {
+background-position:-176px -48px;
+}
+
+.ui-icon-arrowthickstop-1-n {
+background-position:-192px -48px;
+}
+
+.ui-icon-arrowthickstop-1-e {
+background-position:-208px -48px;
+}
+
+.ui-icon-arrowthickstop-1-s {
+background-position:-224px -48px;
+}
+
+.ui-icon-arrowthickstop-1-w {
+background-position:-240px -48px;
+}
+
+.ui-icon-arrowreturnthick-1-w {
+background-position:0 -64px;
+}
+
+.ui-icon-arrowreturnthick-1-n {
+background-position:-16px -64px;
+}
+
+.ui-icon-arrowreturnthick-1-e {
+background-position:-32px -64px;
+}
+
+.ui-icon-arrowreturnthick-1-s {
+background-position:-48px -64px;
+}
+
+.ui-icon-arrowreturn-1-w {
+background-position:-64px -64px;
+}
+
+.ui-icon-arrowreturn-1-n {
+background-position:-80px -64px;
+}
+
+.ui-icon-arrowreturn-1-e {
+background-position:-96px -64px;
+}
+
+.ui-icon-arrowreturn-1-s {
+background-position:-112px -64px;
+}
+
+.ui-icon-arrowrefresh-1-w {
+background-position:-128px -64px;
+}
+
+.ui-icon-arrowrefresh-1-n {
+background-position:-144px -64px;
+}
+
+.ui-icon-arrowrefresh-1-e {
+background-position:-160px -64px;
+}
+
+.ui-icon-arrowrefresh-1-s {
+background-position:-176px -64px;
+}
+
+.ui-icon-arrow-4 {
+background-position:0 -80px;
+}
+
+.ui-icon-arrow-4-diag {
+background-position:-16px -80px;
+}
+
+.ui-icon-extlink {
+background-position:-32px -80px;
+}
+
+.ui-icon-newwin {
+background-position:-48px -80px;
+}
+
+.ui-icon-refresh {
+background-position:-64px -80px;
+}
+
+.ui-icon-shuffle {
+background-position:-80px -80px;
+}
+
+.ui-icon-transfer-e-w {
+background-position:-96px -80px;
+}
+
+.ui-icon-transferthick-e-w {
+background-position:-112px -80px;
+}
+
+.ui-icon-folder-collapsed {
+background-position:0 -96px;
+}
+
+.ui-icon-folder-open {
+background-position:-16px -96px;
+}
+
+.ui-icon-document {
+background-position:-32px -96px;
+}
+
+.ui-icon-document-b {
+background-position:-48px -96px;
+}
+
+.ui-icon-note {
+background-position:-64px -96px;
+}
+
+.ui-icon-mail-closed {
+background-position:-80px -96px;
+}
+
+.ui-icon-mail-open {
+background-position:-96px -96px;
+}
+
+.ui-icon-suitcase {
+background-position:-112px -96px;
+}
+
+.ui-icon-comment {
+background-position:-128px -96px;
+}
+
+.ui-icon-person {
+background-position:-144px -96px;
+}
+
+.ui-icon-print {
+background-position:-160px -96px;
+}
+
+.ui-icon-trash {
+background-position:-176px -96px;
+}
+
+.ui-icon-locked {
+background-position:-192px -96px;
+}
+
+.ui-icon-unlocked {
+background-position:-208px -96px;
+}
+
+.ui-icon-bookmark {
+background-position:-224px -96px;
+}
+
+.ui-icon-tag {
+background-position:-240px -96px;
+}
+
+.ui-icon-home {
+background-position:0 -112px;
+}
+
+.ui-icon-flag {
+background-position:-16px -112px;
+}
+
+.ui-icon-calendar {
+background-position:-32px -112px;
+}
+
+.ui-icon-cart {
+background-position:-48px -112px;
+}
+
+.ui-icon-pencil {
+background-position:-64px -112px;
+}
+
+.ui-icon-clock {
+background-position:-80px -112px;
+}
+
+.ui-icon-disk {
+background-position:-96px -112px;
+}
+
+.ui-icon-calculator {
+background-position:-112px -112px;
+}
+
+.ui-icon-zoomin {
+background-position:-128px -112px;
+}
+
+.ui-icon-zoomout {
+background-position:-144px -112px;
+}
+
+.ui-icon-search {
+background-position:-160px -112px;
+}
+
+.ui-icon-wrench {
+background-position:-176px -112px;
+}
+
+.ui-icon-gear {
+background-position:-192px -112px;
+}
+
+.ui-icon-heart {
+background-position:-208px -112px;
+}
+
+.ui-icon-star {
+background-position:-224px -112px;
+}
+
+.ui-icon-link {
+background-position:-240px -112px;
+}
+
+.ui-icon-cancel {
+background-position:0 -128px;
+}
+
+.ui-icon-plus {
+background-position:-16px -128px;
+}
+
+.ui-icon-plusthick {
+background-position:-32px -128px;
+}
+
+.ui-icon-minus {
+background-position:-48px -128px;
+}
+
+.ui-icon-minusthick {
+background-position:-64px -128px;
+}
+
+.ui-icon-close {
+background-position:-80px -128px;
+}
+
+.ui-icon-closethick {
+background-position:-96px -128px;
+}
+
+.ui-icon-key {
+background-position:-112px -128px;
+}
+
+.ui-icon-lightbulb {
+background-position:-128px -128px;
+}
+
+.ui-icon-scissors {
+background-position:-144px -128px;
+}
+
+.ui-icon-clipboard {
+background-position:-160px -128px;
+}
+
+.ui-icon-copy {
+background-position:-176px -128px;
+}
+
+.ui-icon-contact {
+background-position:-192px -128px;
+}
+
+.ui-icon-image {
+background-position:-208px -128px;
+}
+
+.ui-icon-video {
+background-position:-224px -128px;
+}
+
+.ui-icon-script {
+background-position:-240px -128px;
+}
+
+.ui-icon-alert {
+background-position:0 -144px;
+}
+
+.ui-icon-info {
+background-position:-16px -144px;
+}
+
+.ui-icon-notice {
+background-position:-32px -144px;
+}
+
+.ui-icon-help {
+background-position:-48px -144px;
+}
+
+.ui-icon-check {
+background-position:-64px -144px;
+}
+
+.ui-icon-bullet {
+background-position:-80px -144px;
+}
+
+.ui-icon-radio-on {
+background-position:-96px -144px;
+}
+
+.ui-icon-radio-off {
+background-position:-112px -144px;
+}
+
+.ui-icon-pin-w {
+background-position:-128px -144px;
+}
+
+.ui-icon-pin-s {
+background-position:-144px -144px;
+}
+
+.ui-icon-play {
+background-position:0 -160px;
+}
+
+.ui-icon-pause {
+background-position:-16px -160px;
+}
+
+.ui-icon-seek-next {
+background-position:-32px -160px;
+}
+
+.ui-icon-seek-prev {
+background-position:-48px -160px;
+}
+
+.ui-icon-seek-end {
+background-position:-64px -160px;
+}
+
+.ui-icon-stop {
+background-position:-96px -160px;
+}
+
+.ui-icon-eject {
+background-position:-112px -160px;
+}
+
+.ui-icon-volume-off {
+background-position:-128px -160px;
+}
+
+.ui-icon-volume-on {
+background-position:-144px -160px;
+}
+
+.ui-icon-power {
+background-position:0 -176px;
+}
+
+.ui-icon-signal-diag {
+background-position:-16px -176px;
+}
+
+.ui-icon-signal {
+background-position:-32px -176px;
+}
+
+.ui-icon-battery-0 {
+background-position:-48px -176px;
+}
+
+.ui-icon-battery-1 {
+background-position:-64px -176px;
+}
+
+.ui-icon-battery-2 {
+background-position:-80px -176px;
+}
+
+.ui-icon-battery-3 {
+background-position:-96px -176px;
+}
+
+.ui-icon-circle-plus {
+background-position:0 -192px;
+}
+
+.ui-icon-circle-minus {
+background-position:-16px -192px;
+}
+
+.ui-icon-circle-close {
+background-position:-32px -192px;
+}
+
+.ui-icon-circle-triangle-e {
+background-position:-48px -192px;
+}
+
+.ui-icon-circle-triangle-s {
+background-position:-64px -192px;
+}
+
+.ui-icon-circle-triangle-w {
+background-position:-80px -192px;
+}
+
+.ui-icon-circle-triangle-n {
+background-position:-96px -192px;
+}
+
+.ui-icon-circle-arrow-e {
+background-position:-112px -192px;
+}
+
+.ui-icon-circle-arrow-s {
+background-position:-128px -192px;
+}
+
+.ui-icon-circle-arrow-w {
+background-position:-144px -192px;
+}
+
+.ui-icon-circle-arrow-n {
+background-position:-160px -192px;
+}
+
+.ui-icon-circle-zoomin {
+background-position:-176px -192px;
+}
+
+.ui-icon-circle-zoomout {
+background-position:-192px -192px;
+}
+
+.ui-icon-circle-check {
+background-position:-208px -192px;
+}
+
+.ui-icon-circlesmall-plus {
+background-position:0 -208px;
+}
+
+.ui-icon-circlesmall-minus {
+background-position:-16px -208px;
+}
+
+.ui-icon-circlesmall-close {
+background-position:-32px -208px;
+}
+
+.ui-icon-squaresmall-plus {
+background-position:-48px -208px;
+}
+
+.ui-icon-squaresmall-minus {
+background-position:-64px -208px;
+}
+
+.ui-icon-squaresmall-close {
+background-position:-80px -208px;
+}
+
+.ui-icon-grip-dotted-vertical {
+background-position:0 -224px;
+}
+
+.ui-icon-grip-dotted-horizontal {
+background-position:-16px -224px;
+}
+
+.ui-icon-grip-solid-vertical {
+background-position:-32px -224px;
+}
+
+.ui-icon-grip-solid-horizontal {
+background-position:-48px -224px;
+}
+
+.ui-icon-gripsmall-diagonal-se {
+background-position:-64px -224px;
+}
+
+.ui-icon-grip-diagonal-se {
+background-position:-80px -224px;
+}
+
+.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
+border-top-left-radius:2px;
+}
+
+.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
+border-top-right-radius:2px;
+}
+
+.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
+border-bottom-left-radius:2px;
+}
+
+.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
+border-bottom-right-radius:2px;
+}
+
+.ui-widget-shadow {
+background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+opacity:.6;
+filter:Alpha(Opacity=60);
+border-radius:0;
+margin:-4px 0 0 -4px;
+padding:4px;
+}
+
+.top-tasks,.report-apply-pay {
+background:#fff;
+width:100%;
+margin:0 0 1.384615em;
+padding:0;
+}
+
+.top-tasks .text {
+padding:0 3.797468%;
+}
+
+.top-tasks h2 {
+line-height:1.9375em;
+border-bottom:5px solid #44697d;
+margin:0 -4.2%;
+padding:0 4.2%;
+}
+
+.report-apply-pay-links {
+overflow:hidden;
+margin:0 3.797468% 1.384615em;
+}
+
+.report-apply-pay-links a {
+background:url(/img/body/item-type.gif) no-repeat right -595px;
+padding:0 32px 0 0;
+}
+
+.js .report-apply-pay h2 {
+position:absolute;
+left:-999px;
+top:-999px;
+}
+
+.cms-edit .report-apply-pay h2 {
+position:static;
+}
+
+.report-apply-pay ul,.top-tasks ul.first,.report-apply-pay ul.first {
+position:relative;
+margin:.692308em 0 0;
+}
+
+.top-tasks ul.second,.report-apply-pay ul.second {
+position:relative;
+margin:0 2.953586% .692308em 0;
+}
+
+.news {
+clear:both;
+margin:0 0 1.384615em;
+}
+
+.news .feed {
+left:3.797468%;
+right:auto;
+}
+
+.news .feature a:link,.news .feature a:visited {
+text-decoration:none;
+color:#fff;
+}
+
+.news .feature {
+position:relative;
+list-style:none;
+}
+
+.news .feature img {
+max-width:100%;
+display:block;
+}
+
+.ie6 .news .feature img {
+width:100%;
+}
+
+.news .caption {
+position:absolute;
+bottom:0;
+width:100%;
+background-color:rgba(0,78,126,.8);
+font-size:1.230769em;
+line-height:1.125em;
+font-weight:700;
+}
+
+.ie67 .news .caption {
+background-color:#003c69;
+}
+
+.news .caption p {
+padding:3%;
+}
+
+.news .caption span {
+background:url(/img/body/item-type.gif) no-repeat right -1095px;
+padding:0 20px 0 0;
+}
+
+.ie67 .news .caption span {
+background:0;
+}
+
+.news .feature2 .caption {
+background-color:rgba(5,107,11,.8);
+}
+
+.ie67 .news .feature2 .caption {
+background-color:#056b0b;
+}
+
+.news .only-feature,.news .feature1,.news .feature2 {
+margin-left:3.797468%;
+}
+
+.news ol,.involved ul,.whats-on ul {
+background:#fff;
+margin:0;
+}
+
+.news .headline {
+clear:both;
+display:block;
+border-top:1px solid #dae1e5;
+overflow:hidden;
+list-style:none;
+margin:-1px 0 0;
+padding:.692308em 3.797468%;
+}
+
+.involved li,.whats-on li {
+border-top:1px solid #dae1e5;
+overflow:hidden;
+list-style:none;
+margin:-1px -18px 0;
+padding:9px 18px;
+}
+
+.news .headline img,.involved li img,.whats-on .time {
+float:left;
+margin:0 18px 1px 0;
+}
+
+.find-and-library,.involved,.whats-on {
+padding-top:1.384615em;
+}
+
+.library h2,.involved h2,.whats-on h2 {
+font-size:1.153846em;
+line-height:1.8em;
+border-bottom:1px solid #dae1e5;
+margin:0 -3.797468%;
+padding:0 3.797468%;
+}
+
+.feed {
+position:absolute;
+top:0;
+right:0;
+z-index:999;
+width:27px;
+}
+
+.library ul {
+margin-left:0;
+position:relative;
+}
+
+.nearest:link,.nearest:visited {
+text-decoration:none;
+color:#131313;
+cursor:pointer;
+}
+
+.nearest-button {
+font-size:1.230769em;
+line-height:1.125em;
+margin:1.125em 0 0;
+}
+
+a:link .nearest-button,a:visited .nearest-button {
+display:block;
+border-radius:5px 5px 0 0;
+color:#fff;
+font-weight:700;
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#056b0c',endColorstr='#068a0f',GradientType=0);
+background:linear-gradient(top,#056b0c 0,#068a0f 100%);
+padding:.5625em 18px;
+}
+
+a:hover .nearest-button,a:focus .nearest-button,a:active .nearest-button {
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#078d10',endColorstr='#07a912',GradientType=0);
+background:linear-gradient(top,#078d10 0,#07a912 100%);
+}
+
+.nearest-button span {
+background:url(/img/body/item-type.gif) no-repeat right -1095px;
+padding-right:20px;
+}
+
+.nearest-teaser {
+background:#cde1ce;
+border-radius:0 0 5px 5px;
+padding:.692308em 18px;
+}
+
+.buttons {
+line-height:4.076923em;
+border-top:1px solid #dae1e5;
+width:100%;
+margin:0 -18px;
+}
+
+.buttons a {
+border-radius:3px;
+background:#44697d;
+color:#fff;
+font-weight:700;
+text-decoration:none;
+margin:0 -7px 0 18px;
+padding:5px;
+}
+
+.find-and-library {
+background:#fff;
+margin:0 0 1.384615em;
+}
+
+.whats-on {
+clear:left;
+background:#fff;
+}
+
+.whats-on .time {
+width:50px;
+height:50px;
+border:2px solid #44697d;
+text-transform:uppercase;
+font-weight:700;
+padding:4px;
+}
+
+.whats-on .no-range {
+padding-top:9px;
+height:45px;
+}
+
+.whats-on .range {
+color:#44697d;
+display:block;
+text-align:center;
+font-size:.923077em;
+line-height:1em;
+}
+
+.whats-on .date {
+color:#b21313;
+display:block;
+text-align:center;
+font-size:1.692308em;
+line-height:1.1em;
+}
+
+.whats-on .month {
+color:#196ba6;
+display:block;
+text-align:center;
+font-size:1.153846em;
+line-height:1em;
+}
+
+.whats-on .cal p {
+margin-left:80px;
+}
+
+.cms-edit .whats-on li {
+overflow:visible;
+}
+
+.report-apply-pay .ui-helper-hidden-accessible {
+position:absolute!important;
+clip:rect(1px,1px,1px,1px);
+}
+
+.report-apply-pay .ui-helper-clearfix:after {
+content:".";
+display:block;
+height:0;
+clear:both;
+visibility:hidden;
+}
+
+.report-apply-pay * html .ui-helper-clearfix {
+height:1%;
+}
+
+.report-apply-pay .ui-widget-header {
+border-bottom:5px solid #44697d;
+background:0;
+}
+
+.report-apply-pay .ui-state-default,.report-apply-pay .ui-widget-content .ui-state-default,.report-apply-pay .ui-widget-header .ui-state-default {
+border:1px solid #44697d;
+background:#c7dbe4;
+font-weight:700;
+color:#3a596a;
+}
+
+.report-apply-pay .ui-state-default a,.report-apply-pay .ui-state-default a:link,.report-apply-pay .ui-state-default a:visited {
+color:#3a596a;
+text-decoration:none;
+}
+
+.report-apply-pay .ui-state-hover,.report-apply-pay .ui-widget-content .ui-state-hover,.report-apply-pay .ui-widget-header .ui-state-hover,.report-apply-pay .ui-state-focus,.report-apply-pay .ui-widget-content .ui-state-focus,.report-apply-pay .ui-widget-header .ui-state-focus {
+border:1px solid #007b00;
+background:#44697d;
+font-weight:700;
+color:#3a596a;
+}
+
+.report-apply-pay .ui-state-active,.ui-widget-content .ui-state-active,.report-apply-pay .ui-widget-header .ui-state-active {
+border:1px solid #44697d;
+background:#44697d;
+font-weight:700;
+color:#fff;
+}
+
+.report-apply-pay .ui-widget :active {
+outline:0;
+}
+
+.report-apply-pay .ui-state-default {
+border-top-left-radius:5px;
+border-top-right-radius:5px;
+}
+
+.ui-tabs {
+font-size:1em;
+position:relative;
+zoom:1;
+}
+
+.ui-tabs .ui-tabs-nav {
+border-radius:0;
+margin:0;
+padding:.2em .2em 0;
+}
+
+.ui-tabs .ui-tabs-nav li {
+list-style:none;
+float:left;
+position:relative;
+top:1px;
+border-bottom:0!important;
+white-space:nowrap;
+margin:0 .2em 1px 0;
+padding:0;
+}
+
+.ui-tabs .ui-tabs-nav li a {
+float:left;
+text-decoration:none;
+padding:.4em 1em;
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+cursor:text;
+}
+
+.ui-tabs .ui-tabs-panel {
+padding:9px 18px;
+}
+
+.ui-tabs .ui-tabs-hide {
+display:none!important;
+}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.small,.cms-edit .report-apply-pay,.involved ul a,.report-apply-pay .ui-helper-clearfix {
+display:block;
+}
+
+strong,.latestBox h2,.text table .subHeading,.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
+font-weight:700;
+}
+
+small,.text .downloadDetail {
+font-size:.846154em;
+line-height:1.636364em;
+}
+
+a:link,.report-apply-pay .ui-widget-content a:link {
+color:#003c69;
+}
+
+a:visited,.report-apply-pay .ui-widget-content a:visited {
+color:#609;
+}
+
+a:hover,a:focus,a:active,.report-apply-pay .ui-widget-content a:hover,.report-apply-pay .ui-widget-content a:focus,.report-apply-pay .ui-widget-content a:active {
+color:#b80000;
+}
+
+select,input,textarea,.section-nav ul,.news .buttons,.involved ul p {
+margin:0;
+}
+
+input[type=radio],input[type=checkbox],.ie6 input {
+vertical-align:text-bottom;
+}
+
+label,input[type=submit],input[type=image],.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
+cursor:pointer;
+}
+
+.ie67 .button-nav,.ie67 .eastsussex-container,.ie6 #menu li.mobile,.footer .social span,.ie6 .section-nav,.ie6 .infoBar,.ie6 .related,.ie6 .share,.ie67 .news,.ie6 .news .feature,.ie67 .library .eastsussex-context,.ie67 .involved .eastsussex-context,.ie67 .whats-on .eastsussex-context {
+display:inline-block;
+}
+
+.button-nav li,.report-apply-pay-links li {
+float:left;
+list-style:none;
+}
+
+.buttonDisabled,.button-nav .buttonDisabled,.button:disabled,.form input[type=submit]:disabled,.ie67 .text .totalsRow td {
+background:#777;
+color:#fff;
+}
+
+.eastsussex-container:after,.supporting,.ui-helper-clearfix:after {
+clear:both;
+}
+
+.eastsussex-context,.ie67 .text p,.ie67 .text h2,.ui-menu-icons {
+position:relative;
+}
+
+.medium,.large,.header .size,.header .alphabet,#menu .socialcare,#menu .business,#menu .community,#menu .education,#menu .environment,#menu .families,#menu .jobs,#menu .leisure,#menu .libraries,#menu .transport,#menu .council,.footer h2,.footer .newsletter,.footer .petitions,.section-nav img,.vevent .uid,.advert,.print,.ui-helper-hidden,.report-apply-pay,.cms-edit .report-apply-pay-links,.no-js .tabs,.report-apply-pay .ui-helper-hidden {
+display:none;
+}
+
+.size2 .header .logo-small,.size2 .header .logo-small:link,.size2 .header .logo-small:visited,.ui-widget .ui-widget {
+font-size:1em;
+}
+
+.ie7 #search .submit input,.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+margin-bottom:0;
+}
+
+#menu li,.cms-edit .section-nav span {
+float:left;
+}
+
+.footer .languages a:link,.footer .languages a:visited,.whats-on a:link {
+text-decoration:none;
+}
+
+.footer .languages a:hover,.footer .languages a:focus,.footer .languages a:active,.news .feature a:hover,.news .feature a:focus,.news .feature a:active,.whats-on .title {
+text-decoration:underline;
+}
+
+.text p,p.text,.news .feature2 {
+margin:.692308em 0;
+}
+
+.text tr:nth-child(odd),.involved {
+background:#fff;
+}
+
+.supporting-text li,.top-tasks li,.report-apply-pay li,.library li {
+background:url(/img/body/item-type.gif) no-repeat 0 -995px;
+list-style:none;
+padding-left:16px;
+}
+
+.ui-helper-reset,.report-apply-pay .ui-helper-reset {
+border:0;
+font-size:100%;
+line-height:1.3;
+list-style:none;
+outline:0;
+text-decoration:none;
+margin:0;
+padding:0;
+}
+
+.ui-helper-zfix,.report-apply-pay .ui-helper-zfix {
+filter:Alpha(Opacity=0);
+height:100%;
+left:0;
+opacity:0;
+position:absolute;
+top:0;
+width:100%;
+}
+
+.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
+font-family:Helvetica,Arial,sans-serif;
+font-size:1em;
+}
+
+.ui-widget-content a,.ui-widget-header a,.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
+color:#444;
+}
+
+.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.report-apply-pay .ui-state-hover a,.report-apply-pay .ui-state-hover a:hover,.report-apply-pay .ui-state-active a,.report-apply-pay .ui-state-active a:link,.report-apply-pay .ui-state-active a:visited {
+color:#fff;
+text-decoration:none;
+}
+
+.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
+color:#222;
+}
+
+.ui-icon,.ui-widget-content .ui-icon,.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
+background-image:url(images/ui-icons_ff0084_256x240.png);
+}
+
+.ui-widget-header .ui-icon,.ui-state-highlight .ui-icon {
+background-image:url(images/ui-icons_0073ea_256x240.png);
+}
+
+.ui-icon-seek-start,.ui-icon-seek-first {
+background-position:-80px -160px;
+}
+
+.news li.first,.report-apply-pay,.report-apply-pay .ui-widget-content {
+border:0;
+}
+
+@media print {
+.button-nav {
+display:none;
+}
+
+.header .logo-small img {
+padding-left:0;
+}
+
+.text h1,h1.text {
+padding-left:0;
+padding-right:0;
+margin-left:0;
+margin-right:0;
+}
+
+.related h2 {
+margin-left:0;
+margin-right:0;
+}
+
+.print {
+display:block;
+}
+
+.screen {
+display:none!important;
+}
+
+@page {
+margin:.5cm;
+}
+
+* {
+background:transparent!important;
+color:#000!important;
+text-shadow:none!important;
+filter:none!important;
+-ms-filter:none!important;
+}
+
+a,a:visited {
+color:#444;
+text-decoration:underline;
+}
+
+a[href]:after {
+content:" (" attr(href) ")";
+font:normal 9pt "Arial Narrow",Arial,Helvetica,sans-serif;
+color:#666;
+padding-left:.5em;
+}
+
+abbr[title]:after {
+content:" (" attr(title) ")";
+}
+
+a[href^=javascript]:after,a[href^=\#]:after,table a[href]:after,a.screenUrl:after {
+content:"";
+}
+
+thead {
+display:table-header-group;
+}
+
+tr,img,blockquote {
+page-break-inside:avoid;
+}
+
+p,h2,h3 {
+orphans:3;
+widows:3;
+}
+
+h2,h3,dt {
+page-break-after:avoid;
+}
+
+.body ul {
+margin-left:1.153846em;
+}
+
+.body ul li {
+padding-left:0;
+background-image:none;
+list-style-image:none;
+list-style-type:disc;
+}
+
+.ie6 .eastsussex-container {
+width:17cm!important;
+}
+
+.section-nav,.related,.related h2,.supporting-text {
+padding-left:0;
+padding-right:0;
+}
+
+.text tbody,.text tr,.text td,.text th,.text thead tr:nth-child(odd),.text thead tr:nth-child(even),.text tr:nth-child(odd),.text tr:nth-child(even) {
+border:1px solid #dae1e5;
+}
+}
+
+@media screen {
+.eastsussex .eastsussex-container {
+margin:0 auto;
+}
+
+.text {
+background:#fff;
+padding:.1px 3.797468% 0;
+}
+
+.ie67 .text {
+padding:0 3.797468%;
+}
+
+ul.subscribe {
+list-style:none;
+margin:.692308em 0;
+}
+
+a.subscribe {
+padding:0 0 0 23px;
+}
+
+.hcal,.rss,.email,.rss-email,.xml,.pdf,.doc,.rtf,.xls,.wma,.mp3,.ppt,.jpg,.html,.file,.new-window,.facebook,.twitter,.youtube,.flickr {
+background-image:url(/cobrands/eastsussex/img/item-type.gif);
+background-repeat:no-repeat;
+padding-left:23px;
+}
+
+.hcal {
+background-position:0 2px;
+}
+
+.rss {
+background-position:0 -48px;
+}
+
+.email {
+background-position:0 -97px;
+padding-left:19px;
+}
+
+.rss-email {
+background-position:0 -150px;
+}
+
+.xml {
+background-position:0 -200px;
+padding-left:30px;
+}
+
+.pdf {
+background-position:0 -248px;
+}
+
+.doc,.rtf {
+background-position:0 -298px;
+padding-left:20px;
+}
+
+.xls {
+background-position:0 -350px;
+padding-left:18px;
+}
+
+.wma {
+background-position:0 -400px;
+}
+
+.mp3 {
+background-position:0 -450px;
+padding-left:20px;
+}
+
+.ppt {
+background-position:left -1748px;
+padding-left:20px;
+}
+
+.jpg {
+background-position:left -2148px;
+}
+
+.html,.file {
+background-position:left -700px;
+}
+
+.new-window {
+background-position:100% -500px;
+padding-left:0;
+padding-right:16px;
+}
+
+.twitter {
+background-position:0 -1300px;
+padding-left:20px;
+}
+
+.facebook {
+background-position:0 -1350px;
+padding-left:20px;
+}
+
+.youtube {
+background-position:0 -1400px;
+padding-left:20px;
+}
+
+.flickr {
+background-position:0 -1450px;
+padding-left:20px;
+}
+
+li.download {
+list-style:none;
+padding-left:23px;
+text-indent:-23px;
+margin:.692308em 0 .692308em -1.153846em;
+}
+}
diff --git a/web/cobrands/eastsussex/config.rb b/web/cobrands/eastsussex/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/eastsussex/config.rb
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = ""
+sass_dir = ""
+images_dir = ""
+javascripts_dir = ""
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
+
+line_comments = false # by Compass.app 
diff --git a/web/cobrands/eastsussex/img/desktop.png b/web/cobrands/eastsussex/img/desktop.png
new file mode 100644
index 000000000..abebf4d40
Binary files /dev/null and b/web/cobrands/eastsussex/img/desktop.png differ
diff --git a/web/cobrands/eastsussex/img/gradient.jpg b/web/cobrands/eastsussex/img/gradient.jpg
new file mode 100644
index 000000000..0c9c27dd2
Binary files /dev/null and b/web/cobrands/eastsussex/img/gradient.jpg differ
diff --git a/web/cobrands/eastsussex/img/item-type.gif b/web/cobrands/eastsussex/img/item-type.gif
new file mode 100644
index 000000000..12a941daa
Binary files /dev/null and b/web/cobrands/eastsussex/img/item-type.gif differ
diff --git a/web/cobrands/eastsussex/img/menu-item.gif b/web/cobrands/eastsussex/img/menu-item.gif
new file mode 100644
index 000000000..f0cdc0198
Binary files /dev/null and b/web/cobrands/eastsussex/img/menu-item.gif differ
diff --git a/web/cobrands/eastsussex/img/xmas-lights.jpg b/web/cobrands/eastsussex/img/xmas-lights.jpg
new file mode 100644
index 000000000..a5805779a
Binary files /dev/null and b/web/cobrands/eastsussex/img/xmas-lights.jpg differ
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
new file mode 100644
index 000000000..64921333a
--- /dev/null
+++ b/web/cobrands/eastsussex/layout.scss
@@ -0,0 +1,135 @@
+@import "_colours";;
+@import "../sass/layout";
+
+/* from http://nicolasgallagher.com/micro-clearfix-hack/ */
+.clearfix:before,
+.clearfix:after { content: " "; display: table; }
+.clearfix:after { clear: both; }
+/* For IE 6/7 only */
+.clearfix { *zoom: 1; }
+
+#front-main {
+    padding: 0
+}
+#front-main-container {
+    background-color: $eastsussex_primary;
+    padding: 1em;
+}
+
+@media only screen and (min-width:48em) {
+    body.mappage .main-menu-wrapper {
+        position: fixed
+    }
+    body.mappage #site-header .header {
+        /* display: none; */
+    }
+
+    body.mappage footer {
+        display: none;
+    }
+
+    body.mappage, body.twothirdswidthpage {
+        .content {
+            margin-top: 15em;
+            .sticky-sidebar aside {
+                z-order: 3;
+                top: 16em;
+            }
+        }
+
+    }
+
+    body.mappage #fms_pan_zoom {
+        top: 14em!important;
+    }
+}
+
+@media only screen and (min-width:48em) {
+    body.frontpage #site-header {
+        height: 13em;
+
+        .mobile-header-nav {
+            display: none;
+        }
+    }
+
+    #skipped-map {
+        clear: both;
+        margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
+    }
+
+	#main-nav {
+	  margin-top: 106px;
+	  
+	  ul {
+        margin-left: 157px;
+	    float: none;
+	  }
+	}
+
+	#main-nav ul li {
+	  text-align: center;
+	  text-transform: uppercase;
+	  padding: 0 15px;
+	  font-size: 16px;
+	  border-right: solid 1px white;
+	  line-height: 1.5em;
+	}
+
+	#main-nav ul li a {
+	    padding: 0;
+	    font-size: inherit;
+	}
+
+	#main-nav ul li:last-child {
+	    border-right: none;
+	}
+
+	#main-nav ul li a:link, #main-nav ul li a:visited {
+	  color: #fff;
+	}
+
+	#main-nav ul li:hover, #main-nav ul li:hover a, {
+	  background-color: white;
+	  color: black;
+	  text-decoration: none;
+	}
+}
+
+@media only screen and (max-width: 61em) and (min-width: 48em) {
+    #main-nav {
+        padding-left: 0px;
+        float:none;
+    }
+}
+
+
+.main-menu-wrapper {
+    /* z-index:2; */
+    background-color: #FFF;
+    width:100%;
+}
+
+@media only screen and (min-width:48em) {
+    .main-menu-wrapper {
+        position: absolute;
+        height: 2.4em;
+
+        ul {
+            margin: 0;
+        }
+
+        li {
+            list-style-type: none;
+            padding: 0.5em;
+            float: left;
+        }
+        top: 160px;
+        z-index: 3;
+
+        .main-menu {
+            max-width: 966px;
+            margin: 0 auto;
+        }
+    }
+}
diff --git a/web/cobrands/eastsussex/mqLarge.scss b/web/cobrands/eastsussex/mqLarge.scss
new file mode 100644
index 000000000..4c3dd5675
--- /dev/null
+++ b/web/cobrands/eastsussex/mqLarge.scss
@@ -0,0 +1,720 @@
+html {
+overflow-y:scroll;
+}
+
+.container, .eastsussex-container {
+max-width:966px;
+}
+
+.ie6.no-js .eastsussex-container {
+width:966px;
+}
+
+.escc-grid {
+position:absolute;
+top:0;
+right:0;
+bottom:0;
+left:0;
+height:2000px;
+width:966px;
+background:url(/cobrands/eastsussex/img-12.gif) repeat-y center top!important;
+margin:27px auto 0;
+}
+
+.large {
+display:block;
+}
+
+body header .header {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    width: 100%;
+    background:#01a1df url(/cobrands/eastsussex/img/desktop.png) repeat-x center top;
+    border:0;
+    margin:0 0 -4px;
+    padding:0;
+}
+body.mappage header .header {
+    position: fixed;
+}
+
+.ie6 .header {
+height:auto;
+margin:0;
+}
+
+.header .eastsussex-container {
+background:url(/cobrands/eastsussex/img/xmas-lights.jpg) no-repeat center top;
+overflow:hidden;
+}
+
+.header .mask {
+background:url(/cobrands/eastsussex/img/desktop.png) no-repeat center -162px;
+overflow:hidden;
+}
+
+.ie6 .header .mask {
+background:url(/cobrands/eastsussex/img/mask.gif) no-repeat center top;
+height:162px;
+}
+
+.header .logo-large {
+float:left;
+margin:11px 0;
+}
+
+.header .size {
+display:block;
+position:absolute;
+right:6em;
+}
+
+.header .size a {
+float:left;
+color:#777;
+padding:7px 10px 7px 20px;
+}
+
+.header .size .zoom-in {
+background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1491px;
+}
+
+.header .size .zoom-out {
+background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1538px;
+}
+
+.header .alphabet {
+display:block;
+width:70%;
+float:right;
+white-space:nowrap;
+font-weight:700;
+font-size:1.230769em;
+line-height:1.125em;
+text-align:right;
+margin:36px 0 0;
+}
+
+.header .alphabet h2 {
+display:inline;
+color:#777;
+}
+
+.header .alphabet a:link,.header .alphabet a:visited,.header .alphabet em {
+text-decoration:none;
+padding:0 .32%;
+}
+
+.header div.alphabet .i {
+padding:0 .7%;
+}
+
+.header div.alphabet .z {
+padding-right:0;
+}
+
+.header .alphabet em {
+color:#fff;
+background:#003c69;
+font-style:normal;
+border-radius:3px;
+}
+
+.ie6 .header .alphabet {
+position:relative;
+right:-45px;
+}
+
+.size2 .header .alphabet,.size3 .header .alphabet {
+margin-top:33px;
+}
+
+#search {
+clear:right;
+width:49.068298%;
+margin:0;
+}
+
+#search .search-inner {
+padding:0;
+}
+
+#search .search {
+height:30px;
+border:2px solid #00a1de;
+border-radius:3px;
+}
+
+#search .submit {
+width:48px;
+float:right;
+}
+
+#search .submit input {
+width:100%;
+margin:6px 0 0;
+padding:8px 0 9px;
+}
+
+.ie6 #search {
+float:right;
+clear:right;
+width:expression(document.body.clientWidth>446?"446px":"auto");
+margin:0;
+}
+
+.ie6 #search .term-outer {
+float:left;
+margin-right:-56px;
+width:100%;
+}
+
+.ie6 #search .term-inner {
+padding-right:56px;
+}
+
+.ie6 #search .search {
+float:none;
+width:100%;
+margin:6px 0;
+}
+
+.header #menu {
+width:100%;
+max-width:none;
+clear:both;
+}
+
+#menu a:link,#menu a:visited {
+height:59px;
+display:block;
+position:relative;
+line-height:55px;
+padding:0 6px 0 4px;
+}
+
+#menu a:hover,#menu a:focus,#menu a:active,#menu a.selected:link,#menu a.selected:visited {
+background-position:right -61px;
+}
+
+#menu .long a:link,#menu .long a:visited {
+line-height:18px;
+padding-top:10px;
+height:49px;
+}
+
+#menu .socialcare {
+width:13%;
+display:block;
+}
+
+#menu .community {
+width:11%;
+display:block;
+}
+
+#menu .education {
+width:10%;
+display:block;
+}
+
+#menu .environment {
+width:12%;
+display:block;
+}
+
+#menu .jobs {
+width:5%;
+display:block;
+}
+
+#menu .leisure {
+width:7%;
+display:block;
+}
+
+#menu .business a {
+background-image:none;
+}
+
+#menu .business a:hover,#menu .business a:focus,#menu .business a:active,#menu .business a.selected:link,#menu .business a.selected:visited {
+background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat left -61px;
+}
+
+.ie6 #menu {
+width:100%;
+background:0;
+position:relative;
+letter-spacing:-.05em;
+}
+
+.ie6 #menu a:link,.ie6 #menu a:visited {
+padding-left:2px;
+padding-right:4px;
+height:55px;
+}
+
+.ie6 #menu .socialcare {
+width:12%;
+}
+
+.ie6 #menu a:hover,.ie6 #menu a:focus,.ie6 #menu a:active,.ie6 #menu a.selected:link,.ie6 #menu a.selected:visited {
+background-position-y:-63px;
+}
+
+.ie6 #menu .long a:link,.ie6 #menu .long a:visited {
+height:45px;
+}
+
+.footer .online {
+float:left;
+width:21.635611%;
+border-right:1px dotted #779aa7;
+text-align:left;
+}
+
+.footer h2 {
+display:block;
+margin-right:.5em;
+font-size:1.153846em;
+line-height:1.2em;
+font-weight:700;
+color:#444;
+}
+
+.footer .social {
+float:none;
+padding-bottom:1.384615em;
+border-bottom:.076923em dotted #779aa7;
+margin:1.384615em 0 .615385em;
+}
+
+.footer .online ul {
+line-height:2.076923em;
+margin:.692308em 0;
+}
+
+.footer .online li {
+display:list-item;
+margin:0;
+}
+
+.footer .newsletter {
+display:block;
+float:left;
+width:40.579708%;
+padding:0 0 0 1.863354%;
+}
+
+.footer .newsletter label {
+display:block;
+margin:.923077em 0 .461538em;
+}
+
+.footer .newsletter .email {
+font-size:1.076923em;
+line-height:1em;
+width:19.5em;
+background:#fff;
+border:2px solid #9c9c9c;
+border-radius:5px;
+padding:6px;
+}
+
+.footer .petitions {
+display:block;
+float:left;
+width:23.498964%;
+border-left:1px dotted #779aa7;
+padding-left:1.759834%;
+}
+
+.footer .petitions h2 span {
+background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat right -1850px;
+padding-right:35px;
+}
+
+.footer .petitions ul {
+margin:.692308em 0 .692308em 1.153846em;
+}
+
+.footer .online,.footer .petitions {
+min-height:18em;
+}
+
+.body {
+background:url(/cobrands/eastsussex/img/gradient.jpg) repeat-x left top #fff;
+}
+
+.breadcrumb {
+display:block;
+overflow:hidden;
+background:#6bc8ec;
+border:0 solid #6bc8ec;
+border-width:.076923em 3px;
+margin:0 0 .615385em;
+}
+
+.breadcrumb li {
+color:#fff;
+line-height:1.692308em;
+float:left;
+position:relative;
+white-space:nowrap;
+margin:.153846em 0 .153846em -10px;
+padding:0 18px 0 16px;
+}
+
+.breadcrumb a:link,.breadcrumb a:visited {
+color:#fff;
+text-decoration:none;
+float:left;
+}
+
+.breadcrumb .current {
+background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -150px;
+}
+
+.breadcrumb .up {
+background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -100px;
+}
+
+.breadcrumb .level1 {
+background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right top;
+color:#194c7e;
+z-index:9;
+margin:.153846em 0;
+padding:0 18px 0 6px;
+}
+
+.breadcrumb .level1 a:link,.breadcrumb .level1 a:visited {
+color:#194c7e;
+}
+
+.breadcrumb .level2 {
+background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -50px;
+z-index:8;
+}
+
+.breadcrumb .level3 {
+z-index:7;
+}
+
+.breadcrumb .level4 {
+z-index:6;
+}
+
+.breadcrumb .level5 {
+z-index:5;
+}
+
+.breadcrumb .level6 {
+z-index:4;
+}
+
+.breadcrumb .level7 {
+z-index:3;
+}
+
+.breadcrumb .level8 {
+z-index:2;
+}
+
+.breadcrumb .level9 {
+z-index:1;
+}
+
+.ie67 .breadcrumb {
+border-bottom-width:3px;
+}
+
+.full-page {
+clear:both;
+background:#fff;
+min-height:15em;
+box-shadow:0 0 12px 0 #dae1e5;
+}
+
+.text h1,h1.text {
+padding:.208333em 1.863354% .166666em;
+}
+
+.text h1 {
+margin:0 -1.863354%;
+}
+
+.full-page .text h2,.full-page .text h3,.full-page .text h4,.full-page .text h5,.full-page .text p,.full-page .text ul,.full-page .text ol,.full-page .text dl {
+max-width:66.045547%;
+}
+
+.full-page .text table {
+width:auto;
+}
+
+.full-page .text h2 *,.full-page .text h3 *,.full-page .text h4 *,.full-page .text h5 *,.full-page .text p *,.full-page .text ul *,.full-page .text ol *,.full-page .text dl * {
+max-width:none;
+}
+
+.article {
+float:left;
+width:66.045547%;
+background:#fff;
+min-height:15em;
+box-shadow:0 0 12px 0 #dae1e5;
+}
+
+.article .text h1,.article h1.text {
+padding:.208333em 3% .166666em;
+}
+
+.article .text h1 {
+margin:0 -3%;
+}
+
+.rtl .article {
+float:right;
+}
+
+.supporting {
+clear:right;
+float:right;
+width:32.091099%;
+margin-bottom:1.384615em;
+}
+
+.supporting-text {
+clear:right;
+float:right;
+width:28.364389%;
+border-top:0;
+background:#fff;
+box-shadow:0 0 12px 0 #dae1e5;
+margin:0 0 1.384615em;
+padding:.692308em 1.863354%;
+}
+
+.supporting-text h2 {
+border-bottom:1px solid #dae1e5;
+margin:0 -6.7% 10px;
+padding:0 6.7% 7px;
+}
+
+.ie7 .supporting-text h2 {
+margin:0 -2% 10px;
+padding:0 2% 7px;
+}
+
+.ie6 .supporting-text h2 {
+margin:0 -.9% 10px;
+padding:0 0 7px;
+}
+
+.rtl .supporting,.rtl .supporting-text {
+clear:left;
+float:left;
+}
+
+dl.itemDetail dt {
+margin:0 0 0 2.821317%;
+}
+
+dl.itemDetail dd {
+margin:0 2.821317% .538462em 25%;
+}
+
+.related {
+padding:1.384615em 2.821317%;
+}
+
+.advert {
+display:block;
+background:#fff;
+padding:.692308em 0;
+}
+
+.advert img {
+display:block;
+margin:auto;
+}
+
+.top-tasks-group {
+float:left;
+width:49.068321%;
+margin:0 1.863354% 0 0;
+}
+
+.top-tasks {
+clear:left;
+min-height:15.230769em;
+box-shadow:0 0 12px 0 #dae1e5;
+margin:0 0 1.384615em;
+}
+
+.report-apply-pay {
+clear:left;
+min-height:15.230769em;
+box-shadow:0 0 12px 0 #dae1e5;
+margin:0 0 1.384615em;
+}
+
+.top-tasks .text {
+padding:0 3.797468%;
+}
+
+.top-tasks h2 {
+margin:0 -3.9%;
+padding:0 3.9%;
+}
+
+.news {
+float:left;
+width:49.068321%;
+min-height:32.153847em;
+}
+
+.news .buttons {
+background:#fff;
+}
+
+.news .feed {
+left:auto;
+right:0;
+}
+
+.news .only-feature,.news .feature1 {
+margin-left:0;
+}
+
+.news .feature2 {
+float:right;
+margin:0;
+}
+
+.schools {
+overflow:hidden;
+box-shadow:0 0 12px 0 #dae1e5;
+}
+
+.find-and-library,.involved,.whats-on {
+float:left;
+width:32.091099%;
+padding-top:0;
+margin:0 1.863354% 1.384615em 0;
+}
+
+.library h2,.involved h2,.whats-on h2 {
+margin:0 -5.806452%;
+padding:0 5.806452%;
+}
+
+.find-and-library .text,.involved .text,.whats-on .text {
+padding-left:5.806452%;
+padding-right:5.806452%;
+}
+
+.involved .eastsussex-context,.whats-on .eastsussex-context {
+min-height:19.384615em;
+}
+
+.library .has-buttons,.involved .has-buttons,.whats-on .has-buttons {
+min-height:15.230769em;
+}
+
+.library {
+clear:left;
+}
+
+.whats-on {
+clear:none;
+margin-right:0;
+}
+
+.ie6 .eastsussex-container {
+width:expression(document.body.clientWidth>966?"966px":"auto");
+}
+
+.medium,.header .logo-small,.header .logo-small:link,.header .logo-small:visited,.size2 .header .alphabet h2,.size3 .header .alphabet h2,#menu .mobile,.ie6 #menu li.mobile {
+display:none;
+}
+
+.header .contact,.ie67 #search .submit input {
+padding:7px 0;
+}
+
+.header .alphabet a:hover,.header .alphabet a:focus,.header .alphabet a:active,.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active {
+text-decoration:underline;
+}
+
+#menu .business,#menu .families,#menu .council {
+display:block;
+width:8%;
+}
+
+#menu .libraries,#menu .transport {
+display:block;
+width:9%;
+}
+
+.ie6 .breadcrumb,.ie67 .full-page,.ie67 .article {
+display:inline-block;
+}
+
+.full-page:before,.full-page:after,.article:before,.article:after {
+content:".";
+display:block;
+height:0;
+overflow:hidden;
+}
+
+.full-page:after,.article:after,.final-group {
+clear:both;
+}
+
+.section-nav ul,.related .section {
+width:45.768024%;
+margin:0 2.821317% 0 0;
+}
+
+.news .features,.library,.involved,.whats-on {
+box-shadow:0 0 12px 0 #dae1e5;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio0) {
+    #search .submit input {
+    padding:6px 0;
+    }
+}
+
+@media only screen and (max-width:900px) {
+.header .eastsussex-container {
+background:0;
+}
+
+#menu {
+letter-spacing:-.05em;
+}
+
+.header .alphabet,#search {
+width:83.022774%;
+}
+}
+
+@media screen {
+.text {
+padding:.1px 1.863354% 0;
+}
+
+.ie67 .text {
+padding:0 1.863354%;
+}
+
+.article .text {
+padding:.1px 2.821317% 0;
+}
+
+.ie67 .article .text {
+padding:0 2.821317%;
+}
+}
diff --git a/web/cobrands/eastsussex/mqMedium.scss b/web/cobrands/eastsussex/mqMedium.scss
new file mode 100644
index 000000000..1909eb951
--- /dev/null
+++ b/web/cobrands/eastsussex/mqMedium.scss
@@ -0,0 +1,237 @@
+.escc-grid {
+background:#eff url(/cobrands/eastsussex/img-9.gif) repeat-y center top;
+}
+
+.section-nav img {
+display:block;
+float:left;
+border:1px solid #999;
+margin:0 1.076953em 0 0;
+}
+
+.latestBox .latest {
+position:absolute;
+top:6px;
+left:18px;
+margin:0;
+}
+
+.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item {
+padding:.6em 18px .6em 6em;
+}
+
+.latestBox ul,.latestBox h2+ul,.latestBox p+ul {
+padding-left:7.2em;
+margin-left:0;
+}
+
+.text .latestBox .latest {
+left:0;
+}
+
+.ie67 .text .latestBox .latest {
+float:left;
+z-index:100;
+top:14px;
+}
+
+.cms-edit .latestBox .latest {
+position:relative;
+}
+
+.cms-edit .latestBox .mceEditor {
+clear:both;
+display:block;
+padding:18px 18px 0;
+}
+
+.text h1,h1.text {
+padding:.208333em 2.244389% .166666em;
+}
+
+.text h1 {
+margin:0 -2.244389%;
+}
+
+.related {
+padding:1.384615em 2.244389%;
+}
+
+.related h2 {
+margin:0 -1em .642857em;
+}
+
+.related ul {
+margin:.538462em 0 -.538462em;
+}
+
+.text .tCols {
+overflow:hidden;
+width:100%;
+}
+
+.text .tCol1 {
+width:49%;
+float:left;
+margin-right:-50%;
+padding-right:50%;
+}
+
+.text .tCol2 {
+width:49%;
+float:right;
+}
+
+dl.itemDetail dt {
+clear:left;
+float:left;
+width:22%;
+margin:0 0 0 2.244389%;
+}
+
+dl.itemDetail dd {
+margin:0 2.244389% .538462em 25%;
+}
+
+.ie6 dl.itemDetail dd {
+height:1%;
+}
+
+.share .button-nav {
+float:left;
+margin:0 .5em .692308em 0;
+}
+
+.top-tasks .text {
+padding:0 2.244389%;
+}
+
+.top-tasks h2 {
+margin:0 -2.5%;
+padding:0 2.5%;
+}
+
+.top-tasks ul.first,.report-apply-pay ul.first {
+float:left;
+width:48.101269%;
+margin:.692308em 0;
+}
+
+.top-tasks ul.second,.report-apply-pay ul.second {
+float:right;
+width:45.147682%;
+margin:.692308em 2.953586% .692308em 0;
+}
+
+.news {
+clear:none;
+}
+
+.news .feed {
+left:2.244389%;
+}
+
+.news ol {
+overflow:hidden;
+margin:0 0 1.384615em;
+}
+
+.news .only-feature,.news .feature1 {
+margin-left:2.244389%;
+}
+
+.news .feature1 {
+width:49.799999%;
+float:left;
+}
+
+.news .feature2 {
+width:49.799999%;
+float:left;
+margin:0 0 0 4px;
+}
+
+.find-and-library,.involved {
+float:left;
+width:48.877811%;
+}
+
+.find-and-library {
+margin-right:2.244389%;
+}
+
+.find-and-library .text,.involved .text {
+overflow:hidden;
+padding:0 4.591837%;
+}
+
+.library h2,.involved h2 {
+margin:0 -4.591837%;
+padding:0 4.591837%;
+}
+
+.library .context {
+min-height:16.615385em;
+}
+
+.involved .context {
+min-height:19.384615em;
+}
+
+.library .has-buttons,.involved .has-buttons {
+min-height:15.230769em;
+}
+
+.whats-on h2 {
+margin:0 -2.244389%;
+padding:0 2.244389%;
+}
+
+body .library .has-buttons,body .involved .has-buttons,body .whats-on .has-buttons {
+padding-bottom:4.153846em;
+}
+
+.cms-edit .involved .has-buttons,.cms-edit .whats-on .has-buttons {
+padding-bottom:7em;
+}
+
+.buttons {
+position:absolute;
+bottom:0;
+}
+
+.news .buttons,.cms-edit .buttons {
+position:static;
+}
+
+.small,.large,.report-apply-pay-links {
+display:none;
+}
+
+.medium,.report-apply-pay {
+display:block;
+}
+
+.section-nav,.top-tasks,.report-apply-pay {
+overflow:hidden;
+}
+
+.section-nav ul,.related .section {
+float:left;
+width:46.633415%;
+margin:0 2.244389% 0 0;
+}
+
+.rtl .section-nav ul,.rtl .related .section {
+float:right;
+}
+
+@media screen {
+.text {
+padding:.1px 2.244389% 0;
+}
+
+.ie67 .text {
+padding:0 2.244389%;
+}
+}
-- 
cgit v1.2.3


From 739eece82fe618666d0993aa4be03306c9c1100d Mon Sep 17 00:00:00 2001
From: Dave Arter <davea@mysociety.org>
Date: Thu, 19 Jun 2014 10:23:54 +0100
Subject: [East Sussex] Tidy up layout

 - Tidy up layout of a few elements on front and map pages
 - ensure example places are within county
 - match council website body width
 - Remove 'size2' class from body
   This means we don't need lots of little CSS hacks to tweak things back into position
 - Restore 'contact us' underline
 - Ensure content extends down to footer
 - More UI layout tidying
 - Make sure error and confirmation pages don't have obscured content
 - Improve display of frontpage header on mobile
 - Better CSS selector for header display on mobile
 - Fix display of map on mobile
 - Tidy up display of footer buttons on mobile
 - Put mobile-specific styles back into base.scss
 - css separate margin-top for map/twothirds pages
 - Fix display of languages in footer on mobile
 - Removed unused CSS files
 - East Sussex doesn't have tracking_code.html, so remove reference to it
---
 perllib/FixMyStreet/Cobrand/EastSussex.pm        |    2 +-
 templates/web/eastsussex/header.html             |    4 +-
 web/cobrands/eastsussex/base.scss                |   49 +-
 web/cobrands/eastsussex/cmsconsolesmall-v50.scss | 2552 ----------------------
 web/cobrands/eastsussex/img/mobile.jpg           |  Bin 0 -> 2475 bytes
 web/cobrands/eastsussex/layout.scss              |  232 +-
 web/cobrands/eastsussex/mqLarge.scss             |  720 ------
 web/cobrands/eastsussex/mqMedium.scss            |  237 --
 8 files changed, 202 insertions(+), 3594 deletions(-)
 delete mode 100644 web/cobrands/eastsussex/cmsconsolesmall-v50.scss
 create mode 100644 web/cobrands/eastsussex/img/mobile.jpg
 delete mode 100644 web/cobrands/eastsussex/mqLarge.scss
 delete mode 100644 web/cobrands/eastsussex/mqMedium.scss

diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm
index d15cfaa2e..581fcabc8 100644
--- a/perllib/FixMyStreet/Cobrand/EastSussex.pm
+++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm
@@ -31,7 +31,7 @@ sub disambiguate_location {
 }
 
 sub example_places {
-    return ( 'BN7 2LZ', 'North Street, Brighton' );
+    return ( 'BN7 2LZ', 'White Hill, Lewes' );
 }
 
 1;
diff --git a/templates/web/eastsussex/header.html b/templates/web/eastsussex/header.html
index ddd241727..1b2883f4a 100644
--- a/templates/web/eastsussex/header.html
+++ b/templates/web/eastsussex/header.html
@@ -93,7 +93,7 @@
     East Sussex County Council
 </title></head>
 
-<body id="eastsussex-gov-uk" class="size2 [% bodyclass | html IF bodyclass %]">
+<body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
     
 <p><a class="aural keyboard" href="#main" accesskey="s">Skip to main content</a></p>
 <p><a href="/webhome/masterpages/choose.ashx?template=mobile" id="ctl12_switchView" class="aural keyboard switch">Use our mobile site &#8211; it's better for keyboard users</a></p>
@@ -150,7 +150,7 @@
 </div>
 </header>
 
-<div id="wrapper"><div id="wrapper2"><div id="wrapper3">
+<div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
 
     <div id="mysociety" role="main" class="body">
         <div class="container">
diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index 6df579efb..cffdcb314 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -33,7 +33,8 @@ h1.main {
 
 #site-header {
     background: $primary;
-    height: 57px;
+    height: 76px;
+    border-top-width: 4px;
 }
 
 // Colour tab to match colour scheme
@@ -81,3 +82,49 @@ h1.main {
         }
     }
 }
+
+
+.header {
+    background: #004b7b url(img/mobile.jpg) repeat-x;
+}
+
+body > p {
+    margin: 0;
+}
+
+.main-menu ul {
+    padding: 0;
+    margin: 6px;
+    text-align: center;
+
+    li {
+        display: inline-block;
+        list-style: none;
+
+        a, span {
+            padding: 2px 6px;
+            margin: 3px;
+            border-radius: 3px;
+        }
+
+        a {
+            background-color: #00a1de;
+            color: white;
+        }
+
+        span {
+            background-color: #00a1de;
+            color: white;
+        }
+    }
+}
+
+.footer .languages ul {
+    padding: 0;
+    margin: 0;
+
+    li {
+        display: inline-block;
+        float: none !important;
+    }
+}
\ No newline at end of file
diff --git a/web/cobrands/eastsussex/cmsconsolesmall-v50.scss b/web/cobrands/eastsussex/cmsconsolesmall-v50.scss
deleted file mode 100644
index e53f53577..000000000
--- a/web/cobrands/eastsussex/cmsconsolesmall-v50.scss
+++ /dev/null
@@ -1,2552 +0,0 @@
-html, body {
-    border:0;
-    text-align:left;
-    margin:0;
-    padding:0;
-}
-.eastsussex {
-    div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,kbd,abbr,address,cite,em,img,small,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
-    border:0;
-    font-size:100%;
-    font:inherit;
-    vertical-align:baseline;
-    text-align:left;
-    margin:0;
-    padding:0;
-    }
-}
-
-body {
-background:#aee1f4;
-color:#131313;
-margin:0 auto;
-}
-
-.body {
-background:#fff;
-float:left;
-width:100%;
-}
-
-.body .eastsussex-container {
-padding:.692308em 0;
-}
-
-body,select,input,textarea {
-font:13px/1.384615em Arial,"Helvetica Neue",Helvetica,sans-serif;
-}
-
-.ie6 body,.ie6 select,.ie6 input,.ie6 textarea {
-font-size:small;
-}
-
-.ie67 kbd {
-font-family:Arial,sans-serif;
-}
-
-body.size2 {
-    select, input, textarea, li {
-        font-size:15px;
-    }
-}
-
-.ie6 body.size2,.ie6 .size2 select,.ie6 .size2 input,.ie6 .size2 textarea {
-font-size:medium;
-}
-
-body.size3,.size3 select,.size3 input,.size3 textarea {
-font-size:17px;
-}
-
-.ie6 body.size3,.ie6 .size3 select,.ie6 .size3 input,.ie6 .size3 textarea {
-font-size:large;
-}
-
-hr {
-display:block;
-height:1px;
-border:0;
-border-top:1px solid #ccc;
-margin:.615384em 0 .692308em;
-padding:0;
-}
-
-blockquote {
-quotes:none;
-}
-
-blockquote:before,blockquote:after {
-content:none;
-}
-
-abbr[title] {
-border-bottom:1px dotted;
-cursor:help;
-}
-
-ul {
-margin-left:1.153846em;
-}
-
-ol {
-margin-left:2em;
-list-style-type:decimal;
-}
-
-ol ol {
-list-style-type:lower-roman;
-}
-
-ol ol ol {
-list-style-type:upper-roman;
-}
-
-ol ol ol ol {
-list-style-type:lower-alpha;
-}
-
-ol ol ol ol ol {
-list-style-type:upper-alpha;
-}
-
-nav ul,nav li {
-list-style:none;
-list-style-image:none;
-margin:0;
-}
-
-html .rtl ul {
-margin-left:0;
-margin-right:1.153846em;
-}
-
-html .rtl ol {
-margin-left:0;
-margin-right:2em;
-}
-
-html .rtl li {
-background:0;
-list-style:disc;
-}
-
-table {
-border-collapse:collapse;
-border-spacing:0;
-}
-
-td {
-vertical-align:top;
-}
-
-input,select {
-vertical-align:middle;
-}
-
-input[type=search] {
--webkit-appearance:textfield;
-}
-
-.ie7 input[type=checkbox] {
-vertical-align:baseline;
-}
-
-input[type=text],input[type=password] {
-border:1px solid #9c9c9c;
-}
-
-::-webkit-input-placeholder,::-moz-placeholder {
-color:#777;
-}
-
-.ie6 .button {
-font-size:1.076923em;
-line-height:1em;
-font-weight:700;
-color:#fff;
-border:0;
-background:#1e5b83;
-cursor:pointer;
-padding:7px;
-}
-
-.button,.form input[type=submit] {
-font-size:1.076923em;
-line-height:1em;
-font-weight:700;
-color:#fff;
-border:0;
-cursor:pointer;
-border-radius:4px;
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0);
-background:linear-gradient(top,#1e5b83 0,#0b4164 100%);
-padding:7px;
-}
-
-.button:hover,.form input[type=submit]:hover {
-border-radius:4px;
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0);
-background:linear-gradient(top,#00a1de 0,#47cbed 99%);
-}
-
-.button-nav {
-overflow:hidden;
-}
-
-.button-nav a:link,.button-nav a:visited,.button-nav em,.button-nav input {
-float:left;
-display:block;
-background:#44697d;
-color:#fff;
-font-weight:700;
-text-decoration:none;
-white-space:nowrap;
-border-radius:3px;
-border:0;
-margin:5px 2px 5px 0;
-padding:4px 10px;
-}
-
-.button-nav .selected a:link,.button-nav .selected a:visited,.button-nav a:hover,.button-nav a:focus,.button-nav a:active,.button-nav em,.button-nav input:hover {
-background-color:#00a1de;
-color:#fff;
-font-style:normal;
-}
-
-.application-nav {
-background:#dae1e5;
-margin:0;
-padding:9px 18px;
-}
-
-.major-action {
-display:inline-block;
-outline:0;
-cursor:pointer;
-text-align:center;
-font:1.84615em/100% Arial,"Helvetica Neue",Helvetica,sans-serif;
-text-shadow:0 1px 1px rgba(0,0,0,.3);
-border-radius:6px;
-box-shadow:0 1px 2px rgba(0,0,0,.2);
-color:#e8f0de;
-background:linear-gradient(to bottom,#1e5b83 0,#0b4164 100%);
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5b83',endColorstr='#0b4164',GradientType=0);
-padding:.625em 1em;
-}
-
-.major-action:hover,.major-action:focus,.major-action:active {
-background:linear-gradient(to bottom,#00a1de 0,#47cbed 100%);
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1de',endColorstr='#47cbed',GradientType=0);
-}
-
-.major-action:active {
-position:relative;
-top:1px;
-}
-
-.major-action a:link,.major-action a:visited {
-text-decoration:none;
-font-weight:700;
-color:#fff;
-}
-
-.eastsussex-container:before,.eastsussex-container:after {
-content:".";
-display:block;
-height:0;
-overflow:hidden;
-}
-
-a.keyboard:focus,a.keyboard:active {
-position:absolute;
-top:0;
-left:0;
-clip:auto;
-z-index:999;
-background:#fff;
-opacity:.8;
-font-weight:700;
-padding:4px;
-}
-
-.header {
-background:#004b7b url(/img/header/mobile.jpg) repeat-x;
-overflow:hidden;
-border-bottom:3px solid #fff;
-}
-
-.header .logo-small,.header .logo-small:link,.header .logo-small:visited {
-font-size:1.153846em;
-line-height:1.2em;
-text-decoration:none;
-font-weight:700;
-color:#003c69;
-width:180px;
-display:block;
-padding:4px 0;
-}
-
-.size3 .header .logo-small,.size3 .header .logo-small:link,.size3 .header .logo-small:visited {
-font-size:.882353em;
-}
-
-.header .logo-small img {
-float:left;
-padding:3px 8px 0;
-}
-
-.header .contact {
-position:absolute;
-right:0;
-top:0;
-font-weight:700;
-padding:4px;
-}
-
-#search {
-float:right;
-width:100%;
-margin-left:-120px;
-}
-
-.size2 #search {
-margin-left:-140px;
-}
-
-.size3 #search {
-margin-left:-160px;
-}
-
-#search .search-inner {
-padding-left:120px;
-}
-
-.size2 #search .search-inner {
-padding-left:140px;
-}
-
-.size3 #search .search-inner {
-padding-left:160px;
-}
-
-#search .term-outer {
-float:left;
-margin-right:-56px;
-width:100%;
-}
-
-#search .term-inner {
-padding-right:56px;
-}
-
-#search .search {
-border:0 solid #fff;
-border-radius:3px;
-height:19px;
-width:100%;
-min-width:80px;
-margin:6px 0;
-}
-
-#search .submit input {
-border:0 solid #00a1de;
-border-radius:3px;
-color:#fff;
-font-weight:700;
-background:#00a1de;
-margin:4px 0 7px 8px;
-padding:2px 8px;
-}
-
-.ie7 #search .search {
-margin:4px 0 0;
-}
-
-.ui-autocomplete {
-z-index:100!important;
-position:absolute;
-top:0;
-left:0;
-cursor:default;
-}
-
-#menu {
-clear:left;
-float:left;
-max-width:120px;
-}
-
-.size2 #menu {
-max-width:140px;
-}
-
-.size3 #menu {
-max-width:160px;
-}
-
-#menu ul,#menu li {
-list-style:none;
-margin:0;
-}
-
-#menu a:link,#menu a:visited {
-display:block;
-text-decoration:none;
-text-align:center;
-font-weight:700;
-color:#fff;
-background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat right top;
-padding:8px 10px 6px;
-}
-
-.ie6 .header {
-height:120px;
-background-color:#165f92;
-}
-
-.ie6 #search {
-float:none;
-clear:both;
-margin:0;
-}
-
-.ie6 #search .search-inner {
-padding-left:0;
-}
-
-.ie6 #search .term-outer {
-float:none;
-margin-right:0;
-width:auto;
-}
-
-.ie6 #search .term-inner {
-padding-right:0;
-}
-
-.ie6 #search .search {
-float:left;
-width:auto;
-margin-left:6px;
-}
-
-.ie6 #menu {
-background:#165f92;
-}
-
-.footer {
-clear:both;
-border-top:.230769em solid #00a1de;
-}
-
-.footer .footer-content {
-padding-top:1.153846em;
-}
-
-.footer .languages {
-border-bottom:.230769em solid #00a1de;
-padding:.615385em 0 .538462em;
-}
-
-.footer .languages ul {
-margin:0 18px;
-}
-
-.footer .languages li {
-float:left;
-list-style:none;
-margin:0 1em 0 0;
-}
-
-.footer .languages .nonLatin {
-margin:0 1.3em 0 0;
-}
-
-.footer .social {
-float:left;
-margin-right:1em;
-}
-
-.footer .social .find {
-text-decoration:underline;
-cursor:pointer;
-}
-
-.footer .online {
-margin:0 0 1.384615em 18px;
-}
-
-.footer .online li {
-display:inline;
-}
-
-.footer .online li a {
-white-space:nowrap;
-margin-right:1em;
-}
-
-.breadcrumb-mobile {
-background:#dbf3ff;
-box-shadow:0 .384615em .384615em #dbf3ff;
-margin:-.923077em 0 .692308em;
-padding:.384615em .692308em 0;
-}
-
-.latestBox {
-background:#fff;
-position:relative;
-font-size:1.153846em;
-line-height:1.2em;
-}
-
-.latestBox .latest {
-position:relative;
-border:.133em solid #ffb500;
-border-radius:5px;
-float:left;
-margin:1.2em 18px .4em;
-padding:.266em 5px;
-}
-
-.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item {
-background:#fff;
-color:#272727;
-border-bottom:1px dotted #dae1e5;
-clear:both;
-padding:.6em 18px;
-}
-
-.latestBox ul {
-padding-left:2.769231em;
-margin:0;
-}
-
-.latestBox .item p {
-border:0;
-margin:.6em 0 0;
-padding:0;
-}
-
-.latestBox h2+ul,.latestBox p+ul {
-margin-top:-.6em;
-}
-
-.latestBox h2.latest+ul {
-margin-top:0;
-}
-
-.text .latestBox .latest {
-font-size:inherit;
-margin:0;
-}
-
-.section-nav {
-clear:both;
-background:#dae1e5;
-padding:1.076953em;
-}
-
-.section-nav li {
-list-style:none;
-background:url(/img/body/item-type.gif) no-repeat left -596px;
-padding:0 0 .692308em 1.076953em;
-}
-
-.quick-answer {
-font-size:2.076923em;
-line-height:1.33em;
-clear:both;
-text-align:center;
-color:#000;
-background:#fff;
-padding:1em;
-}
-
-.quick-answer strong {
-font-weight:400;
-}
-
-strong.quick-answer-datum {
-font-size:1.33em;
-line-height:1.5em;
-font-weight:700;
-display:block;
-text-align:center;
-}
-
-.text h1,h1.text {
-font-weight:700;
-font-size:1.846153em;
-line-height:1.5em;
-border-bottom:.208333em solid #bed600;
-background:#fff;
-color:#272727;
-padding:.375em 3.797468% .2083em;
-}
-
-.text h1 {
-margin:0 -3.797468%;
-}
-
-.text h2,h2.text {
-font-weight:700;
-font-size:1.230769em;
-line-height:1.125em;
-color:#272727;
-margin:.875em 0 .25em;
-}
-
-.text h3,h3.text {
-font-weight:700;
-font-size:1.076923em;
-line-height:1.285714em;
-color:#272727;
-margin:1.285714em 0 0;
-}
-
-.text h4,h4.text,.text h5,h5.text {
-font-weight:700;
-font-size:1em;
-line-height:1.384615em;
-color:#272727;
-margin:1em 0 .285714em;
-}
-
-.text h5,h5.text {
-font-style:italic;
-}
-
-.text ul {
-margin:.692308em 0 .692308em 1.153846em;
-}
-
-.text ol {
-margin:.692308em 0 .692308em 2em;
-}
-
-.text dl {
-margin:1.384615em 0;
-}
-
-.text dt {
-font-weight:700;
-margin:.692308em 0 0;
-}
-
-.text dd {
-margin:0 0 .692308em;
-}
-
-.text table {
-width:100%;
-margin:.692308em 0;
-}
-
-.text caption {
-font-size:1.076923em;
-line-height:1.285714em;
-font-weight:700;
-padding:9px 0;
-}
-
-.text tbody {
-border-top:2px solid #ececec;
-}
-
-.text tr,.ie67 .text td,.ie67 .text th {
-background:#ececec;
-border-bottom:2px solid #fff;
-}
-
-.text tr:nth-child(odd),.text tr:nth-child(even) {
-border-bottom:0;
-border-left:2px solid #ececec;
-border-right:2px solid #ececec;
-}
-
-.text table:nth-child(odd),.text table:nth-child(even) {
-border-bottom:2px solid #ececec;
-}
-
-.text thead tr:nth-child(odd),.text thead tr:nth-child(even) {
-border-left:2px solid #c7dbe4;
-border-right:2px solid #c7dbe4;
-border-bottom:2px solid #fff;
-}
-
-.text thead th,.ie67 .text thead th {
-background-color:#c7dbe4;
-font-weight:700;
-}
-
-.text td,.text th {
-padding:.307692em;
-}
-
-.text table .numeric {
-text-align:right;
-}
-
-.text .complexData th {
-border-right:2px solid #fff;
-}
-
-.text table .totalsRow {
-font-weight:700;
-background:#777;
-color:#fff;
-border-bottom:0;
-border-color:#bbb;
-}
-
-.text table .button-nav {
-text-align:center;
-}
-
-.text table .button-nav input {
-float:none;
-display:inline;
-margin:0;
-}
-
-.text img {
-max-width:100%;
-}
-
-.ie8 .text table img {
-max-width:none;
-}
-
-.warning {
-color:#b21313;
-}
-
-.infoBar {
-clear:both;
-background:#cceefa;
-overflow:hidden;
-margin:.692308em 0;
-padding:.692308em 18px;
-}
-
-.infoBar .pagingResultsInContext {
-float:right;
-}
-
-dl.itemDetail {
-border-bottom:1px solid #ccc;
-padding:1.384615em 0 .846153em;
-}
-
-dl.itemDetail dt {
-font-weight:700;
-margin:0 18px;
-}
-
-dl.itemDetail dd {
-margin:0 18px;
-padding:0 0 .538462em;
-}
-
-dl.onlyItem {
-border:0;
-padding:.692308em 0 .153846em;
-}
-
-a.subscribe {
-display:block;
-margin:.692308em 0;
-}
-
-.vcard .email {
-background:0;
-padding-left:0;
-}
-
-.related {
-background:#dae1e5;
-overflow:hidden;
-clear:both;
-margin:1.384615em 0 0;
-padding:.692308em 3.797468%;
-}
-
-.related h2 {
-font-size:1.076923em;
-line-height:1.285714em;
-font-weight:700;
-margin:.642857em -1em;
-padding:0 1em;
-}
-
-.related ul {
-margin:.538462em 0 0;
-}
-
-.related li {
-list-style:none;
-background:url(/img/body/item-type.gif) no-repeat left -1196px;
-padding:0 0 .538462em 1.076953em;
-}
-
-.share {
-clear:both;
-float:left;
-width:100%;
-background:#dae1e5;
-margin:1.384615em 0 0;
-padding:.692308em 0;
-}
-
-.share .aside {
-padding:0 18px;
-}
-
-.share .fb-like {
-margin:.615385em 0;
-}
-
-.share .fb-dnt {
-float:left;
-font-size:.846154em;
-line-height:1.272727em;
-border:1px solid #cad4e7;
-border-radius:3px;
-color:#3b5998;
-background-color:#eceef5;
-background-position:4px -1346px;
-margin:.461538em 1em .9090914em 0;
-padding:.454545em 5px .454545em 23px;
-}
-
-.share .twitter-share-button {
-float:left;
-width:100px!important;
-margin:.615385em 0;
-}
-
-.share .button-nav a:link,.share .button-nav a:visited {
-background-image:url(/cobrands/eastsussex/img/item-type.gif);
-background-repeat:no-repeat;
-padding:4px 10px 4px 27px;
-}
-
-.share .send a:link,.share .send a:visited {
-background-position:8px -93px;
-}
-
-.share .comment a:link,.share .comment a:visited {
-background-position:5px -546px;
-}
-
-.share .send {
-clear:left;
-}
-
-.ie7 .share .fb-like {
-margin-top:1.384615em;
-}
-
-.supporting-text {
-clear:both;
-border-top:1px solid #dae1e5;
-margin:1.384615em 0;
-padding:1.307692em 18px 0;
-}
-
-.supporting-text h2 {
-font-size:1.230769em;
-line-height:1.125em;
-font-weight:700;
-}
-
-.supporting-text h2 a {
-font-weight:400;
-padding-right:32px;
-background:url(/img/body/item-type.gif) no-repeat right -595px;
-}
-
-.supporting-text ul {
-margin:9px 0;
-}
-
-.ie67 .supporting-text ul {
-margin-left:9px;
-}
-
-.aural {
-position:absolute;
-clip:rect(1px,1px,1px,1px);
-}
-
-.ui-helper-hidden-accessible {
-border:0;
-clip:rect(0000);
-height:1px;
-overflow:hidden;
-position:absolute;
-width:1px;
-margin:-1px;
-padding:0;
-}
-
-.ui-helper-clearfix:before,.ui-helper-clearfix:after {
-content:"";
-display:table;
-border-collapse:collapse;
-}
-
-.ui-helper-clearfix {
-min-height:0;
-}
-
-.ui-front {
-z-index:100;
-}
-
-.ui-state-disabled {
-cursor:default!important;
-}
-
-.ui-icon {
-display:block;
-text-indent:-99999px;
-overflow:hidden;
-background-repeat:no-repeat;
-width:16px;
-height:16px;
-}
-
-.ui-widget-overlay {
-position:fixed;
-top:0;
-left:0;
-width:100%;
-height:100%;
-background:#eee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
-opacity:.8;
-filter:Alpha(Opacity=80);
-}
-
-.ui-menu {
-list-style:none;
-display:block;
-outline:none;
-margin:0;
-padding:2px;
-}
-
-.ui-menu .ui-menu {
-margin-top:-3px;
-position:absolute;
-}
-
-.ui-menu .ui-menu-item {
-width:100%;
-list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
-margin:0;
-padding:0;
-}
-
-.ui-menu .ui-menu-divider {
-height:0;
-font-size:0;
-line-height:0;
-border-width:1px 0 0;
-margin:5px -2px;
-}
-
-.ui-menu .ui-menu-item a {
-text-decoration:none;
-display:block;
-line-height:1.5;
-min-height:0;
-font-weight:400;
-padding:2px .4em;
-}
-
-.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
-font-weight:400;
-margin:-1px;
-}
-
-.ui-menu .ui-state-disabled {
-font-weight:400;
-line-height:1.5;
-margin:.4em 0 .2em;
-}
-
-.ui-menu .ui-state-disabled a {
-cursor:default;
-}
-
-.ui-menu-icons .ui-menu-item a {
-position:relative;
-padding-left:2em;
-}
-
-.ui-menu .ui-icon {
-position:absolute;
-top:.2em;
-left:.2em;
-}
-
-.ui-menu .ui-menu-icon {
-position:static;
-float:right;
-}
-
-.ui-widget-content {
-border:1px solid #ddd;
-background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
-color:#444;
-}
-
-.ui-widget-header {
-border:1px solid #ddd;
-background:#ddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
-color:#444;
-font-weight:700;
-}
-
-.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
-border:1px solid #ddd;
-background:#f6f6f6 url(images/ui-bg_flat_100_f6f6f6_40x100.png) 50% 50% repeat-x;
-font-weight:400;
-color:#0073ea;
-}
-
-.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
-color:#0073ea;
-text-decoration:none;
-}
-
-.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
-border:1px solid #0073ea;
-background:#0073ea url(images/ui-bg_flat_25_0073ea_40x100.png) 50% 50% repeat-x;
-font-weight:400;
-color:#fff;
-}
-
-.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
-border:1px solid #ddd;
-background:#fff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
-font-weight:400;
-color:#ff0084;
-}
-
-.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
-color:#ff0084;
-text-decoration:none;
-}
-
-.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
-border:1px solid #ccc;
-background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
-color:#444;
-}
-
-.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
-border:1px solid #ff0084;
-background:#fff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
-color:#222;
-}
-
-.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
-opacity:.7;
-filter:Alpha(Opacity=70);
-font-weight:400;
-}
-
-.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
-opacity:.35;
-filter:Alpha(Opacity=35);
-background-image:none;
-}
-
-.ui-state-disabled .ui-icon {
-filter:Alpha(Opacity=35);
-}
-
-.ui-state-default .ui-icon {
-background-image:url(images/ui-icons_666666_256x240.png);
-}
-
-.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
-background-image:url(images/ui-icons_ffffff_256x240.png);
-}
-
-.ui-state-active .ui-icon {
-background-image:url(images/ui-icons_454545_256x240.png);
-}
-
-.ui-icon-blank {
-background-position:16px 16px;
-}
-
-.ui-icon-carat-1-n {
-background-position:0 0;
-}
-
-.ui-icon-carat-1-ne {
-background-position:-16px 0;
-}
-
-.ui-icon-carat-1-e {
-background-position:-32px 0;
-}
-
-.ui-icon-carat-1-se {
-background-position:-48px 0;
-}
-
-.ui-icon-carat-1-s {
-background-position:-64px 0;
-}
-
-.ui-icon-carat-1-sw {
-background-position:-80px 0;
-}
-
-.ui-icon-carat-1-w {
-background-position:-96px 0;
-}
-
-.ui-icon-carat-1-nw {
-background-position:-112px 0;
-}
-
-.ui-icon-carat-2-n-s {
-background-position:-128px 0;
-}
-
-.ui-icon-carat-2-e-w {
-background-position:-144px 0;
-}
-
-.ui-icon-triangle-1-n {
-background-position:0 -16px;
-}
-
-.ui-icon-triangle-1-ne {
-background-position:-16px -16px;
-}
-
-.ui-icon-triangle-1-e {
-background-position:-32px -16px;
-}
-
-.ui-icon-triangle-1-se {
-background-position:-48px -16px;
-}
-
-.ui-icon-triangle-1-s {
-background-position:-64px -16px;
-}
-
-.ui-icon-triangle-1-sw {
-background-position:-80px -16px;
-}
-
-.ui-icon-triangle-1-w {
-background-position:-96px -16px;
-}
-
-.ui-icon-triangle-1-nw {
-background-position:-112px -16px;
-}
-
-.ui-icon-triangle-2-n-s {
-background-position:-128px -16px;
-}
-
-.ui-icon-triangle-2-e-w {
-background-position:-144px -16px;
-}
-
-.ui-icon-arrow-1-n {
-background-position:0 -32px;
-}
-
-.ui-icon-arrow-1-ne {
-background-position:-16px -32px;
-}
-
-.ui-icon-arrow-1-e {
-background-position:-32px -32px;
-}
-
-.ui-icon-arrow-1-se {
-background-position:-48px -32px;
-}
-
-.ui-icon-arrow-1-s {
-background-position:-64px -32px;
-}
-
-.ui-icon-arrow-1-sw {
-background-position:-80px -32px;
-}
-
-.ui-icon-arrow-1-w {
-background-position:-96px -32px;
-}
-
-.ui-icon-arrow-1-nw {
-background-position:-112px -32px;
-}
-
-.ui-icon-arrow-2-n-s {
-background-position:-128px -32px;
-}
-
-.ui-icon-arrow-2-ne-sw {
-background-position:-144px -32px;
-}
-
-.ui-icon-arrow-2-e-w {
-background-position:-160px -32px;
-}
-
-.ui-icon-arrow-2-se-nw {
-background-position:-176px -32px;
-}
-
-.ui-icon-arrowstop-1-n {
-background-position:-192px -32px;
-}
-
-.ui-icon-arrowstop-1-e {
-background-position:-208px -32px;
-}
-
-.ui-icon-arrowstop-1-s {
-background-position:-224px -32px;
-}
-
-.ui-icon-arrowstop-1-w {
-background-position:-240px -32px;
-}
-
-.ui-icon-arrowthick-1-n {
-background-position:0 -48px;
-}
-
-.ui-icon-arrowthick-1-ne {
-background-position:-16px -48px;
-}
-
-.ui-icon-arrowthick-1-e {
-background-position:-32px -48px;
-}
-
-.ui-icon-arrowthick-1-se {
-background-position:-48px -48px;
-}
-
-.ui-icon-arrowthick-1-s {
-background-position:-64px -48px;
-}
-
-.ui-icon-arrowthick-1-sw {
-background-position:-80px -48px;
-}
-
-.ui-icon-arrowthick-1-w {
-background-position:-96px -48px;
-}
-
-.ui-icon-arrowthick-1-nw {
-background-position:-112px -48px;
-}
-
-.ui-icon-arrowthick-2-n-s {
-background-position:-128px -48px;
-}
-
-.ui-icon-arrowthick-2-ne-sw {
-background-position:-144px -48px;
-}
-
-.ui-icon-arrowthick-2-e-w {
-background-position:-160px -48px;
-}
-
-.ui-icon-arrowthick-2-se-nw {
-background-position:-176px -48px;
-}
-
-.ui-icon-arrowthickstop-1-n {
-background-position:-192px -48px;
-}
-
-.ui-icon-arrowthickstop-1-e {
-background-position:-208px -48px;
-}
-
-.ui-icon-arrowthickstop-1-s {
-background-position:-224px -48px;
-}
-
-.ui-icon-arrowthickstop-1-w {
-background-position:-240px -48px;
-}
-
-.ui-icon-arrowreturnthick-1-w {
-background-position:0 -64px;
-}
-
-.ui-icon-arrowreturnthick-1-n {
-background-position:-16px -64px;
-}
-
-.ui-icon-arrowreturnthick-1-e {
-background-position:-32px -64px;
-}
-
-.ui-icon-arrowreturnthick-1-s {
-background-position:-48px -64px;
-}
-
-.ui-icon-arrowreturn-1-w {
-background-position:-64px -64px;
-}
-
-.ui-icon-arrowreturn-1-n {
-background-position:-80px -64px;
-}
-
-.ui-icon-arrowreturn-1-e {
-background-position:-96px -64px;
-}
-
-.ui-icon-arrowreturn-1-s {
-background-position:-112px -64px;
-}
-
-.ui-icon-arrowrefresh-1-w {
-background-position:-128px -64px;
-}
-
-.ui-icon-arrowrefresh-1-n {
-background-position:-144px -64px;
-}
-
-.ui-icon-arrowrefresh-1-e {
-background-position:-160px -64px;
-}
-
-.ui-icon-arrowrefresh-1-s {
-background-position:-176px -64px;
-}
-
-.ui-icon-arrow-4 {
-background-position:0 -80px;
-}
-
-.ui-icon-arrow-4-diag {
-background-position:-16px -80px;
-}
-
-.ui-icon-extlink {
-background-position:-32px -80px;
-}
-
-.ui-icon-newwin {
-background-position:-48px -80px;
-}
-
-.ui-icon-refresh {
-background-position:-64px -80px;
-}
-
-.ui-icon-shuffle {
-background-position:-80px -80px;
-}
-
-.ui-icon-transfer-e-w {
-background-position:-96px -80px;
-}
-
-.ui-icon-transferthick-e-w {
-background-position:-112px -80px;
-}
-
-.ui-icon-folder-collapsed {
-background-position:0 -96px;
-}
-
-.ui-icon-folder-open {
-background-position:-16px -96px;
-}
-
-.ui-icon-document {
-background-position:-32px -96px;
-}
-
-.ui-icon-document-b {
-background-position:-48px -96px;
-}
-
-.ui-icon-note {
-background-position:-64px -96px;
-}
-
-.ui-icon-mail-closed {
-background-position:-80px -96px;
-}
-
-.ui-icon-mail-open {
-background-position:-96px -96px;
-}
-
-.ui-icon-suitcase {
-background-position:-112px -96px;
-}
-
-.ui-icon-comment {
-background-position:-128px -96px;
-}
-
-.ui-icon-person {
-background-position:-144px -96px;
-}
-
-.ui-icon-print {
-background-position:-160px -96px;
-}
-
-.ui-icon-trash {
-background-position:-176px -96px;
-}
-
-.ui-icon-locked {
-background-position:-192px -96px;
-}
-
-.ui-icon-unlocked {
-background-position:-208px -96px;
-}
-
-.ui-icon-bookmark {
-background-position:-224px -96px;
-}
-
-.ui-icon-tag {
-background-position:-240px -96px;
-}
-
-.ui-icon-home {
-background-position:0 -112px;
-}
-
-.ui-icon-flag {
-background-position:-16px -112px;
-}
-
-.ui-icon-calendar {
-background-position:-32px -112px;
-}
-
-.ui-icon-cart {
-background-position:-48px -112px;
-}
-
-.ui-icon-pencil {
-background-position:-64px -112px;
-}
-
-.ui-icon-clock {
-background-position:-80px -112px;
-}
-
-.ui-icon-disk {
-background-position:-96px -112px;
-}
-
-.ui-icon-calculator {
-background-position:-112px -112px;
-}
-
-.ui-icon-zoomin {
-background-position:-128px -112px;
-}
-
-.ui-icon-zoomout {
-background-position:-144px -112px;
-}
-
-.ui-icon-search {
-background-position:-160px -112px;
-}
-
-.ui-icon-wrench {
-background-position:-176px -112px;
-}
-
-.ui-icon-gear {
-background-position:-192px -112px;
-}
-
-.ui-icon-heart {
-background-position:-208px -112px;
-}
-
-.ui-icon-star {
-background-position:-224px -112px;
-}
-
-.ui-icon-link {
-background-position:-240px -112px;
-}
-
-.ui-icon-cancel {
-background-position:0 -128px;
-}
-
-.ui-icon-plus {
-background-position:-16px -128px;
-}
-
-.ui-icon-plusthick {
-background-position:-32px -128px;
-}
-
-.ui-icon-minus {
-background-position:-48px -128px;
-}
-
-.ui-icon-minusthick {
-background-position:-64px -128px;
-}
-
-.ui-icon-close {
-background-position:-80px -128px;
-}
-
-.ui-icon-closethick {
-background-position:-96px -128px;
-}
-
-.ui-icon-key {
-background-position:-112px -128px;
-}
-
-.ui-icon-lightbulb {
-background-position:-128px -128px;
-}
-
-.ui-icon-scissors {
-background-position:-144px -128px;
-}
-
-.ui-icon-clipboard {
-background-position:-160px -128px;
-}
-
-.ui-icon-copy {
-background-position:-176px -128px;
-}
-
-.ui-icon-contact {
-background-position:-192px -128px;
-}
-
-.ui-icon-image {
-background-position:-208px -128px;
-}
-
-.ui-icon-video {
-background-position:-224px -128px;
-}
-
-.ui-icon-script {
-background-position:-240px -128px;
-}
-
-.ui-icon-alert {
-background-position:0 -144px;
-}
-
-.ui-icon-info {
-background-position:-16px -144px;
-}
-
-.ui-icon-notice {
-background-position:-32px -144px;
-}
-
-.ui-icon-help {
-background-position:-48px -144px;
-}
-
-.ui-icon-check {
-background-position:-64px -144px;
-}
-
-.ui-icon-bullet {
-background-position:-80px -144px;
-}
-
-.ui-icon-radio-on {
-background-position:-96px -144px;
-}
-
-.ui-icon-radio-off {
-background-position:-112px -144px;
-}
-
-.ui-icon-pin-w {
-background-position:-128px -144px;
-}
-
-.ui-icon-pin-s {
-background-position:-144px -144px;
-}
-
-.ui-icon-play {
-background-position:0 -160px;
-}
-
-.ui-icon-pause {
-background-position:-16px -160px;
-}
-
-.ui-icon-seek-next {
-background-position:-32px -160px;
-}
-
-.ui-icon-seek-prev {
-background-position:-48px -160px;
-}
-
-.ui-icon-seek-end {
-background-position:-64px -160px;
-}
-
-.ui-icon-stop {
-background-position:-96px -160px;
-}
-
-.ui-icon-eject {
-background-position:-112px -160px;
-}
-
-.ui-icon-volume-off {
-background-position:-128px -160px;
-}
-
-.ui-icon-volume-on {
-background-position:-144px -160px;
-}
-
-.ui-icon-power {
-background-position:0 -176px;
-}
-
-.ui-icon-signal-diag {
-background-position:-16px -176px;
-}
-
-.ui-icon-signal {
-background-position:-32px -176px;
-}
-
-.ui-icon-battery-0 {
-background-position:-48px -176px;
-}
-
-.ui-icon-battery-1 {
-background-position:-64px -176px;
-}
-
-.ui-icon-battery-2 {
-background-position:-80px -176px;
-}
-
-.ui-icon-battery-3 {
-background-position:-96px -176px;
-}
-
-.ui-icon-circle-plus {
-background-position:0 -192px;
-}
-
-.ui-icon-circle-minus {
-background-position:-16px -192px;
-}
-
-.ui-icon-circle-close {
-background-position:-32px -192px;
-}
-
-.ui-icon-circle-triangle-e {
-background-position:-48px -192px;
-}
-
-.ui-icon-circle-triangle-s {
-background-position:-64px -192px;
-}
-
-.ui-icon-circle-triangle-w {
-background-position:-80px -192px;
-}
-
-.ui-icon-circle-triangle-n {
-background-position:-96px -192px;
-}
-
-.ui-icon-circle-arrow-e {
-background-position:-112px -192px;
-}
-
-.ui-icon-circle-arrow-s {
-background-position:-128px -192px;
-}
-
-.ui-icon-circle-arrow-w {
-background-position:-144px -192px;
-}
-
-.ui-icon-circle-arrow-n {
-background-position:-160px -192px;
-}
-
-.ui-icon-circle-zoomin {
-background-position:-176px -192px;
-}
-
-.ui-icon-circle-zoomout {
-background-position:-192px -192px;
-}
-
-.ui-icon-circle-check {
-background-position:-208px -192px;
-}
-
-.ui-icon-circlesmall-plus {
-background-position:0 -208px;
-}
-
-.ui-icon-circlesmall-minus {
-background-position:-16px -208px;
-}
-
-.ui-icon-circlesmall-close {
-background-position:-32px -208px;
-}
-
-.ui-icon-squaresmall-plus {
-background-position:-48px -208px;
-}
-
-.ui-icon-squaresmall-minus {
-background-position:-64px -208px;
-}
-
-.ui-icon-squaresmall-close {
-background-position:-80px -208px;
-}
-
-.ui-icon-grip-dotted-vertical {
-background-position:0 -224px;
-}
-
-.ui-icon-grip-dotted-horizontal {
-background-position:-16px -224px;
-}
-
-.ui-icon-grip-solid-vertical {
-background-position:-32px -224px;
-}
-
-.ui-icon-grip-solid-horizontal {
-background-position:-48px -224px;
-}
-
-.ui-icon-gripsmall-diagonal-se {
-background-position:-64px -224px;
-}
-
-.ui-icon-grip-diagonal-se {
-background-position:-80px -224px;
-}
-
-.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
-border-top-left-radius:2px;
-}
-
-.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
-border-top-right-radius:2px;
-}
-
-.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
-border-bottom-left-radius:2px;
-}
-
-.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
-border-bottom-right-radius:2px;
-}
-
-.ui-widget-shadow {
-background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
-opacity:.6;
-filter:Alpha(Opacity=60);
-border-radius:0;
-margin:-4px 0 0 -4px;
-padding:4px;
-}
-
-.top-tasks,.report-apply-pay {
-background:#fff;
-width:100%;
-margin:0 0 1.384615em;
-padding:0;
-}
-
-.top-tasks .text {
-padding:0 3.797468%;
-}
-
-.top-tasks h2 {
-line-height:1.9375em;
-border-bottom:5px solid #44697d;
-margin:0 -4.2%;
-padding:0 4.2%;
-}
-
-.report-apply-pay-links {
-overflow:hidden;
-margin:0 3.797468% 1.384615em;
-}
-
-.report-apply-pay-links a {
-background:url(/img/body/item-type.gif) no-repeat right -595px;
-padding:0 32px 0 0;
-}
-
-.js .report-apply-pay h2 {
-position:absolute;
-left:-999px;
-top:-999px;
-}
-
-.cms-edit .report-apply-pay h2 {
-position:static;
-}
-
-.report-apply-pay ul,.top-tasks ul.first,.report-apply-pay ul.first {
-position:relative;
-margin:.692308em 0 0;
-}
-
-.top-tasks ul.second,.report-apply-pay ul.second {
-position:relative;
-margin:0 2.953586% .692308em 0;
-}
-
-.news {
-clear:both;
-margin:0 0 1.384615em;
-}
-
-.news .feed {
-left:3.797468%;
-right:auto;
-}
-
-.news .feature a:link,.news .feature a:visited {
-text-decoration:none;
-color:#fff;
-}
-
-.news .feature {
-position:relative;
-list-style:none;
-}
-
-.news .feature img {
-max-width:100%;
-display:block;
-}
-
-.ie6 .news .feature img {
-width:100%;
-}
-
-.news .caption {
-position:absolute;
-bottom:0;
-width:100%;
-background-color:rgba(0,78,126,.8);
-font-size:1.230769em;
-line-height:1.125em;
-font-weight:700;
-}
-
-.ie67 .news .caption {
-background-color:#003c69;
-}
-
-.news .caption p {
-padding:3%;
-}
-
-.news .caption span {
-background:url(/img/body/item-type.gif) no-repeat right -1095px;
-padding:0 20px 0 0;
-}
-
-.ie67 .news .caption span {
-background:0;
-}
-
-.news .feature2 .caption {
-background-color:rgba(5,107,11,.8);
-}
-
-.ie67 .news .feature2 .caption {
-background-color:#056b0b;
-}
-
-.news .only-feature,.news .feature1,.news .feature2 {
-margin-left:3.797468%;
-}
-
-.news ol,.involved ul,.whats-on ul {
-background:#fff;
-margin:0;
-}
-
-.news .headline {
-clear:both;
-display:block;
-border-top:1px solid #dae1e5;
-overflow:hidden;
-list-style:none;
-margin:-1px 0 0;
-padding:.692308em 3.797468%;
-}
-
-.involved li,.whats-on li {
-border-top:1px solid #dae1e5;
-overflow:hidden;
-list-style:none;
-margin:-1px -18px 0;
-padding:9px 18px;
-}
-
-.news .headline img,.involved li img,.whats-on .time {
-float:left;
-margin:0 18px 1px 0;
-}
-
-.find-and-library,.involved,.whats-on {
-padding-top:1.384615em;
-}
-
-.library h2,.involved h2,.whats-on h2 {
-font-size:1.153846em;
-line-height:1.8em;
-border-bottom:1px solid #dae1e5;
-margin:0 -3.797468%;
-padding:0 3.797468%;
-}
-
-.feed {
-position:absolute;
-top:0;
-right:0;
-z-index:999;
-width:27px;
-}
-
-.library ul {
-margin-left:0;
-position:relative;
-}
-
-.nearest:link,.nearest:visited {
-text-decoration:none;
-color:#131313;
-cursor:pointer;
-}
-
-.nearest-button {
-font-size:1.230769em;
-line-height:1.125em;
-margin:1.125em 0 0;
-}
-
-a:link .nearest-button,a:visited .nearest-button {
-display:block;
-border-radius:5px 5px 0 0;
-color:#fff;
-font-weight:700;
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#056b0c',endColorstr='#068a0f',GradientType=0);
-background:linear-gradient(top,#056b0c 0,#068a0f 100%);
-padding:.5625em 18px;
-}
-
-a:hover .nearest-button,a:focus .nearest-button,a:active .nearest-button {
-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#078d10',endColorstr='#07a912',GradientType=0);
-background:linear-gradient(top,#078d10 0,#07a912 100%);
-}
-
-.nearest-button span {
-background:url(/img/body/item-type.gif) no-repeat right -1095px;
-padding-right:20px;
-}
-
-.nearest-teaser {
-background:#cde1ce;
-border-radius:0 0 5px 5px;
-padding:.692308em 18px;
-}
-
-.buttons {
-line-height:4.076923em;
-border-top:1px solid #dae1e5;
-width:100%;
-margin:0 -18px;
-}
-
-.buttons a {
-border-radius:3px;
-background:#44697d;
-color:#fff;
-font-weight:700;
-text-decoration:none;
-margin:0 -7px 0 18px;
-padding:5px;
-}
-
-.find-and-library {
-background:#fff;
-margin:0 0 1.384615em;
-}
-
-.whats-on {
-clear:left;
-background:#fff;
-}
-
-.whats-on .time {
-width:50px;
-height:50px;
-border:2px solid #44697d;
-text-transform:uppercase;
-font-weight:700;
-padding:4px;
-}
-
-.whats-on .no-range {
-padding-top:9px;
-height:45px;
-}
-
-.whats-on .range {
-color:#44697d;
-display:block;
-text-align:center;
-font-size:.923077em;
-line-height:1em;
-}
-
-.whats-on .date {
-color:#b21313;
-display:block;
-text-align:center;
-font-size:1.692308em;
-line-height:1.1em;
-}
-
-.whats-on .month {
-color:#196ba6;
-display:block;
-text-align:center;
-font-size:1.153846em;
-line-height:1em;
-}
-
-.whats-on .cal p {
-margin-left:80px;
-}
-
-.cms-edit .whats-on li {
-overflow:visible;
-}
-
-.report-apply-pay .ui-helper-hidden-accessible {
-position:absolute!important;
-clip:rect(1px,1px,1px,1px);
-}
-
-.report-apply-pay .ui-helper-clearfix:after {
-content:".";
-display:block;
-height:0;
-clear:both;
-visibility:hidden;
-}
-
-.report-apply-pay * html .ui-helper-clearfix {
-height:1%;
-}
-
-.report-apply-pay .ui-widget-header {
-border-bottom:5px solid #44697d;
-background:0;
-}
-
-.report-apply-pay .ui-state-default,.report-apply-pay .ui-widget-content .ui-state-default,.report-apply-pay .ui-widget-header .ui-state-default {
-border:1px solid #44697d;
-background:#c7dbe4;
-font-weight:700;
-color:#3a596a;
-}
-
-.report-apply-pay .ui-state-default a,.report-apply-pay .ui-state-default a:link,.report-apply-pay .ui-state-default a:visited {
-color:#3a596a;
-text-decoration:none;
-}
-
-.report-apply-pay .ui-state-hover,.report-apply-pay .ui-widget-content .ui-state-hover,.report-apply-pay .ui-widget-header .ui-state-hover,.report-apply-pay .ui-state-focus,.report-apply-pay .ui-widget-content .ui-state-focus,.report-apply-pay .ui-widget-header .ui-state-focus {
-border:1px solid #007b00;
-background:#44697d;
-font-weight:700;
-color:#3a596a;
-}
-
-.report-apply-pay .ui-state-active,.ui-widget-content .ui-state-active,.report-apply-pay .ui-widget-header .ui-state-active {
-border:1px solid #44697d;
-background:#44697d;
-font-weight:700;
-color:#fff;
-}
-
-.report-apply-pay .ui-widget :active {
-outline:0;
-}
-
-.report-apply-pay .ui-state-default {
-border-top-left-radius:5px;
-border-top-right-radius:5px;
-}
-
-.ui-tabs {
-font-size:1em;
-position:relative;
-zoom:1;
-}
-
-.ui-tabs .ui-tabs-nav {
-border-radius:0;
-margin:0;
-padding:.2em .2em 0;
-}
-
-.ui-tabs .ui-tabs-nav li {
-list-style:none;
-float:left;
-position:relative;
-top:1px;
-border-bottom:0!important;
-white-space:nowrap;
-margin:0 .2em 1px 0;
-padding:0;
-}
-
-.ui-tabs .ui-tabs-nav li a {
-float:left;
-text-decoration:none;
-padding:.4em 1em;
-}
-
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
-cursor:text;
-}
-
-.ui-tabs .ui-tabs-panel {
-padding:9px 18px;
-}
-
-.ui-tabs .ui-tabs-hide {
-display:none!important;
-}
-
-article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.small,.cms-edit .report-apply-pay,.involved ul a,.report-apply-pay .ui-helper-clearfix {
-display:block;
-}
-
-strong,.latestBox h2,.text table .subHeading,.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
-font-weight:700;
-}
-
-small,.text .downloadDetail {
-font-size:.846154em;
-line-height:1.636364em;
-}
-
-a:link,.report-apply-pay .ui-widget-content a:link {
-color:#003c69;
-}
-
-a:visited,.report-apply-pay .ui-widget-content a:visited {
-color:#609;
-}
-
-a:hover,a:focus,a:active,.report-apply-pay .ui-widget-content a:hover,.report-apply-pay .ui-widget-content a:focus,.report-apply-pay .ui-widget-content a:active {
-color:#b80000;
-}
-
-select,input,textarea,.section-nav ul,.news .buttons,.involved ul p {
-margin:0;
-}
-
-input[type=radio],input[type=checkbox],.ie6 input {
-vertical-align:text-bottom;
-}
-
-label,input[type=submit],input[type=image],.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
-cursor:pointer;
-}
-
-.ie67 .button-nav,.ie67 .eastsussex-container,.ie6 #menu li.mobile,.footer .social span,.ie6 .section-nav,.ie6 .infoBar,.ie6 .related,.ie6 .share,.ie67 .news,.ie6 .news .feature,.ie67 .library .eastsussex-context,.ie67 .involved .eastsussex-context,.ie67 .whats-on .eastsussex-context {
-display:inline-block;
-}
-
-.button-nav li,.report-apply-pay-links li {
-float:left;
-list-style:none;
-}
-
-.buttonDisabled,.button-nav .buttonDisabled,.button:disabled,.form input[type=submit]:disabled,.ie67 .text .totalsRow td {
-background:#777;
-color:#fff;
-}
-
-.eastsussex-container:after,.supporting,.ui-helper-clearfix:after {
-clear:both;
-}
-
-.eastsussex-context,.ie67 .text p,.ie67 .text h2,.ui-menu-icons {
-position:relative;
-}
-
-.medium,.large,.header .size,.header .alphabet,#menu .socialcare,#menu .business,#menu .community,#menu .education,#menu .environment,#menu .families,#menu .jobs,#menu .leisure,#menu .libraries,#menu .transport,#menu .council,.footer h2,.footer .newsletter,.footer .petitions,.section-nav img,.vevent .uid,.advert,.print,.ui-helper-hidden,.report-apply-pay,.cms-edit .report-apply-pay-links,.no-js .tabs,.report-apply-pay .ui-helper-hidden {
-display:none;
-}
-
-.size2 .header .logo-small,.size2 .header .logo-small:link,.size2 .header .logo-small:visited,.ui-widget .ui-widget {
-font-size:1em;
-}
-
-.ie7 #search .submit input,.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
-margin-bottom:0;
-}
-
-#menu li,.cms-edit .section-nav span {
-float:left;
-}
-
-.footer .languages a:link,.footer .languages a:visited,.whats-on a:link {
-text-decoration:none;
-}
-
-.footer .languages a:hover,.footer .languages a:focus,.footer .languages a:active,.news .feature a:hover,.news .feature a:focus,.news .feature a:active,.whats-on .title {
-text-decoration:underline;
-}
-
-.text p,p.text,.news .feature2 {
-margin:.692308em 0;
-}
-
-.text tr:nth-child(odd),.involved {
-background:#fff;
-}
-
-.supporting-text li,.top-tasks li,.report-apply-pay li,.library li {
-background:url(/img/body/item-type.gif) no-repeat 0 -995px;
-list-style:none;
-padding-left:16px;
-}
-
-.ui-helper-reset,.report-apply-pay .ui-helper-reset {
-border:0;
-font-size:100%;
-line-height:1.3;
-list-style:none;
-outline:0;
-text-decoration:none;
-margin:0;
-padding:0;
-}
-
-.ui-helper-zfix,.report-apply-pay .ui-helper-zfix {
-filter:Alpha(Opacity=0);
-height:100%;
-left:0;
-opacity:0;
-position:absolute;
-top:0;
-width:100%;
-}
-
-.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
-font-family:Helvetica,Arial,sans-serif;
-font-size:1em;
-}
-
-.ui-widget-content a,.ui-widget-header a,.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
-color:#444;
-}
-
-.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.report-apply-pay .ui-state-hover a,.report-apply-pay .ui-state-hover a:hover,.report-apply-pay .ui-state-active a,.report-apply-pay .ui-state-active a:link,.report-apply-pay .ui-state-active a:visited {
-color:#fff;
-text-decoration:none;
-}
-
-.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
-color:#222;
-}
-
-.ui-icon,.ui-widget-content .ui-icon,.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
-background-image:url(images/ui-icons_ff0084_256x240.png);
-}
-
-.ui-widget-header .ui-icon,.ui-state-highlight .ui-icon {
-background-image:url(images/ui-icons_0073ea_256x240.png);
-}
-
-.ui-icon-seek-start,.ui-icon-seek-first {
-background-position:-80px -160px;
-}
-
-.news li.first,.report-apply-pay,.report-apply-pay .ui-widget-content {
-border:0;
-}
-
-@media print {
-.button-nav {
-display:none;
-}
-
-.header .logo-small img {
-padding-left:0;
-}
-
-.text h1,h1.text {
-padding-left:0;
-padding-right:0;
-margin-left:0;
-margin-right:0;
-}
-
-.related h2 {
-margin-left:0;
-margin-right:0;
-}
-
-.print {
-display:block;
-}
-
-.screen {
-display:none!important;
-}
-
-@page {
-margin:.5cm;
-}
-
-* {
-background:transparent!important;
-color:#000!important;
-text-shadow:none!important;
-filter:none!important;
--ms-filter:none!important;
-}
-
-a,a:visited {
-color:#444;
-text-decoration:underline;
-}
-
-a[href]:after {
-content:" (" attr(href) ")";
-font:normal 9pt "Arial Narrow",Arial,Helvetica,sans-serif;
-color:#666;
-padding-left:.5em;
-}
-
-abbr[title]:after {
-content:" (" attr(title) ")";
-}
-
-a[href^=javascript]:after,a[href^=\#]:after,table a[href]:after,a.screenUrl:after {
-content:"";
-}
-
-thead {
-display:table-header-group;
-}
-
-tr,img,blockquote {
-page-break-inside:avoid;
-}
-
-p,h2,h3 {
-orphans:3;
-widows:3;
-}
-
-h2,h3,dt {
-page-break-after:avoid;
-}
-
-.body ul {
-margin-left:1.153846em;
-}
-
-.body ul li {
-padding-left:0;
-background-image:none;
-list-style-image:none;
-list-style-type:disc;
-}
-
-.ie6 .eastsussex-container {
-width:17cm!important;
-}
-
-.section-nav,.related,.related h2,.supporting-text {
-padding-left:0;
-padding-right:0;
-}
-
-.text tbody,.text tr,.text td,.text th,.text thead tr:nth-child(odd),.text thead tr:nth-child(even),.text tr:nth-child(odd),.text tr:nth-child(even) {
-border:1px solid #dae1e5;
-}
-}
-
-@media screen {
-.eastsussex .eastsussex-container {
-margin:0 auto;
-}
-
-.text {
-background:#fff;
-padding:.1px 3.797468% 0;
-}
-
-.ie67 .text {
-padding:0 3.797468%;
-}
-
-ul.subscribe {
-list-style:none;
-margin:.692308em 0;
-}
-
-a.subscribe {
-padding:0 0 0 23px;
-}
-
-.hcal,.rss,.email,.rss-email,.xml,.pdf,.doc,.rtf,.xls,.wma,.mp3,.ppt,.jpg,.html,.file,.new-window,.facebook,.twitter,.youtube,.flickr {
-background-image:url(/cobrands/eastsussex/img/item-type.gif);
-background-repeat:no-repeat;
-padding-left:23px;
-}
-
-.hcal {
-background-position:0 2px;
-}
-
-.rss {
-background-position:0 -48px;
-}
-
-.email {
-background-position:0 -97px;
-padding-left:19px;
-}
-
-.rss-email {
-background-position:0 -150px;
-}
-
-.xml {
-background-position:0 -200px;
-padding-left:30px;
-}
-
-.pdf {
-background-position:0 -248px;
-}
-
-.doc,.rtf {
-background-position:0 -298px;
-padding-left:20px;
-}
-
-.xls {
-background-position:0 -350px;
-padding-left:18px;
-}
-
-.wma {
-background-position:0 -400px;
-}
-
-.mp3 {
-background-position:0 -450px;
-padding-left:20px;
-}
-
-.ppt {
-background-position:left -1748px;
-padding-left:20px;
-}
-
-.jpg {
-background-position:left -2148px;
-}
-
-.html,.file {
-background-position:left -700px;
-}
-
-.new-window {
-background-position:100% -500px;
-padding-left:0;
-padding-right:16px;
-}
-
-.twitter {
-background-position:0 -1300px;
-padding-left:20px;
-}
-
-.facebook {
-background-position:0 -1350px;
-padding-left:20px;
-}
-
-.youtube {
-background-position:0 -1400px;
-padding-left:20px;
-}
-
-.flickr {
-background-position:0 -1450px;
-padding-left:20px;
-}
-
-li.download {
-list-style:none;
-padding-left:23px;
-text-indent:-23px;
-margin:.692308em 0 .692308em -1.153846em;
-}
-}
diff --git a/web/cobrands/eastsussex/img/mobile.jpg b/web/cobrands/eastsussex/img/mobile.jpg
new file mode 100644
index 000000000..148da59c7
Binary files /dev/null and b/web/cobrands/eastsussex/img/mobile.jpg differ
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index 64921333a..4c4fb2103 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -16,120 +16,190 @@
     padding: 1em;
 }
 
-@media only screen and (min-width:48em) {
-    body.mappage .main-menu-wrapper {
-        position: fixed
+.container {
+    width: initial;
+}
+
+#site-header .header a.contact {
+    text-decoration: underline;
+}
+
+footer {
+    margin-top: 0;
+
+    a {
+        text-decoration: underline;
+    }
+
+    h2 {
+        margin: 0;
     }
-    body.mappage #site-header .header {
-        /* display: none; */
+
+    form.newsletter.form {
+        input#newsletter {
+            display: inline-block;
+        }
+
+        input[type=submit] {
+            background: #1e5b83;
+            text-transform: none;
+        }
+
+        label {
+            font-weight: normal;
+        }
+    }
+}
+
+body.mappage {
+    .main-menu-wrapper {
+        position: fixed
     }
 
-    body.mappage footer {
+    footer {
         display: none;
     }
 
-    body.mappage, body.twothirdswidthpage {
-        .content {
-            margin-top: 15em;
-            .sticky-sidebar aside {
-                z-order: 3;
-                top: 16em;
-            }
+    #fms_pan_zoom {
+        top: 14em!important;
+    }
+
+    #mysociety {
+        padding-top: 7em;
+    }
+
+    #report-a-problem-sidebar {
+        top: 10em;
+
+        .sidebar-notes .plain-list li {
+            font-size: 1em;
         }
+    }
+}
 
+body.mappage, body.twothirdswidthpage {
+    .content {
+        width: 27em;
+        .sticky-sidebar aside {
+            z-order: 3;
+            top: 16em;
+        }
     }
 
-    body.mappage #fms_pan_zoom {
-        top: 14em!important;
+    /* map page has no menu, so requires less top margin */
+    &.mappage            .content { margin-top: 9em; }
+    &.twothirdswidthpage .content { margin-top: 15em; }
+
+    #site-header {
+        height: 0;
     }
+
 }
 
-@media only screen and (min-width:48em) {
-    body.frontpage #site-header {
+body.frontpage {
+    #site-header {
         height: 13em;
 
         .mobile-header-nav {
             display: none;
         }
     }
+}
 
-    #skipped-map {
-        clear: both;
-        margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
-    }
+#site-header {
+    height: 10em;
+    border-top-width: 0px;
+}
+
+#mysociety {
+    margin-top: 9px;
+    padding-top: 24px;
+    padding-bottom: 24px;
+}
+
+.content {
+    width: auto;
+}
 
-	#main-nav {
-	  margin-top: 106px;
-	  
-	  ul {
+#skipped-map {
+    clear: both;
+    margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
+}
+
+#main-nav {
+    margin-top: 106px;
+    ul {
         margin-left: 157px;
-	    float: none;
-	  }
-	}
-
-	#main-nav ul li {
-	  text-align: center;
-	  text-transform: uppercase;
-	  padding: 0 15px;
-	  font-size: 16px;
-	  border-right: solid 1px white;
-	  line-height: 1.5em;
-	}
-
-	#main-nav ul li a {
-	    padding: 0;
-	    font-size: inherit;
-	}
-
-	#main-nav ul li:last-child {
-	    border-right: none;
-	}
-
-	#main-nav ul li a:link, #main-nav ul li a:visited {
-	  color: #fff;
-	}
-
-	#main-nav ul li:hover, #main-nav ul li:hover a, {
-	  background-color: white;
-	  color: black;
-	  text-decoration: none;
-	}
-}
-
-@media only screen and (max-width: 61em) and (min-width: 48em) {
-    #main-nav {
-        padding-left: 0px;
-        float:none;
+        float: none;
     }
 }
 
+#main-nav ul li {
+    text-align: center;
+    text-transform: uppercase;
+    padding: 0 15px;
+    font-size: 16px;
+    border-right: solid 1px white;
+    line-height: 1.5em;
+}
+
+#main-nav ul li a {
+    padding: 0;
+    font-size: inherit;
+}
+
+#main-nav ul li:last-child {
+    border-right: none;
+}
+
+#main-nav ul li a:link, #main-nav ul li a:visited {
+    color: #fff;
+}
+
+#main-nav ul li:hover, #main-nav ul li:hover a, {
+    background-color: white;
+    color: black;
+    text-decoration: none;
+}
 
 .main-menu-wrapper {
-    /* z-index:2; */
+    position: absolute;
+    height: 2.4em;
+    top: 162px;
+    z-index: 3;
     background-color: #FFF;
     width:100%;
-}
 
-@media only screen and (min-width:48em) {
-    .main-menu-wrapper {
-        position: absolute;
-        height: 2.4em;
 
-        ul {
-            margin: 0;
-        }
+    ul {
+        margin: 0;
+    }
 
-        li {
-            list-style-type: none;
-            padding: 0.5em;
-            float: left;
-        }
-        top: 160px;
-        z-index: 3;
+    li {
+        list-style-type: none;
+        padding: 0.5em;
+        float: left;
+    }
+
+    .main-menu {
+        max-width: 966px;
+        margin: 0 auto;
 
-        .main-menu {
-            max-width: 966px;
-            margin: 0 auto;
+        ul li {
+            a, span {
+                background-color: transparent;
+                color: #369;
+            }
+            span {
+                font-weight: bold;
+            }
         }
     }
 }
+
+@media only screen and (max-width: 61em) {
+    #main-nav {
+        padding-left: 0px;
+        float:none;
+    }
+}
diff --git a/web/cobrands/eastsussex/mqLarge.scss b/web/cobrands/eastsussex/mqLarge.scss
deleted file mode 100644
index 4c3dd5675..000000000
--- a/web/cobrands/eastsussex/mqLarge.scss
+++ /dev/null
@@ -1,720 +0,0 @@
-html {
-overflow-y:scroll;
-}
-
-.container, .eastsussex-container {
-max-width:966px;
-}
-
-.ie6.no-js .eastsussex-container {
-width:966px;
-}
-
-.escc-grid {
-position:absolute;
-top:0;
-right:0;
-bottom:0;
-left:0;
-height:2000px;
-width:966px;
-background:url(/cobrands/eastsussex/img-12.gif) repeat-y center top!important;
-margin:27px auto 0;
-}
-
-.large {
-display:block;
-}
-
-body header .header {
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    width: 100%;
-    background:#01a1df url(/cobrands/eastsussex/img/desktop.png) repeat-x center top;
-    border:0;
-    margin:0 0 -4px;
-    padding:0;
-}
-body.mappage header .header {
-    position: fixed;
-}
-
-.ie6 .header {
-height:auto;
-margin:0;
-}
-
-.header .eastsussex-container {
-background:url(/cobrands/eastsussex/img/xmas-lights.jpg) no-repeat center top;
-overflow:hidden;
-}
-
-.header .mask {
-background:url(/cobrands/eastsussex/img/desktop.png) no-repeat center -162px;
-overflow:hidden;
-}
-
-.ie6 .header .mask {
-background:url(/cobrands/eastsussex/img/mask.gif) no-repeat center top;
-height:162px;
-}
-
-.header .logo-large {
-float:left;
-margin:11px 0;
-}
-
-.header .size {
-display:block;
-position:absolute;
-right:6em;
-}
-
-.header .size a {
-float:left;
-color:#777;
-padding:7px 10px 7px 20px;
-}
-
-.header .size .zoom-in {
-background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1491px;
-}
-
-.header .size .zoom-out {
-background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat 0 -1538px;
-}
-
-.header .alphabet {
-display:block;
-width:70%;
-float:right;
-white-space:nowrap;
-font-weight:700;
-font-size:1.230769em;
-line-height:1.125em;
-text-align:right;
-margin:36px 0 0;
-}
-
-.header .alphabet h2 {
-display:inline;
-color:#777;
-}
-
-.header .alphabet a:link,.header .alphabet a:visited,.header .alphabet em {
-text-decoration:none;
-padding:0 .32%;
-}
-
-.header div.alphabet .i {
-padding:0 .7%;
-}
-
-.header div.alphabet .z {
-padding-right:0;
-}
-
-.header .alphabet em {
-color:#fff;
-background:#003c69;
-font-style:normal;
-border-radius:3px;
-}
-
-.ie6 .header .alphabet {
-position:relative;
-right:-45px;
-}
-
-.size2 .header .alphabet,.size3 .header .alphabet {
-margin-top:33px;
-}
-
-#search {
-clear:right;
-width:49.068298%;
-margin:0;
-}
-
-#search .search-inner {
-padding:0;
-}
-
-#search .search {
-height:30px;
-border:2px solid #00a1de;
-border-radius:3px;
-}
-
-#search .submit {
-width:48px;
-float:right;
-}
-
-#search .submit input {
-width:100%;
-margin:6px 0 0;
-padding:8px 0 9px;
-}
-
-.ie6 #search {
-float:right;
-clear:right;
-width:expression(document.body.clientWidth>446?"446px":"auto");
-margin:0;
-}
-
-.ie6 #search .term-outer {
-float:left;
-margin-right:-56px;
-width:100%;
-}
-
-.ie6 #search .term-inner {
-padding-right:56px;
-}
-
-.ie6 #search .search {
-float:none;
-width:100%;
-margin:6px 0;
-}
-
-.header #menu {
-width:100%;
-max-width:none;
-clear:both;
-}
-
-#menu a:link,#menu a:visited {
-height:59px;
-display:block;
-position:relative;
-line-height:55px;
-padding:0 6px 0 4px;
-}
-
-#menu a:hover,#menu a:focus,#menu a:active,#menu a.selected:link,#menu a.selected:visited {
-background-position:right -61px;
-}
-
-#menu .long a:link,#menu .long a:visited {
-line-height:18px;
-padding-top:10px;
-height:49px;
-}
-
-#menu .socialcare {
-width:13%;
-display:block;
-}
-
-#menu .community {
-width:11%;
-display:block;
-}
-
-#menu .education {
-width:10%;
-display:block;
-}
-
-#menu .environment {
-width:12%;
-display:block;
-}
-
-#menu .jobs {
-width:5%;
-display:block;
-}
-
-#menu .leisure {
-width:7%;
-display:block;
-}
-
-#menu .business a {
-background-image:none;
-}
-
-#menu .business a:hover,#menu .business a:focus,#menu .business a:active,#menu .business a.selected:link,#menu .business a.selected:visited {
-background:url(/cobrands/eastsussex/img/menu-item.gif) no-repeat left -61px;
-}
-
-.ie6 #menu {
-width:100%;
-background:0;
-position:relative;
-letter-spacing:-.05em;
-}
-
-.ie6 #menu a:link,.ie6 #menu a:visited {
-padding-left:2px;
-padding-right:4px;
-height:55px;
-}
-
-.ie6 #menu .socialcare {
-width:12%;
-}
-
-.ie6 #menu a:hover,.ie6 #menu a:focus,.ie6 #menu a:active,.ie6 #menu a.selected:link,.ie6 #menu a.selected:visited {
-background-position-y:-63px;
-}
-
-.ie6 #menu .long a:link,.ie6 #menu .long a:visited {
-height:45px;
-}
-
-.footer .online {
-float:left;
-width:21.635611%;
-border-right:1px dotted #779aa7;
-text-align:left;
-}
-
-.footer h2 {
-display:block;
-margin-right:.5em;
-font-size:1.153846em;
-line-height:1.2em;
-font-weight:700;
-color:#444;
-}
-
-.footer .social {
-float:none;
-padding-bottom:1.384615em;
-border-bottom:.076923em dotted #779aa7;
-margin:1.384615em 0 .615385em;
-}
-
-.footer .online ul {
-line-height:2.076923em;
-margin:.692308em 0;
-}
-
-.footer .online li {
-display:list-item;
-margin:0;
-}
-
-.footer .newsletter {
-display:block;
-float:left;
-width:40.579708%;
-padding:0 0 0 1.863354%;
-}
-
-.footer .newsletter label {
-display:block;
-margin:.923077em 0 .461538em;
-}
-
-.footer .newsletter .email {
-font-size:1.076923em;
-line-height:1em;
-width:19.5em;
-background:#fff;
-border:2px solid #9c9c9c;
-border-radius:5px;
-padding:6px;
-}
-
-.footer .petitions {
-display:block;
-float:left;
-width:23.498964%;
-border-left:1px dotted #779aa7;
-padding-left:1.759834%;
-}
-
-.footer .petitions h2 span {
-background:url(/cobrands/eastsussex/img/item-type.gif) no-repeat right -1850px;
-padding-right:35px;
-}
-
-.footer .petitions ul {
-margin:.692308em 0 .692308em 1.153846em;
-}
-
-.footer .online,.footer .petitions {
-min-height:18em;
-}
-
-.body {
-background:url(/cobrands/eastsussex/img/gradient.jpg) repeat-x left top #fff;
-}
-
-.breadcrumb {
-display:block;
-overflow:hidden;
-background:#6bc8ec;
-border:0 solid #6bc8ec;
-border-width:.076923em 3px;
-margin:0 0 .615385em;
-}
-
-.breadcrumb li {
-color:#fff;
-line-height:1.692308em;
-float:left;
-position:relative;
-white-space:nowrap;
-margin:.153846em 0 .153846em -10px;
-padding:0 18px 0 16px;
-}
-
-.breadcrumb a:link,.breadcrumb a:visited {
-color:#fff;
-text-decoration:none;
-float:left;
-}
-
-.breadcrumb .current {
-background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -150px;
-}
-
-.breadcrumb .up {
-background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -100px;
-}
-
-.breadcrumb .level1 {
-background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right top;
-color:#194c7e;
-z-index:9;
-margin:.153846em 0;
-padding:0 18px 0 6px;
-}
-
-.breadcrumb .level1 a:link,.breadcrumb .level1 a:visited {
-color:#194c7e;
-}
-
-.breadcrumb .level2 {
-background:url(/cobrands/eastsussex/img/navigation.gif) no-repeat right -50px;
-z-index:8;
-}
-
-.breadcrumb .level3 {
-z-index:7;
-}
-
-.breadcrumb .level4 {
-z-index:6;
-}
-
-.breadcrumb .level5 {
-z-index:5;
-}
-
-.breadcrumb .level6 {
-z-index:4;
-}
-
-.breadcrumb .level7 {
-z-index:3;
-}
-
-.breadcrumb .level8 {
-z-index:2;
-}
-
-.breadcrumb .level9 {
-z-index:1;
-}
-
-.ie67 .breadcrumb {
-border-bottom-width:3px;
-}
-
-.full-page {
-clear:both;
-background:#fff;
-min-height:15em;
-box-shadow:0 0 12px 0 #dae1e5;
-}
-
-.text h1,h1.text {
-padding:.208333em 1.863354% .166666em;
-}
-
-.text h1 {
-margin:0 -1.863354%;
-}
-
-.full-page .text h2,.full-page .text h3,.full-page .text h4,.full-page .text h5,.full-page .text p,.full-page .text ul,.full-page .text ol,.full-page .text dl {
-max-width:66.045547%;
-}
-
-.full-page .text table {
-width:auto;
-}
-
-.full-page .text h2 *,.full-page .text h3 *,.full-page .text h4 *,.full-page .text h5 *,.full-page .text p *,.full-page .text ul *,.full-page .text ol *,.full-page .text dl * {
-max-width:none;
-}
-
-.article {
-float:left;
-width:66.045547%;
-background:#fff;
-min-height:15em;
-box-shadow:0 0 12px 0 #dae1e5;
-}
-
-.article .text h1,.article h1.text {
-padding:.208333em 3% .166666em;
-}
-
-.article .text h1 {
-margin:0 -3%;
-}
-
-.rtl .article {
-float:right;
-}
-
-.supporting {
-clear:right;
-float:right;
-width:32.091099%;
-margin-bottom:1.384615em;
-}
-
-.supporting-text {
-clear:right;
-float:right;
-width:28.364389%;
-border-top:0;
-background:#fff;
-box-shadow:0 0 12px 0 #dae1e5;
-margin:0 0 1.384615em;
-padding:.692308em 1.863354%;
-}
-
-.supporting-text h2 {
-border-bottom:1px solid #dae1e5;
-margin:0 -6.7% 10px;
-padding:0 6.7% 7px;
-}
-
-.ie7 .supporting-text h2 {
-margin:0 -2% 10px;
-padding:0 2% 7px;
-}
-
-.ie6 .supporting-text h2 {
-margin:0 -.9% 10px;
-padding:0 0 7px;
-}
-
-.rtl .supporting,.rtl .supporting-text {
-clear:left;
-float:left;
-}
-
-dl.itemDetail dt {
-margin:0 0 0 2.821317%;
-}
-
-dl.itemDetail dd {
-margin:0 2.821317% .538462em 25%;
-}
-
-.related {
-padding:1.384615em 2.821317%;
-}
-
-.advert {
-display:block;
-background:#fff;
-padding:.692308em 0;
-}
-
-.advert img {
-display:block;
-margin:auto;
-}
-
-.top-tasks-group {
-float:left;
-width:49.068321%;
-margin:0 1.863354% 0 0;
-}
-
-.top-tasks {
-clear:left;
-min-height:15.230769em;
-box-shadow:0 0 12px 0 #dae1e5;
-margin:0 0 1.384615em;
-}
-
-.report-apply-pay {
-clear:left;
-min-height:15.230769em;
-box-shadow:0 0 12px 0 #dae1e5;
-margin:0 0 1.384615em;
-}
-
-.top-tasks .text {
-padding:0 3.797468%;
-}
-
-.top-tasks h2 {
-margin:0 -3.9%;
-padding:0 3.9%;
-}
-
-.news {
-float:left;
-width:49.068321%;
-min-height:32.153847em;
-}
-
-.news .buttons {
-background:#fff;
-}
-
-.news .feed {
-left:auto;
-right:0;
-}
-
-.news .only-feature,.news .feature1 {
-margin-left:0;
-}
-
-.news .feature2 {
-float:right;
-margin:0;
-}
-
-.schools {
-overflow:hidden;
-box-shadow:0 0 12px 0 #dae1e5;
-}
-
-.find-and-library,.involved,.whats-on {
-float:left;
-width:32.091099%;
-padding-top:0;
-margin:0 1.863354% 1.384615em 0;
-}
-
-.library h2,.involved h2,.whats-on h2 {
-margin:0 -5.806452%;
-padding:0 5.806452%;
-}
-
-.find-and-library .text,.involved .text,.whats-on .text {
-padding-left:5.806452%;
-padding-right:5.806452%;
-}
-
-.involved .eastsussex-context,.whats-on .eastsussex-context {
-min-height:19.384615em;
-}
-
-.library .has-buttons,.involved .has-buttons,.whats-on .has-buttons {
-min-height:15.230769em;
-}
-
-.library {
-clear:left;
-}
-
-.whats-on {
-clear:none;
-margin-right:0;
-}
-
-.ie6 .eastsussex-container {
-width:expression(document.body.clientWidth>966?"966px":"auto");
-}
-
-.medium,.header .logo-small,.header .logo-small:link,.header .logo-small:visited,.size2 .header .alphabet h2,.size3 .header .alphabet h2,#menu .mobile,.ie6 #menu li.mobile {
-display:none;
-}
-
-.header .contact,.ie67 #search .submit input {
-padding:7px 0;
-}
-
-.header .alphabet a:hover,.header .alphabet a:focus,.header .alphabet a:active,.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active {
-text-decoration:underline;
-}
-
-#menu .business,#menu .families,#menu .council {
-display:block;
-width:8%;
-}
-
-#menu .libraries,#menu .transport {
-display:block;
-width:9%;
-}
-
-.ie6 .breadcrumb,.ie67 .full-page,.ie67 .article {
-display:inline-block;
-}
-
-.full-page:before,.full-page:after,.article:before,.article:after {
-content:".";
-display:block;
-height:0;
-overflow:hidden;
-}
-
-.full-page:after,.article:after,.final-group {
-clear:both;
-}
-
-.section-nav ul,.related .section {
-width:45.768024%;
-margin:0 2.821317% 0 0;
-}
-
-.news .features,.library,.involved,.whats-on {
-box-shadow:0 0 12px 0 #dae1e5;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio0) {
-    #search .submit input {
-    padding:6px 0;
-    }
-}
-
-@media only screen and (max-width:900px) {
-.header .eastsussex-container {
-background:0;
-}
-
-#menu {
-letter-spacing:-.05em;
-}
-
-.header .alphabet,#search {
-width:83.022774%;
-}
-}
-
-@media screen {
-.text {
-padding:.1px 1.863354% 0;
-}
-
-.ie67 .text {
-padding:0 1.863354%;
-}
-
-.article .text {
-padding:.1px 2.821317% 0;
-}
-
-.ie67 .article .text {
-padding:0 2.821317%;
-}
-}
diff --git a/web/cobrands/eastsussex/mqMedium.scss b/web/cobrands/eastsussex/mqMedium.scss
deleted file mode 100644
index 1909eb951..000000000
--- a/web/cobrands/eastsussex/mqMedium.scss
+++ /dev/null
@@ -1,237 +0,0 @@
-.escc-grid {
-background:#eff url(/cobrands/eastsussex/img-9.gif) repeat-y center top;
-}
-
-.section-nav img {
-display:block;
-float:left;
-border:1px solid #999;
-margin:0 1.076953em 0 0;
-}
-
-.latestBox .latest {
-position:absolute;
-top:6px;
-left:18px;
-margin:0;
-}
-
-.latestBox h2,.latestBox p,.latestBox ul,.latestBox .item {
-padding:.6em 18px .6em 6em;
-}
-
-.latestBox ul,.latestBox h2+ul,.latestBox p+ul {
-padding-left:7.2em;
-margin-left:0;
-}
-
-.text .latestBox .latest {
-left:0;
-}
-
-.ie67 .text .latestBox .latest {
-float:left;
-z-index:100;
-top:14px;
-}
-
-.cms-edit .latestBox .latest {
-position:relative;
-}
-
-.cms-edit .latestBox .mceEditor {
-clear:both;
-display:block;
-padding:18px 18px 0;
-}
-
-.text h1,h1.text {
-padding:.208333em 2.244389% .166666em;
-}
-
-.text h1 {
-margin:0 -2.244389%;
-}
-
-.related {
-padding:1.384615em 2.244389%;
-}
-
-.related h2 {
-margin:0 -1em .642857em;
-}
-
-.related ul {
-margin:.538462em 0 -.538462em;
-}
-
-.text .tCols {
-overflow:hidden;
-width:100%;
-}
-
-.text .tCol1 {
-width:49%;
-float:left;
-margin-right:-50%;
-padding-right:50%;
-}
-
-.text .tCol2 {
-width:49%;
-float:right;
-}
-
-dl.itemDetail dt {
-clear:left;
-float:left;
-width:22%;
-margin:0 0 0 2.244389%;
-}
-
-dl.itemDetail dd {
-margin:0 2.244389% .538462em 25%;
-}
-
-.ie6 dl.itemDetail dd {
-height:1%;
-}
-
-.share .button-nav {
-float:left;
-margin:0 .5em .692308em 0;
-}
-
-.top-tasks .text {
-padding:0 2.244389%;
-}
-
-.top-tasks h2 {
-margin:0 -2.5%;
-padding:0 2.5%;
-}
-
-.top-tasks ul.first,.report-apply-pay ul.first {
-float:left;
-width:48.101269%;
-margin:.692308em 0;
-}
-
-.top-tasks ul.second,.report-apply-pay ul.second {
-float:right;
-width:45.147682%;
-margin:.692308em 2.953586% .692308em 0;
-}
-
-.news {
-clear:none;
-}
-
-.news .feed {
-left:2.244389%;
-}
-
-.news ol {
-overflow:hidden;
-margin:0 0 1.384615em;
-}
-
-.news .only-feature,.news .feature1 {
-margin-left:2.244389%;
-}
-
-.news .feature1 {
-width:49.799999%;
-float:left;
-}
-
-.news .feature2 {
-width:49.799999%;
-float:left;
-margin:0 0 0 4px;
-}
-
-.find-and-library,.involved {
-float:left;
-width:48.877811%;
-}
-
-.find-and-library {
-margin-right:2.244389%;
-}
-
-.find-and-library .text,.involved .text {
-overflow:hidden;
-padding:0 4.591837%;
-}
-
-.library h2,.involved h2 {
-margin:0 -4.591837%;
-padding:0 4.591837%;
-}
-
-.library .context {
-min-height:16.615385em;
-}
-
-.involved .context {
-min-height:19.384615em;
-}
-
-.library .has-buttons,.involved .has-buttons {
-min-height:15.230769em;
-}
-
-.whats-on h2 {
-margin:0 -2.244389%;
-padding:0 2.244389%;
-}
-
-body .library .has-buttons,body .involved .has-buttons,body .whats-on .has-buttons {
-padding-bottom:4.153846em;
-}
-
-.cms-edit .involved .has-buttons,.cms-edit .whats-on .has-buttons {
-padding-bottom:7em;
-}
-
-.buttons {
-position:absolute;
-bottom:0;
-}
-
-.news .buttons,.cms-edit .buttons {
-position:static;
-}
-
-.small,.large,.report-apply-pay-links {
-display:none;
-}
-
-.medium,.report-apply-pay {
-display:block;
-}
-
-.section-nav,.top-tasks,.report-apply-pay {
-overflow:hidden;
-}
-
-.section-nav ul,.related .section {
-float:left;
-width:46.633415%;
-margin:0 2.244389% 0 0;
-}
-
-.rtl .section-nav ul,.rtl .related .section {
-float:right;
-}
-
-@media screen {
-.text {
-padding:.1px 2.244389% 0;
-}
-
-.ie67 .text {
-padding:0 2.244389%;
-}
-}
-- 
cgit v1.2.3


From 7645ce22d2b93034a7732c19b3aff759bae83727 Mon Sep 17 00:00:00 2001
From: Dave Arter <davea@mysociety.org>
Date: Fri, 4 Jul 2014 11:13:05 +0100
Subject: [East Sussex] Build templates from fragments published on
 eastsussex.gov.uk

 - Update styles to handle new templates
 - Ignore built templates
 - Ignore downloaded template fragments
 - Put East Sussex CSS before FMS overrides
 - Allow template build script to be run from outside its directory
 - Add file-watching capability to East Sussex template building script for local dev
---
 templates/web/eastsussex/.gitignore                |   6 +
 .../web/eastsussex/build_eastsussex_templates.py   |  96 +++++++++++++
 templates/web/eastsussex/footer.html               | 106 --------------
 templates/web/eastsussex/footer.html.template      |  38 +++++
 templates/web/eastsussex/header.html               | 159 ---------------------
 templates/web/eastsussex/header.html.template      |  32 +++++
 web/cobrands/eastsussex/base.scss                  |   8 +-
 web/cobrands/eastsussex/layout.scss                |   3 +-
 8 files changed, 178 insertions(+), 270 deletions(-)
 create mode 100644 templates/web/eastsussex/.gitignore
 create mode 100755 templates/web/eastsussex/build_eastsussex_templates.py
 delete mode 100644 templates/web/eastsussex/footer.html
 create mode 100644 templates/web/eastsussex/footer.html.template
 delete mode 100644 templates/web/eastsussex/header.html
 create mode 100644 templates/web/eastsussex/header.html.template

diff --git a/templates/web/eastsussex/.gitignore b/templates/web/eastsussex/.gitignore
new file mode 100644
index 000000000..8380978ad
--- /dev/null
+++ b/templates/web/eastsussex/.gitignore
@@ -0,0 +1,6 @@
+header.html
+footer.html
+FooterDesktop.html
+HeaderDesktop.html
+HtmlTag.html
+MetadataDesktop.html
diff --git a/templates/web/eastsussex/build_eastsussex_templates.py b/templates/web/eastsussex/build_eastsussex_templates.py
new file mode 100755
index 000000000..389755042
--- /dev/null
+++ b/templates/web/eastsussex/build_eastsussex_templates.py
@@ -0,0 +1,96 @@
+#!/usr/bin/env python
+import urllib2
+import os
+import sys
+import argparse
+import time
+
+try:
+    from fsevents import Stream, Observer
+    WATCH_AVAILABLE = True
+except ImportError:
+    WATCH_AVAILABLE = False
+
+TEMPLATES = {
+    "header.html.template": (
+        "HtmlTag",
+        "MetadataDesktop",
+        (
+            "HeaderDesktop",
+            (
+                ("<header>", '<header class="eastsussex">'),
+            )
+        ),
+    ),
+    "footer.html.template": (
+        "FooterDesktop",
+    )
+}
+
+BASE_URL = "https://www.eastsussex.gov.uk/masterpages/remote/control.aspx?control={fragment}&host=mysociety.org"
+
+
+def patch_fragment(fragment, patches):
+    if not patches:
+        return fragment
+    for search, replacement in patches:
+        fragment = fragment.replace(search, replacement)
+    return fragment
+
+
+def update_templates():
+    for template_path, fragment_names in TEMPLATES.items():
+        template = open(template_path).read()
+        fragments = {}
+        for name in fragment_names:
+            if isinstance(name, tuple):
+                name, patches = name
+            else:
+                patches = None
+            url = BASE_URL.format(fragment=name)
+            content = urllib2.urlopen(url).read().replace("\r", "")
+            fragments[name] = patch_fragment(content, patches)
+            open("{0}.html".format(name), "wb").write(fragments[name])
+        with open(template_path[:-9], "wb") as outfile:
+            outfile.write(template.format(**fragments))
+
+
+def event_callback(event):
+    filename = os.path.basename(event.name)
+    if filename in TEMPLATES.keys():
+        print "{} has changed, updating templates...".format(filename)
+        update_templates()
+        print "done."
+
+def watch_local_files():
+    print "Watching for changes to: {}".format(", ".join(TEMPLATES.keys()))
+    observer = Observer()
+    stream = Stream(event_callback, os.getcwd(), file_events=True)
+    observer.schedule(stream)
+    try:
+        observer.start()
+        while True:
+            time.sleep(86400)
+    except KeyboardInterrupt:
+        observer.stop()
+
+
+def main():
+    os.chdir(os.path.dirname(__file__))
+
+    parser = argparse.ArgumentParser(description="Build header.html and footer.html from online East Sussex template fragments.")
+    parser.add_argument("-w", "--watch", action="store_true")
+
+    args = parser.parse_args()
+
+    if args.watch:
+        if not WATCH_AVAILABLE:
+            print "Watch functionality not available. This currently needs OS X and the macfsevents Python package."
+            sys.exit(1)
+        watch_local_files()
+    else:
+        update_templates()
+
+
+if __name__ == '__main__':
+    main()
diff --git a/templates/web/eastsussex/footer.html b/templates/web/eastsussex/footer.html
deleted file mode 100644
index 7f8ec74bc..000000000
--- a/templates/web/eastsussex/footer.html
+++ /dev/null
@@ -1,106 +0,0 @@
-            </div> <!-- content -->
-        </div> <!-- container -->
-    </div>
-
-</div></div></div> <!-- 3 levels of wrapper -->
-
-    <div class="nav-wrapper clearfix">
-        <div class="main-menu-wrapper">
-            <div class="main-menu">
-            <ul class="clearfix" id="mobile-menu">
-                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
-                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
-                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
-                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
-                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
-                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
-                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
-            </ul>
-            </div>
-        </div>
-        <div class="sign-in">
-            [% IF c.user_exists %]
-                <p>
-                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
-                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
-                </p>
-            [% END %]
-        </div>
-    </div>
-</div>
-    
-<footer>
-<div class="footer screen" role="contentinfo">
-    
-<div class="languages clearfix">
-    <div class="container">
-        <ul>
-            <li lang="zh-Hans" xml:lang="zh-Hans" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=zh-Hans&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_chinese" hreflang="zh-Hans" rel="nofollow alternate">中文</a>
-            </li>
-            <li lang="ar" xml:lang="ar" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ar&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_arabic" hreflang="ar" rel="nofollow alternate">العربية</a>
-            </li>
-            <li lang="ur" xml:lang="ur" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ur&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_urdu" hreflang="ur" rel="nofollow alternate">اردو</a>
-            </li>
-            <li lang="ku" xml:lang="ku" dir="rtl" class="nonLatin">
-                <a href="/contactus/translation.aspx?c=ku&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_kurdish" hreflang="ku" rel="nofollow alternate">کوردی سۆرانی</a>
-            </li>
-            <li lang="pt" xml:lang="pt">
-                <a href="/contactus/translation.aspx?c=pt&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_portugese" hreflang="pt" rel="nofollow alternate">Português</a>
-            </li>
-            <li lang="pl" xml:lang="pl">
-                <a href="/contactus/translation.aspx?c=pl&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_polish" hreflang="pl" rel="nofollow alternate">Polski</a>
-            </li>
-            <li lang="sk" xml:lang="sk">
-                <a href="/contactus/translation.aspx?c=sk&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_slovakian" hreflang="sk" rel="nofollow alternate">Slovenčina</a>
-            </li>
-            <li lang="tr" xml:lang="tr">
-                <a href="/contactus/translation.aspx?c=tr&amp;url=http%3a%2f%2fwww.eastsussex.gov.uk%2fdefault.htm" id="footer_ctl01_ctl00_turkish" hreflang="tr" rel="nofollow alternate">Türkçe</a>
-            </li>
-            
-        </ul>
-    </div>
-</div> 
-
-    <div class="container footer-content">
-        <div class="online">
-            <nav>
-            <h2>Connect with us</h2>
-            
-            <p class="social"><a href="/contactus/socialmedia/default.htm" id="footer_ctl01_social"><span class="twitter"><span class="facebook"><span class="youtube"><span class="flickr">&nbsp;</span></span></span></span><span class="find">Find us on social media</span></a></p>
-            <ul><li><a href="/about/" id="footer_ctl01_about" accesskey="8">About this site</a></li>
-            <li><a href="/about/privacypolicy/default.htm" id="footer_ctl01_privacy">Privacy and cookies</a></li></ul>
-            </nav>
-        </div>
-                
-        <form method="post" class="newsletter form" action="https://www.eastsussex.gov.uk/registered/updates/subscribe.aspx">
-            <h2>Get money for your project with our Funding News</h2>
-            <p><label for="newsletter">My email address is:</label></p>
-            <input type="email" id="newsletter" name="newsletter" class="email" />
-            <input type="hidden" name="item" value="6" />
-            <input type="submit" value="Sign up" class="button" />
-        </form>
-
-        <div id="footer_ctl01__ctrl_0_feed" class="petitions">
-	
-	<div>
-        <p><a href="/yourcouncil/consultation/petitions/default.htm" id="footer_ctl01__ctrl_0_feed_footer_start">Start your own petition</a></p>
-        </div>
-	
-</div>
-    </div>
-</div>
-</footer>
-    
-<!-- <script src="http://www.eastsussex.gov.uk/js/analytics-autosuggest-config-crossoriginie-documents-home-hometabs-jqueryload-jqueryui-media-statistics-switchview-v19.jsx"></script> -->
-
-  </body>
-</html>
-
-
-
diff --git a/templates/web/eastsussex/footer.html.template b/templates/web/eastsussex/footer.html.template
new file mode 100644
index 000000000..f561aff40
--- /dev/null
+++ b/templates/web/eastsussex/footer.html.template
@@ -0,0 +1,38 @@
+            </div> <!-- content -->
+        </div> <!-- container -->
+    </div>
+
+</div></div></div> <!-- 3 levels of wrapper -->
+
+    <div class="nav-wrapper clearfix">
+        <div class="main-menu-wrapper">
+            <div class="main-menu">
+            <ul class="clearfix" id="mobile-menu">
+                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+            </ul>
+            </div>
+        </div>
+        <div class="sign-in">
+            [% IF c.user_exists %]
+                <p>
+                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                </p>
+            [% END %]
+        </div>
+    </div>
+</div>
+
+{FooterDesktop}
+
+</body>
+</html>
diff --git a/templates/web/eastsussex/header.html b/templates/web/eastsussex/header.html
deleted file mode 100644
index 1b2883f4a..000000000
--- a/templates/web/eastsussex/header.html
+++ /dev/null
@@ -1,159 +0,0 @@
-<!DOCTYPE html>
-
-<!--[if lt IE 7 ]> <html class="no-js ie6 ie67" lang="en"> <![endif]-->
-<!--[if IE 7 ]>    <html class="no-js ie7 ie67" lang="en"> <![endif]-->
-<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"
-      xmlns:fb="https://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns# fb: https://www.facebook.com/2008/fbml schema: http://schema.org/"> <!--<![endif]-->
-
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
-<link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
-<link rel="stylesheet" href="[% version('/cobrands/eastsussex/cmsconsolesmall-v50.css') %]>
-[% extra_css %]
-<!--[if (lt IE 9) & (!IEMobile)]>
-    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
-<![endif]-->
-
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
-    media="only screen and (min-width: 474px)" class="mqMedium" />
-
-<!--[if (lte IE 8) & !(IEMobile 7) ]
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqMedium.css') %]" 
-    class="mqIE mqMedium" />
-<![endif]-->
-
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
-    media="only screen and (min-width: 802px)" class="mqLarge" />
-
-<!--[if (lte IE 8) & !(IEMobile 7) ]>
-<link rel="stylesheet" type="text/css" href="[% start %][% version('/cobrands/eastsussex/mqLarge.css') %]"
-    class="myIE mqLarge" />
-<![endif]-->
-
-<script src="[% start %][% version('/js/modernizr.custom.js') %]" charset="utf-8"></script>
-<script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
-[% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
-[% extra_js %]
-
-[% IF c.req.uri.host == 'osm.fixmystreet.com' %]
-    <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]">
-[% END %]
-
-[% INCLUDE 'tracking_code.html' %]
-
-<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
-<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
-<meta name="DC.title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta property="og:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="twitter:title" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.creator" content="Web and Intranet Editor, Digital Services, 01273 335847" lang="en-GB" xml:lang="en-GB" />
-<meta name="DCTERMS.created" class="DCTERMS.W3CDTF" content="2006-10-23" />
-<meta name="DCTERMS.issued" class="DCTERMS.W3CDTF" content="2006-11-02" />
-<meta name="DCTERMS.modified" class="DCTERMS.W3CDTF" content="2014-05-22" />
-<meta name="DC.subject" class="eGMS.IPSV" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
-<meta name="eGMS.accessibility" class="eGMS.WCAG10" content="Double-A" />
-<meta name="eGMS.systemID" content="{15D28A23-DC25-4E88-B903-A170F0206C35}" />
-<meta property="og:url" content="http://www.eastsussex.gov.uk/default.htm" />
-<meta name="DC.publisher" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta name="DCTERMS.spatial" content="East Sussex, UK" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.language" class="DCTERMS.ISO639-2" content="eng" />
-<meta name="DC.description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta property="og:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="twitter:description" content="East Sussex County Council&#39;s website has a wealth of advice on council services and related subjects, for residents, businesses and visitors to the county." lang="en-GB" xml:lang="en-GB" />
-<meta name="keywords" content="Government, politics and public administration" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.subject" class="eGMS.LGIL" content="Providing information" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.type" class="eGMS.LGTL" content="Home page" lang="en-GB" xml:lang="en-GB" />
-<meta property="og:type" content="government" lang="en-GB" xml:lang="en-GB" />
-<meta name="DC.format" class="DCTERMS.IMT" content="text/html" />
-<meta name="eGMS.disposalReview" class="DCTERMS.W3CDTF" content="2014-07-02" />
-<meta name="eGMS.copyright" class="DCTERMS.URI" content="http://www.eastsussex.gov.uk/about/copyright/" />
-<link rel="copyright" href="http://www.eastsussex.gov.uk/about/copyright/" title="Copyright information for this page" />
-<link rel="apple-touch-icon-precomposed" href="http://www.eastsussex.gov.uk/apple-touch-icon-precomposed.png" />
-<meta name="msapplication-TileImage" content="http://www.eastsussex.gov.uk/windows-tile.png" />
-<meta name="msapplication-TileColor" content="#ffffff" />
-<meta property="og:image" content="https://www.eastsussex.gov.uk/img/logo-for-facebook.png" />
-<meta property="og:site_name" content="East Sussex County Council" lang="en-GB" xml:lang="en-GB" />
-<meta property="fb:app_id" content="169406409819518" />
-<meta property="twitter:card" content="summary" />
-<meta property="twitter:site" content="@eastsussexcc" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/features.xml" title="News - East Sussex County Council" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/whatson.xml" title="What's on - East Sussex County Council" />
-<link rel="alternate" type="application/rss+xml" href="http://www.eastsussex.gov.uk/rss/get-involved.xml" title="Get involved - East Sussex County Council" />
-<link rel="search" type="application/opensearchdescription+xml" title="East Sussex County Council" href="http://www.eastsussex.gov.uk/search/opensearch.xml" />
-
-    <link rel="alternate" type="application/rdf+xml" href="/eastsussexcountycouncil.rdf" title="RDF/XML version of this document"/>    
-    
-    
-<title>
-    East Sussex County Council
-</title></head>
-
-<body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
-    
-<p><a class="aural keyboard" href="#main" accesskey="s">Skip to main content</a></p>
-<p><a href="/webhome/masterpages/choose.ashx?template=mobile" id="ctl12_switchView" class="aural keyboard switch">Use our mobile site &#8211; it's better for keyboard users</a></p>
-<span id="fb-root"></span>
-
-<header id="site-header" class="eastsussex">
-<div class="header" role="banner">
-    <div class="eastsussex-context eastsussex-container">  
-        <div class="mask" typeof="schema:Organization">  
-            <div class="logo-small"><img alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-small.gif" width="43" height="31" /> <span property="schema:name">East Sussex County Council</span></div>
-            <img property="schema:logo" alt="" src="//static2.eastsussexcc.gov.uk/img/header/logo-large.gif" width="118" height="85" class="logo-large large" />
-            <a href="/contactus/default.htm" id="header_ctl01_contact" class="contact screen" accesskey="7">Contact us</a>
-
-            <nav role="navigation">
-                <div id="header_ctl01_az" class="screen alphabet">
-    <h2>Our services:</h2><a href="/atoz/default.aspx?index=a" title="Services beginning with A">A</a><a href="/atoz/default.aspx?index=b" title="Services beginning with B">B</a><a href="/atoz/default.aspx?index=c" title="Services beginning with C">C</a><a href="/atoz/default.aspx?index=d" title="Services beginning with D">D</a><a href="/atoz/default.aspx?index=e" title="Services beginning with E">E</a><a href="/atoz/default.aspx?index=f" title="Services beginning with F">F</a><a href="/atoz/default.aspx?index=g" title="Services beginning with G">G</a><a href="/atoz/default.aspx?index=h" title="Services beginning with H">H</a><a href="/atoz/default.aspx?index=i" class="i" title="Services beginning with I">I</a><a href="/atoz/default.aspx?index=j" title="Services beginning with J">J</a><a href="/atoz/default.aspx?index=k" title="Services beginning with K">K</a><a href="/atoz/default.aspx?index=l" title="Services beginning with L">L</a><a href="/atoz/default.aspx?index=m" title="Services beginning with M">M</a><a href="/atoz/default.aspx?index=n" title="Services beginning with N">N</a><a href="/atoz/default.aspx?index=o" title="Services beginning with O">O</a><a href="/atoz/default.aspx?index=p" title="Services beginning with P">P</a><a href="/atoz/default.aspx?index=r" title="Services beginning with R">R</a><a href="/atoz/default.aspx?index=s" title="Services beginning with S">S</a><a href="/atoz/default.aspx?index=t" title="Services beginning with T">T</a><a href="/atoz/default.aspx?index=u" title="Services beginning with U">U</a><a href="/atoz/default.aspx?index=v" title="Services beginning with V">V</a><a href="/atoz/default.aspx?index=w" title="Services beginning with W">W</a><a href="/atoz/default.aspx?index=y" title="Services beginning with Y">Y</a><a href="/atoz/default.aspx?index=z" class="z" title="Services beginning with Z">Z</a>
-</div>
-            </nav>
-
-            <form action="/search/search.aspx" method="get" id="search" role="search" class="screen">
-                <div class="search-inner">
-                    <div class="term-outer">
-                        <div class="term-inner">
-                            <label for="q" class="aural">Search</label>
-                            <input type="search" class="search" placeholder="Enter your search term" id="q" name="q" accesskey="4" value="" />
-                        </div>
-                    </div>
-                    <div class="submit"><input type="submit" value="Go" /></div>
-                </div>
-            </form>
-                        
-            <div id="menu" role="navigation" class="screen">
-            <nav>
-                <ul>
-                    <li class="mobile"><a href="/default.htm" id="header_ctl01_mobileHome" accesskey="1">Home</a></li>
-                    <li class="mobile"><a href="#mobile-menu" id="header_ctl01_mobileMenu" accesskey="3">Menu</a></li>
-                    <li class="jobs"><a href="/jobs/default.htm" id="header_ctl01_jobs">Jobs</a></li>
-                    <li class="libraries"><a href="/libraries/default.htm" id="header_ctl01_libraries">Libraries</a></li>
-                    <li class="leisure"><a href="/leisureandtourism/default.htm" id="header_ctl01_leisure">Leisure</a></li>
-                    <li class="education"><a href="/educationandlearning/default.htm" id="header_ctl01_education">Education</a></li>
-                    <li class="transport long"><a href="/roadsandtransport/default.htm" id="header_ctl01_transport">Roads &amp; transport</a></li>
-                    <li class="environment long"><a href="/environment/default.htm" id="header_ctl01_environment">Environment &amp;&nbsp;planning</a></li>
-                    <li class="council long"><a href="/yourcouncil/default.htm" id="header_ctl01_council">Your<br />Council</a></li>
-                    <li class="community"><a href="/community/default.htm" id="header_ctl01_community">Community</a></li>
-                    <li class="families"><a href="/childrenandfamilies/default.htm" id="header_ctl01_families">Families</a></li>
-                    <li class="socialcare long"><a href="/socialcare/default.htm" id="header_ctl01_socialcare">Adult social care&nbsp;&amp;&nbsp;health</a></li>
-                    <li class="business"><a href="/business/default.htm" id="header_ctl01_business">Business</a></li>
-                </ul>
-            </nav>
-        </div>
-    </div>
-</div>
-
-</div>
-</header>
-
-<div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
-
-    <div id="mysociety" role="main" class="body">
-        <div class="container">
-            [% pre_container_extra %]
-            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">
-
diff --git a/templates/web/eastsussex/header.html.template b/templates/web/eastsussex/header.html.template
new file mode 100644
index 000000000..8b60779fa
--- /dev/null
+++ b/templates/web/eastsussex/header.html.template
@@ -0,0 +1,32 @@
+{HtmlTag}
+
+<head>
+    {MetadataDesktop}
+
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/base.css') %]">
+    <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]" media="(min-width:48em)">
+    [% extra_css %]
+    <!--[if (lt IE 9) & (!IEMobile)]>
+        <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
+    <![endif]-->
+
+    <script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
+    [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
+    [% extra_js %]
+
+    [% IF c.req.uri.host == 'osm.fixmystreet.com' %]
+        <link rel="canonical" href="http://www.fixmystreet.com[% c.req.uri.path_query %]">
+    [% END %]
+
+    <title>East Sussex County Council</title>
+</head>
+
+<body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
+
+{HeaderDesktop}
+
+<div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
+    <div id="mysociety" role="main" class="body">
+        <div class="container">
+            [% pre_container_extra %]
+            <div class="content[% " $mainclass" | html IF mainclass %]" role="main">
diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index cffdcb314..edf040055 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -41,7 +41,7 @@ h1.main {
 #nav-link {
   width: 50px;
   height: 48px;
-  background: url('/cobrands/eastsussex/tab-blue.png') 0 0 no-repeat;
+//  background: url('/cobrands/eastsussex/tab-blue.png') 0 0 no-repeat;
 }
 
 #problems-nav {
@@ -84,9 +84,9 @@ h1.main {
 }
 
 
-.header {
-    background: #004b7b url(img/mobile.jpg) repeat-x;
-}
+//.header {
+//    background: #004b7b url(img/mobile.jpg) repeat-x;
+//}
 
 body > p {
     margin: 0;
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index 4c4fb2103..8c4388de9 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -16,8 +16,9 @@
     padding: 1em;
 }
 
-.container {
+.container, .eastsussex-container {
     width: initial;
+    max-width: 966px;
 }
 
 #site-header .header a.contact {
-- 
cgit v1.2.3


From fb007dcd9047268896b04b0ee08f7a9822c8d63b Mon Sep 17 00:00:00 2001
From: Dave Arter <davea@mysociety.org>
Date: Tue, 15 Jul 2014 17:54:51 +0100
Subject: [East Sussex] map and nav cosmetics

 - Use East Sussex-specific position_map.js
 - Display map correctly on desktop
 - Increase default zoom level and use correct grammar for postcode box
 - Tidy up default font size and center elements on postcode form
 - Correctly position report form, allow links in sidebar to be seen
 - Make map guidance text visible on mobile
 - Fix display of site header across all pages
 - More sidebar/header fixes
 - Override some text on the report sidebar to be more friendly
 - Remove unused images
 - Use breadcrumb bar for main nav on desktop
 - Restore correct background colour to footer
 - Tighten up vertical spacing on all pages
 - Slacken vertical spacing on home page
 - Stop the sidebar clobbering the footer
 - Tidy up menu display
 - Ensure form errors are shown properly
 - Add greeting and 'sign out' link to appropriate place
 - Ensure correct width is used on IE8
 - Make 'home' breadcrumb a span instead of a link
 - Hide top 4px border on mobile
 - Remove breadcrumb styling from FMS nav
 - Use ellipsis and correct capitalization on confirm page
 - Don't uppercase all button labels
 - Hide email icon in email fields
 - Don't italicise input placeholder text
 - Use correct font family, alignment and size for various elements
 - Correct box shadow, fix pin alignment, various UI fixes
 - Ensure font size isn't too small. Fix header on wide but small screens
 - Don't adjust .content height for East Sussex pages
---
 perllib/FixMyStreet/Cobrand/EastSussex.pm          |   8 +
 templates/web/eastsussex/email_sent.html           |  34 +++++
 templates/web/eastsussex/footer.html.template      |  38 +++--
 templates/web/eastsussex/header.html.template      |  32 +++-
 .../report/new/fill_in_details_text.html           |  10 ++
 templates/web/eastsussex/report/new/notes.html     |  11 ++
 web/cobrands/eastsussex/base.scss                  |  68 ++++++++-
 web/cobrands/eastsussex/img/desktop.png            | Bin 19451 -> 0 bytes
 web/cobrands/eastsussex/img/gradient.jpg           | Bin 467 -> 0 bytes
 web/cobrands/eastsussex/img/item-type.gif          | Bin 6105 -> 0 bytes
 web/cobrands/eastsussex/img/menu-item.gif          | Bin 574 -> 0 bytes
 web/cobrands/eastsussex/img/mobile.jpg             | Bin 2475 -> 0 bytes
 web/cobrands/eastsussex/img/xmas-lights.jpg        | Bin 7762 -> 0 bytes
 web/cobrands/eastsussex/layout.scss                | 167 +++++++++++++--------
 web/cobrands/eastsussex/position_map.js            |  21 +++
 web/cobrands/fixmystreet/fixmystreet.js            |   4 +-
 16 files changed, 305 insertions(+), 88 deletions(-)
 create mode 100644 templates/web/eastsussex/email_sent.html
 create mode 100644 templates/web/eastsussex/report/new/fill_in_details_text.html
 create mode 100644 templates/web/eastsussex/report/new/notes.html
 delete mode 100644 web/cobrands/eastsussex/img/desktop.png
 delete mode 100644 web/cobrands/eastsussex/img/gradient.jpg
 delete mode 100644 web/cobrands/eastsussex/img/item-type.gif
 delete mode 100644 web/cobrands/eastsussex/img/menu-item.gif
 delete mode 100644 web/cobrands/eastsussex/img/mobile.jpg
 delete mode 100644 web/cobrands/eastsussex/img/xmas-lights.jpg
 create mode 100644 web/cobrands/eastsussex/position_map.js

diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm
index 581fcabc8..9eadbed4e 100644
--- a/perllib/FixMyStreet/Cobrand/EastSussex.pm
+++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm
@@ -34,5 +34,13 @@ sub example_places {
     return ( 'BN7 2LZ', 'White Hill, Lewes' );
 }
 
+sub enter_postcode_text {
+    my ($self) = @_;
+    return 'Enter an East Sussex postcode, or street name and area';
+}
+
+# increase map zoom level so street names are visible
+sub default_map_zoom { return 3; }
+
 1;
 
diff --git a/templates/web/eastsussex/email_sent.html b/templates/web/eastsussex/email_sent.html
new file mode 100644
index 000000000..f64a3cd64
--- /dev/null
+++ b/templates/web/eastsussex/email_sent.html
@@ -0,0 +1,34 @@
+[% INCLUDE 'header.html', bodyclass = 'twothirdswidthpage', title = loc('Create a report') %]
+
+<h1>[% loc("Nearly done! Now check your email&hellip;") %]</h1>
+
+[% IF c.cobrand.moniker != 'zurich' %]
+    <p>[% loc("The confirmation email <strong>may</strong> take a few minutes to arrive &mdash; <em>please</em> be patient.") %]</p>
+[% END %]
+
+<p>[% loc("If you use web-based email or have 'junk mail' filters, you may wish to check your bulk/spam mail folders: sometimes, our messages are marked that way.") %]</p>
+
+[% IF c.cobrand.moniker != 'zurich' %]
+    <p>
+    [% loc("You must now click the link in the email we've just sent you.") %]
+    [% IF email_type == 'problem' %]
+        [% loc("If you do not, your problem will not be posted.") %]
+    [% ELSIF email_type == 'update' %]
+        [% loc("If you do not, your update will not be posted.") %]
+    [% ELSIF email_type == 'alert' %]
+        [% loc("If you do not, your alert will not be activated.") %]
+    [% END %]
+    </p>
+
+    <p>
+    [% IF email_type == 'problem' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your problem report while you're checking your email.)") %]
+    [% ELSIF email_type == 'update' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your update while you're checking your email.)") %]
+    [% ELSIF email_type == 'alert' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your alert while you're checking your email.)") %]
+    [% END %]
+    </p>
+[% END %]
+
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/eastsussex/footer.html.template b/templates/web/eastsussex/footer.html.template
index f561aff40..e98ea7168 100644
--- a/templates/web/eastsussex/footer.html.template
+++ b/templates/web/eastsussex/footer.html.template
@@ -7,28 +7,26 @@
     <div class="nav-wrapper clearfix">
         <div class="main-menu-wrapper">
             <div class="main-menu">
-            <ul class="clearfix" id="mobile-menu">
-                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
-                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
-                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
-                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
-                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
-                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
-                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
-            </ul>
+                <ul class="clearfix" id="mobile-menu">
+                    <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                        >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                        %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                        %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                        %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                        %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+                    [% IF c.user_exists %]
+                        <li>
+                            [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                            <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                        </li>
+                    [% END %]
+                </ul>
             </div>
         </div>
-        <div class="sign-in">
-            [% IF c.user_exists %]
-                <p>
-                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
-                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
-                </p>
-            [% END %]
-        </div>
     </div>
 </div>
 
diff --git a/templates/web/eastsussex/header.html.template b/templates/web/eastsussex/header.html.template
index 8b60779fa..c7fda68f4 100644
--- a/templates/web/eastsussex/header.html.template
+++ b/templates/web/eastsussex/header.html.template
@@ -10,7 +10,7 @@
         <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
     <![endif]-->
 
-    <script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
+    <script src="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/position_map.js') %]" charset="utf-8"></script>
     [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
     [% extra_js %]
 
@@ -23,7 +23,35 @@
 
 <body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
 
-{HeaderDesktop}
+<div id="site-header">
+    {HeaderDesktop}
+
+    <div class="container" id="nav-container">
+        <nav id="breadcrumb_breadcrumbTrail">
+            <ol class="breadcrumb screen large">
+                <li>
+                    <a href="/">FixMyStreet</a>
+                </li>
+                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+            </ol>
+            [% IF c.user_exists %]
+                <div class="sign-in large">
+                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                </div>
+            [% END %]
+        </nav>
+    </div>
+</div>
 
 <div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
     <div id="mysociety" role="main" class="body">
diff --git a/templates/web/eastsussex/report/new/fill_in_details_text.html b/templates/web/eastsussex/report/new/fill_in_details_text.html
new file mode 100644
index 000000000..3f967a72a
--- /dev/null
+++ b/templates/web/eastsussex/report/new/fill_in_details_text.html
@@ -0,0 +1,10 @@
+[%
+    IF area_ids_to_list.size != 0;
+        loc('East Sussex County Council won&rsquo;t be able to help unless you leave as much detail as you can. Please describe the exact location of the problem (e.g. on a wall), what it is, how long it has been there, a description (and a photo of the problem if you have one), etc.');
+        IF category_extras;
+            ' ' _ loc('Some categories may require additional information.');
+        END;
+    ELSE;
+        loc('Please fill in details of the problem below.');
+    END;
+%]
diff --git a/templates/web/eastsussex/report/new/notes.html b/templates/web/eastsussex/report/new/notes.html
new file mode 100644
index 000000000..c29925925
--- /dev/null
+++ b/templates/web/eastsussex/report/new/notes.html
@@ -0,0 +1,11 @@
+<p>[% loc("Please note:") %]</p>
+
+<ul class="plain-list">
+    <li>[% loc("We will only use your personal information in accordance with our <a href=\"/privacy\">privacy policy.</a>") %]</li>
+  [% IF c.cobrand.moniker != 'zurich' %]
+    <li>[% loc("Please be polite, concise and to the point.") %]</li>
+    <li>[% loc("Please do not be abusive&nbsp;&mdash; abusing your council devalues the service for all users.") %]</li>
+    <li>[% loc("Writing your message entirely in block capitals makes it hard to read, as does a lack of punctuation.") %]</li>
+  [% END %]
+    <li>[% loc("Remember that FixMyStreet is primarily for reporting physical problems that can be fixed. If your problem is not appropriate for submission via this site remember that you can contact us directly using our website <a href=\"http://www.eastsussex.gov.uk\">eastsussex.gov.uk</a>.") %]</li>
+</ul>
diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index edf040055..4dc63f800 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -3,8 +3,18 @@
 @import "../sass/mixins";
 @import "compass";
 
+$heading-font: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
+
 @import "../sass/base";
 
+body {
+    font-size: 13px;
+}
+
+.content {
+    padding: 0 1em;
+}
+
 a, a:visited {
     color: #369;
     &:hover, &:active {
@@ -35,13 +45,17 @@ h1.main {
     background: $primary;
     height: 76px;
     border-top-width: 4px;
+    margin-top: -4px;
 }
 
 // Colour tab to match colour scheme
 #nav-link {
   width: 50px;
   height: 48px;
-//  background: url('/cobrands/eastsussex/tab-blue.png') 0 0 no-repeat;
+}
+
+#breadcrumb_breadcrumbTrail ol li {
+    list-style: none;
 }
 
 #problems-nav {
@@ -56,9 +70,14 @@ h1.main {
     }
 }
 
+#report-a-problem-sidebar .sidebar-notes a {
+    color: #fff;
+    text-decoration: underline;
+}
+
 .big-green-banner {
     text-transform: none;
-    z-index: 0;
+    z-index: 5000;
 }
 
 #form_sign_in {
@@ -70,8 +89,17 @@ h1.main {
     margin: 0;
     padding: 1em;
 
+    #front-main-container {
+        text-align: center;
+    }
+
     #postcodeForm {
         padding: 1em;
+
+        label {
+            text-align: center;
+        }
+
         div {
             padding-top: 0px;
             input#pc {
@@ -83,10 +111,12 @@ h1.main {
     }
 }
 
+.frontpage #mysociety #front-main-container {
+    h1, h2 {
+        text-align: center;
+    }
+}
 
-//.header {
-//    background: #004b7b url(img/mobile.jpg) repeat-x;
-//}
 
 body > p {
     margin: 0;
@@ -107,7 +137,7 @@ body > p {
             border-radius: 3px;
         }
 
-        a {
+        a, a:hover {
             background-color: #00a1de;
             color: white;
         }
@@ -127,4 +157,30 @@ body > p {
         display: inline-block;
         float: none !important;
     }
+}
+
+button, input[type=submit], .btn {
+    text-transform: none;
+}
+
+.email {
+    background-image: none;
+}
+
+::-webkit-input-placeholder {
+  font-style: normal;
+}
+:-moz-placeholder {
+    font-style: normal;
+}
+:-ms-placeholder {
+    font-style: normal;
+}
+.placeholder {
+    font-style: normal;
+}
+
+
+#geolocate_link {
+    font-size: 1.0em;
 }
\ No newline at end of file
diff --git a/web/cobrands/eastsussex/img/desktop.png b/web/cobrands/eastsussex/img/desktop.png
deleted file mode 100644
index abebf4d40..000000000
Binary files a/web/cobrands/eastsussex/img/desktop.png and /dev/null differ
diff --git a/web/cobrands/eastsussex/img/gradient.jpg b/web/cobrands/eastsussex/img/gradient.jpg
deleted file mode 100644
index 0c9c27dd2..000000000
Binary files a/web/cobrands/eastsussex/img/gradient.jpg and /dev/null differ
diff --git a/web/cobrands/eastsussex/img/item-type.gif b/web/cobrands/eastsussex/img/item-type.gif
deleted file mode 100644
index 12a941daa..000000000
Binary files a/web/cobrands/eastsussex/img/item-type.gif and /dev/null differ
diff --git a/web/cobrands/eastsussex/img/menu-item.gif b/web/cobrands/eastsussex/img/menu-item.gif
deleted file mode 100644
index f0cdc0198..000000000
Binary files a/web/cobrands/eastsussex/img/menu-item.gif and /dev/null differ
diff --git a/web/cobrands/eastsussex/img/mobile.jpg b/web/cobrands/eastsussex/img/mobile.jpg
deleted file mode 100644
index 148da59c7..000000000
Binary files a/web/cobrands/eastsussex/img/mobile.jpg and /dev/null differ
diff --git a/web/cobrands/eastsussex/img/xmas-lights.jpg b/web/cobrands/eastsussex/img/xmas-lights.jpg
deleted file mode 100644
index a5805779a..000000000
Binary files a/web/cobrands/eastsussex/img/xmas-lights.jpg and /dev/null differ
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index 8c4388de9..e4a897cc9 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -17,16 +17,19 @@
 }
 
 .container, .eastsussex-container {
-    width: initial;
+    width: 100%;
     max-width: 966px;
 }
 
-#site-header .header a.contact {
-    text-decoration: underline;
+#menu {
+    height: 55px;
 }
 
 footer {
+    position: relative;
+    z-index: 1000;
     margin-top: 0;
+    background: #aee1f4;
 
     a {
         text-decoration: underline;
@@ -52,6 +55,10 @@ footer {
     }
 }
 
+div.form-error, p.form-error {
+    display: block !important;
+}
+
 body.mappage {
     .main-menu-wrapper {
         position: fixed
@@ -62,66 +69,129 @@ body.mappage {
     }
 
     #fms_pan_zoom {
-        top: 14em!important;
+        top: 16em!important;
     }
 
     #mysociety {
-        padding-top: 7em;
-    }
-
-    #report-a-problem-sidebar {
-        top: 10em;
-
-        .sidebar-notes .plain-list li {
-            font-size: 1em;
-        }
+        margin-top: 0;
+        padding-top: 0;
+        width: auto;
+        background: transparent;
     }
-}
 
-body.mappage, body.twothirdswidthpage {
     .content {
         width: 27em;
-        .sticky-sidebar aside {
-            z-order: 3;
-            top: 16em;
-        }
     }
 
-    /* map page has no menu, so requires less top margin */
-    &.mappage            .content { margin-top: 9em; }
-    &.twothirdswidthpage .content { margin-top: 15em; }
+    #wrapper {
+        display: block;
+        width: auto;
+    }
 
-    #site-header {
-        height: 0;
+    #report-a-problem-sidebar {
+        top: 1em;
     }
+}
 
+.general-sidebar-notes p, #report-a-problem-sidebar p, #report-a-problem-sidebar .sidebar-notes .plain-list li {
+    font-size: 13px;
+    line-height: 14px;
+}
+
+body.twothirdswidthpage.alertindex .content .sticky-sidebar aside {
+    top: -17em;
+}
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+    top: 0;
+    position: absolute;
 }
 
 body.frontpage {
     #site-header {
-        height: 13em;
+        height: auto;
 
         .mobile-header-nav {
             display: none;
         }
     }
+
+    .content {
+        margin-top: 3em;
+    }
 }
 
 #site-header {
-    height: 10em;
-    border-top-width: 0px;
+    border-top-width: 0;
+    margin-top: 0;
+    background: rgb(3, 160, 227);
+
+    .container {
+        position: relative;
+    }
+
+    #nav-container.container {
+        min-height: 0;
+    }
+
+    #breadcrumb_breadcrumbTrail {
+        position: relative;
+
+        a {
+            color: white;
+        }
+
+
+        .breadcrumb {
+            margin: 9px 0 6px 0;
+
+            span {
+                font-weight: bold;
+            }
+
+            li.level1 a {
+                color: #194c7e;
+            }
+        }
+
+        .sign-in {
+            position: absolute;
+            top: 4px;
+            right: 4px;
+        }
+    }
+
+    .header {
+        a.contact {
+            text-decoration: underline;
+        }
+
+        .alphabet h2 {
+            font-size: 1em;
+            font-weight: bold;
+        }
+    }
 }
 
 #mysociety {
-    margin-top: 9px;
+    margin-top: 0;
     padding-top: 24px;
     padding-bottom: 24px;
 }
 
 .content {
+    margin-top: 0;
     width: auto;
 }
 
+.content, body.twothirdswidthpage .content aside {
+    box-shadow: 0 0 12px 0 #dae1e5;
+}
+
+.banner p#fixed {
+    background-position: -328px -333px;
+}
+
 #skipped-map {
     clear: both;
     margin-top: 3em; /* required to push "Your Reports" visible on Safari/IE */
@@ -164,43 +234,22 @@ body.frontpage {
 }
 
 .main-menu-wrapper {
-    position: absolute;
-    height: 2.4em;
-    top: 162px;
-    z-index: 3;
-    background-color: #FFF;
-    width:100%;
-
-
-    ul {
-        margin: 0;
-    }
-
-    li {
-        list-style-type: none;
-        padding: 0.5em;
-        float: left;
-    }
+    display: none;
+}
 
-    .main-menu {
-        max-width: 966px;
-        margin: 0 auto;
 
-        ul li {
-            a, span {
-                background-color: transparent;
-                color: #369;
-            }
-            span {
-                font-weight: bold;
-            }
-        }
-    }
-}
 
 @media only screen and (max-width: 61em) {
     #main-nav {
         padding-left: 0px;
         float:none;
     }
+
+    #site-header {
+        height: auto;
+    }
+
+    body.twothirdswidthpage .content .sticky-sidebar {
+        top: 1em;
+    }
 }
diff --git a/web/cobrands/eastsussex/position_map.js b/web/cobrands/eastsussex/position_map.js
new file mode 100644
index 000000000..30ee88c67
--- /dev/null
+++ b/web/cobrands/eastsussex/position_map.js
@@ -0,0 +1,21 @@
+function position_map_box() {
+    var $html = $('html');
+    if ($html.hasClass('ie6')) {
+        $('#map_box').prependTo('body').css({
+            zIndex: -1, position: 'absolute',
+            top: 0, left: 0, right: 0, bottom: 0,
+            width: '100%', height: $(window).height(),
+            margin: 0
+        });
+    } else {
+        $('#map_box').prependTo('body').css({
+            zIndex: -1, position: 'fixed',
+            top: 0, left: 0, right: 0, bottom: 0,
+            width: '100%', height: '100%',
+            margin: 0
+        });
+    }
+}
+
+function map_fix() {}
+var slide_wards_down = 0;
diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js
index 073f745dd..054bd4480 100644
--- a/web/cobrands/fixmystreet/fixmystreet.js
+++ b/web/cobrands/fixmystreet/fixmystreet.js
@@ -462,7 +462,9 @@ $.fn.drawer = function(id, ajax) {
             if (cobrand == 'bromley') {
                 offset = -110;
             }
-            heightFix(window, '.content', offset, 1);
+            if (cobrand !== "eastsussex") {
+                heightFix(window, '.content', offset, 1);
+            }
             // in case we have a map that isn't full screen
             map_fix();
         }
-- 
cgit v1.2.3


From a956cb82808f01ddd5d78ff510550ba22aaf3d2a Mon Sep 17 00:00:00 2001
From: Hakim Cassimally <hakim@mysociety.org>
Date: Thu, 7 Aug 2014 12:57:34 +0000
Subject: [EastSussex] tweaks after comments from ESCC

 - change front-page text
 - rename Category to Type
    By overriding report/new/category template snippet.  This is hacked
    in (including substitution of the "-- Pick a category --" text, as
    not sure how to simply do this as a cobrand-specific translation.
 - hide footer on mobile view
 - pothole field input and display
      This is a temporary request, which we hope will be superseded by
    full integration in due course.
      A command is documented in the cobrand to set the "extra" on the
    contact info for the Potholes category.  This is then displayed by
    the UI.  The default process_extras places it in extra, for
    potential future processing.
      As this is a temporary fix, we are calling this field
    "detail_size", as this is automatically included in "Details" and
    therefore also sent in the email.
      (This means that we may need to update data later on to call this
    "pothole_size" or similar in future?)
 - contrast tweaks (Via request from Matt Tooke at ESCC.)
   Not all handled precisely as he suggests:
    * spacing of button nav -- more or less as suggested, but tweaks for
    the <span> selected button, and reduced padding on non-frontpage.
    * sign-in buttons: fixed using CSS for .green-btn instead of adding
    HTML class throughout.
    * mobile-footer: edited <footer> css, as suggested by Dave Arter.
 - revert problematic CSS (breaks map report page)
 - Remove spurious "FixMyStreet" button
 - frontpage subheading wording
---
 perllib/FixMyStreet/Cobrand/EastSussex.pm         | 64 +++++++++++++++++++++++
 templates/web/eastsussex/around/intro.html        |  4 ++
 templates/web/eastsussex/footer.html.template     |  2 +-
 templates/web/eastsussex/header.html.template     |  5 +-
 templates/web/eastsussex/report/new/category.html | 18 +++++++
 web/cobrands/eastsussex/base.scss                 | 45 ++++++++++++++--
 web/cobrands/eastsussex/layout.scss               | 18 ++++---
 7 files changed, 142 insertions(+), 14 deletions(-)
 create mode 100644 templates/web/eastsussex/around/intro.html
 create mode 100644 templates/web/eastsussex/report/new/category.html

diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm
index 9eadbed4e..94b404bc3 100644
--- a/perllib/FixMyStreet/Cobrand/EastSussex.pm
+++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm
@@ -42,5 +42,69 @@ sub enter_postcode_text {
 # increase map zoom level so street names are visible
 sub default_map_zoom { return 3; }
 
+
+=head2 temp_update_potholes_contact
+
+Routine to update the extra for potholes (temporary setup hack, will be
+superseded by Open311/integration).
+
+Can run with a script or command line like:
+
+ bin/cron-wrapper perl -MFixMyStreet::App -MFixMyStreet::Cobrand::EastSussex -e \
+ 'FixMyStreet::Cobrand::EastSussex->new({c => FixMyStreet::App->new})->temp_update_potholes_contact'
+
+=cut
+
+use constant POTHOLE_SIZES => [
+    {'key' => ['Blank'],    'name' => ['--']}, 
+    {'key' => ['golf'],     'name' => ['Golf ball sized']}, 
+    {'key' => ['tennis'],   'name' => ['Tennis ball sized']}, 
+    {'key' => ['football'], 'name' => ['Football sized']},
+    {'key' => ['larger'],   'name' => ['Larger']}
+];
+
+use constant POTHOLE_DICT => {
+    map {
+        @{ $_->{key} }, 
+        @{ $_->{name} },
+    } @{ POTHOLE_SIZES() },
+};
+
+sub resolve_pothole_size {
+    my ($self, $key) = @_;
+    return $self->POTHOLE_DICT->{$key};
+}
+
+sub temp_update_potholes_contact {
+    my $self = shift;
+
+    my $category = 'Potholes';
+    my $contact = $self->{c}->model('DB::Contact')
+        ->search({
+            body_id => $self->council_id,
+            category => $category,
+        })->first
+        or die "No such category: $category";
+
+    my $fields = [
+        {
+            'code' => 'detail_size', # there is already builtin handling for this field in Report::New
+            'variable' => 'true',
+            'order' => '1',
+            'description' => 'Size of the pothole?',
+            'required' => 'true',
+            'datatype' => 'singlevaluelist',
+            'datatype_description' => {}, 
+            'values' => {
+                'value' => $self->POTHOLE_SIZES,
+            },
+        }
+    ];
+    # require IO::String; require RABX;
+    # RABX::wire_wr( $fields, IO::String->new(my $extra) );
+
+    $contact->update({ extra => $fields });
+}
+
 1;
 
diff --git a/templates/web/eastsussex/around/intro.html b/templates/web/eastsussex/around/intro.html
new file mode 100644
index 000000000..b3f403087
--- /dev/null
+++ b/templates/web/eastsussex/around/intro.html
@@ -0,0 +1,4 @@
+            <h1>Report and view street and road problems </h1>
+            <h2> 
+                (including potholes, broken paving slabs and street lighting)
+            </h2>
diff --git a/templates/web/eastsussex/footer.html.template b/templates/web/eastsussex/footer.html.template
index e98ea7168..b5b1a8ac6 100644
--- a/templates/web/eastsussex/footer.html.template
+++ b/templates/web/eastsussex/footer.html.template
@@ -7,7 +7,7 @@
     <div class="nav-wrapper clearfix">
         <div class="main-menu-wrapper">
             <div class="main-menu">
-                <ul class="clearfix" id="mobile-menu">
+                <ul class="clearfix button-nav" id="mobile-menu">
                     <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
                         >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
                     %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
diff --git a/templates/web/eastsussex/header.html.template b/templates/web/eastsussex/header.html.template
index c7fda68f4..20e3b9417 100644
--- a/templates/web/eastsussex/header.html.template
+++ b/templates/web/eastsussex/header.html.template
@@ -28,10 +28,7 @@
 
     <div class="container" id="nav-container">
         <nav id="breadcrumb_breadcrumbTrail">
-            <ol class="breadcrumb screen large">
-                <li>
-                    <a href="/">FixMyStreet</a>
-                </li>
+            <ol class="button-nav application-nav screen">
                 <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
                     >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
                 %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
diff --git a/templates/web/eastsussex/report/new/category.html b/templates/web/eastsussex/report/new/category.html
new file mode 100644
index 000000000..1759f450f
--- /dev/null
+++ b/templates/web/eastsussex/report/new/category.html
@@ -0,0 +1,18 @@
+[% FILTER collapse %]
+[% IF category_options.size %]
+    [% IF category;
+        category = category | lower;
+       END; %]
+    <label for='form_category' id="form_category_label">
+        Type
+    </label>
+    <select name='category' id='form_category'[% ' onchange="form_category_onchange()"' IF category_extras.size %]>
+        [% FOREACH cat_op IN category_options %]
+        [% cat_op_lc = cat_op | lower %]
+        [% IF loop.first; cat_op = '-- Pick a type --'; END %]
+        <option value='[% cat_op | html %]'[% ' selected' IF report.category == cat_op || category == cat_op_lc || (category_options.size == 2 AND loop.last) -%]
+        >[% IF loop.first %][% cat_op %][% ELSE %][% cat_op | html %][% END %]</option>
+        [% END %]
+    </select>
+[% END %]
+[% END -%]
diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index 4dc63f800..581223b60 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -11,6 +11,10 @@ body {
     font-size: 13px;
 }
 
+footer {
+    background: #00a1de;
+}
+
 .content {
     padding: 0 1em;
 }
@@ -47,6 +51,16 @@ h1.main {
     border-top-width: 4px;
     margin-top: -4px;
 }
+#site-header .eastsussex .header {
+    margin: 0 0 2px;
+}
+.frontpage #site-header .eastsussex .header {
+    margin: 0 0 9px;
+}
+
+.mappage .application-nav, .twothirdswidthpage .application-nav {
+    padding: 4.5px 9px;
+}
 
 // Colour tab to match colour scheme
 #nav-link {
@@ -80,6 +94,12 @@ h1.main {
     z-index: 5000;
 }
 
+.green-btn, input.green-btn, input.green-btn:hover {
+    background: #44697d;
+    font-weight: bold;
+    font-size: 1.1em;
+}
+
 #form_sign_in {
     margin-top: 1em;
 }
@@ -149,9 +169,11 @@ body > p {
     }
 }
 
+footer {
+    display: none;
+}
+
 .footer .languages ul {
-    padding: 0;
-    margin: 0;
 
     li {
         display: inline-block;
@@ -163,6 +185,23 @@ button, input[type=submit], .btn {
     text-transform: none;
 }
 
+/* as per email from Matt Tooke, we are using ESCC's .button-nav
+styling, but this doesn't dtrt with span, so adding ourselves */
+
+.button-nav span {
+    float: left;
+    display: block;
+    margin: 5px 2px 5px 0;
+    padding: 4px 10px;
+    background: #00a1de;
+    color: #fff;
+    font-weight: bold;
+    text-decoration: none;
+    white-space: nowrap;
+    border-radius: 3px;
+    border: 0;
+}
+
 .email {
     background-image: none;
 }
@@ -183,4 +222,4 @@ button, input[type=submit], .btn {
 
 #geolocate_link {
     font-size: 1.0em;
-}
\ No newline at end of file
+}
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index e4a897cc9..a6e919229 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -55,6 +55,7 @@ footer {
     }
 }
 
+
 div.form-error, p.form-error {
     display: block !important;
 }
@@ -115,10 +116,6 @@ body.frontpage {
             display: none;
         }
     }
-
-    .content {
-        margin-top: 3em;
-    }
 }
 
 #site-header {
@@ -175,8 +172,11 @@ body.frontpage {
 
 #mysociety {
     margin-top: 0;
-    padding-top: 24px;
     padding-bottom: 24px;
+
+    .container {
+        padding: 0;
+    }
 }
 
 .content {
@@ -184,7 +184,7 @@ body.frontpage {
     width: auto;
 }
 
-.content, body.twothirdswidthpage .content aside {
+body.twothirdswidthpage .content aside {
     box-shadow: 0 0 12px 0 #dae1e5;
 }
 
@@ -253,3 +253,9 @@ body.frontpage {
         top: 1em;
     }
 }
+
+@media only screen and (min-width: 48em) {
+    footer {
+        display: block;
+    }
+}
-- 
cgit v1.2.3


From 378150a466ccac89855b6035f226bd9aeee4d496 Mon Sep 17 00:00:00 2001
From: Hakim Cassimally <hakim@mysociety.org>
Date: Fri, 12 Sep 2014 14:11:21 +0000
Subject: Let cobrand override geocoder

Fixing issues with Bing geocoding for East Sussex,
for example "Church Street".
---
 perllib/FixMyStreet/Cobrand/Default.pm    | 13 +++++++++++++
 perllib/FixMyStreet/Cobrand/EastSussex.pm |  4 ++++
 perllib/FixMyStreet/Geocode.pm            |  2 +-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/perllib/FixMyStreet/Cobrand/Default.pm b/perllib/FixMyStreet/Cobrand/Default.pm
index 8eb637879..779c0a7a2 100644
--- a/perllib/FixMyStreet/Cobrand/Default.pm
+++ b/perllib/FixMyStreet/Cobrand/Default.pm
@@ -862,6 +862,19 @@ Perform any extra validation on the contact form.
 
 sub extra_contact_validation { (); }
 
+
+=head2 get_geocoder
+
+Return the default geocoder from config.
+
+=cut
+
+sub get_geocoder {
+    my ($self, $c) = @_;
+    return $c->config->{GEOCODER};
+}
+
+
 sub problem_as_hashref {
     my $self = shift;
     my $problem = shift;
diff --git a/perllib/FixMyStreet/Cobrand/EastSussex.pm b/perllib/FixMyStreet/Cobrand/EastSussex.pm
index 94b404bc3..c039b8410 100644
--- a/perllib/FixMyStreet/Cobrand/EastSussex.pm
+++ b/perllib/FixMyStreet/Cobrand/EastSussex.pm
@@ -106,5 +106,9 @@ sub temp_update_potholes_contact {
     $contact->update({ extra => $fields });
 }
 
+sub get_geocoder {
+    return 'OSM'; # default of Bing gives poor results, let's try overriding.
+}
+
 1;
 
diff --git a/perllib/FixMyStreet/Geocode.pm b/perllib/FixMyStreet/Geocode.pm
index 61c398985..2a318ea5a 100644
--- a/perllib/FixMyStreet/Geocode.pm
+++ b/perllib/FixMyStreet/Geocode.pm
@@ -35,7 +35,7 @@ sub lookup {
 sub string {
     my ($s, $c) = @_;
 
-    my $service = $c->config->{GEOCODER};
+    my $service = $c->cobrand->get_geocoder($c);
     $service = $service->{type} if ref $service;
     $service = 'OSM' unless $service =~ /^(Bing|Google|OSM|Zurich)$/;
     $service = 'OSM' if $service eq 'Bing' && !FixMyStreet->config('BING_MAPS_API_KEY');
-- 
cgit v1.2.3