/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 08 March 2016 08:14:50
*/


/**
 * The Electoral Commission
 * Main CSS
 *
 * version: 0.0.2
 * file:    main.css
 * author:  Michał Prażuch
 * Updated: megki soula - added accessibility features
 *
 */

/*
 * Table of Contents
 *
 * 1. Boilerplate Styles
 * 2. Commons
 * 3. Desktop
 *  3.1 Header
 *   3.1.1 Top navigation
 *   3.1.2 Logo container
 *   3.1.3 Search box 
 *   3.1.4 Main navigation
 *   3.1.5 Cookie bar
 *  3.2 Boxes 
 *  3.3 News
 *  3.4 Links
 *  3.5 Focus on
 *  3.6 Left column
 *   3.6.1 Left navigation
 *   3.6.2 Related links
 *  3.7 Body container 
 *   3.7.1 Breadcrumb 
 *   3.7.2 Page intro 
 *   3.7.3 Latest updates 
 *   3.7.4 Landing page links
 *   3.7.5 Attachment list
 *   3.7.6 Body search box
 *   3.7.7 Body search dropdown
 *   3.7.8 Body search results
 *   3.7.9 Pagination
 *   3.7.10 Contact form
 *   3.7.11 Guidance 
 *   3.7.12 Sitemap 
 *  3.8 Footer
 *   3.8.1 Footer navigation
 *   3.8.2 Social media
 *   3.8.3 Footer bottom line
 * 4. Tablet Portrait Mode
 *  4.1 Header
 *   4.1.1 Top navigation
 *   4.1.2 Logo container
 *   4.1.3 Search box 
 *   4.1.4 Main navigation
 *  4.2 Boxes 
 *  4.3 News
 *  4.4 Links
 *  4.5 Focus on
 *  4.6 Left navigation
 *  4.7 Body container 
 *   4.7.1 Latest updates 
 *  4.8 Footer
 *   4.8.1 Footer navigation
 *   4.8.2 Footer bottom line
 * 5. Phones
 *  5.1 Header 
 *   5.1.1 Top navigation 
 *   5.1.2 Logo container 
 *   5.1.3 Search box 
 *   5.1.4 Main navigation 
 *  5.2 Boxes 
 *  5.3 News 
 *  5.4 Links 
 *  5.5 Focus on 
 *  5.6 Body container 
 *   5.6.1 Landing page links
 *   5.6.2 Body search dropdown
 *   5.6.3 Pagination
 *   5.6.4 Guidance box 
 *  5.7 Footer
 *   5.7.1 Footer navigation
 *   5.7.2 Social media
 *   5.7.3 Footer bottom line
 */
 
/*
--------------------
1. Boilerplate Styles
--------------------
*/

html,button,input,select,textarea {
  color: #222;
}

body {
  font-size: 1em;
  height: 100%;
  line-height: 1.4;
  position: relative;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
    vertical-align: middle;
}

input{
  /*-webkit-appearance: none;*/
}

#performance_standards_tool input {
display: inline-block;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  -webkit-resize: vertical;
  -moz-resize: vertical;
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.wrapper {
  width: 90%;
  margin: 0 5%;
}

body {
  font: 16px/26px Helvetica, Helvetica Neue, Arial;
  color: #414042;
}

/*
--------------------
2. Commons
--------------------
*/

a{
  color: #cc0066;
  text-decoration: none;
}

p{
  font-weight: lighter;
  margin: 1em 0;
}

span{
  font-size: 0.875em;
}

h1, h2, h3, h4{
   color: #003366; 
}

h5, h6{
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0;
}

h2{
 font-weight: lighter;
 font-size: 1.7em;
}

hr{
  border-top: 1px solid #e3e4e5;
  height: 1px;
  display: block;
  width: 100%;
}

label{
  font-weight: normal;
}


legend{
  font-weight: bold;
}

.body-search-dropdown .accordion-header{
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.bold{
  font-weight: bold;
}

.button{
  border : none;
  color : transparent;
  height :50px;
  font-size : 0;
  padding: 0;
  width : 50px;
}

.date{
  font-weight: 600;
  font-size: 0.875em;
  margin: 0;
}

.default-form-input{
  border: 2px solid #d2d3d5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #414042;
  font-weight: normal;
  padding: 0.500em;
}

.page-content .default-form-input.w80p{
  width:80%;
}

.default-form-input.ui-state-error{
  border: 2px solid #d20000;
  display: block;
}

.form-error-list{
  color: #d20000;
}

.error-message{
  background: #FFF;
  box-shadow: 0 0 5px #CCC;
  color: #d20000;
  display: none;
  font-size: 0.7em;
  padding: 3px 10px;
  position: absolute;
  right: 20%;
  text-align: right;
  top: 8px;
}

.input-and-error-message{
  position: relative;
}

.list-style-none,
.site-map .list-style-none{
  list-style: none;
  padding: 0;
}

/* Custom selects */
.multiple-select option{
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.5em;
}

.multiple-select option:hover{
  color: #003366;
  background: #e2f0f5;
}

.js-enabled .custom-select,
.custom-multiple-select{
  background: white;
  border: 1px solid #d0d2d4;
  display: block;  
  position: relative;
  font-size: 0.875em;
  font-weight: lighter;
  width: 90%;
}

.js-enabled .custom-select-green{
  background: white;
  border: 2px solid #d0d2d4;
  display: block;  
  position: relative;
  font-size: 1em;
  font-weight: lighter;
  width: 100%;
  padding-right: 16px;
}

.js-enabled .custom-select-green-half-width{
  background: white;
  border: 2px solid #d0d2d4;
  display: block;  
  position: relative;
  font-size: 1em;
  font-weight: lighter;
  width: 50%;
  padding-right: 16px;
}

.custom-multiple-select{
height: 100px;    
overflow: auto;
}


.custom-select-current{
  color: #414042;
  display: block;
  min-height: 26px;
  padding: 0.18em 0;
  position: relative;
  text-indent: 0.5em;
  width: 100%;
}

.page-content .custom-select-current:hover{
  text-decoration: none;
}


.custom-select-current:after{
  background: #e2f0f5 url(http://www.electoralcommission.org.uk/__data/assets/image/0003/155838/arrows.png?v=0.2.1) no-repeat -128px center;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 32px;
  height: 100%;
}

.custom-select-green .custom-select-current:after{
  background: #578300 url(http://www.electoralcommission.org.uk/__data/assets/image/0003/155838/arrows.png?v=0.2.1) no-repeat -30px center;
  content: "";
  display: block;
  position: absolute;
  right: -18px;
  text-align: center;
  top: -2px;
  width: 32px;
  padding: 2px;
 
}

.custom-select-current:focus,
.custom-select-link:focus,
.custom-multiple-select-link:focus{
  outline: none;
}

.custom-select-list,
.custom-multiple-select-list{
  background: white;
  border: 1px solid #d0d2d4;
  display: none;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}

.custom-select-list{
  height: relative
  overflow: auto;
}

.custom-select-green .custom-select-list{
  border: 2px solid #d0d2d4;
  border-top: none;
  left:-2px;
  margin: 2px 0;
}

.custom-multiple-select-list{
  border: none;
  display: block;
  position: static;
}

.custom-select-link,
.custom-multiple-select-link{
  color: #414042;
  display: block;
  padding: 0 5%;
  width: 90%;
}

.custom-multiple-select-link{
  margin: 7px 0;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.3em;
}

.custom-select-link:hover,
.custom-multiple-select-link:hover,
.selected .custom-multiple-select-link,
.page-content .custom-select-link:hover{
  color: #007fa9;
  background: #e2f0f5;
  text-decoration: none;
}

.fs-14{
  font-size: 0.875em;
}

.link-icon{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0007/155842/link-icon.png?v=0.2.1") no-repeat center right;
  background-repeat: no-repeat;
  -ms-background-position-x: right;
  -ms-background-position-y: center;
  padding: 0 20px 0 0 ;
}

.left{
  float: left;
}

.right{
  float: right;
}

.clear-float{
  float: none;
}

.notice-icon:before{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0011/155846/notice-icon.png?v=0.2.1") no-repeat center center;
  content: "";
  display: block;
  height: 35px;
  left: 1em;
  position: absolute;
  top: 0.7em;
  width: 36px;
}

.margin-10p{
  margin: 10px 0;
}

.width-80p{
  width: 80%;
}

.filters .notice-icon:before{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0011/155846/notice-icon.png?v=0.2.1") no-repeat center center;
  content: "";
  display: block;
  float: left;
  height: 35px;
  margin: 5px 10px 0 0 ;
  position: static;
  width: 36px;
}

.accessibility{
  height: 1px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: -500px;
  width: 1px;
}

.arrow-icons:after{
  background: #578300 url(http://www.electoralcommission.org.uk/__data/assets/image/0003/155838/arrows.png?v=0.2.1) no-repeat center center;
  content: "";
  position: absolute;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  top: 0.8em;
  right: 1em;
  width: 32px;
}

.arrow-up:after{
  display: inline-block;
  background-position: 0 center;
}

.arrow-down:after{
  display: inline-block;
  background-position: -32px center;
}

.arrow-down-blue:after{
  background-color: #e2f0f5;
  background-position: -128px center;
  display: inline-block;
  right: 0;
  top: 0;
}

.arrow-right:after{
  display: inline-block;
  background-position: -64px center;
}

.ui-state-active .arrow-right:after{
  background-position: -32px center;
}

.arrow-left:after{
  display: inline-block;
  background-position: -96px center;
}

.wide-button-link-menu:after .arrow-down{
  content: url();
}

.extension-icons{
  font-weight: lighter;
}

.extension-icons:before{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0004/155839/extension-icons.png?v=0.2.1") no-repeat no-repeat;
  content: '';
  display: none;
  height: 16px;
  overflow: hidden;
  padding: 0 0 0 0.5em;
  width: 16px;
}

.pdf-icon:before{
  display: inline-block;
  background-position: 0 0;
}

.xls-icon:before{
  display: inline-block;
  background-position: 0 -16px;
}

.doc-icon:before{
  display: inline-block;
  background-position: 0 -32px;
}

.ppt-icon:before{
  display: inline-block;
  background-position: 0 -48px;
}

.pink{
  color: #b8005c;
}

.page-content a:hover{
  text-decoration: underline;
}

.page-content h2{
  color: #0099cc;
  font-size: 1.750em;
  font-weight: lighter;
}

.page-content h3,
.page-content .elections-results .results-graph h3{
  font-size: 1.375em;
  font-weight: lighter;
  margin: 1em 0;
}

.page-content .elections-results .results-graph h3{
  color: rgb(0, 51, 102);
}

.page-content h4{
  color: #000;
}

.page-content th,
.page-content td{
  padding: 0.46em;
}

.page-content th{
  text-align: left;
}

.page-content ul{
  font-weight: lighter;
}

.fs-16{
  font-size: 1em;
}

.normal{
  font-weight: normal;
}

.lighter{
  font-weight: lighter;
}

.wrapper{
  margin: 0 auto;
  width: 980px;
}

/* Popups */
#colorbox{
  outline: none;
  z-index: 999;
}

#cboxOverlay{
  background: #FFF;
  display: block;
  min-height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 300;
}

#cboxLoadedContent{
  padding: 0.313em;
}

.popup{
  background: #FFF;
  box-shadow: 0 0 5px #E4E5E6;
}

.popup-header{
  background: #007FA9;
  color: #FFF;
  font-weight: lighter;
  margin-top: 0;
  padding: 4%;
  width: 92%;
}

.popup-content{
  padding: 0 1em;
}

.popup-close{
  color: #404041;
  margin: 1em;
}

.popup-close:hover{
  color: #CC0066;
}

/*Fixes*/
.fb_results_per_page ul{
  list-style: none;
}

.fb_results_per_page li{
  float: left;
  padding: 10px;
}

/* Accordion global styling */
.accordion-header a{
  color: #003366;
  display: block;
  font-size: 0.8em;
  padding: 1em 15% 1em 1em;
  position: relative;
  width: 83%;
}

.accordion-header a:focus{
  outline: none;
}

.accordion-header a:after{
  background: #578300 url(http://www.electoralcommission.org.uk/__data/assets/image/0003/155838/arrows.png?v=0.2.1) no-repeat center center;
  background-position: -64px center;
  content: "";
  display: inline-block;
  position: absolute;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  top: 0.8em;
  right: 1em;
  width: 32px;
}

.accordion-header.ui-state-active a:after{
  background-position: -32px center;
}

/*
--------------------
3. Desktop
--------------------
*/

/* 3.1 Header */
.header-container{
  margin: 0 auto 1.563em auto;
  position: relative;
  height: 100%;
}

/* 3.1.1 Top navigation (links, locale) */
.main-header-navigation
{
  position: absolute;
  right: 220px;
}

.lt-ie8 .main-header-navigation{
  top: 0;
}

.main-header-navigation-list{
  margin: 0.750em;
}

.main-header-buttons-list{
  margin: 0;
  position: relative;
  padding: 0;
}

.main-header-navigation-item,
.main-header-buttons-item{
  float: left;
  display: block;
}

.main-header-buttons .top-search-button,
.main-header-buttons .menu-button{
  display: none;
  padding: 0;
}

.rwd-nav{
  display: none;
  position: absolute;
  right: 0;
  top: 34px;
  width: 100%;
  z-index: 3;
}

.main-header-navigation-item{
  margin: 0 1.875em 0 0;
}

.main-header-buttons-item{
  height: 50px;
  line-height: 50px;
  position: static;
  text-align: center;
}

.main-header-buttons-list .main-header-buttons-item:first-child{
  margin: 0 0.188em 0 0;
}

.main-header-navigation-link{
  color: #003366;
  text-decoration: none;
  font-size: 1.125em;
}

.main-header-navigation .selected{
  font-weight: bold;
}

.main-header-navigation-link:hover,
.main-header-navigation-link:focus,
.main-header-buttons-link:hover,
.main-header-buttons-link:focus
{
  color: #CC0066;
  text-decoration: underline;
}

.main-header-buttons-link{
  background-color: #e4e5e6;
  color: #003366;
  display: block;
  height: 50px;
  font-size: 1.125em;
  padding: 0 20px;
  text-decoration: none;
  width: 80px;
}

.main-header-buttons .selected{
  color: #b8005c;
  position: relative;
}

.main-header-buttons .selected:after{
  content:"";
  width:0;
  height:0;
  left: 50px;
  border-left: 10px solid;
  border-right: 10px solid;
  border-top: 10px solid;
  border-color: #e4e5e6 transparent transparent transparent; 
  border-color: #e4e5e6 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);
  position: absolute;
  top: 100%;
}

/* 3.1.2 Logo container */
.logo-container{
  margin: 30px 0 0 0;
  position: relative;
  width: 65%;
}

.header-subtitle{
  color: #0099cc;
  font-size: 1.250em;
  font-weight: lighter;
  left: 250px;  
  line-height: 1.2em;
  margin: 0;
  position: absolute;
  bottom: -3px;
}

/* 3.1.3 Search box */
.search-box-container{
  margin: 2.5em 0 0 0;
  position: relative;
  text-align: right;
  width: 35%;
}

.rwd-search-box{
  background: #578300;
  border-top: 1px solid #6da400;
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  text-align: center;
  width: 100%;
  z-index: 3;
}

.search-button{
  background: #578300 url("http://www.electoralcommission.org.uk/__data/assets/image/0004/155848/search-icon.png?v=0.2.1") no-repeat center center;
  position: absolute;
  right: 0;
}

.lt-ie9 .search-button{
  top: 0;
}

.search-button:hover{
  background: #466a00 url("http://www.electoralcommission.org.uk/__data/assets/image/0004/155848/search-icon.png?v=0.2.1") no-repeat center center;
}

.search-input{
  background: #f7f7f8; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f7f7f8 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f7f7f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f7f7f8 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f7f7f8 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f7f7f8 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  border: solid 2px #d0d2d4;
  border-radius: 0;
  margin: 0 48px 0 0;
  min-width: 270px;
  line-height: 44px;
  height: 44px;
  text-indent: 10px;
}

.lt-ie9 .search-input{
  font-weight: bold;
}

/* 3.1.4 Main navigation */
.main-navigation{
  margin: 0 0 5.5em 0;
  position: relative;
  width: 100%;
  z-index: 10;
}

.main-navigation a{
  outline: none;
}

.main-navigation a{
  font-weight: lighter;
  text-decoration: none;
}

/* Top level */
.top-level-nav{
  padding: 0;
}

.top-level-item{
  background: #e4e5e6;
  display: inline;
  margin: 0 2px 0 0;
  padding: 1.344em 3.125em;
}

.lt-ie8 .top-level-item{
  display: block;
  float: left;
  height: 30px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.top-level-link,
.top-level-link:focus{
  color: #003366;
  font-size: 1.250em;
  outline: none;
}

.top-level-item:hover .top-level-link{
  color: #b8005c;
}

.main-navigation .selected{
  background: #007fa9;
  padding-top: 1.345em;
}

.lt-ie8 .main-navigation .selected{
  padding-top: 1em;
  padding-bottom: 1em;
}

.main-navigation .second-level-nav .selected{
  padding: inherit;
}

.selected .top-level-link,
.selected:hover .top-level-link{
  color: white;
}

/* Second level */
.second-level-nav{
  background: #007fa9;
  border-top: 1px solid #0099cc;
  display: none;
  margin: 1.063em 0 0 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.lt-ie8 .second-level-nav{
  height: 60px;
  left: 0;
  top: 61px;
  z-index: 9999;
}

.selected .second-level-nav{
  display: block;
}

.no-js .top-level-link:focus + .second-level-nav{
  display: block;
}

.second-level-item{
  float: left;
}

.lt-ie8 .second-level-item.selected{
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.second-level-link{
  display: table;
  color: white;
  border: 0;
  font-size: 0.875em;
  height: 60px;
  line-height: 1.2em;
  width: 140px;
  text-align: center;
}

.second-level-link span{
  display: table-cell; 
  font-size: 1em;
  vertical-align: middle; 
  padding: 0 10px;
}

.lt-ie8 .second-level-link span{
  display: block;
  padding-top: 1em;
  height: 46px;
  text-align: center;
  width: auto;
}

.selected > .second-level-link,
.second-level-link:hover, .second-level-link:focus{
  background: #003366;
}

/* Third level */
.third-level-nav{
  background: #003366;
  display: none;
  margin: 0;
  padding: 15px 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
}

.lt-ie8 .third-level-nav{
  top: 60px;
  z-index: 9999;
}

.second-level-item:hover, .second-level-item:focus{
  background: #003366;
  border: 0;
}

.second-level-item:hover .third-level-nav{
  display: block;
}
.second-level-item:focus .third-level-nav{
  display: block;
}



.third-level-item{
  display: block;
  float: left;
  margin: 0 0 0 15px;
  width: 40%;
}

.third-level-link{
  color: white;
  display: block;
  font-size: 0.875em;
  padding: 5px;
  width: 100%;
}

.third-level-link:hover{
  background: #007fa9;
}

/* 3.1.5 Cookie bar */
.cookie-bar{
  border: none;
  padding: 0;
  margin: -30px 0 0 0;
  width: 100%;
}

.cookie-bar .wrapper{
  padding: 0 0 5px 0;
}

.cookie-bar-link{
  color: #FFF;
  float: left;
  font-size: 0.8em;
  line-height: 12px;
  margin: 0 0 0 10px;
  padding: 5px 0;
  text-decoration: none;
  width: 88%;
}

.cookie-bar-icon{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0010/157960/information-icon-white.png?v=0.2.1") no-repeat left center;
  display: block;
  float: left;
  height: 21px;
  margin: 0 0 0 14px;
  width: 22px;
}

.cookie-bar-link:hover{
  text-decoration: underline;  
}

/* 3.2 Boxes */
.boxes-outer-container{
  background: #e4e5e6;
  margin: 0 0 40px 0;
  width: 100%;
}

.boxes-inner-container{
  background: #e4e5e6;
  padding: 0 0 19px 0;
}

.box{
  -webkit-box-shadow: 0 1px 3px #c4c4c4;
  box-shadow: 0 1px 3px #c4c4c4;
  display: block;
  float: left;
  height: 225px;
  margin: 2% 3.5% 0 0;
  width: 31%;
  overflow: hidden;
}


.boxes-inner-container .box:first-child{
  margin: 2% 3.5% 0 0;
}

.boxes-inner-container .box:nth-child(3n+3){
  margin: 2% 0 0 0;
}

.box header{
  background: white;
  padding: 20px 0;
}

.box.active  header{
  background: #cc0066;
  padding: 20px 0;
}

.box-title{
  color: #cc0066;
  font-size: 1.250em;
  font-weight: lighter;
  text-decoration: none;
  margin: 0 10px 0 10px;
}

.box.active .box-title{
  color: white;
}

.box.active .link-icon{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0011/157916/link-icon-white.png?v=0.2.1") no-repeat center right;
}

.box-content{
  -webkit-box-shadow: 0 1px 3px #cacaca;
  box-shadow: 0 1px 3px #cacaca;
  position: relative;
  overflow: hidden;
}

.box-thumbnail{
  max-width: 307px;
}

.box-text-container{
  background: white;
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFFFFFFF,endColorstr=#DFFFFFFF); 
  zoom: 1;
  background: rgba(255, 255, 255, 0.85);
  height: 100%;
  position: absolute;
  top: 100%;
  width: 100%;
}

.box-text{
  color: #003366;
  left: 0;
  margin: 0;
  padding: 1em;
  top: 0;
  z-index: 2;
}

.lt-ie9 .box-text{
  font-weight: bold;
}

.box a{
  text-decoration: none;
}

/* 3.3 News */
.news-container{
  float: left;
  width: 63%;
}

.news-title{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0010/155845/news-icon.png?v=0.2.1") no-repeat left center;
  font-size: 1.750em;
  font-weight: normal;
  margin: 0;
  padding: 20px 0;
  text-indent: 70px;
}

.news-list{
  list-style: none;
  margin-top: 9px;
  padding: 0;
}

.news-item{
  border-top: 2px solid #e4e5e6;
  padding: 15px 0;
  margin: 0;
}

.news-list li:first-child{
  margin: 0;
  padding: 0 0 15px 0;
  border: none;
}

.news-link{
  color: #cc0066;
  text-decoration: none;
  font-weight: bold;
}

.news-link:hover{
  text-decoration: underline;
}



/* 3.4 Links */
.links-container{
  background: #e2f0f5;
  padding: 15px;
  margin: -15px 0 0 0;
  width: 30%;
}

.links-title{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0008/155843/links-icon.png?v=0.2.1") no-repeat;
  font-size: 1.750em;
  font-weight: normal;
  margin: 0;
  padding: 17px 0;
  text-indent: 70px;
}

.links-list{
  list-style: none;
  padding: 0;
}

.link-item{
  border-top: 2px solid #b8e0ed;
  padding: 15px 0;
}

.links-list li:first-child{
  border: none;
  padding: 0 0 15px 0;
}

.link-title{
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0;
}

.link-text{
  font-weight: lighter;
  margin: 0;
}

.link-text a:hover{
  text-decoration: underline;
}

/* 3.5 Focus on */
.focus-on-container{
  margin: 60px auto 0 auto;
}

.focus-on-box{
  background: #cc0066;
  float: left;
  overflow: hidden;
  margin: 0 1.3% 0 0;
  width: 24%;
  height: 100%;
}

.focus-on-container div:last-child{
  margin: 0;
}

.focus-on-thumbnail{
  border-bottom: 1px solid white;
  width: 101%;
}

.focus-on-link{
  color: white;
  display: block;
  font-size: 1em;
  height: 100%;
  margin: 10px;
  font-weight: lighter;
  width: 85%;
}

.focus-on-link.link-icon{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0011/157916/link-icon-white.png?v=0.2.1") no-repeat center right;
}

.focus-on-link:hover{
  text-decoration: underline;
}

/* 3.6 Left column */
.left-column-container{
  position: relative;
  top: -27px;
  width: 30%;
}

.wide-button{
  background: #e4e5e6;
  display: none;
  margin: 20px 0;
  width: 100%;
}

.wide-button-link{
  color: #003366;
  display: block;
  padding: 1em 15% 1em 1em;
  position: relative;
  width: 83%;
}

.wide-button-link:focus{
  outline: none;
}

/* 3.6.1 Left navigation */
.left-navigation{
  float: left;
  margin: 0;
  width: 100%;
}

.left-navigation-list{
  padding: 0;
}

.left-navigation-item{
  border-top: 2px solid #eaebec;
  padding: 0.781em 0;
}

.left-navigation-link{
  color: #003366;
  display: block;
  font-weight: bold;
}

.selected .left-navigation-link{
  color: #CC0066;
  font-weight: bold;
}

.left-navigation-link:hover{
  color: #CC0066;
  text-decoration: underline;
}

.ln-second-level-list{
  background: #eaebec;
  display: none;
  margin: 10px 0 -12.5px 0;
  padding: 0;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.ln-second-level-list{
  display: block;
}

.ln-second-level-list:after{
  content:"";
  width:0;
  height:0;
  left: 10%;
  border-left: 10px solid;
  border-right: 10px solid;
  border-bottom: 10px solid;
  border-color: transparent transparent #eaebec transparent; 
  border-color:  rgba(255,255,255,0) rgba(255,255,255,0) #eaebec rgba(255,255,255,0);
  position: absolute;
  top: -10px;
}

.ln-second-level-link{
  display: block;
  font-weight: lighter;
  padding: 2% 5%;
  width: 90%;
}

.selected > .ln-second-level-link,
.ln-second-level-link:hover{
  background: #cc0066;
  color: white;
}

.ln-third-level-list{
  background: #dddee0;
  margin: 0;
  padding: 0.625em 1.825em;
}

.ln-third-level-item{
  padding: 0.438em 0;
}

.ln-third-level-link{
  color: #b8005c;
  font-weight: lighter;
  width: 100%;
}

.selected > .ln-third-level-link,
.ln-third-level-link:hover{
  color: #414042;
}

.left-navigation-title{
  color: #414042;
  font-size: 1.250em;
  font-weight: normal;
  margin: 0;
}

/* 3.6.2 Related links */
.related-links-container{
  background: #e2f0f5;
  float: right;
  padding: 5%;
  width: 90%;
}

.related-links-title{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0008/155843/links-icon.png?v=0.2.1") no-repeat;
  font-size: 1.250em;
  font-weight: normal;
  margin: 0;
  padding: 17px 0;
  text-indent: 70px;
}

.related-links-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.related-links-item{
 padding: 0.625em 0; 
 border-bottom: 1px solid #bae1ee;
}

.related-links-link{
  font-weight: lighter;
}

.related-links-link:hover{
 text-decoration: underline;
}

.related-links-item:last-child{
 border: none;
}

/* 3.6.3 Filters */
.filters{
  float: left;
  margin: 0;
  width: 100%;
}

.filters-title{
  background: #007fa9;
  color: white;
  font-size: 1.250em;
  margin: 0;
  text-indent: 0.8em;
  padding: 0.8em 0;
}

.filters-section-title{
  background: #e4e5e6;
  color: #414042;
  font-weight: normal;
  margin: 1px 0 0 0;
  padding: 0.8em;
}

.filters-list{
  background: #e2f0f5;
  margin: 0;
  padding: 0;
}

.filters-list .filters-item:first-child{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
}

.filters-list .filters-item:last-child{
  border-bottom: none;
}

.filters-item{
  border-bottom: 1px solid #bae1ee;
  margin: 0 0.625em;
  padding: 1em 0;
}

.filters-link{
  font-weight: lighter;
}

.filters-link:hover{
  text-decoration: underline;
}

.filters-notice{
  color: #003366;
  display: block;
  font-size: 1em;
  font-weight: lighter;
  margin: 0.625em auto;
}

.filter-group-container{
  margin: 0.938em 0;
}

.filter-group-title,
.page-content .filter-group-title{
  color: #414042;
  font-weight: bold;
  font-size: 1em;
}

/* 3.7 Body container */
.body-container{
  float: right;
  margin: 0 0 1.5em 3%;
  width: 67%;
}

.body-paragraph{
  font-weight: lighter;
  margin: 10px 0;
}

/* 3.7.1 Breadcrumb */
.breadcrumb{
  margin: 0 0 0 33%;
}

.breadcrumb-list{
  margin: 0;
  padding: 0;
}

.breadcrumb-item{
  float: left;
}

.breadcrumb a,
.breadcrumb-link{
  color: #007fa9;
  font-size: 0.875em;
  float: left;
}

.breadcrumb a:after,
.breadcrumb-link:after{
  content: ">>";
  color: #d8d8d9;
  font-size: 0.875em;
  font-family: arial;
  letter-spacing: -2px;
  padding: 0 5px;
  width: 10px;
  height: 10px;
}

.breadcrumb-item .current{
  color: #414042;
  display: block;
  font-size: 0.875em;
  padding: 1px 0 0 0;
}

.lt-ie9 .breadcrumb-item .current{
  padding: 0;
}

/* 3.7.2 Page intro */
h2.page-title,
.page-content h1{
  color: #003366;
  font-size: 2.250em;
  font-weight: lighter;
  line-height: 1em;
  margin: 20px 0;
}

/* 3.7.3 Latest updates */
.latest-updates{
  border: 1px solid #e4e5e6;
  margin: 40px 0 0 0;
}

.latest-updates-header{
  background: #e4e5e6;
  text-indent: 70px;
  position: relative;
}

.latest-updates-icon{
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0010/155845/news-icon.png?v=0.2.1") no-repeat;
  height: 58px;
  position: absolute;
  top: -4px;
  width: 59px;
}

.latest-updates-header-title,
.page-content .latest-updates-header-title{
  color: #003366;
  font-size: 1.250em;
  font-weight: lighter;
  margin: 0;
  padding: 12px 0;
}

.latest-updates-list{
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.latest-updates-item{
  padding: 10px;
}

.latest-updates-item ul{
  padding: 0px 0px 0px 30px;
}

.latest-updates-item p{
  margin: 0 0 0.688em 0;
}

.latest-updates-item li{
  list-style: disc;
}

.latest-updates-item .date{
  margin: 0;
}

.lu-item-title{
  margin: 0;
}

.lu-item-link:hover{
  text-decoration: underline;
}

.lu-item-link.disabled{
  color: #003366;
  cursor:default;
  font-size: 1em;
  margin: 0;
}

.lu-item-link.disabled:focus{
  outline: none;
}


.lu-item-link.disabled:hover{
  text-decoration: none;
}

/* 3.7.4 Landing page links */
.lp-links{
  margin: 20px 0 0 0;
}

.lp-link-box{
  float: left;
  width: 48%;
}

.lp-links .lp-link-box:first-child{
 margin: 30px 4% 0 0; 
}

.lp-links .lp-link-box:nth-child(2n+2){
 margin: 30px 0 0 0; 
}

.lp-link-box{
  margin: 30px 4% 0 0;
}

.lp-link-header{
  background: #e4e5e6;
  padding: 15px 10px;
}

.lp-link-title{
  font-size: 1.250em;
  font-weight: lighter;
  margin: 0;
}

.lp-link-title:hover{
  text-decoration: underline;
}

.lp-links-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-links-item a:hover{
  text-decoration: underline;
}

/* 3.7.5 Attachment list */
.attachment-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.attachment-item{
  margin: 1em 0;
}

/* 3.7.6 Body search box */
.body-search-box-container{
  background: #e4e5e6;
  padding: 1em;
}

.body-search-label{
  color: #414042;
  font-size: 1.250em;
  font-weight: lighter;
  padding: 0 0.625em 0 0;
}

.body-search-box-container .default-form-input{
  width: 50%;
}

.body-search-button,
.send-message-button,
.body-clear-form-button{
  background: #578300;
  border-radius: 0;
  border: none;
  color: white;
  float: right;
  font-weight: lighter;
  padding: 0.599em 1em;
  margin-bottom: 1.875em;
}

.body-search-button{
  margin: 0;  
}

.send-message-button,
.body-clear-form-button{
  float: left;
}
.send-message-button{
  margin-top: 1.250em;
}

.send-message-button:hover,
.body-search-button:hover,
.body-clear-form-button:hover{
  background: #466a00;
}

/* 3.7.7 Body search dropdown */
.body-search-dropdown{
  background: #f1f2f2;
  display: block;
  margin: 1px 0 0 0;
}

.body-search-dropdown .wide-button-link{
  font-weight: lighter;
  padding: 1em 3em 1em 3.7em;
}

.body-search-dropdown-content{
  border-top: 2px solid #e3e4e5;
  padding: 0 1em 1em 1em;
}

.filter-form a:hover{
  text-decoration: none;
}

/* 3.7.8 Body search results */
.featured-results{
  background: #e2f0f5;
  float: left;
  padding: 2%;
  width: 96%;
}

.featured-results
.search-results-item{
  border: none;
  margin: 0 0 1.875em 0;
  padding: 0;
}

.search-results{
  float: left;
  margin: 1.875em 0 0 0;
  width: 100%;
}

.search-results-list{
  margin: 0;
  list-style: none;
  padding: 0;
}

.search-results-item{
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #e4e5e6;
}

.body-container
.search-results-item-title{
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}

/* 3.7.9 Pagination */
.pagination{
  text-align: center;
}

.pagination-list{
  display: inline-block;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: auto;
}

.pagination-item{
  display: block;
  margin: 0 1px 0 0;
  float: left;
}

.pagination a:hover{
  text-decoration: none;
}

.pagination-link{
  background: #e4e5e6;
  color: #414042;
  padding: 0.625em 0.825em;
}

.pagination-previous-page-link,
.pagination-next-page-link{
  background: #578300;
  color: white;
  font-weight: normal;
  padding: 0.625em 0.825em;
}

.pagination-previous-page-link:hover,
.pagination-next-page-link:hover{
  background: #466a00;
}

.selected .pagination-link,
.pagination-link:hover{
  background: #578300;
  color: white;
}

/* 3.7.10 Contact form*/
.contact-form label{
  display: block;
  float: left;
  margin: 10px 0;
  width: 100%;
font-weight: bold
}

/* 3.7.11 Guidance */
.guidance-box{
  border: 1px solid #e4e5e6;
  display: block;
  float: left;
  margin: 1.250em 0;
  width: 100%;
}

.guidance-box-header{
  background: #e4e5e6;
  text-align: center;
}

.page-content .guidance-box-header-part{
  background: #007fa9;
  color: #FFF;
  float: left;
  font-size: 1.250em;
  margin: -1px 0 0 -1px;
  padding: 0.625em 0 0.688em 0;
  width: 20%;
  height: 100%;
}

.page-content .guidance-box-header-title{
  color: #003366;
  float: left;
  font-size: 1.250em;
  font-weight: lighter;
  margin: 0;
  padding: 0.625em 3%;
  text-align: left;
  width: 74%;
}

.guidance-box-content{
  padding: 0 1em 1em 1em;
}

.guidance-box-content ul{
  padding: 0 0 0 1.250em;
}

.accordion .wide-button-link,
.guidance-resources .wide-button-link{
  font-size: 16px;
}

.accordion .accordion-header,
.guidance-resources .accordion-header{
  background: #f1f2f2;
  margin: 0;
}

.guidance-resources .attachment-list{
  padding: 0 1em;
}

/* 3.7.12 Site map */
.site-map ul{
  margin: 0;
  padding: 0;
}

.site-map .no-padding{
  padding: 0;
}

.site-map .site-map-heading{
  font-size: 1.2em;
  margin: 10px 0;
}

.site-map .list-style-none{
  background: none;
}

.site-map li{
  padding: 0;
  list-style: disc;
}

.site-map ul > li > ul{
  padding: 0 0 0 20px;
}

/* 3.8 Footer */
.footer-container{
  background: #e4e5e6;
  margin: 1.875em 0 0 0;
}

/* 3.8.1 Footer navigation */
.footer-navigation-column{
  float: left;
  padding: 0 2% 0 0;
  position: relative;
  width:23%;
}

.footer-navigation-title{
  font-size: 1.250em;
  font-weight: lighter;
  margin: 35px 5px 25px 0;
}

.footer-navigation-list{
  padding: 0;
}

.footer-navigation-item{
  padding: 5px 0;
}

.footer-navigation-link{
  color: #414042;
  font-weight: lighter;
}

.footer-navigation-link:hover{
  color: #CC0066;
  text-decoration: none;
}

/* 3.8.2 Social media */
.facebook-link{
  background: #578300 url("http://www.electoralcommission.org.uk/__data/assets/image/0005/155840/facebook-icon.png?v=0.2.2") no-repeat center center;
  margin: 0 15px 0 0;
}

.twitter-link{
  background: #578300 url("http://www.electoralcommission.org.uk/__data/assets/image/0005/155849/twitter-icon.png?v=0.2.2") no-repeat center center;
  margin: 0 15px 0 0;
}

.blog-link{
  background: #578300 url("http://www.electoralcommission.org.uk/__data/assets/image/0006/182463/blog-icon-copy.png?v=0.1.2") no-repeat center center;
}

.facebook-link:hover{
  background: #466a00 url("http://www.electoralcommission.org.uk/__data/assets/image/0005/155840/facebook-icon.png?v=0.2.2") no-repeat center center;
}

.twitter-link:hover{
  background: #466a00 url("http://www.electoralcommission.org.uk/__data/assets/image/0005/155849/twitter-icon.png?v=0.2.2") no-repeat center center;
}

.blog-link:hover{
  background: #466a00 url("http://www.electoralcommission.org.uk/__data/assets/image/0006/182463/blog-icon-copy.png?v=0.1.2") no-repeat center center;
}

/* 3.8.3 Footer bottom line */
.footer-bottom-line{
  background: #007fa9;
  margin: 1em auto 0 auto;
  padding: 1em 0 45px 0;
}

.footer-bottom-line-list{
  margin: 0;
  padding: 0;
}

.footer-bottom-line-item{
  display: block;
  float: left;
}

.footer-bottom-line-link{
  color: white;
  padding: 0 1em;
}

.footer-bottom-line-link:hover{
  text-decoration: underline;
}

.copyright{
  color: white;
  float: left;
  font-weight: lighter;
  font-size: 0.875em;
  padding: 0 0 0 1em;
  width: 100%;
}
.copyright a {
  color:#fff;
  text-decoration:none;
}
.copyright a:hover {
  color:#fff;
  text-decoration:underline;
}

/*
--------------------
4. Tablet Portrait Mode
--------------------
*/

@media only screen and (max-width : 990px){
  .wrapper{
    margin: 0 7.5%;
    width: 85%;
  }

  /* 4.1.1 Top navigation */
  .top-navigation{
    width: 60%;
  }

  .main-header-buttons{
    float: right;
    position: relative;
  }

 .main-header-buttons .top-search-button{
    display: block;
    background: #578300 url("http://www.electoralcommission.org.uk/__data/assets/image/0004/155848/search-icon.png?v=0.2.1") no-repeat center center;
    float: right;
    margin: 0 0 0 6px;
  }

  .main-header-buttons .menu-button{
    display: block;
    background: #007fa9 url("http://www.electoralcommission.org.uk/__data/assets/image/0009/155844/menu-icon.png?v=0.2.1") no-repeat center center;
    float: right;
    margin: 0 0 0 2px;
  }

  .main-header-navigation{
    margin: 90px 0 0 0;
    right:0;
  }

  .main-header-navigation-item{
    margin: 0 10px;
  }


  /* 4.1.2 Logo container */
  .logo-container{
    margin: 30px 0 40px 0;
    width: 40%;
  }

  .header-subtitle{
    display: none;
  }

  /* 4.1.3 Search box */
  .search-box-container{
    display: none;
  }



  .rwd-search-button{
    background: transparent url("http://www.electoralcommission.org.uk/__data/assets/image/0003/155847/search-icon-green.png?v=0.2.1") no-repeat center center;
    border: 0;
    color : transparent;
    display: block;
    font-size : 0;
    height: 25px;
    position: absolute;
    right: 30px;
    top: 28px;
    width: 25px;
  }

  .rwd-search-box .search-input{
    padding: 0;
    margin: 5%;
    width: 90%;
  }

  .no-js .main-header-buttons-item:hover .rwd-search-box{
    display: block;
  }

  /* 4.1.4 Main navigation */
  .main-navigation{
    display: none;
  }

  .no-js .main-header-buttons-item:hover .rwd-nav{
    display: block;
  }

  .rwd-nav-list{
    background: #007fa9;
    border-top: 1px solid #0099cc;
    padding: 1em;
    text-align: left;
  }

  .rwd-nav-item{
    background: transparent;
    display: block;  
    padding: 0;
  }

  .rwd-nav-heading{
    color: white;
    font-size: 1.250em;
    font-weight: lighter;
    margin: 0;
    padding: 0 10px;
    display: block;  
  }

  .rwd-nav-heading.current{
    background: #003366;
  }

  .rwd-nav-link{
    background: transparent;
    color: white;
    display: block;  
    line-height: 1.6em;
    font-size: 0.875em;
    padding: 10px 0 10px 1em;
  }

  .rwd-nav-link:hover{
    background: #003366;
  }

  .rwd-sub-nav-list{
    margin: 0;
    padding: 0;
  }

  /* 4.2 Boxes */
  .boxes-inner-container{
    padding: 0 0 20px 0;
  }

  .box-text-container{
    display: none;
  }

  .box{
    margin: 2% 4% 0 0;
    width: 48%;
  }

  .box-thumbnail{
    max-width: 100%;
    width: 100%;
  }

  .boxes-inner-container .box:first-child{
    margin: 2% 4% 0 0;
  }

  .boxes-inner-container .box:nth-child(3n+3){
    margin: 2% 4% 0 0;
  }

  .boxes-inner-container .box:nth-child(2n+2){
    margin: 2% 0 0 0;
  }

  /* 4.3 News */
  .news-container{
    float: none;
    width: 100%;
  }

  /* 4.4 Links */
  .links-container{
    float: none;
    padding: 5%;
    width: 90%;
  }  

  /* 4.5 Focus on */
  .focus-on-container{
    float: none;
    margin: 2.500em auto 0 auto;
    width: 85%;
  }

  .focus-on-box{
    margin: 2% 4% 0 0;
    width: 48%;
  }

  .focus-on-thumbnail{
    float: left;
    width: 101%;
  }

  .focus-on-link{
    float: left;
  }

  .focus-on-container .focus-on-box:first-child{
    margin: 2% 4% 0 0;
  }


  .focus-on-container .focus-on-box:nth-child(2n+2){
    margin: 2% 0 0 0;
  }

  .focus-on-container .focus-on-box:last-child{
    margin: 2% 0 0 0;
  }

  /* 4.6 Left column */
  .left-column-container{
    display: table;
    padding: 0;
    width: 100%;
  }
  /* 4.6 Left navigation */
  .wide-button{
    display: block;
  }

  .left-navigation{
    display: table-footer-group;
    width: 100%;
    float: none;
  }

  /* 4.6.2 Related links */
  .related-links-container{
    display: table-header-group;
    float: none;
  }

  .related-links-title{
    margin: 3%;
    margin-bottom: 0;
  }

  .related-links-list{
    padding: 3%;
  }

  /* 4.7 Body container */
  .body-container{
    float: none;
    margin: 0 0 1.5em 0;
    width: 100%;
  }

  .breadcrumb{
    margin: 0;
  }

  /* 4.7.1 Body search */
  .body-search-label{
    display: block;
  }

  .body-search-box-container .default-form-input{
    width: 65%;
  }

  /* 4.8 Footer */
  /* 4.8.1 Footer navigation */
  .footer-navigation-column{
    float: left;
    padding: 0;
    position: relative;
    width:50%;
  }

  /* 4.6.2 Footer bottom line */
  .footer-bottom-line{
    margin: 1em auto 0 auto;
    padding: 1em 0 45px 0;
  }

  .filters-notice{
    display: none;
  }
}

/*
--------------------
5. Phones
--------------------
*/

@media only screen and (max-width : 767px){
  body{
    min-width: 465px;
  }

  .wrapper{
    margin: 0 10%;
    width: 80%;
    position: relative;
  }

  .cookie-bar{
    text-align: left;
  }

  .cookie-bar-link{
    margin-top: 2px;
  }

  .cookie-bar-icon{
    margin: 7px 0 0 14px;
  }
  /* 5.1 Header */
  /* 5.1.1 Top navigation */
  .top-navigation{
    width: 100%;
  }

  .main-header-buttons{
    float: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .main-header-buttons-list{
    display: inline-block;
  }

  .main-header-buttons-link{
    padding: 0 1.403em;
  }

  .main-header-navigation{
    margin: 0.625em 0 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
  }

  .main-header-navigation-list{
    margin: 0;
  }

  .main-header-navigation-item{
    float: none;
    margin: 0.4em 0 1em 0;
    display: block;
  } 

  .main-header-navigation-link{
    font-size: 1em;
  }

  /* 5.1.2 Logo container */
  .logo-container{
    float: none;
    margin: 20px 0 20px 0;
    width: 100%;
  }



  /* 5.2 Boxes */
  .boxes-outer-container{
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
  }

  .boxes-inner-container .box:first-child,
  .boxes-inner-container .box:nth-child(3n+3),
  .boxes-inner-container .box:nth-child(2n+2)
  {
    margin: 0 0 2px 0;
  }

  .box{
    height: 100%;
    margin: 0 0 2px 0;
    width: 100%;
  }

  .box-content{
    display: none;
  }

  /* 5.3 News */
  .news-container{
    margin: 40px 0 0 0;
  }

  /* 5.4 Links */
  .links-container{
    margin: 30px 0 0 0;
  }

  /* 5.5 Focus on */
  .focus-on-container{
    margin: 60px auto 0 auto;
  }

  .focus-on-box{
    margin: 0 0 3px 0;
    width: 100%;
  }

  .focus-on-link{
    padding: 10px;
    margin: 0;
    width: 91%;
  }

  .focus-on-container .focus-on-box:first-child,
  .focus-on-container .focus-on-box:nth-child(2n+2){
    margin: 0 0 3px 0;
  }

  .focus-on-thumbnail{
    display: none;
  }

  .cookie-bar{
    background: #E4E5E6;
    margin: -42px 0 0 0;
    width: 100%;
  }

  /* 5.6 Body container */
  /* 5.6.1 Landing page links*/
  .lp-link-box{
    float: left;
    width: 100%;
  }

  /* 5.6.2 Body search dropdown */
  .body-search-dropdown{
    display: none;
  }

  .body-search-button {
    margin: 1em 0px 0px;
  }

  /* 5.6.3 Pagination */
  .pagination-link{
    padding: 0.625em 0.525em;
  }

  .page-content .fb_search_pagination {
    line-height: 2.8em;
  }


  /* 5.6.4 Guidance box */
  .page-content .guidance-box-header-part{
    font-size: 0.9em;
  }

  .page-content .guidance-box-header-title{
    font-size: 0.88em;
  }

  /* 5.7 Footer */
  /* 5.7.1 Footer navigation */
  .footer-navigation-column{
    display: none;
  }

  .more-information{
    display: block;
    width:100%;
  }

  .more-information .footer-navigation-item{
    display: block;
    float: left;
    width: 50%;
  }

  /* 5.7.2 Social media */
  .social-media-container{
    float: right;
  }

  .pink{
    float: left;
    margin: 10px 10px 0 0;
  }

  /* 5.7.3 Footer bottom line */
  .footer-bottom-line{
    margin: 15px auto 0 auto;
      padding: 1em 0 45px 0;

  }

  .footer-bottom-line-item{
    margin: 0 0 0 1em;
    width: 44%;
  }

  .footer-bottom-line-link{
    font-size: 0.875em;
    padding: 0;
  }

  .page-content .fb_advanced_search{
    display: none;
  }

  .page-content .fb_simple_search input,
  .body-search-box-container .default-form-input {
    width: 92%;
  }

  .page-content .fb_simple_search .fb_submit{
    margin: 1em 0 0 0;
    width: 82px;
  }

  .page-content .submit{
    margin: 1em 0 0 0;
  }

  .page-content .fb_simple_search{
    padding-bottom: 4.5em;
  }

  .page-content .column-2{
    width: 100%;
  }

  .election-results-page .chartparty{
    background: none;
    border: none;
    text-align: left;
    width: 100%;
  }

  .election-results-page .chartbg{
    background: none;
    border: none;
    text-align: left;
    width: 100%;
  }

}

/*
--------------------
5. Phones (portrait)
--------------------
*/

@media only screen and (max-width : 320px){
  body{
    min-width: 320px;
  }

  .wrapper{
    margin: 0 5%;
    width: 90%;
  }

  .rwd-nav-heading {
    line-height: 1.1em;
    padding: 0.5em 10px;
  }

  .rwd-search-box .search-input{
    min-width: 50%;
  }

  .rwd-search-button{
    top: 25px;
  }

  .main-header-buttons-link {
    padding: 0px 4.2px;
  }

  .main-header-buttons .selected:after{
    left: 34px;
  }

  .page-content .fb_simple_search input,
  .body-search-box-container .default-form-input {
    width: 92%;
  }

  .page-content .fb_simple_search .fb_submit{
    margin: 1em 0 0 0;
    width: 82px;
  }

  .page-content .fb_simple_search{
    padding-bottom: 4.5em;
  }

  .body-search-button {
    margin: 1em 0 0 0;
  }

  .pagination-item {
    margin: 0 1px 1.1em 0px;
  }

  .pagination-link {
    padding: 0.8em;
  }

  .pagination-previous-page-link, 
  .pagination-next-page-link{
    padding: 0.8em;
  }

  .links-container{
    margin-bottom: 30px;
  }

  .news-title{
    padding-left: 70px;
    text-indent: 0;
  }

  .footer-bottom-line{
    margin-top: 5px;
    padding: 1em 0 57px 0;
  }

  .more-information .footer-navigation-item{
    width: 50%;
  }

/*  .footer-navigation-item:last-child{
    margin-top: -36px;
  }
*/

  .cookie-bar-link{
    width: 80%;
  }

  .cookie-bar{
    margin: -52px 0 0 0;
  }

  .search-results-item .column-4,
  .search-results-item .column-3,
  .search-results-item .column-2{
    width: 100%;
  }

  .search-results-item .column-4,
  .search-results-item .column-3,
  .search-results-item .column-2{
    width: 100%;
  }

  .fb_search_result_list .fb_result_date_published,
  .fb_search_result_list .fb_result_section
  {
    float: none;
    width: 100%;
  }

  .fb_search_results .fb_search_result_list li{
    padding: 0px 0px 1.5em;
  }

  .fb_search .fb_advanced_search{
    background: #F1F2F2;
    padding: 1em 1em 4em 1em;
  }

  .column_group .column-4.margin-10p{
    width: 100%;
  }
}

/*
--------------------
6. Helpers
--------------------
*/
*:focus {
    outline: 0;
}

.column-1{
  display: block;
  float: left;
  margin: 0 0 0.625em 0;
  width: 100%;
}

.column-1.margin-t-1e{
  margin: 1em 0 0.625em 0;
}

.column-2{
  display: block;
  float: left;
  width: 50%;
}

.column-3{
  display: block;
  float: left;
  width: 33.3%;
}

.column-4{
  display: block;
  float: left;
  width: 25%;
}

.column-10p{
  width: 10%;
}

.column-20p{
  width: 20%;
}

.column-35p{
  width: 35%;
}

.column-80p{
  display: block;
  float: left;
  width: 80%;
}

.column-85p{
  display: block;
  float: left;
  width: 85%;
}

.column-80p .custom-select-link{
  padding: 0 1.8%;
  width: 96.4%;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/*Funnelback fixes*/

.fb_simple_search{
  background: #E4E5E6;
  padding: 1em;
}

.fb_date.reverse_emphasis{
  float: left;
  width:60%;
}

.fb_multiple_select_filter{
  float: left;
  width: 40%;
}


.fb_simple_search input{
  border: 2px solid #d2d3d5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #414042;
  font-weight: lighter;
  padding: 0.500em;
  width: 80%;
}

.fb_simple_search h3{
  margin: 0;
}

.fb_advanced_search .lighter{
  margin: 1em 0;
}

.fb_advanced_search .fb_date .lighter{
  margin: 0.2em 0 0 0;
}

.fb_advanced_search{
  background: #F1F2F2;
  margin: 0 0 4em 0;
  padding: 0;
}

.fb_advanced_search h3{
  margin: 0 0 1em 0;
}

.fb_advanced_search legend{
  font-weight: bold;
  margin: 1em 0 1em 0;
}

.fb_advanced_search.radio label{
  display: inline;
  margin: 0 0.5em 1em 0;
}

.fb_advanced_search label{
  display: block;
  margin: 0 0 1em 0;
}

.fb_advanced_search .accordion-content{
  border-top: 2px solid rgb(227, 228, 229);
  padding: 1em;
}

.fb_search_result_list{
  padding: 0;
}

.fb_date .lighter{
  display: block;
  float: left;
  width: 15%;
}

.fb_search_result_list li{
  clear: both;
  margin: 0 0 1.5em 0;
  padding: 0 0 2.3em 0;
  border-bottom: 1px solid #e4e5e6;
  list-style: none;
}

.fb_multiple_select_filter .lighter,
.fb_single_select_filter .lighter{
  font-weight: bold;
}

.fb_result_section{
  display: block;
  float: left;
  font-size: 0.875em;
  /*width: 55%;*/
  margin-right: 10px;
}

.fb_result_section span{
  font-size: 1em;
  font-weight: bold;
}

.fb_result_date_published{
  display: block;
  float: left;
  font-size: 0.875em;
  font-weight: bold;
  width: 25%;
}

.page-content .clearfield:hover{
  text-decoration: none;
}

.fb_submit,
.fb_simple_search .fb_submit,
.clearfield{
  background: #578300;
  border-radius: 0;
  border: none;
  color: white;
  float: right;
  font-weight: lighter;
  padding: 0.599em 1em;
  margin: 1em 0 0 0;
}

.fb_simple_search .fb_submit{
  margin: 0;
  width: 82px;
}

.clearfield{
  line-height: normal;
  float:left;
}

.clearfield:hover,
.fb_submit:hover{
  background: #466a00;
}

/*Custom select FB*/
.fb_advanced_search div[data-select-name="meta_d1day"],
.fb_advanced_search div[data-select-name="meta_d2day"]{
  float: left;
  width: 20%;
}

.fb_advanced_search div[data-select-name="meta_d1month"],
.fb_advanced_search div[data-select-name="meta_d2month"]{
  float: left;
  margin: 0 0 10px 3%;
  width: 35%;
}

.fb_advanced_search div[data-select-name="meta_d1year"],
.fb_advanced_search div[data-select-name="meta_d2year"]
{
  float: left;
  margin: 0 0 10px 3%;
  width: 20%;
}

.fb_advanced_search div[data-select-name="sort"]{
  width: 94.3%;
}

.fb_advanced_search div[data-select-name="sort"] .custom-select-list{
  height: 60px;
}

.fb_advanced_search div[data-select-name="meta_C"]{
  width: 90%;
}

.column_filter, .column_minor{
  border-bottom: 1px solid #e4e5e6;
  /*margin-top: 7px;*/
  padding: 1em 0px 1.5em;
}

.fb_search_pagination{
  text-align: center;
  letter-spacing: -2px;
}

.fb_search_pagination .pagination-current{
  background: #578300;
  color: #FFF;
  font-size: 1em;
  font-weight: lighter;
  margin: 0 4px;
  padding: 0.625em 0.625em;
}

.fb_search_pagination a{
  background: #e4e5e6;
  color: #414042;
  font-weight: lighter;
  padding: 0.625em 0.825em;
}

.fb_search_pagination a.next,
.fb_search_pagination a.previous{
  background: #578300;
  color: #FFF;
}

.fb_single_select_filter{
  display: block;
  width: 100%;
}

.fb_search_pagination a:hover{
  background: #578300;
  color: white;
  text-decoration: none;
}

.tier_header,
.fb_search_result_count,
.fb_widget.similiar_results,
.fb_results_per_page{
  display: none;
}

div.advanced_submit fieldset.fb_search_narrow label.lighter, div.column_minor fieldset.fb_search_narrow label.lighter {
  display: inline;
  margin: 0.5em 1em 0 0;
}

div.column_filter fieldset.fb_search_narrow label.lighter, div.fb_advanced_search fieldset.fb_multiple_radio_filter label.lighter {
    display: inline;
    margin: 0.5em 1em 0 0;
}

div.column_minor fieldset.fb_single_select_filter {
  width: 50%;
}

/* Charts styles */

.chart ul,
.chart-wide ul{
  float: left;
  padding: 0;
  margin: 5px 0;
  width: 100%;
}

.election-results-page table{
  border: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 15px 0 0 0;
}

.election-results-page th,
.election-results-page td{
  border: 1px solid #000;
  padding: 0.46em;
}

/*.election-results-page th{
  background: none repeat scroll 0% 0% rgb(238, 242, 245);
  border: 1px solid rgb(255, 255, 255);
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 5px;
  text-align: left;
}

.election-results-page td{
  border: 1px solid rgb(153, 153, 153);
  font-size: 0.8em;
  padding: 0;
  text-align: center
}*/

.map-dropdown .submit,
.election-results-page .submit{
  background: #578300;
  border-radius: 0;
  border: none;
  color: white;
  font-weight: lighter;
  padding: 0.599em 1em;
}

.chartparty {
  background: url("http://www.electoralcommission.org.uk/__data/assets/image/0006/158856/results-chart-top.gif?v=0.2.1") no-repeat scroll right top transparent;
  border-right: 1px solid rgb(0, 177, 239);
  list-style: none;
  width: 50%;
  text-align: right;
  margin: 1px 0;
  padding: 0px 8px 0px 0px;
  float: left;
}

.chartbg {
  background-image: none;
  border-top: 1px solid rgb(255, 255, 255);
  list-style: none;
  width: 48%;
  margin: 1px 0;
  margin-left: 2px;
  float: left;
}

.chartbg .odd{
  background-color: #003366;
}

.chartbg .even{
  background-color: #0099cc;
}

/*Referendums*/
.left-column,
.right-column{
  display: block;
  float:left;
  width: 50%;
}

.right-column .custom-select-current,
.right-column .custom-select-link{
  font-size: 16px;
}

.right-column p,
.right-column .custom-select-link{
  font-weight: normal;
}

.map-dropdown{
  padding: 0 10px 10px 10px;
}

.page-content .elections-results,
.page-content .elections-results .results-details,
.page-content #content.elections-results a.help{
  font-size: 16px;
}

.page-content .elections-results .results-votes.results-yes .number{
  margin-top: 25px;
}

.page-content #content.elections-results a.back{
  font-size: 16px;
  width: auto;
}

.page-content .elections-results .results-graph span.bar-yes,
.page-content .elections-results .results-graph span.bar-no{
  font-size: 16px;
}

.page-content .map-dropdown p{
  padding: 10px 0 0 0 !important;
}


@media (min-width: 990px) {
  .rwd-nav-list {
  display: none !important;
  }
}


/*
 * Lightbox Table Styles
 * Added by lwoollett@squiz.co.uk
 */

.lightbox-table-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid rgb(0, 0, 0);
 
}
.lightbox-table-container #cboxClose{
    position:absolute;
    bottom:0;
    right:0;
    background:url() no-repeat -25px 0;
    width:25px; height:25px; text-indent:-9999px;
    border:0;
}
.lightbox-table-container #cboxLoadedContent{
    background-color: #FFF;
}
.lightbox-table-container #cboxClose:hover{
    background-position:-25px -25px;
}




/*
 * Register logo style
 */

h1#register {
  width: 414px;
  height: 110px;
  padding: 40px 10px 15px 15px;
  font-size: 3.5em;
  font-family: Swiss 721 lt;
  color: #FFF;
  line-height: 75%;
  background-color: #7AB800  
}
h1#register span {
  display: none;
}

/* END additions */



/*
 * Partner text style
 */

p#partner1 {
 width: 250px;
  height: relative;
  padding: 40px 10px 40px 15px;
  font-size: 2em;
  font-family: Swiss 721 lt;
  text-align: left;
  color: #003366;
  line-height: 50%;
  background-color: #FFF;
border-radius: 25px;
border-style: solid;
border-width: 2px;
border-color: #003366

}
p#partner1 span {
  display: none;
}

.accessibilityimage {
border-width: 1px; 
border-color: #003366;
border-style: solid;
}

a#alternative{
  color: #003366;
  text-decoration: none;
}

h4#etpagelinespacing{
margin: 0.7em 0 0em 0;
}

p#etpagelinespacing{
margin: 0.35em 0 1.4em 0;
}