/* ==========================================================================
	ECC CSS // fferrari // June 2015
========================================================================== */

/* ===================
	ALL: Fonts
=================== */

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/OpenSans-Regular.eot"); /* IE9 Compat Modes */
	src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/OpenSans-Regular.woff") format("woff"), /* Modern Browsers */
		url("../fonts/OpenSans-Regular.ttf")	format("truetype"), /* Safari, Android, iOS */
		url("../fonts/OpenSans-Regular.svg#svgOpenSans-Regular") format("svg"); /* Legacy iOS */
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/OpenSans-Bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/OpenSans-Bold.woff") format("woff"), /* Modern Browsers */
		url("../fonts/OpenSans-Bold.ttf")	format("truetype"), /* Safari, Android, iOS */
		url("../fonts/OpenSans-Bold.svg#svgOpenSans-Bold") format("svg"); /* Legacy iOS */
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/OpenSans-Italic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/OpenSans-Italic.woff") format("woff"), /* Modern Browsers */
		url("../fonts/OpenSans-Italic.ttf")	format("truetype"), /* Safari, Android, iOS */
		url("../fonts/OpenSans-Italic.svg#svgOpenSans-Italic") format("svg"); /* Legacy iOS */
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 700;
	src: url("../fonts/OpenSans-BoldItalic.eot"); /* IE9 Compat Modes */
	src: url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/OpenSans-BoldItalic.woff") format("woff"), /* Modern Browsers */
		url("../fonts/OpenSans-BoldItalic.ttf")	format("truetype"), /* Safari, Android, iOS */
		url("../fonts/OpenSans-BoldItalic.svg#svgOpenSans-BoldItalic") format("svg"); /* Legacy iOS */
}

body {
	font-family: "Open Sans", sans-serif;
}

.fa-li.fa-lg {
    left: -2.14286em;
}

.search-highlight {
	background-color: #FFEE6B;
}

/* ===================
	ALL: Wrapper
=================== */

.wrapper {
	padding-top:0;
	margin: 0 5%;
}

/* ===================
	ALL: Skiplink
=================== */

.skiplink {
    left: -9999em;
    position: absolute;
}
.skiplink:focus {
    position: static;
}
#skiplink-container {
    background: none repeat scroll 0 0 #000000;
    text-align: center;
	color:#FFFFFF;
}
#skiplink-container div {
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
}
#skiplink-container .skiplink {
    display: inline-block;
    margin: 1em 0 1em 0;
	color:#FFFFFF;
}
a.skiplink:hover {
	color:#FFFFFF;
}
a.skiplink:visited {
	color:#FFFFFF;
}
/* ===================
	ALL: colours and borders for containers
=================== */
	
html,
button,
input,
select,
textarea {
	color: #222222;
	background: #FFFFFF;		
}
#header-container {
	/*background: #005C98;*/
	background: #000000;
	border-style: solid;
	border-width: 0 0 0.2em 0;
	border-color:#008540;
}
#header-container p{
	margin:5px 0 0 0;
	text-align:right;
	color:#FFFFFF;
	font-size:16px;
}
#alert-banner-container {
	background: #ffee83;
	padding-bottom:1em;
	border-color: #008540;
	border-style: solid;
	border-width: 0 0 0.2em;
}
#info-banner-container {
	background: #006231;
	padding-bottom:1em;
	border-color: #008540;
	border-style: solid;
	border-width: 0 0 0.2em;
	color:#FFFFFF;
}



#maintenance-banner-container {
	background: #a02b22;
	padding-bottom:1em;
	border-color: #008540;
	border-style: solid;
	border-width: 0 0 0.2em;
	color:#FFFFFF;
}
#cookies-container {
	background: #505050;
	padding-bottom:1em;
	border-color: #008540;
	border-style: solid;
	border-width: 0 0 0.2em;
}
#breadcrumb-nav-container {
	background: #FFFFFF;
}
#main-container {
	background: #FFFFFF;
}
#footer-links-container {
	background-color: #e5e5e5;
}
aside nav.related-links-nav-container {
	border-style: solid;
	border-width: 10px 0 0 0;
	border-color:#008540;
}
aside section.related-contact-container {
	border-style: solid;
	border-width: 10px 0 0 0;
	border-color:#d415a1;
}
.boxtext-important {
	background-color:#FFEE6B;
	padding:1.5em;
	margin:2em 0 2em 0;
}
.boxtext-important h2 {
	margin:0 0 1em 0;
}
.boxtext-important h2:before {
	margin-right:0.5em;
	font-family: "FontAwesome";
	content: "\f133";
}
.boxtext-important p {
	margin:0;
}
.boxtext-cancelled {
	background-color:#F2DEDE;
	padding:1.5em;
	margin:2em 0 2em 0;
}
.boxtext-cancelled h2 {
	margin:0 0 1em 0;
	color: #a94442;	
}
.boxtext-cancelled h2:before {
	margin-right:0.5em;
	font-family: "FontAwesome";
	content: "\f071";
}
.boxtext-cancelled p {
	margin:0;
	color: #870000;	
}
.boxtext-highlight {
	border-style: solid;
	border-width: 0 0 0 0.3em;
	/*
	border-color:#FFEE6B;
	*/
	border-color:#000000;
	padding:0 0 0 0.95em;
	margin:2em 0 2em 0;
}
.boxtext-boxed {
	background-color:#efefef;
	padding:1.5em;
	margin:2em 0 2em 0;
	border:0.1em solid #000000;		
}
blockquote {
	padding:0 0 0 1.45em;
	margin:2em 0 2em 0;
	position:relative;
}
blockquote p:before {
	position:absolute;
	left:0;
	font-family: "FontAwesome";
	content: "\f10d";
}
blockquote p.last-child:after {
	padding: 0 0 0 0.5em;
	font-family: "FontAwesome";
	content: "\f10e";
}
.newscaption {
	font-style: italic;
	font-size:0.8em;
}
.newscaption:before {
	padding: 0 0.5em 0 0;
	font-family: "FontAwesome";
	content: "\f030";
	font-style:normal;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}

/* ===================
	ALL: buttons
=================== */

/* DSB Login/out/errors */
.log-out-button {
        
}

.validation-summary-errors{
    color:red;
    list-style:none;
}

/* EO DSB */

#clearresults:after {
    content: "\f00d";
    font-family: "FontAwesome";
    margin-left: 1em;
    position: relative;
}
#clearresults {
	background-color: #008540;
	color: #ffffff;
	display: inline-block;
	font-size: 1.7em;
	margin: 1em 1em 1em 0;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 0;
    font-family: inherit;
	cursor: pointer;	
	font-size: 1em;	
}
button.article-button{
	display:block;
	margin:1em 0 0 0;
	padding:1em 0 1em 0;
	border-style: none;
	border-width: 0 0 0 0;
	border-color:#999999;	
	position:relative;
	font-size: 1em;
	font-weight:400;
	width:100%;
    font-family: inherit;
	text-align:left;
}
button.chart-button{
	margin:1em 0 0 0;
	padding:1em 0 1em 0;
	border-style: none;
	border-width: 0 0 0 0;
	border-color:#999999;	
	position:relative;
	font-size: 1em;
	font-weight:400;
    font-family: inherit;
	text-align:left;
	text-decoration:underline;
}
button.header-button{
    background:#080808;
    float:left;
	/*display:block;*/
	margin:0.7em 0.5em 0 0;
	padding:1em 0 1em 1em;
	border-style: none;
	border-width: 0 0 0 0;
	border-color:#999999;	
	position:relative;
	font-size: 1em;
	font-weight:400;
	/*width:100%;*/
    font-family: inherit;
	text-align:left;
}

button.header-button:nth-child(2) {
	margin:0.7em 0 0 0;
}

/* ===================
	ALL: a element
=================== */



.rssLink:before {
    font-family: "FontAwesome";
    content: " \f09e";
}

a {
	color:#008540;
}
a:hover {
	color:#2E5F5F;
	outline:0 none;
}
a:active {
	outline:0 none;
}
a:focus {
	/*background-color:#008540;*/
	outline:0.2em solid #008540;
	color:#ffffff;
	border:0;
	box-shadow: 0px 0px 0px 1px #008540;
}
a[rel=external]:after {
	font-family: "FontAwesome";
	content: " \f08e";
}
#tinymce a[rel=external]:after {
	font-family: "FontAwesome";
	content: " \f08e";
}
a[href$=".pdf"]:before {
	font-family: "FontAwesome";
	content: "\f1c1";
	padding:0 0.5em 0 0;
}
a[href$=".doc"]:before, a[href$=".docx"]:before {
	font-family: "FontAwesome";
	content: "\f1c2";
	padding:0 0.5em 0 0;
}
a[href$=".csv"]:before	{
	font-family: "FontAwesome";
	content: "\f1c3";
	padding:0 0.5em 0 0;
}
a[href$=".mp3"]:before	{
	font-family: "FontAwesome";
	content: "\f1c7";
	padding:0 0.5em 0 0;
}
/* ===================
	ALL: table element
=================== */

