/* Relevant to all Headway Sites */

/*General*/
* {outline: none !important}
.container-fluid {max-width: 1280px; /*Adjust to scale site width*/ position:relative}
.float-left {float: left}
.full-pad {padding:15px}
.center {text-align: center}
hr {display: block; height: 1px; border: 0; border-top: 4px solid #e3e3e3; width:100%; clear:both}
ul.no-wrap {padding:0; margin:0; list-style:none}
.clr { clear: both; display:block}
html, body {height: 100%; font-family: 'texgyreherosregular'; }
body#Login .push {height: auto; min-height: 100%; margin-bottom:-146px}
.logged-out {display: none}
.no-gutters {padding: 0}
.mobile-only {display: none}
.no-bg {background: none !important}
div.container.validation {max-width: 100% !important}

/*accordion errors*/
.formwrap .accordion .contains-error { border: 2px solid #f06767; }

.wrapper-dropdown {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    width: 200px;
    padding: 10px;
    margin: 0 auto;

    /* Styles */
    background: #9bc7de;
    color: #fff;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: bold;
}

/*Header*/
div#resource-centre {
	width:100%;
	height:88px
}
	a#logo {
		background:url(images/logo.png);
		width:145px;
		height:120px;
		position:absolute;
		top:15px;
		left:15px;
		z-index:1
	} a#logo:hover {opacity: 1}
	
	div#resource-centre-inner {
		height: 100%;
		background:#db218b;
		display:block;
		float:right;
		width:auto
	}
div#resource-centre-inner p {color:#f298cb; position:relative}
div#resource-centre-inner div form {position: relative; z-index:1}
input.logout-button, input.login-button, input.reset-fields {background: none; font-size:18px; border: none; color:#fff; font-family: 'texgyreheroscnbold'; float:left; padding: 0}
input.reset-fields {float: none; margin-right: 25px}
	
div#navigation {
	width:100%;
	height:61px;
	background:#004a80;
	position:relative
}
	div#navigation p {position:absolute; top:33px; left:20px; color:#fff}
	div#nav .open-state {display: none}

div#banner {
	width:100%;
	height:45vh;
	position:relative;
	background-size:cover;
	background-position:bottom
}
	div.banner-caption {
		position:absolute;
		bottom:0;
		left:0;
		background:#004a80;
		display:table
	}
div.banner-caption h5 {padding:0 0 15px 0;}
.login-page div.banner-caption h5 {padding:0 0 15px 18px;}
div#banner-nav {
	width:100%;
	padding:10px 0;
	border-top:1px solid #84a8cd;
	background:#6491c0;
	height:75px;
	position:relative
}
div.paging {
	width:100%;
	padding:10px 0;
	border-top:1px solid #84a8cd;
	background:#6491c0;
	height:75px;
	position:relative
}

div.slide-content-wrap {height:45vh}

h1.banner-caption {
    background: none repeat scroll 0 0 #004a80;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    z-index: 999;
}
	a#next-slide {background:url(images/quicklink.png); height:54px; width:54px; display:block; position:absolute; right:20px; transition:all 1s; position:absolute; top:0}
		a#next-slide:hover {right: 10px}
	a#previous-slide {background:url(images/previous.png); height:54px; width:54px; display:block; position:absolute; left:20px; transition:all 1s; z-index:1}
		a#previous-slide:hover {left:10px}
