/*General*/
body.noscroll{overflow: hidden}
* {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: 1px solid #84a8cd; 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", sans-serif;}
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}
input {-webkit-appearance: none;  -webkit-border-radius: 0;}

.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
	}
	
	div#resource-centre-inner {
		height: 100%;
		background:#db218b;
		display:block;
		float:right;
		width:300px
	}
		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 {font-size:1.1875em; background: none; border: none; color:#fff; font-family: 'texgyreheroscnbold'; float:left; padding: 0}
			input.reset-fields {float: none; margin-left: 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:40vh;
	position:relative;
	background-size:cover;
	background-position:bottom
}
	div.banner-caption {
		position:absolute;
		bottom:0;
		left:0;
		background:#004a80;
		display:table
	}

div#banner-nav {
	width:100%;
	padding:10px 0;
	border-top:1px solid #84a8cd;
	background:#6491c0;
	height:75px;
	position:relative
}
.popupVideo{cursor:pointer;width:65%;left:35%;height:100%;display: inline-block;position:absolute;z-index:999;background: rgba(0,0,0,0);-webkit-transition: background 300ms;transition: background 300ms;}
.popupVideo:hover{background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.popupVideo i {top: 50%;left:50%;transform: translate(-50%,-50%);position:absolute;font-size: 100px}

.main-content p a, .main-content ul a, .main-content ol a, .article-content a, .branch-details a, .network-support .staff-member a.email, .umb-grid a  { text-decoration:underline; -moz-text-decoration-color: #99bcdb; text-decoration-color: #99bcdb;}
.main-content p a:hover, .main-content ul a:hover, .main-content ol a:hover, .article-content a:hover, .branch-details a:hover, .network-support .staff-member a.email:hover, .umb-grid a:hover  {text-decoration:none;}
.main-content .paging ol a, .article-content a.backbutton {text-decoration:none;}


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

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#custom-pager {
		position:relative;
		top:8px
	}
	#custom-pager a {
    display: inline-block;
    font-size:1.375em;
    height: 42px;
    position: relative;
    top: 3px;
    width: 25px;
	color:#fff
	}
	
	div#custom-pager strong {
    	display: inline-block;
    	height: 37px;
    	width: 35px;
	}
		.cycle-pager-active {background: #ffffff !important}
			.cycle-pager-active {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
				.cycle-pager-active 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: 10;
	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;
	margin-bottom:20px;
}	
	a.quicklink p {color:#bfd2e5; font-size:1em; line-height:21px; font-family: 'texgyreherosbold';}
	a.quicklink h1 {color:#fff}
	
	div#login-panel {margin-bottom: 40px}
		div#login-panel h5 {display:table; font-size:2.3125em; 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:1em; 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:1.5em; 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: 10px }
		.col-xs-6.quicklink.fall:first-child {border-right: 1px solid #6f99c4}
		.col-xs-6.quicklink.fall:nth-child(2){padding-left: 20px}
.validation-summary-errors {clear: both}
.validation-summary-errors ul li  {list-style: none; color: #fff}
	
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 {
	height: 310px !important;
    margin: 0 0 30px 0;
	overflow: hidden;
    padding-right: 0;

}	
	div.newsarticle img {
		right:0;
		bottom:0
	}
		.col-xs-3.article-image {margin-top: 18px}
		div.news-image-caption {
			background:#004a80;
			width:auto;
			height:35px;
			position:absolute;
			bottom: 0;
			right:0;
			margin: 0
		}
			div.news-image-caption h5 {
				padding: 0 10px;
    		position: relative;
    		width: 100%;
			}
		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:1.25em !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: 15px 15px 15px 0px; float:left:width:auto;}

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

.top-filter + div#article-heading {margin-top:-30px;}

div#article-heading {
	background:#ededed;
	padding:20px 0 45px 0;
	display:inline-block;
	position:relative;
	width:100%;
	margin-bottom:30px;
}
.article-wrap {padding-bottom:65px}
	div#article-heading a.share {bottom: 0}
	div.article-overview h1 {color:#6491c0; font-size:.8125em; line-height:50px}
	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:1.125em;
	padding-top:13px;
	background-position:10px center
}	a.back:hover {background-position: 0px center}

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

#article-heading h1 {font-size: 2.8125em;}

div.article-image img {
	width:100%;
	height:auto
}

div#footer {
	width:100%;
	padding:30px 0;
	background:#6491c0;
    float: left;
	margin: 0;
	border-top: 1px solid #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:1.625em; 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:1.625em; 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;
	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:6px; font-size:1.1875em;}
		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; margin-top:-5px; padding-bottom:10px;}
	.col-xs-3.fall > label {margin-top:15px}
	
	div#library-filter h5 {
    display: table;
    float: left;
    font-size:2.375em;
    padding: 20px
	}

.buyCopy{border-right:4px solid #fff;cursor:pointer;width:152px;font-size:16px;font-family: 'texgyreheroscnbold';background-color: #6591C0;color: #FFDD02;position:absolute;right: 56px;padding:10px 20px;bottom: 6px;height: 44px;}
.buyCopy:hover{color: #fff}
.searchInput{padding: 0 60px 0 10px!important;}
.document-list h2{color:#8AAFD6;display:inline-block;width:100%;float:left;}
.document-list_v2{width:100%;float:left;margin-bottom:30px}
.document-list_v2 strong{font-family: 'texgyreheroscnbold';}
.document-list_v2 strong + span{margin-left:25px;}
.document-list_v2 ul li{width: auto; float:left;margin-right: 50px;margin-bottom:0px!important}
.document-list_v2 ul li a{font-family: 'texgyreheroscnbold';}
.document-list_v2 ul{list-style:disc;padding-left:20px;color:#8AAFD6;width:100%;float:left}


@media (min-width:1024px) {
	#library-filter .icheckbox_minimal{margin-left:20px}
	input.reset-fields { margin-left: 45px}
	.document-list_v2{width:50%;padding-right:50px;min-height:80px;margin-bottom:0}
}



	div#library-filter form label {color:#fff}

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

.search-input {background:url(images/search-background.png) no-repeat center; border:none; width:84px!important;display:block;position:absolute;right:40px;height:42px;cursor:pointer}

div#bottom-resource-links {background: #ededed; padding: 0;}
#bottom-resource-links a.featured-content-link, #bottom-resource-links a.featured-download {font-family: "texgyreheroscnbold"; background:url("images/featured-link.png") no-repeat scroll right bottom 12px; font-size:1.1875em; color: #6693c1 !important; cursor: pointer; display: block;  padding: 80% 65px 30px 0;  position:absolute;  text-align:right; top:0; transition: all 0.5s ease 0s; width:92%;}
div#bottom-resource-links .row {padding:30px 0 10px 0;}
#bottom-resource-links a.featured-download {background:url("images/featured-download.png") no-repeat scroll right bottom 12px; }
div#bottom-resource-links h2.featured-title {font-size:1.75em; margin-bottom:70px; margin-top:5px;}
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:32%;
	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:150px; 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; font-size:0}
	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:1.25em; 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:.9375em;
	font-weight:bold;
	color:#333
}
	
form#download-basket {
	background:#6491c0;
	width:100%;
	position:relative
}
	form#download-basket h5 {
		font-size:1.25em;
		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:1.25em; 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:1.25em; 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:10px;
		top: 10px
	}	span.open-state-inner {background:url(images/inner-dropdown-active.png)}
		
		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:1.0625em}
	form#download-basket ul li .icheckbox_minimal {top: 0}

input.basket-item {background:#fff}

a.featured-link {font-size:1.625em; 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}
.featured-title {margin-bottom: 70px; min-height:66px}


/*Content navigation*/
div.content-nav {
	padding:0
}
	div.content-nav h5, div.content-nav h5 a {
		font-size: 1.15em;
		padding:20px;
		margin-bottom:5px;
		color:#fff
}	 div.content-nav h5 a {padding: 0}
	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:18px 65px 18px 20px; border-bottom:1px solid #8aafd6; position:relative}
			div.content-nav ul ul li a {color: #ffffff; font-size:1.0625em; font-family: 'texgyreherosbold'; line-height:24px;}
		div.content-nav ul ul li.expandable > a {display: block; width: 100%}
			
			div.content-nav ul ul ul li {background:#8aafd6; border-bottom:1px solid #9ebbd8}
				div.content-nav ul ul ul li a {font-size:.9375em}
			div.content-nav ul ul ul li a.open-nav {padding-right:50px;}
				div.content-nav ul ul ul ul li { height: 30px; padding: 5px 0 5px 40px; 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 {background:#f2f2f2; position: relative; overflow:hidden;}
.grey-side-panel.expanded {padding:10px 10px 20px 10px;}
	.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:.9375em; padding:20px 15px 0 60px}
		.url-link {background:url(images/document-icons/url.png) left 7px top 12px no-repeat}
		.word-link {background:url(images/document-icons/word-download.png) left 7px top 12px no-repeat}
		.pdf-link {background:url(images/document-icons/pdf-download.png) left 7px top 12px no-repeat}

/*Content Share*/
.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:1.5em; 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:.9375em; line-height:28px; font-family: 'texgyreherosregular'; margin-bottom:20px}
	.article p {font-family: 'texgyreherosbold';}
input[type="text"] {font-family:"texgyreheroscnbold"; font-size:1.1875em; color: #bebcbc; line-height:21px; color:#333333;}
	p span {color: #6491c0}
	p strong {font-weight: normal; font-family: 'texgyreherosbold';}
	p.banner-title {font-family: 'texgyreherosbold'; color:#ffffff; font-size:1.875em; margin-top: 20px; line-height:30px}
p.logged-in {color:#ffffff; padding: 40px 35px 0; float: left}

a {font-family: 'texgyreherosregular'}
	a:hover {text-decoration: none}
	/*a:visited {color: #fff; 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; border-bottom:1px solid #7aa1c9; display:table; padding: 15px 80px 15px 15px; font-size:1.5em; position:absolute; right:0; bottom:-60px}
	
li {font-family: 'texgyreheroscnregular'}

h1 {color: #004a80; font-family: "texgyreherosbold"; font-size:2.3125em; line-height: 32pt; margin-top: 10px}
	div.banner-caption h1 {color:#fff}
	h1 span {font-family: 'texgyreheroscnbold'; color:#fedc00; font-size:.65em; clear: left; display: block; line-height: initial; top: 0px; position: relative}
	h1#resourcecentre {color: #fff; border-right: 1px solid #e24da2; float: left; font-size:2.125em; 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:2.625em; line-height: 46px}
		.content h1 span {color:#004a80; font-family: 'texgyreherosregular'; display: block; padding-top:5px;}
	h1 a {font-family: 'texgyreherosbold'; margin-top: 10px; color: #6491c0 !important;  line-height: 50px}
h2 {font-family: 'texgyreherosbold'; color:#004a80; font-size:2.3125em;}
	.content h2 {font-size:2em; color:#6693c1; margin-top:30px; line-height:36px}
h3 {font-family: 'texgyreherosbold'; color:#6491c0}
	.container-fluid h3 {color:#6491c0}
h4 {font-family: 'texgyreherosbold'; color:#004a80; font-size:.875em}
h5 {font-family: 'texgyreheroscnbold'; color:#fedc00; font-size:1em; margin: 8px 0}

input {font-family: 'texgyreheroscnregular';}
	input.submit {font-family:"texgyreheroscnbold", "texgyreheroscnregular"; font-size:1.1875em; background:url(images/quicklink.png) right center no-repeat; padding-right:65px !important; height:54px; border: none; color:#fff; transition:all 1s; color:#bfd2e5}
select {font-family: 'texgyreheroscnregular';}
label {font-family: 'texgyreheroscnbold'; font-weight: normal; font-size:1.1875em}

/*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: 9999;
				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:.875em; color: #6491c0}
			#nav ul li ul li a:hover {color:#004a80}
			
			#nav ul li a {
				font-family: 'texgyreherosbold';
				color:#fff;
				font-size:1em;
				padding-bottom:20px
			} #nav ul li a:hover {color:#fedc00}
				
			
				#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:15px 0;
			position:relative
		}	div#mobilenav ul li:first-child {margin-top:30px}
			div#mobilenav ul li a {
				color:#fff;
				font-size:1.75em;
				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:1em; padding-left:15px}

/*Footer Navigation*/
#footernav ul {
	list-style:none;
	margin:0;
	padding:5px 0 0 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:.8125em}

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

	/*Social Media Icons*/
	div.social h5 {float:left; font-size:1.5em; margin-top:0; padding-top:10px; width:158px}
	.col-xs-6.social {position: relative; top: 7px; float: right}
	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:1.3125em;
		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:40vh; background-size: cover !important}
.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:400px; }
.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:3.125em; 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: 0 10px;
	  font-weight: bold;
	  line-height:42px;
	  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;
  }
.select-wrapper select option {padding:5px; font-size:.9375em;}
::-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:1.1875em; 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: 35px; margin-bottom: 10px; 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:1.125em; 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-radius: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding-right: 75px;
	border: none;
	font-size:1.5em;
	font-family: "texgyreherosbold";
	border-bottom: 1px solid #779fc8;
	clear:both
}

.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}
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:.9375em; 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:.9375em; float: right; margin-right: 15px; position: relative}
div.form-wrap button i {font-size:1.5em;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:1.5em; 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: #fff none repeat scroll 0 0 !important;border: medium none !important;border-radius: 0 !important;display: inline-block !important;width: 100% !important}
.ui-widget-content a.form-add {font-size:.9375em; font-family: "texgyreherosbold"; float: right; margin-bottom:-10px; text-decoration: none !important; color:#6491c0}
.ui-widget-content a.form-add i {margin-left: 15px; float: right;font-size:1.25em;padding-right: 10px;position: relative;top: -10px; 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.single-form li ul li {width: 100%; margin-top:15px}

.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}
div.form-wrap div .gd-form > form .row:nth-child(even) .col-xs-6 {background:#f2f2f2; margin-bottom:20px; width: 48%; padding: 15px;}
div.form-wrap div .gd-form > form .row:nth-child(even) .col-xs-6 span {float: left; font-family: "texgyreheroscnbold"; font-size:1em; font-weight: normal;}
div.form-wrap div .gd-form > form .row:nth-child(even) .col-xs-6:last-child {margin-left:3%}
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:1em; 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:1em;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}

span.accor-divide {height: 95%; 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 {position: absolute;right: 15px;top: 30px}
.gd-form span.select-wrapper {position: relative}
.gd-form span.select-wrapper select {left: 0; width: 100%}
.listbox-available {clear: left}
.DualListBoxWrapper {clear: left}
#dualListBox_Services > span {float: left}
.form-address textarea {min-height: 90px}
.spanToggle {clear: both}
.fa.fa-toggle-right, .fa.fa-toggle-left {font-size:1.5625em; 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:1.4375em;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:1.125em !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:1.125em !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}

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

/*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%}
.content .main-content .row-full a.featured-content-link {margin-top:0;}
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: 1024px) {
	/* Content */
	div.content-nav {display: none}
	div.main-content {width: 100%; margin-bottom:110px; padding:0 20px;}
/*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:1.375em; 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}
	#nav ul {display: none} /*Hide main navigation*/
	#nav-toggle {display:block; z-index:1001} /*Show button to open mobile navigation*/
	div#mobilenav ul li ul {display: block}
	#quick-help-links .container-fluid .fall:first-child {width:100%; border-right:none;}
	div#quick-help-links div p {margin-bottom:5px;}
	#quick-help-links .container-fluid .fall {width:33.3%; padding:0;}
	div#library-filter h5 {padding:10px 10px 0 0;}
	.article-content .container-fluid {padding:0 3%;}
	div.article-content {margin:0;}
	div#bottom-resource-links h2.featured-title {font-size:1.3125em;}
	#bottom-resource-links a.featured-content-link, #bottom-resource-links a.featured-download {padding-top:80%;}
	.popupVideo i {left:40%;
}

@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:1em; 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:0px; width: 100%}
}

@media (max-width:768px) {
	
	div.newsarticle, div.article-image, div.article-overview {width:100%; clear:left; margin-bottom:15px; overflow: hidden}
	
	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%}
	div#footernav {width: 100%}
		div#footernav ul li {float: left; width: auto; padding-left:0}
		
	div.article-overview h1 {font-size:1.875em; line-height: unset}
	/*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:.875em}*/
	.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}

	/* Content */
	div.content-nav {display: none}
	div.main-content {width:100%}
	div.main-content {margin-bottom:50px;}
	div#bottom-resource-links .col-xs-4 { width:50%;}

	.popupVideo{width:100%;margin-left:0; left:0;}
	.slide{background-position: 70% 100%!important}

}

@media (max-width:560px) {
	.col-xs-6, .col-xs-4 , .col-xs-2{width:100%} /*Bootstrap collapse*/
	a.social {max-width:33.3%; margin-right:0}
	div#footernav {margin-top: 20px}
	/* News template */
	div.top-filter input.btn.primary[type="submit"] {}
		div.main-content {padding-bottom:50px;}
	
}

@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: 40vh}
	div.banner-caption {width: 100%}

		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:1.625em}
		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 !important}
.mobile-only {display: block !important}
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:.875em}
	#footernav ul li a, #footernav p {font-size:.6875em}
	div.share-page p {font-size:1.1875em}
	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}
}

@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 */