table {
	width:100%;
	margin:2em 0 2em 0;
	font-size:0.5em;
	line-height:1.4em;
}
th, td {
	text-align:left;
	vertical-align:top;
	padding:0.5em;
}
th {
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color:#999999;
}
tbody th {
	text-align:right;
}
th:first-child{
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color:#999999;
}
tr.lastrow th {
	border-style: none;
	border-width: 1px;
	border-color:#999999;
}
td {
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color:#999999;
}
td:first-child{
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color:#999999;
}
tr.lastrow td, tr.lastrow th {
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color:#999999;
}
tr.lastrow td:first-child, tr.lastrow th:first-child {
	border-style: solid;
	border-width: 0 0 0 0;
	border-color:#999999;
}
.hover {
	background-color:#e5e5e5;
}
td:hover {
	background-color:#e5e5e5;
}
.aligncellleft {
	text-align:left;
}
.aligncellright {
	text-align:right;
}
.aligncellmiddle {
	text-align:center;
}

/* ===================
	ALL: lists
=================== */
ul, ol {
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;
}
div.related-content ul.fa-ul li {
	padding-bottom:1.5em;
}

/* nested OL */

#more-info-nav ul li {
	list-style-type: none;	
}
div.content article section ol.policylist li{
	margin:0.5em 0 0.5em 0; 
	padding:0; 
	list-style:none;
}
div.content article section ol.policylist ol[class^="ol-list-alpha"] > li {
	list-style-type: lower-alpha;
	margin-left:1.5em;		
}
div.content article section ol.policylist ol[class^="ol-list-roman"] > li {
	list-style-type: lower-roman;
	margin-left:1.5em;
}
div.content article section ol[class^="ol-list-alpha"] > li {
	list-style-type: lower-alpha;
	margin-left:1.5em;		
}
div.content article section ol[class^="ol-list-roman"] > li {
	list-style-type: lower-roman;
	margin-left:1.5em;
}
div.content article section ol.policylist ul > li {
	list-style-type: disc;
}
div.content article section ol.policylist {
    counter-reset: item;
	margin:0; 
	padding:0; 	
}
div.content article section ol.policylist ol {
    counter-reset: item;
	margin-left:1.5em;  		
}
div.content article section ol.policylist ol[class^="ol-list-alpha"] > li:before, div.content article section ol.policylist ol[class^="ol-list-roman"] > li:before {
    content:none;
}
div.content article section ol[class^="ol-list-alpha"] > li:before, div.content article section ol[class^="ol-list-roman"] > li:before {
    content:none;
} 
div.content article section ol.policylist ol.regular-ol > li:before {
    content: none;
} 
 div.content article section ol.policylist ol.regular-ol > li {
    list-style-type: decimal;
	margin-left:2.5em;		
}

/**/

#tinymce ol {
	list-style: decimal;
	list-style-image: none;
	padding:0;
	margin:0 2em 0;	
}
#tinymce ul {
	list-style: disc;
	list-style-image: none;
	padding:0;
	margin:0 2em 0;	
}
#tinymce ol.policylist li{
	margin:0.5em 0 0.5em 0; 
	list-style:decimal;
}
#tinymce ol.policylist ol[class^="ol-list-alpha"] > li {
	list-style-type: lower-alpha;
	margin-left:1.5em;		
}
#tinymce ol.policylist ol[class^="ol-list-roman"] > li {
	list-style-type: lower-roman;
	margin-left:1.5em;
}
#tinymce ol[class^="ol-list-alpha"] > li {
	list-style-type: lower-alpha;
	margin-left:1.5em;		
}
#tinymce ol[class^="ol-list-roman"] > li {
	list-style-type: lower-roman;
	margin-left:1.5em;
}
#tinymce ol.policylist ul > li {
	list-style-type: disc;
}
#tinymce ol.policylist {
    counter-reset: item;
}
#tinymce ol.policylist ol {
    counter-reset: item;
	margin-left:1.5em;  		
}
#tinymce ol.policylist ol[class^="ol-list-alpha"] > li:before, #tinymce ol.policylist ol[class^="ol-list-roman"] > li:before {
    content:none;
}
#tinymce ul > li {
	list-style-type: disc;
}
#tinymce ol > li {
	list-style-type: decimal;
}
ol.nonumbers, #tinymce ol.nonumbers {
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;
}
ul.nobullets {
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;
}

/* ===================
	ALL: Form elements
=================== */

input[type=checkbox],
 input[type=radio] {
	margin:0 1em 0 0;
}
form {
	margin:0;
	padding:0;
}
form fieldset {
	margin:0 0 2em 0;
	padding:0;
	border:none;
}
form h2 {
	margin:0 0 1em 0;
	padding:0;
	font-size:1.5em;
}
form label {
	display:block;
	font-weight:700;
}

form input[type="text"], form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="url"], form input[type="date"], form input[type="password"] {
	position:relative;
	width:100%;
	height:2.5em;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0.5em;	
	margin:0 0 1em 0;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background: #FFFFFF;
    box-sizing: border-box;
}

.short-text-input {
	width:50%!important;
}

div > input[type="text"], div > input[type="email"], div > input[type="number"], div > input[type="tel"], div > input[type="url"], div > input[type="date"], div > input[type="password"] {
	position:relative;
	width:100%;
	height:2.5em;	
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0.5em;	
	margin:0 0 1em 0;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background: #FFFFFF;
    box-sizing: border-box;
}

label+p{
	margin:0 0 0.2em 0;
	padding:0;
}

form textarea {
	width:100%;
	height:10em;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;	
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0.5em;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background: #FFFFFF;
    box-sizing: border-box;	
}

form select {
	width:45%;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0.5em;	
	margin:0 0 1em 0;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;

	border-radius:0;	
	background-color: #FFFFFF;
    box-sizing: border-box;
	overflow: hidden;
	background: url(../img/helpers/webkit-select-dropdown.png) no-repeat 95%;
}
/*
@-moz-document url-prefix() { 
form select {

	background: #FFFFFF;
}

}
*/
form button {
	background-color: #008540;
	color: #FFFFFF;
	display: inline-block;
	padding:1em 1em 1em 1em;
	border:none!important; 
	font: 1.3em "Open Sans", sans-serif;
	font-weight:700;
	line-height:0;
	-webkit-border-radius: 0;
	border-radius:0;	
}

form legend {
	font-size:1.5em;
	font-weight:bold;
	width:100%;
	margin:10px 0 10px 0;
}

/*progress bar*/
#form_form div.form_progress {
    background: none;
    background-color: #E5E5E5;
    height: 20px;
    margin: 1.5em 0 1.5em;
    position: relative;
    width: 50%;
}

#form_form div.form_progress {
    background: none;
    background-color: #E5E5E5;
    height: 20px;
    margin: 1.5em 0 1.5em;
    position: relative;
    width: 75%;
}

#form_form div.form_progress span.form_progress_description {
    color: #222222;
    display: block;
    font-family: 'Open Sans',sans-serif;
    left: 0;
    position: absolute;
    top: -2em;
}

#form_form div.form_progress span.form_progress_bar_start {
  display:none;
}

#form_form div.form_progress span.form_progress_bar_outer {
    display: block;
    float: left;
    height: 19px;
    text-indent: -999px;
    width: 100%;
}

#form_form div.form_progress span.form_progress_bar_inner {
    background: none;
    background-color: #008540;
    display: block;
    float: left;
    height: 19px;
}

#form_form div.form_progress span.form_progress_bar_inner {
color:#ffffff;
}

.form_radio_button_label{
	display: inline;
}

.form_radio_button_group li {
	line-height:30px;
}

/*EO progress bar*/

#rachael {
	display:none;
	}

#feedback-rachael-set {
	display:none;
	}
	

/* ===================
	ALL : campaign dsb
=================== */

div.campaign {
	width: 100% !important;
}

.less-padding{
    padding:0 0 0.2em 0;
}

.campaign h1{
    font-size:25px;
    text-align:center;
    width:100%;
}

.greenTop{
border-top:8px solid #008540;
}

.special-page-links{ 
    width:100%;
    display:inline-block;
    margin:0 auto;
}

.special-page-link-holder{
    min-height:20em;
    text-align:center;
    float:left;
    display:inline;
    margin:1em;
    padding-top:10px;
}

.special-page-link-holder:hover{
    background-color:#fbfdfc;
}

.special-icon{
    font-size:6em!important;
}

.special-icon-small{
    font-size:1em!important;
}



/* ===================
	ALL PORTRAIT: councillors
=================== */

img.personPhoto {
	max-width:200px;	
}
/* ===================
	ALL PORTRAIT: partners logos
=================== */
img.partnerLogo {
	max-width:100px;	
}
/* ===================
	ALL: Form elements ERROR
=================== */
	
form label.label-error{
	color:#FF0000;
}

form span.error-message{
	color:#FF0000;
	display:block;
}

form span.error-message:before{
	font-family: "FontAwesome";
	position:relative;
	margin-right:1em;
	content: "\f06a";
}

form input[class^="input-error"] {
	border-color:#FF0000;
} 

/* ===================
	ALL: search
=================== */

.site-search {
	margin: 1em 0 1em	0;
	position:relative;
	background: #ffffff;
}

#site-search-form button.search {
	font-family: "Open Sans", sans-serif;
	color: #080808;
	margin:0;
	padding:0;	
	height:2.5em;
	width:2.5em;
	border:none!important; 
	font-size:1em;
	line-height:0;
	float:left;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background-color: #FFFFFF;
    box-sizing: border-box;	
	position:absolute;
	right:0;
}