div.paging .container {position: relative}
	a.pagenext {background:url(images/quicklink.png) right center no-repeat; height:54px; display:block; position:absolute; right:20px; transition:all 1s; position:absolute; top:0; padding: 15px 60px 30px 0; color: #fff !important; right: 120px}

	a.pageprev {background:url(images/previous.png) left center no-repeat; height:54px; width:95px; display:block; position:absolute; left:20px; transition:all 1s; z-index:1; padding: 15px 0px 30px 60px; color: #fff !important; left: 120px}

a.last {right: 0}
a.first {left: 0}

a.back {background: url(images/backlink.png) left center no-repeat; float:left; margin-top:20px; padding-left: 60px; padding-top:20px; padding-bottom: 20px}

div.paging {margin-top: 30px}
div.custom-pager {
		position:relative;
		top:8px
		display: block;
		width: auto; 
		margin: 0 auto;
	margin-top: 10px
	}
	.custom-pager ol li a {
		display: inline-block;
		font-size: 22px;
		height: 42px;
		position: relative;
		top: 3px;
		width: 25px;
		color:#fff !important;
		font-family: "texgyreheroscnregular";
		left: 12px
	}
		.custom-pager ol {list-style: none; width: 165px; margin: 0 auto}
	
	div.custom-pager li {
    	display: inline-block;
    	height: 37px;
    	width: 35px;
	}
		.custom-pager li.current {background: #ffffff !important}
			.custom-pager li.current {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
				.custom-pager li.current a {color: #6491c0 !important}
	span.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    z-index: 999;
	margin:10px;
	font-family: 'texgyreherosregular';
	} span.breadcrumb a {font-family: 'texgyreherosbold'; color:#ffffff}
	span.breadcrumb p {color:#ffffff; display:inline}
		span.parent-of {
    background: url("images/active-content.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    margin: 0 10px;

    position: relative;
    top: 3px;
    width: 22px;
}
div#quick-links, div#login-panel {
	width:100%;
	background:#6491c0; border-top:solid 1px #84a8cd;
}	
	a.quicklink p {color:#bfd2e5; font-size:18px; line-height:21px; font-family: 'texgyreherosbold';}
	a.quicklink h1 {color:#fff}
	
	div#login-panel {margin-bottom: 40px; border-top:solid 1px #84a8cd;}
		div#login-panel h5 {display:table; font-size:37px; padding:20px; border-right:1px solid #84a8cd; float:left; margin: 17px 0}
		div#login-panel form {clear: none; float: left; padding: 30px 0 20px 25px; width: auto}
			div#login-panel form input {font-size:18px; padding:8px 15px; margin-bottom:10px; width:300px; margin-right: 20px; font-family:"texgyreheroscnbold", "texgyreheroscnregular"}
div#login-panel form input.submit {width: 140px; margin-right: 0; position: relative; margin-left: -10px}
div#login-panel form input.submit:hover {margin-left:0px; padding-left: 0}
			div#login-panel form label {color:#fff; font-size:24px; margin-left:25px; margin-right:10px; position: relative; top: 1px}
			div#login-panel form span {display: none}
			.validation-summary-valid {float: left}
	.col-xs-6.quicklink.fall {padding: 15px 115px 15px 10px }
		.col-xs-6.quicklink.fall:first-child {border-right: 1px solid #84a8cd;}
		.col-xs-6.quicklink.fall:nth-child(2){padding-left: 20px}
.validation-summary-errors {clear: both}
.validation-summary-errors ul  {padding-left: 0; left:-15px; position: relative}
.validation-summary-errors ul li  {list-style: none; color: #e63030; font-size:18px;}
#Login .validation-summary-errors ul li  {color: #fff}
span.field-validation-error span {margin-left: 10px}
dl.edit-site {padding-bottom: 10px}
	
div.quicklink-arrow {
	background:url(images/quicklink.png);
	background-repeat:no-repeat; 
	width:54px;
	height:54px;
	position:absolute;
	right:40px;
	top:37px;
	transition:all 1s
} a.quicklink:hover div.quicklink-arrow {right: 20px}

div.newsarticle {
	padding-right:0;
	margin:30px 0;
	overflow: hidden

}	
	div.newsarticle img {
		right:0;
		bottom:0
	}
		.col-xs-3.article-image {margin-top: 18px}
		div.news-image-caption {
			background:#004a80;
			width:auto;
			float:right;
			height:35px;
			position:absolute;
			bottom: 0;
			right:0;
			margin: 0
		}
			div.news-image-caption h5 {
				position:relative;


				width:100%;
				padding:0 10px;
			}
		a.share-article {
			color:#fedc00 !important;
			background:url(images/link-icon.png) right no-repeat #6491c0;
			background-size:30px;
			height:30px;
			width:100px;
			position:absolute;
			bottom:0;
			right:0;
			padding: 0 10px;
			font-size:20px !important;
			line-height: 28px !important
		}
		div.box-blue a.share-article, div.box-grey a.share-article {font-family:"texgyreheroscnbold", "texgyreheroscnregular"} 

div.newsarticle img, div.newsarticle .article {

	height:auto;
	float:left
}
div.newsarticle .article {position: relative; top: 10px; padding:25px 15px 15px 5px}

div#home-page-content {margin:20px auto 40px}

div#article-heading {
	background:#ededed;
	padding:25px 0 0;
	display:inline-block;
	position:relative;
	width:100%
}
.article-wrap {padding-bottom:65px}
	div#article-heading a.share {bottom: 0}
	div.article-overview h1 {color:#6491c0; font-size:37px; line-height:50px; margin-top: 30px}
	div.article-overview h4 {padding: 20px 0}
	div#articleheading

a.back {
	padding-left:75px;
	height:54px;
	background:url(images/backlink.png) no-repeat left center;
	transition: all 1s;
	display:block;
	font-size:18px;
	padding-top:13px;
	background-position:10px center
}	a.back:hover {background-position: 0px center}

div.article-content {
	margin:35px 0 60px;
	position: relative
}

.col-xs-6.article-image {height: 310px; width:47%; margin-right:3%; margin-top:35px;}
.col-xs-4.article-image {margin:35px 0 60px 0; padding:0; width: 30.3333%; margin-right:3%;}
div.article-image img {
	width:100%;
	height:auto
}

div#footer {
	width:100%;
	padding:30px 0;
	background:#6491c0;
    float: left;
	margin: 0;
	border-top:solid 1px #84a8cd;
}
	div#footernav {
		margin-top:20px;
		border-right:1px solid #6b96c3;
	width:47%
	}

div.box-grey {
	background:#ededed
}
	div.box-grey a {color:#6491c0; font-size:26px; font-family: "texgyreherosbold"; line-height: 30px;}
		div.box-grey a:first-child, div.box-blue a:first-child {margin-top:15px}

div.box-blue {
	background:#6491c0
}
	div.box-blue a {color:#ffffff; font-size:26px; line-height: 30px; font-family: "texgyreherosbold";}
	div.box-blue h4 {color: #9bb8d6}
	
/*Document library filter form and listings*/
div#library-filter {
	width:100%;
	padding: 10px 0 0 0;
	background:#6491c0;
	border-top:1px solid #84a8cd;
	display:inline-block;
	overflow:hidden
}
	div#library-filter p, div#library-filter label {color:#fff}
	p#file-type {text-align: right; padding-right:40px; padding-top:10px; font-family: 'texgyreheroscnbold'; font-weight:normal; font-size:18px;}
		p#file-type strong {margin-right: 60px}
		p#file-type label {float: left;left: 3px;margin-right: 25px;position: relative;top: 3px}
	.submit-section {text-align: right}
	.col-xs-3.fall > label {margin-top: 15px}
	
	div#library-filter h5 {
    display: table;
    float: left;
    font-size: 37px;
    padding:10px 20px 15px 0;
	}
	
	div#library-filter form label {color:#fff}

div.document-listings h2 {color:#6491c0; font-size:22px}

ul.listview {margin-bottom: 15px}
ul.listview li a {font-size: 16px; line-height:30px; font-family: 'texgyreherosbold';}

.search-input {background:url(images/search-background.png) right center no-repeat #fff; border:none; padding-right:100px}

div#bottom-resource-links {background: #ededed; padding:40px 0 15px 0; position:relative}
div.col-xs-4 img {width:100%; height: auto}

div.featured-library-items div div img {width:100%; height:auto}

li.document-wrap {
	background:#f2f2f2;
	padding:6px;
	width:24%;
	float:left;
	margin-right:1%;
	position:relative;
	margin-bottom:20px;
	overflow:hidden
}
	.document-details > p {padding-left: 85px; padding-top:15px}
	div.document-details {width:100%; min-height:120px; overflow:hidden}
		div.document-pdf {background:url(images/document-icons/pdf.png) 15px 15px no-repeat #ffffff}
		div.document-word {background:url(images/document-icons/word.png) 15px 15px no-repeat #ffffff}
		div.document-video {background:url(images/document-icons/video.png) 15px 15px no-repeat #ffffff}
		div.document-image {background:url(images/document-icons/image.png) 15px 15px no-repeat #ffffff}
	a.download {background:url(images/document-icons/download.jpg); width: 50px; height:44px; position:absolute; bottom:6px; right:6px; display:block; text-indent: -999px;}
	button.save-document {border: none; color:#6491c0 !important; background:url(images/document-icons/save.png) left center no-repeat; height:46px; padding:12px 40px; font-size:20px; display:block}
	.document-details span {clear: left;display: block}
	button.save-document.loading {background:url(images/loading.gif) top 8px left no-repeat}
	button.save-document.addedtobasket {background:url(images/savedtobasket.png) top 12px left no-repeat}
	button.save-document.basketerror {background:url(images/basketerror.png) top 12px left no-repeat}
	
form#document-filter .col-xs-3 input {
	padding-left: 5%;
	width:95%;
	min-height:45px;
	max-height:60px;
	height:5vh;
	font-size:15px;
	font-weight:bold;
	color:#333
}
	
form#download-basket {
	background:#6491c0;
	width:100%;
	position:relative
}
	form#download-basket h5 {
		font-size:20px;
		padding:15px;
		margin-bottom:5px
	}
	
	form#download-basket ul {
		height:0;
		overflow:hidden;
		display:block
	}
	
	form#download-basket span.open-state {top: 12px}
	
		form#download-basket ul li {position: relative}
			li.pdf-download {background:url(images/document-icons/pdf-download.png) right 5px no-repeat #7ea4cb}
			li.video-download {background:url(images/document-icons/video-download.png) right 5px no-repeat #7ea4cb}
			li.image-download {background:url(images/document-icons/image-download.png) right 5px no-repeat #7ea4cb}
			li.word-download {background:url(images/document-icons/word-download.png) right 5px no-repeat #7ea4cb}
				form#download-basket ul li span {color:#b3c9e0; position:absolute; right:15px; bottom:5px; font-family:"texgyreheroscnregular"; text-transform:uppercase}
	
	a#download-selected {background:url(images/download-selected.png) 20px center no-repeat; width:100%; display:block; color:#fff; font-size:20px; border-top:1px solid #9ebbd8; padding:15px 0; padding-left:60px}
	a#download-all {background:url(images/download-all.png) 20px center no-repeat; width:100%; display:block; color:#f6d80b; font-size:20px; border-top:1px solid #9ebbd8; padding:15px 0; padding-left:60px}
	
	.no-wrap > li {position: relative}
	span.open-state {
		background:url(images/dropdown.png);
		width:46px;
		height:46px;
		position:absolute;
		right:7px;
		top: 7px;
		transition:all 0.5s;
		pointer-events: none
	}	span.open-state-inner {background:url(images/inner-dropdown-active.png)}
		a#show-download-basket:hover ~ span.open-state, span.open-state:hover, .open-nav:hover .open-state {-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg)}
		span.active-icon{background:url(images/dropdown-active.png) !important}
			.content-nav:first-child ul ul li span.active-icon {background:url(images/dropdown-active-inner.png) !important}
		.content-nav ul li {height: 60px}
	
form#download-basket ul {list-style: none}
	form#download-basket ul li {width: 100%; padding:26px 55px 26px 15px; color:#fff; border-top:1px solid #9ebbd8; font-size:17px}
	form#download-basket ul li .icheckbox_minimal {top: 0}

input.basket-item {background:#fff}

a.featured-download {font-size:26px; color:#004a80 !important; background:url(images/featured-download.png) right center no-repeat; width:100%; display:block; padding: 20px 0; min-height:110px; font-family: 'texgyreherosbold'; line-height:38px; padding-right:75px}
a.featured-link {font-size:26px; color:#004a80 !important; background:url(images/featured-link.png) right center no-repeat; width:100%; display:block; padding: 20px 0; min-height:110px; font-family: 'texgyreherosbold'; line-height:38px; padding-right:75px}
a.featured-content-link {
    background: url("images/featured-link.png") no-repeat scroll right bottom 12px rgba(0, 0, 0, 0);
    color: #6693c1 !important;
    display: block;
    padding: 75% 65px 30px 0;
    position: absolute;
    text-align: right;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 92%;
    cursor: pointer;
}
	a.featured-content-link:hover {padding-right: 60px}
.featured-title {margin-bottom: 70px; min-height:66px}


/*Content navigation*/
div.content-nav {
	padding:0
}
	div.content-nav h5 {
		font-size:21px;
		padding:15px; padding-top:18px;
		margin-bottom:5px;
		color:#fff
	}	
	div.content-nav ul {
	background:#004a80;
	}
		div.content-nav ul ul {
			height:0;
			overflow:hidden;
			display:block
		}
		div.content-nav ul ul li {background: #6491c0; padding:15px; border-bottom:1px solid #8aafd6; position:relative}
			div.content-nav ul ul li a {color: #ffffff; font-size:17px; font-family: 'texgyreherosbold';}
			
			div.content-nav ul ul ul li {background:#8aafd6; border-bottom:1px solid #93b3d4}
				div.content-nav ul ul ul li a {font-size: 15px}
				
				div.content-nav ul ul ul ul li { height: 30px; padding: 0 0 0 50px; border-bottom:none}
					div.content-nav ul ul ul ul li.active {background:url(images/active-content.png) left 15px top 3px no-repeat #8aafd6}

.grey-side-panel {padding-top:15px; background:#f2f2f2; position: relative; overflow:hidden}
	.sponsors {padding: 15px}
	.grey-side-panel img {width: 100%; height:auto}
	.grey-side-panel a.res-link {min-height: 50px; width: 100%; display: block; color:#6491c0; font-family: 'texgyreherosbold'; font-size:15px; padding:12px 15px 0 60px}
		.url-link {background:url(images/document-icons/url.png) left 7px top no-repeat}
		.word-link {background:url(images/document-icons/word-link.png) left 7px top no-repeat}

/*Content Share*/
.alt-row > div {float: right !important}
.main-content {margin-bottom: 80px; padding-left: 3%}
div.share-page {background:#6491c0; padding:15px; position:absolute; right:0; top:-80px; height:80px}
	div.share-page p {color: #f0d511; font-size:24px; font-family: 'texgyreheroscnbold'; display:block; height:50px; float:left; margin-top:12px; margin-right:10px}
	div.share-page a{
		width:50px;
		height:50px;
		display: inline-block
	}	a#share-facebook {background:url(images/logo/content/facebook.png)}
		a#share-twitter {background:url(images/logo/content/twitter.png)}
		a#share-hu {background:url(images/logo/content/hu.png)}
		a#share-youtube {background:url(images/logo/content/youtube.png)}

/*Fonts*/
p {color: #333; font-size:14px; line-height:28px; font-family: 'texgyreherosregular'; margin-bottom:20px}
	.article p {font-family: 'texgyreherosbold';}
	p span {color: #6491c0}
	p strong {font-weight: normal; font-family: 'texgyreherosbold';}
	p.banner-title {font-family: 'texgyreherosbold'; color:#ffffff; font-size:30px; margin-top: 20px; line-height:30px}
p.logged-in {color:#ffffff; padding: 40px 35px 0; float: left}

a {font-family: 'texgyreheroscnregular'}
	a:hover {text-decoration: none; opacity: .8}
	a:visited {text-decoration: none}
	a:active {text-decoration: none}
	a:focus, a:hover {text-decoration: none}
	a#logout {color:#fff; font-family: 'texgyreherosbold'}
	a.share {font-family:"texgyreheroscnbold", "texgyreheroscnregular"; background:url(images/link-icon.png) right center no-repeat #6491c0; height:35px; padding-right:55px; color:#fedc00; display:table; padding: 15px 80px 15px 15px; font-size:24px; position:absolute; right:0; bottom:-60px}
	.share-page-form a {color:#6491c0; position: relative; top: 12px; margin-bottom: 20px; display: block;}

li {font-family: 'texgyreheroscnregular'}

h1 {color: #004a80; font-family: "texgyreherosbold"; font-size: 37px; line-height: 38px; margin-top: 10px}
div.banner-caption h1 {color:#fff; padding-top:3px;}
h1 span {font-family: 'texgyreheroscnbold'; color:#fedc00; font-size: 18px; clear: left; display: block; line-height: initial; top: 4px; position: relative}
h1#resourcecentre {color: #fff; border-right: 1px solid #e24da2; float: left; font-size: 34px; letter-spacing: 1px; line-height: 34px; margin-top: 13px; width: 178px; position: relative; top: -5px}
body#Login h1#resourcecentre {border-right: none}
h1.banner-caption {margin-top:15px}
.content h1 {color: #6692c1; font-size:42px; line-height: 46px}
.content h1 span {color:#004a80; font-family: 'texgyreheroscnregular'; display: inline; font-size:24px}
h1 a {font-family: 'texgyreherosbold'; margin-top: 10px; color: #6491c0 !important; font-size: 26px; line-height: 30px}
div.article-overview.col-xs-6 h1 {font-size: 26px; line-height: 30px}
h2 {font-family: 'texgyreherosbold'; color:#004a80; font-size: 37px}
	.content h2 {font-size: 32px; color:#6693c1; margin-top:30px; line-height: 46px}
h3 {font-family: 'texgyreherosbold'; color:#6491c0}
	.container-fluid h3 {color:#6491c0}
h4 {font-family: 'texgyreherosbold'; color:#004a80; font-size:14px}
.article h4 {font-family: 'texgyreheroscnbold';}
h5 {font-family: 'texgyreheroscnbold'; color:#fedc00; font-size:16px; margin: 8px 0}

h2.featured-title {font-size: 32px; line-height:38px; margin-top:15px;}
input {font-family: 'texgyreheroscnregular';}
input.submit {font-family:"texgyreheroscnbold", "texgyreheroscnregular"; font-size:18px; background:url(images/featured-link.png) right center no-repeat; padding-right:65px !important; height:54px; border: none; color:#fff; transition:all 1s; color:#bfd2e5}
input.submit:hover {padding-right: 70px !important; margin-left:-5px}
select {font-family: 'texgyreheroscnregular';}
label {font-family: 'texgyreheroscnbold'; font-weight: normal; font-size: 18px}
a.prev-news, a.next-news, a.back, input.submit, #OrganisationData ul.main-organisation li a.edit, a.form-add, a.edit, a.featured-content-link {font-family:"texgyreheroscnbold", "texgyreheroscnregular"; font-size:18px; color:#6491c0;}

/*Navigation*/
#nav {
	float:right;
	width:740px;
}

	#nav ul {
		list-style:none;
		padding-top:20px;
		float: right
	}
	
		#nav ul li {
			float:left;
			text-align: left; 
			padding: 0 30px; padding-left: 15px; padding-bottom:18px
		}   #nav uli li:last-child {padding-right:0}
			#nav ul li:hover ul {display: block}

			#nav ul li ul {
				position: absolute;
				z-index: 999;
				padding: 15px;
				background: #ffffff; 
				width: 1260px;
				display: none;
				border: 10px solid #6491c0;
				left:0;
				top:61px;
			}
#nav ul li ul li {width:33%; margin: 10px 0; padding:0 30px 0px 15px}
#nav ul li ul li:first-child:hover {background: none}
#nav ul li ul li a {font-size: 14px; color: #6491c0}
#nav ul li ul li a:hover {color:#004a80}
#nav ul li a {font-family: 'texgyreherosbold'; color:#fff; font-size:16px; padding-bottom:20px}
#nav ul li a:hover {color:#fedc00}
#nav ul li.has-kids:hover {background:url(images/nav-active.png) bottom center no-repeat}
#nav ul li a.active {color: #9bb8d6}
				
/*Mobile Navigation*/
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  top:10px
}
#nav-toggle {top: 20px; position:absolute; display:none; right:55px; visibility: hidden}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px; 
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

div#mobilenavoverlay {background:#004a80; position: fixed; width:100%; height:100%; z-index:998; display: none}
div#mobilenav {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:999;
	display:none
}
	div#mobilenav ul {
		list-style:none;
		padding:0;
		position: relative;
		z-index:999;
	}
		div#mobilenav ul li {
			width:100%;
			border-bottom:1px solid #3d75a2;
			padding:10px 0;
			position:relative
		}	div#mobilenav ul li:first-child {margin-top:30px}
			div#mobilenav ul li a {
				color:#fff;
				font-size: 28px;
				padding-left:10px
			}
			div#mobilenav ul li:hover ul {display: block}
		
		div#mobilenav ul li ul {display: none}
			div#mobilenav ul li ul li {border-bottom: none}
			  div#mobilenav ul li ul li:first-child {margin-top: 0}
				div#mobilenav ul li ul li a {font-size:16px; padding-left:15px}

/*Footer Navigation*/
#footernav ul {
	list-style:none;
	margin:0;
	padding: 0
}
	#footernav ul li {
		float: left;
		padding:0 20px 0 0
	} #footernav ul li:first-child {padding-left:0}	
		#footernav ul li a {color:#fff; font-family:"texgyreherosbold"; font-size: 13px}

#footernav p {color:#bbcfe3; clear:left; position: relative; top:15px}

	/*Social Media Icons*/
	div.social h5 {float:left; font-size:24px; margin-top:0; padding-top:10px; width:158px}
	.col-xs-6.social {position: relative; top: 12px; float: right;  border-left:solid 1px #84a8cd;}
	a.social {
		padding-left:60px;
		max-width:105px;
		height:70px;
		display:block;
		float:left;
		margin-right:35px;
		color:#fff;
		font-family:"texgyreheroscnbold", "texgyreheroscnregular";
		font-size:21px;
		padding-top:15px;
		line-height:21px
	}	
		a#facebook {background:url(images/logo/facebook.png) no-repeat left center}
		a#twitter {background:url(images/logo/twitter.png) no-repeat left center; position: relative; left: -15px}
		a#youtube {background:url(images/logo/youtube.png) no-repeat left center}
		
/*Cycle 2 Slider*/
.slide {width:100%; height:45vh; background:url(images/headers/headway-sheep.jpg) center; background-size:cover; -ms-behavior: url('../js/backgroundsize.htc');}
.content-image {background:url(images/headers/content.jpg) center no-repeat; background-size: cover}
.cycle-slide {width: 100%}
.cycle-slideshow { width: 100%; position:absolute }
	div#news-slider ul div.cycle-slideshow {position: relative}
.cycle-slideshow img { width: 100%; height: auto }
.cycle-slideshow div.banner-caption {position: absolute; border:0; left:0; z-index:999; padding-top:0px; padding: 10px 30px}

	/* pager */
	.cycle-pager { 
		text-align: center; width: 100%; z-index: 500; position: relative; padding-bottom: 15px; overflow: hidden; height:34px
	}
	.cycle-pager span { 
		font-family: arial; font-size: 50px; width: 20px; height: 20px; 
		display: inline-block; color: #e2e2e2; cursor: pointer; background:#e2e2e2; border:5px solid #ffffff;
		-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 5px
	}
	.cycle-pager span.cycle-pager-active { background: #fff; border:5px solid #004a80;}
	.cycle-pager > * { cursor: pointer;}

.cycle-pager {clear: both}
div#news-slider > ul {padding-left:0}
#news-slider > ul {margin: 0}

/*Custom Select Boxes*/
select {
    -moz-appearance: none;
    text-indent: 0.01px;
}

/*Input boxes*/
 .select-wrapper{
      float: left;
      display: inline-block;
      border: 1px solid #d8d8d8;            
      background: url("arrow.png") no-repeat right center;
      cursor: pointer;
  }
  .select-wrapper, .select-wrapper select{
      width: 100%;
      height: 5vh;
      background: #fff url(images/dropdowb-arrow.png) no-repeat 100% 50%;
	  border: none;
	  min-height: 45px
    }
 .select-wrapper .holder{
      display: block;
      margin: 0 35px 0 5px;
      white-space: nowrap;            
      overflow: hidden;
      cursor: pointer;
      position: relative;
      z-index: 0;
	  padding: 15px 10px;
	  font-weight: bold;
	  color: #333
  }
  .select-wrapper select{
      margin: 0;
      position: absolute;
      z-index: 2;            
      cursor: pointer;
      outline: none;
      opacity: 0;
      /*CSS hacks for older browsers */
      _noFocusLine: expression(this.hideFocus=true); 
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -khtml-opacity: 0;
      -moz-opacity: 0;
  }
::-webkit-input-placeholder {color: #ccc; opacity: 1}
:-moz-placeholder {color: #ccc; opacity: 1}
::-moz-placeholder {color: #ccc; opacity: 1}
:-ms-input-placeholder {color: #ccc; opacity: 1}
.icheckbox_minimal, .iradio_minimal {float:left; top:5px; margin-right:5px !important}
p#file-type > strong {float: left}

body#ResourceLibrary ::-webkit-input-placeholder {color: #333; opacity: 1}
body#ResourceLibrary :-moz-placeholder {color: #333; opacity: 1}
body#ResourceLibrary ::-moz-placeholder {color: #333; opacity: 1}
body#ResourceLibrary :-ms-input-placeholder {color: #333; opacity: 1}


/*Page specific*/
/* Login Page*/
body#Login div#resource-centre-inner {width:200px; min-width: unset}

/*Content Pages*/
.content {margin: 20px auto}
a.rel {display: block; background:url(images/rel.png) left center no-repeat; padding-left:35px; font-size:19px; font-family: 'texgyreherosbold'; color:#8aafd6; margin-bottom:15px}

/*-------------Temporary CSS until forms have been designed----------START---*/

form { clear: both; display: block; width: 100%; float: left; }

.formwrap { width: 100%; float: left; margin-top: 30px; }
.formwrap label, .formwrap input, .formwrap select, .formwrap textarea { width: 200px; float: left; min-height:45px; margin-bottom: 5px; border:none}
.formwrap label { clear: left; }
.formwrap input[type="checkbox"] { width: 20px; height: 20px; display: block; clear: right; min-height: initial; }
.formwrap .checkboxlist-wrap { display: block; float: left; clear: both; }
.formwrap .checkboxlist-wrap input[type="checkbox"] { width: 10%; float: left; margin-bottom: 0;}
.formwrap .checkboxlist-wrap label { display: block; float: left; clear: right; width: 80%; min-height: 35px;}
.formwrap h2 { display: block; float: left; clear: both; margin: 20px 0;}

.logout-button { float: right; }

.submit-successful { color: green; }

.mce-container { clear: both; }

dl { width: 100%; margin-bottom:0; display: block; float: left; overflow: hidden}
dt { font-family: 'texgyreherosbold'; font-weight: normal; float: left; width: 40%; clear: left; padding-bottom:510px; margin-bottom: -500px; padding-left: 10px; padding-top: 10px}
dd { width: 60%; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; min-height:42px; padding-bottom:500px; margin-bottom: -500px }
h3 { font-size: 18px; color: #858585; margin-bottom: 10px; }

.form-template a:visited {color: #337ab7; }
.form-template a:hover { text-decoration: underline; }

/*-------------Temporary CSS until forms have been designed--------------END------*/

/* Final CSS for forms */
.checkboxlist-wrap .icheckbox_minimal, .iradio_minimal {
    clear: both;
    float: left;
    margin: 0 20px 0 0;
	top:0
}

h2.ui-accordion-header {
    border-bottom: 1px solid #779fc8;
    border-radius: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding-right: 75px;
	border: none;
	border-bottom: 1px solid #779fc8;
	font-size:24px;
	font-family: "texgyreherosbold"
}

.checkboxlist-wrap > label {
    float: left;
}

.col-xs-4.form-pull > label {
    clear: left;
    display: block;
}
	.col-xs-4.form-pull > label.insurance {
		display: inline
	}

.form-submit {
	float:right;
	margin-top:20px;
	margin-bottom:20px
}

.activities-form-selection {clear: both;padding-top: 15px;position: relative}

button.edit-icon {top: -5px !important}

ul.form-wrap {padding: 0; background:#fff}
ul.final-form {clear: both}
.accordion ul.form-blue {background: #7ea4cb !important}
ul.form-wrap li {background:#fff; clear: both; list-style: none}
ul.form-wrap li ul {padding: 0}
ul.form-wrap li ul li {clear: none; width:50%; display: block; float: left; min-height: 42px}
ul.form-wrap li ul li dl dt, ul.form-wrap li ul li dl dd{background:#f2f2f2}
ul.form-wrap li ul li dl dt:nth-of-type(2n) {background:#fff}
ul.form-wrap li ul li dl dd:nth-of-type(2n) {background:#fff}
ul.final-full-form li {width:100% !important; margin-top: -15px}

div.heirarchy ul li {background:#f2f2f2}
div.heirarchy ul li a {padding: 10px; font-family: "texgyreherosbold"; color:#333 !important; text-decoration: none !important; font-size: 15px; position: relative; top:10px}
div.form-wrap form {background:#f2f2f2; width: 50%; float: left; clear: none; min-height:42px}
div.form-wrap button {color:#6491c0; background: none; border: none; font-family: 'texgyreheroscnbold'; font-size:15px; float: right; margin-right: 15px; position: relative}
div.form-wrap button i {font-size: 24px;padding: 2px 0 5px;position: relative;top: 3px; padding-left:5px}
div.form-wrap label {padding-left: 10px; padding-top: 10px}

div.form-wrap {padding: 20px 15px; padding-bottom: 40px}

.form-pull div.icheckbox_minimal {top: 0}

div.accordion h3 {background: #7ea4cb none repeat scroll 0 0; color: #ffffff; margin: 0; padding: 20px 0 10px 10px;}
div.accordion h3 a { color: #ffffff !important; margin: 0; padding: 20px 0 10px; font-family: "texgyreherosbold"; font-size: 24px; text-decoration: none !important}

body#OrganisationData {overflow-y: scroll}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none repeat scroll 0 0 #004a80 !important; padding: 15px; color: #fbda04 !important}
.ui-widget-content {padding: 15px}
.ui-accordion-content-active {margin-bottom: -5px; background: #7ea4cb none repeat scroll 0 0 !important;border: medium none !important;border-radius: 0 !important;display: inline-block !important;width: 100% !important}
a.form-add {float: right; margin-bottom:-10px; margin-right:3px; text-decoration: none !important; color:#6491c0}
a.form-add i {margin-left: 15px; float: right;font-size: 20px;padding-right: 10px;position: relative;top: -5px; color:#ebd317; padding:11px 15px; background: #6491c0}
.ui-accordion-header {background: url("images/dropdown.png") right 15px center no-repeat #6491c0 !important}
.ui-state-active {background: url("images/dropdown-active.png") right center no-repeat #779fc8 !important}
ul.meetingslist, ul.contactlist, ul.annual-accounts-list {list-style: none; padding: 0; margin: 0}
ul.meetingslist li div.meeting-block:first-child ul li {margin-top: 0}
div.meeting-block .form-wrap.single-form li {margin-top: 15px !important}
div.annual-account-block:first-child ul li {margin-top: 0}
ul.single-form li ul li {width: 100%; margin-top:15px}
a.edit-content {position: relative; top: 10px}
div.notes-block {background:#f2f2f2; padding-top: 30px; padding-bottom: 30px}
div.full-width-form-block ul.form-wrap li ul li dl dt {width:20%}
div.full-width-form-block ul.form-wrap li ul li dl dd {width: 80%}

.paging a:visited { color: blue; }

.field-validation-valid { display: none; }
.field-validation-error { float: left; color: red; margin-bottom: 10px;}
.validation-summary-valid { display: none; }

.ui-widget-content a {color:#7ea4cb !important}

div.form-wrap div .gd-form > form {width: 100%; background: none}
.gd-form .row:nth-child(even) .col-xs-6 {background:#f2f2f2; margin-bottom:20px; width: 48%; padding: 15px}
.gd-form .row:nth-child(even) .col-xs-12 {background:#f2f2f2; margin-bottom:20px; width: 100%; padding: 15px;}
.gd-form .row:nth-child(even) .col-xs-6 span {float: left; font-family: "texgyreheroscnbold"; font-size: 16px; font-weight: normal;}
.gd-form .row:nth-child(even) .col-xs-6:last-child {margin-left:2%}
div.form-wrap div .gd-form > form .row:nth-child(even) .col-xs-6 textarea, div.form-wrap div .gd-form > form .row:nth-child(even) .col-xs-6 input {border:none; padding: 10px; font-family: "texgyreheroscnbold"; font-size: 16px; font-weight: normal;width:64%}
div.form-wrap div .gd-form > form div .row:nth-last-child(2) {background:#f2f2f2}
div.form-wrap div .gd-form > form .stats .row:nth-child(even) .col-xs-6 input { width: 200px}
div.form-wrap div .gd-form > form .stats .row:nth-child(odd) .col-xs-6 input {font-family: "texgyreheroscnbold";font-size: 16px;font-weight: normal;padding: 10px}
div.form-wrap div .gd-form > form .stats .row .col-xs-6 h4 {width:100px; float: left}
div.form-wrap div .gd-form > form .stats .row .col-xs-6 {margin-bottom: 0}
button#delete {position: absolute;right: 15px;top: 30px; font-size: 20px}
span.accor-divide {height: 100%; width:1px; background:#779fc8; position:absolute; left:50%; top: 0}
.organisation-data-view.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {position: relative}


.gd-form .select-wrapper {width:240px; margin-bottom: 20px}
button#delete {float: right;margin-top: 30px;position: relative}
.gd-form span.select-wrapper {position: relative}
.gd-form span.select-wrapper select {left: 0; width: 100%}
.listbox-available {clear: left}
.DualListBoxWrapper {clear: left; float:left; width:100%; margin:5px 0 25px 0;}
#dualListBox_Services > span {float: left}
.form-address textarea {min-height: 90px}
.spanToggle {clear: both}
.fa.fa-toggle-right, .fa.fa-toggle-left {font-size: 25px; color: #87aace}
.spanToggle {background: #fff none repeat scroll 0 0; padding: 2px 5px; margin-bottom: 5px}
.move-selection { padding-left: 25px; padding-top: 32px}
.required-documentation label, .required-documentation input {width:50% !important}
.required-documentation.form-pull div.icheckbox_minimal {top: 10px}
.fa.fa-calendar {background: #7ea4cb none repeat scroll 0 0;clear: both;color: #fff;display: block;float: right;font-size: 23px;margin-bottom: -53px;padding: 10px;position: relative;top: -53px; pointer-events: none}
textarea#Description {width: 100%; height: 245px}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index: 1000}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {text-align: center; background: #004a80 none repeat scroll 0 0 !important;color: #fbda04 !important;padding: 8px 9px}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {border: 4px solid #7ea4cb;border-radius: 0;width: 291px}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {background: #6491c0 none repeat scroll 0 0;border: medium none;border-radius: 0;height: 50px;left: -3px;position: relative;top: -4px;width: 283px;}
.ui-datepicker-month {font-family: "texgyreheroscnbold" !important; font-size: 18px !important; font-weight: normal; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;color: #fff;width: 50px !important}
.ui-datepicker-year {font-family: "texgyreheroscnbold" !important; font-size: 18px !important; font-weight: normal;  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;color: #fff;width: 60px !important}
.ui-datepicker-title {margin-top:8px !important}
.ui-icon.ui-icon-circle-triangle-w {background:rgba(0, 0, 0, 0) url("images/quicklink.png") no-repeat scroll !important; width: 40px; height: 40px; background-size: contain !important; font-size: 0 !important; -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {height: 1.3em !important}
.ui-icon.ui-icon-circle-triangle-e {background:rgba(0, 0, 0, 0) url("images/quicklink.png") no-repeat scroll !important; width: 40px; height: 40px; background-size: contain !important; font-size: 0 !important}
.ui-datepicker-prev.ui-state-hover {border: none !important;background: none !important; top: 2px !important; left: 2px !important}
a.ui-datepicker-next {right: 25px !important}
.ui-datepicker-next.ui-state-hover {border: none !important;background: none !important; top: 2px !important; right: 25px !important}
.listbox-selected, .listbox-available {border: medium none; padding: 5px; width: 100% !important}

.share-page-form {background: #f2f2f2; padding: 20px 10px}
.share-page-form input, .share-page-form textarea {width:64%}

.button.submit.form-submit.gd-submit {float: right;padding-left: 0;width: 110px}

ul.col-list {column-count:2; -moz-column-count:2; -webkit-column-count:2; padding-bottom:20px !important}
ul.col-list li {clear: left !important; background: none; list-style:inside; width: 100% !important; min-height: 15px !important}
ul.col-list li:before {content: "• "; color: #7ea4cb}

dl.services-activities dt {width: 22%}
dl.services-activities dd {width:78%}

.stat-form h3 {clear: both}
div.form-wrap div .gd-form.stat-form > form .row {background:#f2f2f2}
div.form-wrap div .gd-form.stat-form > form .row:nth-child(2n) .col-xs-6:last-child {margin-left: 2%}

.inputs {clear: both}

#Error .content a { color: #6491c0; }
.icheckbox_minimal.checked.disabled {
    background-position: -40px 0 !important;
}


/*Responsive Elements*/
@media (max-width:1280px) {
	div.social h5 {width: 100%}
	div#footernav {margin-top: 60px}
	form#document-filter .col-xs-3 input {width:100%; padding-left: 2%}
	a.featured-content-link {background: rgba(0, 0, 0, 0) url("images/featured-link.png") no-repeat scroll right bottom 12px; color: #6693c1 !important; cursor: pointer; display: block; margin-top: -60px; padding: 30px 65px 30px 0; position: relative; text-align: right; top: 0; transition: all 0.5s ease 0s; width: 92%}
div#login-panel form input {display: block; clear: both; max-width: 90% !important}
div#login-panel form label {margin-left: 0; white-space: nowrap;}
div#login-panel form {width: 85%}
a#twitter {left: 0}
}
@media (max-width:960px) {
	.fall {width:50%}/*Collapse elements*/
	/*Document Listings*/
	 li.document-wrap {width:49%}

	 .document-list, .document-basket {width:100%}
	 p#file-type .icheckbox_minimal {clear: left}
	 div.quicklink-arrow {background-size: 85%; background-position:top right}
	 a.social {font-size: 16px; line-height: 25px}
	 a.quicklink {display:table-cell; vertical-align:text-bottom; padding-right: 70px}
	.filter-title, .search-input {width:100%}
	.keyword-input {margin-top:20px; width: 100%}
	div.box-grey a, div.box-blue a {font-size:20px; line-height: 24px}

	/* Content Pages */
	div.alt-row div {width: 100%}
	div.alt-row div:last-child > span {width: 50%; display: block; float: left}
	div.alt-row div:last-child > span div {min-height: 198px}
	div.share-page {top: -358px}
}

@media (max-width:768px) {
	#nav ul {display: none} /*Hide main navigation*/
	#nav-toggle {display:block; z-index:1001} /*Show button to open movile navigation*/
	div#mobilenav ul li ul {display: block}

	div.newsarticle, div.article-image, div.article-overview {width:100%; clear:left; margin-bottom:15px; overflow: hidden}
		div.news-image-caption {width: 35%; min-height:20%; height: auto; position:absolute}
			div.news-image-caption h5 {margin: 0; padding:10% 0}
	
	div.quicklinks {display: table}
	div.quicklink-arrow {right: 20px; top: 40px}
	#footernav ul li {width:100%; text-align: center; margin:0}

	div.social {border-top: 1px solid #79a0c9; border-bottom: 1px solid #79a0c9; width: 100%; border-left: none !important}
	div#footernav {width: 100%}
		div#footernav ul li {float: left; width: auto; padding-left:0}
		
	div.article-overview h1 {font-size: 30px; line-height: unset}

	/*Header*/
	div#navigation {height: 0; overflow: visible}
		div#navigation p {color: #4a7ea5; top:-30px}
		a#nav-toggle {right: 50px; position: fixed}
	div#resource-centre-inner {min-width: 50%}
	div#resource-centre {height: 150px}
	h1#resourcecentre {border-right: none; margin-top:45px; font-size: 22px; line-height: 22px; width: 120px}
	div.login-box {clear: both; padding: 0; width: 100%}
		div#resource-centre-inner div form {width: 65px; float: left; display: block}
		div#resource-centre-inner p {float: left; display: block; top: 0; line-height: 22px}
	#nav-toggle {visibility: visible}
	a#logo {background:url(images/mobilelogo.png); width: 126px; height: 105px}
	
	/*Login Form*/
	div#login-panel div h5 {border-right: none}
	form.login {clear:left; padding-top:0 !important}
		form.login label {margin-left: 0 !important; float:left; line-height:41px; clear:left; width:80px}
		form.login input {clear: left; float:left}
		form.login input.submit {float:left; clear:left; margin-top:20px; padding-left:0 !important}
	body#Login .push {margin-bottom: 0; min-height: inherit}
	
	/*Slider*/
	.cycle-slideshow {height: auto}
	.cycle-pager {height: 20px; top: 32px}
	 
	/*Document Library*/
	li.document-wrap {width:100%}
	div#bottom-resource-links div.content-wrapper div.row div.col-xs-4 a {font-size: 14px}
	.col-xs-3.fall > label, .col-xs-3.fall > select, .col-xs-3.fall > input {margin-top:0}
	input.reset-fields {margin-right: 0; margin-bottom:20px}

	/* Forms */
	ul.col-list {column-count:1; -moz-column-count:1; -webkit-column-count:1}
}

@media (max-width:560px) {
	.col-xs-4 {width:100%} /*Bootstrap collapse*/
	a.social {max-width:33.3%; margin-right:0}
	div#footernav {margin-top: 20px}
}

@media (max-width:500px) {
	.fall {width:100% !important; margin-bottom:20px}
	div.form-wrap div .gd-form > form .row:nth-child(2n) .col-xs-6:last-child {margin-left: 0}
	.quicklink:first-child {border-bottom: 1px solid #79a0c9}
	div#banner, .slide {height: 45vh}
	div.banner-caption {width: 100%}
	a.social {padding-left: 55px; transform: scale(0.7); position:relative; left:-20px}
		a#facebook {padding-left: 45px}
	/*Document Listings*/
	div#bottom-resource-links div.content-wrapper div.row div.col-xs-4 {width: 100%; margin-bottom:20px}
	 	div#bottom-resource-links div.content-wrapper div.row div.col-xs-4 a {font-size: 26px}
		a.featured-download {background-size:15%}
		a.featured-link {background-size: 15%}
	.main-content {margin-bottom: 100px}
	div.share-page a {width:35px; height:35px; background-size:cover !important; margin-top:7px}
	span.breadcrumb {bottom: unset; top:0}
ul.form-wrap li ul li {width: 100%}
.listbox-available, .listbox-selected {position: relative; z-index: 999; max-width: 100%}
.desktop-only {display: none}
.mobile-only {display: block}
div#resource-centre-inner {width: 100px}

}

@media (max-width: 410px) {
	a.social {transform: scale(0.6); margin: 0}
	.quicklink:first-child {border-bottom: 1px solid #79a0c9}
	div#navigation p {font-size: 14px}
	#footernav ul li a, #footernav p {font-size: 11px}
	div.share-page p {font-size: 14px}
	div.share-page a {width:30px; height:30px; background-size:cover !important; margin-top:10px}
	a#twitter {left:-12px}
div.form-wrap div .gd-form > form .stats .row .col-xs-6 {width: 100%}
div.form-wrap div .gd-form.stat-form > form .row:nth-child(2n) .col-xs-6:last-child {margin-left: 0}
/* Content Pages */
	div.alt-row div {width: 100%}
	div.alt-row div:last-child > span {width: 100%; display: block; float: left}
	div.share-page {top: -644px}
/* Forms */
div.application-form .formwrap label {width: 100% !important; margin-right: 0 !important}
div.application-form .formwrap input, div.application-form .formwrap select, div.application-form .formwrap textarea {width: 100% !important}
.formwrap label, .formwrap input, .formwrap select, .formwrap textarea {min-height: 0}
.ui-accordion-content .icheckbox_minimal {margin-bottom: 15px}
.DualListBoxWrapper .col-xs-5, .DualListBoxWrapper .col-xs-2 {width: 100%}
div.application-form .spanToggleWrap {padding: 0 !important}
.declaration .declaration-text {clear: left !important}
.gd-form .row:nth-child(even) .col-xs-6 {margin-left: 0 !important}
div.application-form .spanToggle {margin-right: 10px; clear: none; float: right !important}
.contactlist li div ul li ul li {width: 100% !important; margin: 0 !important}
a.form-add {width: 300px !important}
}

@media (max-width: 320px) {
	div.newsarticle .article {padding: 15px 0}	
}

/*Bootstrap modification*/
.dashboard-panel-6 {
   width: 49%;
}

@media not all, (min-resolution: 192dpi) {
	a#logo {background:url(images/logo@2x.png}
}

@media not all, (min-resolution: 192dpi) and (max-width:768px)  {
	a#logo {background:url(images/mobilelogo@2x.png); width: 126px; height: 105px}
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */