[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)
author: Hakim Cassimally <hakim@mysociety.org> 2014-06-12 16:28:31 +0000
committer: Hakim Cassimally <hakim@mysociety.org> 2014-09-16 15:07:19 +0000
commit: 359753aeca5ecb0f101bf6a63efa84d2570e885d (patch)
tree: fd32c802cc4ac68e3f327b481acc24d2982048f4
parent: 1ca31d093403ce49092ffdbcfacfacee7eb55ba7 (diff)
15 files changed, 4076 insertions, 0 deletions
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
--- /dev/null
+++ b/web/cobrands/eastsussex/img/desktop.png
diff --git a/web/cobrands/eastsussex/img/gradient.jpg b/web/cobrands/eastsussex/img/gradient.jpg
new file mode 100644
index 000000000..0c9c27dd2
--- /dev/null
+++ b/web/cobrands/eastsussex/img/gradient.jpg
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
--- /dev/null
+++ b/web/cobrands/eastsussex/img/item-type.gif
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
--- /dev/null
+++ b/web/cobrands/eastsussex/img/menu-item.gif
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
--- /dev/null
+++ b/web/cobrands/eastsussex/img/xmas-lights.jpg
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%;
+}
+}
author	Hakim Cassimally <hakim@mysociety.org>	2014-06-12 16:28:31 +0000
committer	Hakim Cassimally <hakim@mysociety.org>	2014-09-16 15:07:19 +0000
commit	359753aeca5ecb0f101bf6a63efa84d2570e885d (patch)
tree	fd32c802cc4ac68e3f327b481acc24d2982048f4
parent	1ca31d093403ce49092ffdbcfacfacee7eb55ba7 (diff)