#site-search-form input[type="search"] {
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color:#FFFFFF;
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0 0 0 0.5em;		
	margin:0;
	float:left;
	height:2.5em;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background: #FFFFFF;
    box-sizing: border-box;
	min-width:250px;
}

#site-search-form label[for="site-search-text"] {
	position:absolute;
	left:0.65em;
	margin:0;
	padding:0;
	line-height:1em;
	top:0.75em;
	color:#222222;
	z-index:1;
	height:2.5em;
	display:inline;
	font-weight:400;
}

#site-search-form label[for="site-search-select-content-type"] {
	height:2.5em;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color:#999999;
	float:left;
	padding:0;	
	margin:0;
	width:1em;
	text-align:right;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
    box-sizing: border-box;
	font-weight:400;	
}

#site-search-form select[id="site-search-select-content-type"] {
	border-width: 1px 0 1px 0;
	font: 1em/1.6em "Open Sans", sans-serif;
	margin:0;
	padding:0.4em;	
	float:left;
	height:2.5em;
	width:8em;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;
	border-radius:0;
    box-sizing: border-box;
    outline:none;
    display: inline-block;
}

#site-search-form input[type="search"]:focus {
	outline:0.2em solid #674817;
	box-shadow: 0px 0px 0px 1px #674817;
}

/* DSB */
#site-search-form-page button.search {
	font-family: "Open Sans", sans-serif;
	color: #FFFFFF;
	margin:0;
	padding:0;	
	height:2.5em;
	width:2.5em;
	border:none!important;
	font-size:1.2em;
	line-height:0;
	float:left;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background-color: #080808;
    box-sizing: border-box;	
	position:absolute;
	right:0;
}

#site-search-form-page input[type="search"] {
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color:#000000;
	font: 1em/1.6em "Open Sans", sans-serif;
	box-sizing:border-box;
	padding:0 0 0 0.5em;		
	margin:0;
	float:left;
	height:3.0em;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
	background: #FFFFFF;
    box-sizing: border-box;
    width:100%;
}

#site-search-form-page label[for="site-search-text"] {
	position:absolute;
	left:0.65em;
	margin:0;
	padding:0;
	line-height:1em;
	top:0.75em;
	color:#222222;
	z-index:1;
	height:2.5em;
	display:inline;
	font-weight:400;
}

#site-search-form-page label[for="site-search-select-content-type"] {
	height:2.5em;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color:#999999;
	float:left;
	padding:0;	
	margin:0;
	width:1em;
	text-align:right;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;		
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;   
	border-radius:0;	
    box-sizing: border-box;
	font-weight:400;	
}

#site-search-form-page select[id="site-search-select-content-type"] {
	border-width: 1px 0 1px 0;
	font: 1em/1.6em "Open Sans", sans-serif;
	margin:0;
	padding:0.4em;	
	float:left;
	height:2.5em;
	width:8em;
	-moz-box-sizing:border-box;
	-moz-box-shadow: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-sizing: border-box;
	border-radius:0;
    box-sizing: border-box;
    outline:none;
    display: inline-block;
}

#site-search-form-page input[type="search"]:focus {
	outline:0.2em solid #674817;
	box-shadow: 0px 0px 0px 1px #674817;
}

/* EO DSB*/

section.search-results h1{
	display: block;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1em;
	margin: 1em 0;
	padding: 0 0 0.6em;
}

section.search-results span.step {
	color:#222222;
}

.blob {
	font-weight:700;
	}

p.resulturl{
	color:#7F7F21;
		padding:0;
		margin:0;
	}


.breadcrumb-search-result {
	margin:0;
	padding:0 0 0 0;
}

.breadcrumb-search-result li {
	margin:0 0 0 0.5em;
	display:inline;
}

.breadcrumb-search-result li:first-child {
	margin-left: 0;
}

.breadcrumb-search-result a, .breadcrumb-search-result a:hover {
	color:#006646;
}

.breadcrumb-search-result a:focus {
	color:#ffffff;
}

.breadcrumb-search-result li span {
	margin:0 0.5em 0 0;
	color:#006646;	
}

.breadcrumb-search-result li:first-child a{
	margin:0 0 0 0;
}




/* ===================
	ALL: news
=================== */

img.newsItem {
	width:100%;	
}

ol.news {
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;	
}

ol.news li {
	border-width:0 0 3px 0;
	border-style: solid;
	border-color:#999999;
}

/* ===================
	ALL: councillors
=================== */

ol.councillors {
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;	
}

/* ===================
	ALL: maps
=================== */

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
	border-bottom: 1px solid #57585A;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.esriSimpleSlider div {
	width: 1em;
	height: 1em;
	font-size: 2em;
	line-height: 0.85em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
	cursor: pointer;
}
.esriSimpleSlider {
	position: absolute;
	text-align: center;
	border: 1px solid #57585A;
	background-color: #FFF;
	color: #4C4C4C;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	top:10px;
	left:10px;
}
.map .container {
	position: relative;
	border: none;
	padding: 0;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#mapDiv {
	width:100%;
	height:400px;
	position:relative;
	border: 1px solid #000000;	
}
.map .container .layersDiv .layerTile {
	position: absolute;
	border: none;
	margin: 0;
	padding: 0;
}
#BasemapToggle .toggleButton {
	padding: 0;
	background: #fff;
	border: 1px solid #000000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#BasemapToggle {
	position:absolute;
	top: 10px;
	right: 10px;
	z-index: 50;
}
#oscopy {
	font-size:0.8em;
	position:absolute;
	top: 370px;
	right: 10px;
	z-index: 50;
	font-size:0.5em;
}
.basemapTitle {
	font-size:0.7em;
    text-align: center;
}
.basemapImage {
	padding:5px;
	}
.legend-image {
	float:left;
	padding-right:1em;
}


.holds-the-map-iframe {
  background:url(../img/sm_loading.gif) center center no-repeat;
 }

.no-background{
    background:none;
}

/* ===================
	ALL: FOI
=================== */

#legend {
	margin-bottom:2em;
}

#legend > div {
	margin-bottom:1em;
}

#legend > div > div {
	width:2em;height:2em;
	margin-right:1em;
	float:left;
	border-radius: 0.5em;
}

.responded {
	background-color:#DFF0D8;
}
	
.progress {
	background-color:#FCF8E3;
}

.refused {
	background-color:#F2DEDE;
}

#legend > div > p {
	margin:0;
	vertical-align:middle;
	line-height:2em;
}

.datacontainer {
	margin-bottom:1em;
	padding:1em;
	border-radius: 0.5em;
}

div.dataheader > button {
	text-align:right;
	margin:0;
	padding:0;
	background:transparent;
}

div.data > p {
	word-wrap: break-word;
}

/* ===================
	ALL: breadcrumb
=================== */

#breadcrumb-nav-container {
	margin:0;
	padding:1em 0 1em 0; /*DSB:: changed from padding:1em 0 2em 0;*/
}

#breadcrumb-nav-container li {
	margin:0 0 0 0.5em;
	display:inline;
	line-height:2em;
}

#breadcrumb-nav-container li:first-child {
	margin-left: 0;
}

/* ===================
	ALL: breadcrumb a element
=================== */
	
#breadcrumb-nav-container a, #breadcrumb-nav-container a:hover {
	color:#222222;
}

#breadcrumb-nav-container a:focus {
	color:#ffffff;
}

#breadcrumb-nav-container li span.fa {
	margin:0 0.5em 0 0;
}

#breadcrumb-nav-container li:first-child a{
	margin:0 0 0 0;
}

/* ===================
	ALL: title
=================== */

#header-container a {
	color:#FFFFFF;
}

/* ===================
	ALL: DSB Burials
=================== */ 

.burial-list{
    margin:0!important;
}

.burial-list-item {
    list-style:none;
    line-height:50px;
}

.burial-list-item-odd {
    background-color: #e5e5e5;
    list-style:none;
    line-height:50px;
}



.burial-list-button{
    background-color: #ffffff;
	color: #008540;
	display: inline-block;
    border:none;
	margin:0.1em 0.2em 0.1em 0;
	padding:0.25em 0.5em 0.25em 0.5em;
	font-size: 1.2em;
	text-decoration:none;
    min-width:150px;
    text-align:left;
}


.burial-list-button-odd{
    background-color: #e5e5e5;
	color: #008540;
	display: inline-block;
    border:none;
	margin:0.1em 0.1em 0.1em 0;
	padding:0.25em 0.5em 0.25em 0.5em;
	font-size: 1.2em;
	text-decoration:none;
    min-width:150px;
    text-align:left;
}

.burial-list-button::before, .burial-list-button-odd::before {
    font-size: 1.1em;
    color: #008540;
	font-family: "FontAwesome";
	content: "\f1c1";
    padding: 0 10px 0 20px;
}

.burial-list-button:active::before, .burial-list-button-odd:active::before, .burial-list-button:focus::before, .burial-list-button-odd:focus::before {
    font-size: 1.1em;
    color: #ffffff;
	font-family: "FontAwesome";
	content: "\f1c1";
    padding: 0 10px 0 20px;
}

.burial-list-button:hover {
    text-decoration:underline;
}

.burial-list-button-odd:hover {
    text-decoration:underline;
}



/* ===================
	ALL: DSB Jobs
=================== */ 

.job-list{
    list-style:none;
    margin:0px;
}

.job-list-item{
    border-top:1px solid black;
}

.job-list-title{ 
    width:115px;
    display:inline-block;
    font-weight:bold;
}

.job-list-button-line{
    text-align:right;
}

.job-list-button {
	background-color: #008540;
	color: #FFFFFF;
	display: inline-block;
	margin:1em 1em 1em 0;
	padding:0.25em 0.5em 0.25em 0.5em;
	font-size: 1.4em;
	text-decoration:none;
}

.job-list-button:after {
	font-family: "FontAwesome";
	position:relative;
	margin-left:1em;
	content: "\f05a";
}

.job-apply-button:after{
    content: "\f054";
}

#job-Search{
    width:100%;
}

.job-quicksearch-no-result{
    display: none;
    color:red;
}



/* ============
	ALL: Homepage
 ============ */

 .main {

 }

 .top-tasks-container{
     min-height:80px;
 }

.home-page-tasks {
    margin:2px 0 0 0;
}

#homepage-popular-actions-boxes-container {
	position:relative;
    margin: 0 auto;
	/*line-height:1.2em;*/
}

.bkg-pic {
	margin:0;
	padding:0;
	height:140px;
	overflow:hidden;
}

figure.bkg-pic img {
	width:100%;
	overflow:hidden;
	line-height:0;
	vertical-align: top;
}

#homepage-popular-actions-left-box {
	background-color:rgba(160, 43, 34, .8);
	padding:0 0 1em 0;
}

#homepage-popular-actions-right-box {
	background-color:rgba(255, 255, 255, .8);
	padding:0 0 1em 0;
}

#homepage-popular-actions-boxes-container h1{
	padding:0.5em 0 0 0;
	margin:0 5% 0.5em 5%;
}

#homepage-popular-actions-boxes-container ol{
	padding:0;
	margin:1em 0 1em 0;
	list-style-type:none;
}

#homepage-popular-actions-boxes-container p{
	margin:1em 5% 1em 5%;
	padding:0 5em 0 1em;
}

#homepage-popular-actions-right-box p {
	padding:0 5em 0 0;
}
#homepage-popular-actions-boxes-container li{
	margin:0;
	padding:0;
}

#homepage-popular-actions-boxes-container ol li p:before{
	font-family: "FontAwesome";
	padding-right:0.5em;
	content: "\f0da";
	position:absolute;
	left:1em
}

#homepage-popular-actions-left-box  a {
	color:#FFFFFF;
}
#homepage-popular-actions-right-box  a {
/*color:#222222;*/
}

#homepage-popular-actions-left-box{
	color:#FFFFFF;
}
.moreinfo {
	background-color:#080808;
	text-align:center;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color:#999999;
}
p.moreinfo a {
	color:#FFFFFF;
	text-decoration:none;
}
div.content-homepage article section.hub h2 {
	border-style: solid;
	border-width: 0 0 0 0;
	border-color:#999999;
	padding:0 0 0 0;
	margin:0;
}

div.content-homepage article section.hub span.fa {
color: #008540;
font-size:2em;
width:100%;
}

div.content-homepage article section.hub span.fa {
  display: table;
  white-space: nowrap;
}

div.content-homepage article section.hub span.fa:after {
	border-top: 1px solid green;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	left:1.5%;
	width: 100%;
}
div.content-homepage section.hub li:first-child h2{
	border:none;
}

.highlight-container {
	background-color:#A42E0C;
	margin:3em 0 2em 0;
}

section.hub button.show-all-services{
	display:block;
	margin:1em 0 0 0;
	padding:0;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color:#999999;
	background-color:#008540;	
	position:relative;
	font-size: 1em;
	font-weight:700;
	width:100%;
    font-family: inherit;
	text-align:center;
	height:2em;
	color:#FFFFFF;
}

section.hub button.closed:before {
	font-family: "Open Sans",sans-serif;
	content: "+";
	background-color: #080808;
    border: 0 none !important;
    border-radius: 0;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 1.8em;
	font-weight:400;
    height: 1.1em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
	top:0em;
    width: 1.1em;

}

#more-services-toggle span{
    background-color: #000000;
    border: 0 none !important;
    border-radius: 0;
    box-sizing: border-box;
    color: #FFFFFF;
 
    /*font-family: "Open Sans",sans-serif;*/
    font-size: 1em;
    height: 2em;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    width: 1em;
}

section.hub button.open:before {
	font-family: "Open Sans",sans-serif;
	content: "-";
	background-color: #080808;
    border: 0 none !important;
    border-radius: 0;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 1.8em;
	font-weight:400;
    height: 1.1em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
	top:0em;
    width: 1.1em;
}

section.hub button.open, section.hub button.closed {
	text-decoration:none;
}

.highlight-container h1.visuallyhidden{
	color: #ffffff;
}

/* ===================
	ALL: Featurettes
=================== */ 
.grid-islands {

  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
width: 100%;
flex-direction: column;
  -ms-flex-direction: column;
  margin: 2em 0 2em 0;
}

.grid-islands .column-one, .grid-islands .column-two {
  float: none;
}

.grid-islands .column-one {
  width: 100%;
}

.grid-islands .column-one {
  flex-direction: row;
  -ms-flex-direction: row;
}

.grid-islands .column-one, .grid-islands .column-two {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.banner-fancy-detail {
  background-color: #333;
  color: #fff;
  margin-left: 1px;
  overflow: hidden;
  position: relative;
}

.grid-islands .banner-fancy-detail {
  margin-bottom: 1px;

}

.grid-islands .column-one > div, .grid-islands .column-two > div {
  align-items: center;
  -webkit-box-flex: 1 1 auto;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;         /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;
  justify-content: center;
}

.banner-fancy-detail::before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

.banner-fancy-detail .banner-content {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 2;
  padding:1em;
 
}

.column-one .banner-fancy-detail .banner-content {

}

.column-one .banner-fancy-detail .title {

  font-size:2em;
}

.banner-fancy-detail .section-title {


}

.banner-fancy-detail .title {

    margin:0;

}

.banner-fancy-detail a {
color:#FFFFFF;
}

.banner-fancy-detail .media {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.2;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
-moz-transition:-moz-transform 0.4s ease 0s; 
-webkit-transition:-webkit-transform 0.4s ease 0s; 
-o-transition:-o-transform 0.4s ease 0s;  
transition: transform 0.4s ease 0s;
}

.grid-islands .column-two {
  width: 100%;
  
}

.grid-islands .column-two {
  flex-direction: column;
  -ms-flex-direction: column;
}

.banner-fancy-detail .media figure {
  height:100%;
}

.banner-fancy-detail .media img {
  /*min-width: 100%;*/
  min-width:100%;
  min-height: 100%;
  
}

/* DSB:: causes display errors in firefox, needs fix
.banner-fancy-detail .media:hover {
-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform: scale(1.1);
}

    */
    

/* ============
	ALL: Homepage news
============ */
#news-events-container div.wrapper {
margin:0;
}

.homepagebox {
margin:0 0 3em 0;

}
.li-first-item > p {
margin-bottom:2em;
}

.index-Trio-items{
    margin:0!important;
}

.homepagebox li p {
    
}
#news-events-container, #news-events-container a {
color: #FFFFFF;
}

#news-events-container h2 {
margin:0;
font-size: 2em;
margin:0 5%;
}

#news-events-container img {
	width:100%;
}
#news-events-container ol{
margin:0 5%;
}
#news-events-container li{
	margin:0 0 0.5em 0;
	padding:0 0 0 0;
}

#news-others {
	margin:2em 0 0 0;
}

div.twothirdcol h3, div.onethirdcol h3, div.onethirdcolfirst h3 {
	margin:0;
	font-size:1em;
	font-weight:400;
}

.newsbox {
background-color: #5b388c;
	border-style: solid;
	border-width: 1em 0 1em 0;
	border-color:#754ea9;
}

.businessbox {
background-color: #a02b22;
	border-style: solid;
	border-width: 1em 0 1em 0;
	border-color:#c14f45;
}

.eventsbox {
background-color: #017f7c;
	border-style: solid;
	border-width: 1em 0 1em 0;
	border-color:#25aaa7;
}

/* ============
	ALL: Hub
============ */

div.content-hub h1 {
	line-height:1.2em;
	margin:0;
	padding:0.97em 0 0.8em 0;
	display:block;
}

div.content-hub h2, div.search-hub h2 ,	div.content-homepage h2 {
	line-height:1.4em;
	font-size:1.2em;
}

div.content-hub ul, div.content-hub ol, section.search-results ol, div.content-homepage article section.hub ul, div.content-homepage article section.hub ol	{
	list-style: none;
	list-style-image: none;
	padding:0;
	margin:0;
}

div.content-homepage article section.hub ul p	{
margin: 0.5em 0 0 0;
}

/* ===================
	ALL: cookies and banner containers headers and paragraphs
=================== */

#cookies-container h1 {
	color:#FFFFFF;
}
	
#cookies-container h1:before	{
	position:relative;
	font-family: "FontAwesome";
	margin-right:0.5em;
	content: "\F05A";
	top: 0.1em;
	font-size:1.5em;
}	

#cookies-container p {
	color: #FFFFFF;
	margin:0 0 1em 0;
}

#cookies-container a , #info-banner-container a, #maintenance-banner-container a {
	color: #FFFFFF;
	margin:0 0 1em 0;
}

#alert-banner-container h1:before	{
	position:relative;
	font-family: "FontAwesome";
	margin-right:0.5em;
	content: "\f06a";
	/*color:#FF0000;*/
	top: 0.1em;
	font-size:1.5em;
}

#alert-banner-container p {
	margin:0 0 1em 0;
}

#maintenance-banner-container h1:before	{
	position:relative;
	font-family: "FontAwesome";
	margin-right:0.5em;
	content: "\f085";
	top: 0.1em;
	font-size:1.5em;
}

#maintenance-banner-container p {
	margin:0 0 1em 0;
}

#info-banner-container h1:before	{
	position:relative;
	font-family: "FontAwesome";
	margin-right:0.5em;
	content: "\f05a";
	/*color:#008540;*/
	top: 0.1em;
	font-size:1.5em;
}

#info-banner-container p {
	margin:0 0 1em 0;
}

#info-banner-container a {
	color: #222222;
	margin:0 0 1em 0
}

/* ============
	ALL: Header
============ */	
.header-logo {
	float:left;
	padding:0.2em 0 0.2em 0;
	margin: 2px 0 5px 0;
}
button.header-button > span.fa {
color:white;
font-size:1.5em;
}
#header-user-account {
margin: 0 0 1.3em 0;
}

#header-user-account img{
    vertical-align:middle;
}

#header-functions-container-mobile {
float:right;
min-width:40px;
}

.sc_mobile, .sc_mobile img, .sc_mobile a {
padding-top:23px;
outline:none;
background-color:#000000;
color:#000000;
border-color:#000000;
box-shadow:none;
}



#header-functions-container
{

	width:100%;
	text-align:right;
}


/* ===================
	ALL: Homepage carousel
=================== */ 
	
.carousel {
	position: relative;
}

.carousel-inner {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.carousel .item {
	display: none;
	position: relative;
	-webkit-transition: 0.5s ease-in-out left;
	-moz-transition: 0.5s ease-in-out left;
	-ms-transition: 0.5s ease-in-out left;
	-o-transition: 0.5s ease-in-out left;
	transition: 0.5s ease-in-out left;
}

.carousel .item img {
	display: block;
	max-width:100%;
}

.carousel .active, .carousel .next, .carousel .prev {
	display: block;
}

.carousel .active {
	left: 0;
}

.carousel .next, .carousel .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel .next {
	left: 100%;
}

.carousel .prev {
	left: -100%;
}

.carousel .next.left, .carousel .prev.right {
	left: 0;
}

.carousel .active.left {
	left: -100%;
}

.carousel .active.right {
	left: 100%;
}

.carousel-control {
	position: absolute;
	top: 35%;
	left: 0.5em;	
	font-size: 2em;
	color: #ffffff;
	text-align: center;
}

.carousel-control.right {
	left: auto;
	right: 0.5em;
}

.carousel-control:hover {
	color: #ffffff;
	text-decoration: none;
	opacity: 0.5;
	/*filter: alpha(opacity=50);*/
}

.carousel-control:focus{
	background-color:transparent;
	outline:none;
	color:#ffffff;
	border:0;
	box-shadow:none;
}

.carousel-desc-text {
	margin: 2em 0 0 0;
}

.carousel-caption {
	padding:1em 0 1em 0;
	min-height:4em;
	color: #ffffff;	
}

.carousel-caption p {
	margin: 0;
}

.carousel-caption p.read-more {
	margin:1em 0 1em 0;
}

.carousel-caption h2 {
	margin:0;
}

.carousel-caption a {
	color: #ffffff;
}

.carousel-title h2 {
	color: #ffffff;
}

a.read-more-carousel-link, a.read-more-carousel-link:hover, a.read-more-carousel-link:visited  {
	color: #ffffff;
}

.carousel-desc-text p {
	color: #ffffff;
}



/* ============
	ALL: Main article headers
============ */	

article h1 {
	line-height:1.35em;
	margin:0;
	padding:0 0 0.8em 0;
	display:block;	
}

article header h1 span:first-child {
	line-height:0.8em;
	color:#008540;
	font-weight:700;
	display:block;
	font-size:0.8em;
	margin:0 0 0 0;	
	padding:0 0 0.2em 0;
}

/* ===================
	ALL: main article aside navigation
=================== */
	
aside nav ul li {
	margin-bottom:0.5em;
}

aside nav ul li a {
	display:block;
}

/* ===================
	ALL: main article aside headers
=================== */

aside nav h1, aside section h1, aside nav h2, aside section h2 {
	font-size: 1.17em;
	margin: 1em 0;
}

/* ===================
	ALL: related links container
=================== */

.related-links-nav-container {
	margin-bottom:2em;
}

/* ============
	ALL: content active / inactive
============ */

.content-displayed{
	display:block;
}

.content-hidden {
	display:none;
}

/* ===================
	ALL: footer
=================== */
#footer-padded-container {
padding: 1em 0 1em 0;
}

#footer-container div.wrapper {
margin:0;
}

#footer-links-container p {
	color:#222222;
	padding-top:3.1em;	
}

#footer-links-container {
	padding:0 5% 0 5%;
}



#footer-links-container span.fa {
padding-right:0.5em;
font-size:1.3em;
}

/* ===================
	ALL: footer nav elements
=================== */
	
#footer-links-container nav ul li {
	padding:0 0 0.5em 0;
}

/* ===================
	ALL: footer a element
=================== */
	
#footer-links-container a:focus {
	background-color:#008540;
	outline:0.2em solid #008540;
	color:#ffffff;
	border:0;
	box-shadow: 0px 0px 0px 1px #008540;
}

#footer-links-container nav ul li a{
	color:#222222;
	/*display:block;*/
}

/* ===================
	ALL: main article lists
=================== */	
	
article section ul {
	list-style: disc;
	list-style-image: none;
	padding:0;
	margin:0 0 0 3em;
}

article section ol {
	list-style: decimal;
	list-style-image: none;
	padding:0;
	margin:0 0 0 3em;
}

article section li{
	margin:0 0 0.5em 0;
}	

/* ===================
	ALL: article support
=================== */
	
aside.page-support {
	margin:1em 0 1em 0;
}


/* ===================
	ALL: Service journey start
=================== */

main article section a.journey-start {
	background-color: #008540;
	color: #FFFFFF;
	display: inline-block;
	margin:1em 1em 1em 0;
	padding:0.5em 1em 0.5em 1em;
	font-size: 1.7em;
	text-decoration:none;
}

main article section a.journey-start:after {
	font-family: "FontAwesome";
	position:relative;
	margin-left:1em;
	content: "\f054";
}
	
/* ============
	ALL: Service additional info navigation
============ */
	
#more-info-nav {
	margin:3em 0 0 0;
}

/* ============
	ALL: Service additional info content
============ */

#more-info-content {
	margin:0;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color:#999999;
	padding:1em 0 2em 0;
}

#more-info-content ul {
	margin: 1em 0;
}

#more-info-content ul li{
	list-style: disc;
	list-style-image: none;
	padding:0;
	margin:0 0 0 2em;
}

/* ===================
	ALL: Service journey completion % bar
=================== */

form section h1{
	border-bottom: 1px solid #999999;
	color: #999999;
	display: block;
	font-size: 1.7em;
	font-weight: 400;
	line-height: 1em;
	margin: 1em 0;
	padding: 0 0 0.6em;
}

form section span.step {
	color:#222222;
}

/* ===================
	ALL: chat
=================== */

aside section a.chat-start {
	background-color: #005C98;
	color: #FFFFFF;
	display: inline-block;
	margin:1em 1em 1em 0;
	padding:0.5em 1em 0.5em 1em;
	font-size: 1.7em;
	text-decoration:none;
}

aside section a.chat-start:after {
	font-family: "FontAwesome";
	position:relative;
	margin-left:1em;
	content: "\f0e6";
}

/* ===================
	ALL: Service  buttons
=================== */
	
article footer nav li button:hover {
	color: #2E5F5F;	
}

article footer nav li button:focus {
	background-color:#674817;
	outline:0.2em solid #674817;
	color:#ffffff;
	border:0;
	box-shadow: 0px 0px 0px 1px #674817;
}

/* ===================
	ALL: Service NEXT button
=================== */
	
article footer nav li.next button {
	background:none;
	border:none!important; 
	margin:0;
	text-align:right;
	text-decoration:underline;
	display:block;
	width:100%;
	padding: 0 0 0 2em!important;
	position:relative;
	top:0;
	font: 1em/1.6em "Open Sans", sans-serif;
	color: #144F8C;	
}

/* ===================
	ALL: Service BACK button
=================== */
	
article footer nav li.back button {
	background:none;
	border:none!important; 
	margin:0;
	text-align:left;
	text-decoration:underline;
	display:block;
	width:100%;
	padding: 0 2em 0 0!important;
	position:relative;
	top:0;
	font: 1em/1.6em "Open Sans", sans-serif;
	color: #144F8C;	
}

/* ============
	ALL: Guide parts main nav
============ */

article header nav ol {
	list-style:decimal;
	margin: 0;
	padding:0 0 0 1.9em;
	position:relative;
}

article header nav ol	li{
	line-height: 1.6em;
	list-style: decimal outside none;
	text-transform: none;
	padding:0 0 1em 0;
	margin:0;
}

article header a.show-all-parts{
	display:block;
	margin:1em 0 0 0;
	padding:1em 0 1em 1em;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color:#999999;	
	position:relative;
}

article header .parts-nav{
	margin:0 0 3em 0;
	padding:1em 0 1em 0;
}

article header a.closed:before {
	font-family: "FontAwesome";
	right:1em;
	content: "\f078";
	position:absolute;
}

article header a.open:before {
	font-family: "FontAwesome";
	right:1em;
	content: "\f077";
	position:absolute;	
}

article header a.open {
	background-color:#E5E5E5;
	color:#222222;
	text-decoration:none;
}

#article-content {
    padding-bottom:20px;
}

/* ===================
	ALL: Guide footer back/next nav
=================== */
	
article footer nav {
	border-style: solid;
	border-width:0 0 1px 0;
	border-color:#999999;
    padding-top:10px;
}

article footer nav ol{
	text-align:right;

}

article footer nav li {
	float:left;
	width:50%;
}

article footer nav li[class*="next"]:first-child {
	padding-left:50%;

}

article footer nav.article-footer-nav ol {
	padding:0 0 1em 0;
}

article footer nav li a {
	display:block;
}

article footer nav .back {
	text-align:left;
}

article footer nav .back a{
	padding:0 2em 0 0;
}

article footer nav .next a{
	padding:0 0 0 2em;
}

article footer nav .next span{
	position:relative;
	padding-right:1em;
	font-size:1.7em;
}

article footer nav .next span:after{
	font-family: "FontAwesome";
	right:0em;
	top:0.25em;
	/*left:0;*/
	bottom:0;
	content: "\f054";
	position:absolute;
}

article footer nav .back span{
	position:relative;
	padding-left:1em;
	font-size:1.7em;
}

article footer nav .back span:before{
	font-family: "FontAwesome";
	right:0em;
	top:0.25em;
	left:0;
	bottom:0;
	content: "\f053";
	position:absolute;
}

div > input[type="text"].mnworking {
	background: url(../img/sm_loading.gif) 95% center no-repeat;	
	}


/* ===================
	ALL: HOW TO additional
=================== */

.binShow {
    vertical-align: middle;
}


/* ===================
	ALL: DSB: essential for Slimage to work
=================== */

.slimageImg {
    max-width: 100% !important;
}


/* ==========================================================================
	Media Queries
========================================================================== */

@media only screen and (min-resolution: 1.5dppx) {

body {
	font: 0.9em/1.6em "Open Sans", sans-serif;
}

}	
	
@media only screen and (max-width: 480px) {

body {
	font: 0.9em/1.6em "Open Sans", sans-serif;
}

/* DSB Home Page */
div.content-homepage article section.hub span.fa{
    margin-top:10px;
}


/* ============
	MOBILE PORTRAIT: Header
============ */
	

#header-container p a{
	display:block;
}
	


/* ============
	MOBILE PORTRAIT: Cookie banner
============ */
 
#cookies-container h1 {
	font-size:1.2em;
	line-height:2em;
	margin:0;
}

/* ============
	MOBILE PORTRAIT: Info banner
============ */
	
#alert-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}
#maintenance-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}
#info-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}

/* ============
	MOBILE PORTRAIT: search
============ */

#site-search-form label[for="site-search-select-content-type"] {
	line-height:2.3em;
}

/* ============
	MOBILE PORTRAIT: Homepage
 ============ */

/* ===================
	MOBILE PORTRAIT: footer nav elements
=================== */
	
#footer-links-container nav ul li {
	padding:0 0 1em 0;
}

/* ============
	MOBILE PORTRAIT: Service additional info navigation
============ */
	
#more-info-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#more-info-nav li {
	padding:0;
	margin:0;	
}	

#more-info-nav button {
	margin:0;
	padding:1em 0 1em 1em;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color:#999999;
	display:block;
	position:relative;
}

#more-info-nav a:focus {
	z-index:5;
}

#more-info-nav button.more-info-nav-tab-active {
	background-color:#E5E5E5;
	color:#222222;
	text-decoration:none;
}

#more-info-nav button.more-info-nav-tab-inactive:before {
	font-family: "FontAwesome";
	right:1em;
	content: "\f078";
	position:absolute;
}

#more-info-nav button.more-info-nav-tab-active:after {
	font-family: "FontAwesome";
	right:1em;
	content: "\f077";
	position:absolute;	
}

/* ============
	MOBILE PORTRAIT: Guide parts nav
============ */

article header .parts-nav{
	border-color: #D25835 #FFFFFF #999999;
	border-style: solid;
	border-width: 10px 0 1px 0;
}


/* ============
	MOBILE PORTRAIT: Footer NAV
============ */
	
#footer-links-container nav:first-child {
	margin:0 0 0 0;
}

/* ============
	MOBILE PORTRAIT: Footer
============ */
	
#footer-links-container .eddc-strapline {
	font-size: 1.2em;
	margin: 1em 0 1em 0
}

/* DSB campaign special Page */
.special-page-link-holder {
    width: 100%;
    min-height:10em;
}

}

@media only screen and (min-width: 480px) {

body {
	font: 0.9em/1.6em "Open Sans", sans-serif;
}

/* DSB Home Page */
div.content-homepage article section.hub span.fa{
    margin-top:10px;
}

/* ===================
	MOBILE : campaign dsb
=================== */
.campaign h1{
    font-size:35px;
    width:100%;
}

/* DSB campaign special Page */
.special-page-link-holder {
    width: 100%;
    min-height:10em;
}


/* ===================
	MOBILE LANDSCAPE: table element
=================== */
	
table {
	font-size:0.7em;
	line-height:1.6em;
}

/* ===================
	MOBILE LANDSCAPE: search
=================== */
	
#site-search-form label[for="site-search-select-content-type"] {
	line-height:2.3em;
}

/* ============
	MOBILE LANDSCAPE: Header
============ */
	


/* ============
	MOBILE LANDSCAPE: Cookie banner
============ */
 
#cookies-container h1 {
	font-size:1.2em;
	line-height:2em;
	margin:0;
}

/* ============
	MOBILE LANDSCAPE: Info banner
============ */
	
#alert-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}
#maintenance-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}
#info-banner-container h1{
	font-size:1.2em;
	line-height:2em;
	margin:0;
}

/* ===================
	MOBILE LANDSCAPE: Homepage carousel
=================== */ 

.carousel-control {
	top: 35%;
}

/* ===================
	MOBILE LANDSCAPE: inputs
=================== */ 

form input.small {
	width:45%;
}

form input.smallest {
	width:20%;
}

.input-stack div:first-child {
	width:45%;
	margin:0 10% 0 0;
	float:left;
}

.input-stack div:nth-child(2){
	width:45%;
	margin:0 0 0 0;
	float:left;
}

.input-stack-validity div:first-child {

	margin:0 5% 0 0;
	float:left;
}

.input-stack-validity div:nth-child(2){

	margin:0 0 0 0;
	float:left;
}

.input-stack-validity select {
width:100%;
}

/* ============
	MOBILE LANDSCAPE: Service additional info navigation
============ */

#more-info-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#more-info-nav li {
	float: left;
	padding:0;
	margin:0;	
}

#more-info-nav button {
	padding: 6px 0.7em 0px 0.7em;
	display:block;
}

#more-info-nav a:focus {
	background-color:transparent;
	outline:0.2em solid #674817;
	box-shadow: 0px 0px 0px 1px #674817;
	color:#2E5F5F;
	z-index:5;	
}

#more-info-nav button.more-info-nav-tab-inactive:hover {
	background-color:#E5E5E5;
}

#more-info-nav li:first-child button.more-info-nav-tab-active{
	display:block;
	background-color:#FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:#999999 #999999 #FFFFFF #999999;
	color:#222222;
	text-decoration:none;
	box-shadow: 0px 1px 0px 0px #FFFFFF;	
}

#more-info-nav button.more-info-nav-tab-active {
	background-color:#FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:#999999 #999999 #FFFFFF #999999;
	color:#222222;
	box-shadow: 0px 1px 0px 0px #FFFFFF;
	text-decoration:none;
}

#more-info-nav button.more-info-nav-tab-inactive {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color:transparent;
}

#more-info-nav button.more-info-nav-tab-inactive:before {
	content: "";
}

#more-info-nav button.more-info-nav-tab-active:after {
	content: "";
}

/* ============
	MOBILE LANDSCAPE: Guide parts nav
============ */

article header .parts-nav{
	border-color: #008540 #FFFFFF #999999;
	border-style: solid;
	border-width: 10px 0 1px 0;
}

/* ============
	MOBILE LANDSCAPE: Footer
============ */
	
#footer-links-container .eddc-strapline {
	margin: 1em 0 1em 0;
	font-size: 1.8em;
}
	
#footer-links-container nav {
	float: left;
	width: 30%;
	margin:0 0 0 5%;
}	
	
#footer-links-container nav:first-child{
	margin:0 0 0 0;
}	

}
@media only screen and (max-width: 767px) {
.visuallyhidden-mobile {
	border: 0;
	clip: rect(0 0 0 0);
	height: 0.01em;
	margin: -0.01em;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 0.01em;
}
}
@media only screen and (min-width: 768px) {

body {
	font: 1em/1.6em "Open Sans", sans-serif;
}

/* DSB Home Page */
div.content-homepage article section.hub span.fa{
    margin-top:0px;
}

/* DSB campaign special Page */
.special-page-link-holder {
    width: 45%;
    min-height:20em;
}

/* ============
	TABLET: Header
============ */
	
.header-logo {
	float:left;
	padding:0.2em 0 0.2em 0;
	margin:0 !important;
}
#header-user-account {
margin:0;
}

#header-functions-container-mobile {
float:none;
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 0.01em;
    margin: -0.01em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.01em;
}
#header-logo-container {
	float:left;
}
#header-functions-container
{
	float:right;
	width:70%;
	text-align:right;
}
#header-user-account {
	float:left;
	width:45%;
	margin:0.5em 0 0 5%;
}

/* ===================
	TABLET: Homepage carousel
=================== */ 

.carousel-control {
	top: 35%;
	font-size: 3em;
}

.carousel-title {
	float:left;
	width:35%;
}

.carousel-desc-text {
	float:left;
	width:60%;
	margin: 0 0 0 5%;
}

.carousel-caption {
	padding:1em 0 1em 0;
	min-height:4em;
	color: #ffffff;	
}


/* ============
	TABLET: Cookie banner
============ */
 
#cookies-container h1 {
	font-size:1.5em;
	line-height:2em;
	margin:0;
}

/* ============
	TABLET: Info banner
============ */
	
#alert-banner-container h1{
	font-size:1.5em;
	line-height:2em;
	margin:0;
}
#maintenance-banner-container h1{
	font-size:1.5em;
	line-height:2em;
	margin:0;
}
#info-banner-container h1{
	font-size:1.5em;
	line-height:2em;
	margin:0;
}

/* ===================
	TABLET: Form elements
=================== */



/* ===================
	TABLET: search
=================== */
	
#header-container form.site-search {
	float:left;
	width:45%;
	margin: 1em 0 0.5em 5%;
}

#site-search-form label[for="site-search-select-content-type"] {
	padding:8px 0 0 0;
	line-height: 1.5em;	
}


/* ===================
	TABLET: table element
=================== */
	
table {
	font-size:0.8em;
	line-height:1.6em;
}

/* ============
	TABLET: Homepage
============ */

div.content-homepage section.hub li:nth-child(2) h2, div.content-homepage section.hub li:nth-child(3) h2{
	border:none;
}

#homepage-popular-actions-boxes-container {
	position:relative;
    margin: 0 5%;
	/*line-height:1.2em;*/
}

#homepage-popular-actions-container {
	position:relative;
	margin:0 0 2em 0;
}

#homepage-popular-actions-boxes-container h1{
	padding:0.5em 0 0 0;
	margin:0 0.5em 0.5em 0.5em;
}

#homepage-popular-actions-left-box{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	margin:0 0 5% 0;
	width:50%;
	border:1px solid #069045;
}
#homepage-popular-actions-right-box {
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
	background-color:rgba(255, 255, 255, .8);
	margin:0 0 5% 0;
	width:30%;
	border:1px solid #069045;
}

.bkg-pic {
height:240px;
}

#homepage-popular-actions-boxes-container p{
	margin:1em;
	padding:0 1em 0 1em;
}


/* ===================
	TABLET: featurettes
=================== */

.grid-islands {


flex-direction: row;
  -ms-flex-direction: row;

}

.grid-islands .column-one, .grid-islands .column-two {
  float: left;
}

.grid-islands .column-one {
  width: 75%;
}




.grid-islands .column-two {
  width: 25%;
  min-width:219px;
}

/* ============
	TABLET: Homepage news
============ */

#news-events-container div.wrapper {
margin:0 5% 0 5%;
}
.homepagebox {
margin:0 0 2em 0;
    min-height: 25em;
    max-height: 30em;
}

.twothirdcol {
	float:left;
	width:65%;
}

.onethirdcol {
	float:left;
	width:30%;
	margin:0 0 0 5%;
}

.onethirdcolfirst {
	float:left;
	width:30%;
	margin:0 0 0 0;
}

#news-lead-article-container {
	float:left;
	width:50%;
	padding:0 5% 0 0;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color:#999999;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}

#news-others {
	float:left;
	width:45%;
	margin:0 0 0 5%;
}

#news-events-container li{
	/*border:none;*/
	padding:0;	
}

/* ============
	TABLET: Hub
============ */


div.content-hub section.hub li p, div.content-homepage section.hub li p, div.content-hub section.hub-countryside li p{
	word-wrap: break-word;
}

div.content-hub section.hub li, div.content-homepage section.hub li, div.content-hub section.hub-countryside li	{
	float: left;
	width: 30%;
	margin:0.5em 0 0 5%;	
}

div.content-hub section.hub-countryside li	{
	width: 45%;
}


div.content-hub section.hub li:nth-child(3n+1), div.content-homepage section.hub li:nth-child(3n+1), div.content-hub section.hub-countryside li:nth-child(2n+1){
	clear: left;
	margin:0.5em 0 0 0;
}

.hub-block li {
	margin:0!important;
	width:100%!important;
}
	
/* ============
	TABLET: Main containers
============ */
	
.main {
	padding: 0;
}

div.content {
	float: left;
	width: 65%;
	margin:0;
}	

.related-content {
	float: right;
	width: 30%;
	margin:0 0 60px 5%;
}


/* ============
	TABLET: Guide parts navigation
============ */

article header a.show-all-parts{
	display:none;
}

article header .parts-nav{
	display:block;
	border-color: #999999;
	border-style: solid;
	border-width: 0 0 1px 0;
}

article header nav ol {
	display:inline;
	float:left;
	width:50%;
	padding:0;
}

article header nav ol li{
	clear: left;
	line-height: 1.25;
	list-style: decimal outside none;
	margin-left: 1.5em;
	margin-right: 0.75em;
	text-transform: none;
}

article header nav ol[start] li{
	line-height: 1.25;
	list-style: decimal outside none;
	margin-left: 1.8em;
	margin-right: 0;
	text-transform: none;
}



/* ===============
	TABLET: Footer
=============== */

#footer-container div.wrapper {
margin:0 auto;
}

#footer-container {
	position:relative;
	/*height:450px;*/
}
#footer-links-container{


}
	

/* ===================
	TABLET: footer nav
=================== */

#footer-links-container nav {
	float: left;
	width: 30%;
	margin:0 0 0 5%;
}	

#footer-links-container nav:first-child{
	margin:0 0 0 0;
}

/* ===================
	TABLET: footer nav a element
=================== */

#footer-links-container nav ul li a{
	display:inline;
}



}

@media only screen and (min-width: 1140px) {


/* ===================
	ALL : campaign dsb
=================== */

.campaign h1{
    font-size:70px;
    width:100%;
}

.special-page-link-holder {
    width: 300px;
}

/* ===============
	Maximal Width
=============== */

.wrapper {
	max-width: 1000px; 
	margin: 0 auto;
}

#homepage-popular-actions-boxes-container {
    margin: 0 auto;
    max-width: 1000px;

}

#footer-links-container{
    margin:5% auto 0 auto;
    max-width: 1000px;
	padding:0;
	position:absolute;
	top:0;

	z-index:10;
	width:100%;
	border:1px solid #069045;

}

#news-events-container div.wrapper {
margin:0 auto 0 auto;
    max-width: 1000px;
}

#footer-container div.wrapper {
margin:0 auto;
    max-width: 1000px;
}
	
	#footer-padded-container {
padding: 1em;
}
/* ===================
	Maximal Width: table element
=================== */
	
table {
	font-size:1em;
	line-height:1.6em;
}

}

/* ==========================================================================
	Helper classes
========================================================================== */
	
a {
	word-wrap: break-word;
}	
	
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: -9999em;
}

.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: 0.01em;
	margin: -0.01em;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 0.01em;
}

.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;
}




/* ==========================================================================
	Print styles
========================================================================== */

@media print {
/*
@font-face {
	font-family: "FontAwesome";
	src: local("Arial");
}
*/	
[class^="fa-li"]:before {
        content: "";
}

[class^="fa-li"]{
	display:none;
	visibility: hidden;	
}

.fa-ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}	
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	line-height: 1.6em;
	font-family: sans-serif;
}
	
a, a:visited {
	text-decoration: underline;
	color: #000 !important;
}

a[href]:after {
	content: " (" attr(href) ")";
}

abbr[title]:after {
	content: " (" attr(title) ")";
}


.ir a:after,	a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="mailto:"]:after {
	content: "";
}
	
a {
	text-decoration:none;
}

pre,	blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}

thead {
	display: table-header-group;
}

tr, img {
	page-break-inside: avoid;
}

.chat-start {
	display:none;
}
	
#footer-links-container ul {
	display:none;
}
	
#footer-links-container img {
	display:none;
}

	
#breadcrumb-nav-container {
	display:none;	
}
	
#cookies-container {
	display:none;	
}
	
#alert-banner-container {
	display:none;
}

#maintenance-banner-container {
	display:none;
}
	
#info-banner-container {
	display:none;
}	
	
#site-search-form	{
	display:none;
}
	
#header-container {
	display:none;
}

#skiplink-container {
	display:none;
}

.highlight-container {
background-color:#FFFFFF;
}
		
a.read-more-carousel-link:hover {
	color: #000 !important;
}

header h1 {
	margin-top:30px;
}
	
header nav {
	display:none;	
}
		
article header a {
	display:none;
}

footer nav {
	display:none;				
}
	
.page-support {
	display:none;	
}

aside section.related-contact-container {
	margin-top:20px;
	border-top: 10px solid #000000;
}
	
aside nav {
	display:none;	
}

#footer-links-container p {
    padding-top: 0;
}



img {
	max-width: 100% !important;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}

h2, h3 {
	page-break-after: avoid;
}
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
font-size: 1.5em;
}

.boxtext-highlight {
	border-style: solid; 	border-width: 0 0 0 0.3em; 	border-color:#000000; 	padding:0 0 0 0.95em; 	margin:2em 0 2em 0; display: block;
}

/*DSB ADDITIONAL FOR CAPITA 21/12/2015*/
.cap-wrapper a{
	color:#008540;
}


.cap-wrapper .btn{
	border-radius:0px!important;
	padding:10px;
	font-size:18px;
}

.cap-wrapper .btn-primary{
	color:#ffffff!important;
	background-image:none!important;
	background-color:#008540!important;
}

.cap-wrapper .btn-link{
	color:#ffffff!important;
	background-image:none!important;
	background-color:#008540!important;
}

.cap-wrapper .container-fluid a{
	font-weight:bold;
}

.cap-wrapper h1, .cap-wrapper h2, .cap-wrapper h3, .cap-wrapper h4,.cap-wrapper h5, .cap-wrapper h6{
	color:black;
}

.cap-wrapper .h1, .cap-wrapper .h2, .cap-wrapper .h3, .cap-wrapper .h4,.cap-wrapper .h5, .cap-wrapper .h6{
	color:black;
}

.myprofile_salutation a{
	color:#008540!important;
	padding-top:11px!important;
}

.navbar-header{
	background-color:#008540!important;
}

.cap-wrapper .navbar-default .navbar-toggle{
	border-color:#ffffff;
	background-color:#ffffff;
}

.cap-wrapper .nav-pills.nav >li{
	background-color:#008136!important;
	color:#ffffff;
}

.cap-wrapper .nav-pills.nav >li>a{
	font-weight:300!important;
}

.cap-wrapper .nav-pills.nav >li.active>a{
	font-weight:600!important;
}

.navbar--connect{
	border-bottom:1px solid black!important;
}

.nav-pills li.active{
	border:1px solid #000000!important;
	border-bottom:3px solid #000000!important;
	border-radius:0px!important;;
}

.nav-pills li{
	border-bottom:3px solid #008136!important;
}

.cap-wrapper .navbar-collapse{
	border-color:#000000!important;
}



.cap-wrapper .nav-pills.nav >li:hover{
	background-color:#d1e2d9;
}

.cap-wrapper .nav-pills.nav >li:visited{
	background-color:#d1e2d9;
}

.cap-wrapper .nav-pills.nav >li:active{
	background-color:#d1e2d9;
}

.cap-wrapper .nav-pills.nav > li > a:hover{
	background-color:#d1e2d9;
}

.cap-wrapper .nav-pills.nav > li > a:visited{
	background-color:#d1e2d9;
}

.cap-wrapper .nav-pills.nav > li > a:active{
	/*background-color:#d1e2d9;*/
	background-color:transparent;
}

.nav-pills li a{
	color:#ffffff!important;
}

.cap-wrapper .navbar--connect .nav-pills.navbar-nav > .active > a {
	color:#ffffff!important;
}

.cap-wrapper .navbar--connect .nav-pills.navbar-nav > .active > a :hover{
	color:#000000!important;
}

.cap-wrapper .outer-ring .inner-ring {
	background-color:#008540;
	background-image: -webkit-linear-gradient(top #00b469 0, #008136 100%);
	background-image: -o-linear-gradient(top #00b469 0, #008136 100%);
	background-image: linear-gradient(to bottom, #00b469 0, #008136 100%);
}

.cap-wrapper .council-services .outer-ring .inner-ring {
	background-color:#e2f3ea;
	background-image: -webkit-linear-gradient(top #00b469 0, #008136 100%);
	background-image: -o-linear-gradient(top #00b469 0, #008136 100%);
	background-image: linear-gradient(to bottom, #00b469 0, #008136 100%);
}

.cap-wrapper .council-services .secondary-task .inner-ring {
	background-color:#e2f3ea;
	background-image: -webkit-linear-gradient(top #00b469 0, #008136 100%);
	background-image: -o-linear-gradient(top #00b469 0, #008136 100%);
	background-image: linear-gradient(to bottom, #00b469 0, #008136 100%);
}

.cap-wrapper .council-services .primary-task a:focus .inner-ring, .cap-wrapper .council-services .primary-task a:hover .inner-ring{
	background-color:#e2f3ea;
	background-image: -webkit-linear-gradient(top #d1e2d9 0, #b0d3c1 100%);
	background-image: -o-linear-gradient(top #d1e2d9 0, #b0d3c1 100%);
	background-image: linear-gradient(to bottom, #d1e2d9 0, #b0d3c1 100%);
}

.cap-wrapper .council-services .secondary-task a:focus .inner-ring, .cap-wrapper .council-services .secondary-task a:hover .inner-ring{
	background-color:#e2f3ea;
	background-image: -webkit-linear-gradient(top #00b469 0, #008136 100%);
	background-image: -o-linear-gradient(top #00b469 0, #008136 100%);
	background-image: linear-gradient(to bottom, #00b469 0, #008136 100%);
}

.cap-wrapper .council-services .secondary-task a:hover{
	color:#000000;
}

.cap-wrapper .top-task a{
	background-color:#e2f3ea;
}

.cap-wrapper .top-task a:hover{
	background-color:#c1e4d2;
}

.cap-wrapper .text .text-table .text-cell {
	color:#000000;
}

.cap-wrapper .panel-body{
	line-height:20px;
}

.cap-wrapper a:focus{
	color:#ffffff;
}

input[name="_eventId_copyemail"]{
	font-size:14px!important;
	padding: 6px 12px 6px 12px!important;
}

.cap-wrapper .navbar--connect .simulate-xs .nav-pills.navbar-nav {
 background-color:#e2f3ea!important;
}

.cap-wrapper .navbar--connect .simulate-xs .nav-pills.navbar-nav  li.active{
 background-color:#b0d3c1!important;
}

.cap-wrapper .navbar--connect .simulate-xs .nav-pills.navbar-nav  li{
	background-color:#e2f3ea!important;
}

.cap-wrapper .navbar--connect .simulate-xs .nav-pills.navbar-nav  li a{
	color:#000000!important;
}

.cap-wrapper .simulate-md .carousel-inner .item .value{
	margin-top:8px;
	margin-bottom:2px;
}

.cap-wrapper .simulate-sm .carousel-inner .item .value{
	margin-top:8px;
	margin-bottom:2px;
	font-size:30px;
}

.cap-wrapper .simulate-xs .carousel-inner .item .value{
	margin-top:8px;
	margin-bottom:2px;
	font-size:30px;
}

.cap-wrapper .simulate-md .carousel-inner .item{
	line-height:normal;
}

.cap-wrapper .simulate-sm .carousel-inner .item{
	line-height:normal;
}

.cap-wrapper .simulate-xs .carousel-inner .item{
	line-height:normal;
}

.cap-wrapper .simulate-xs .hidden-xs{
	display:inline!important;
}

.cap-wrapper .accordionTile .icon-minus2::before, .cap-wrapper .accordionTile .icon-plus2::before{
	margin-right:0px!important;
}

@media all and (min-width:768px) {

	.cap-wrapper .form-inline .form-control{
		margin:0px!important;
	}
}

@media screen and (max-width:805px) {
	.cap-wrapper .portal-styling ul#capita-myprofile-widget-container-mobile li a:hover {
		background-color:transparent!important;
	}
}

@media screen and (max-width:767px) {
	.nav-pills li.active a{
		background-color:transparent!important;
	}
		
	.nav-pills li.myprofile_salutation{
		color:#3c3c3c!important;
	}
	
	.cap-wrapper .portal-styling .navbar--connect .simulate-xs .navbar-header{
		margin-right:-15px!important;
	}
}

@media screen and (max-width:788px) {
	.navbar--connect .container-fluid.simulate-xs{
		/*padding-right:0px!important;*/
	}

}

#header-container a{
	color:#000000;
}

#header-container #header-user-account a{
	color:#ffffff!important;
}

.cap-wrapper .carousel-inner .item a:focus{
	color:#ffffff;
}

.cap-wrapper .container-fluid div{
	line-height:20px;
}