/* BBSRC Core style sheet for MURA */
/* Created by Ross Pinnuck June 2014 */
 
/* IE8 bug fix http://getbootstrap.com/getting-started/#support-ie10-width */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* Heading resizing based on screen sizes */
/* Default to small and scale up */
h1 {font-size: 1.5em;color:#a20054;}
h2 {font-size: 1.4em;color:#a20054;}
h3 {font-size: 1.3em;color:#a20054;}
h4 {font-size: 1.2em;color:#a20054;}
h5 {font-size: 1.1em;color:#a20054;}
p {font-size: 1em;line-height:1.5em;}

#navHomeButton.nav img {
	margin-top:-6px;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px; ) {
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1.1em;}
	p {font-size: 1em;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1.1em;}
	p {font-size: 1em;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1.1em;}
	p {font-size: 1em;}
	#navPrimaryTop.nav li a, #navHomeButton.nav li a {
		padding:6px 7px;
		font-size:1em;
	}
	#navPrimaryTop.nav, #navHomeButton.nav {
		min-height:0px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1.1em;}
	p {font-size: 1em;}
	
	#navPrimaryTop.nav li a, #navHomeButton.nav li a {
		padding:10px 15px;
		font-size:1.2em;
	}
	
	.noSideBar .col-md-6{
		width:33.33%
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.25em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.15em;}
	h6 {font-size: 1.1em;}
	p {font-size: 1em;}
	
	#navHomeButton.nav li a {
		padding: 10px 15px;
		font-size: 1.3em;
	}

	#navPrimaryTop.nav li a {
		font-size: 1.3em;
		padding: 10px 26px;
	}
/*
	#navPrimaryTop.nav li a, #navHomeButton.nav li a {
		padding:8px 12px;
		font-size:1.6em;
	}
*/
	.noSideBar .col-lg-6{
		width:33.33%
	}

}

/* Basic core styles */
html {
	height: 100%;
	margin-bottom: 1px; /* making sure a scroll bar always appears so iframe content that is generated can be scrolled */
	overflow-y: scroll;
	overflow-x: hidden;
}	
	
body{
    min-width:360px;
	color:#333;
	font-size:130%;
	margin:0 auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Arial', sans-serif;
	line-height:normal;
}

/*
Reduce central column width due to formatting issues on current site -commented out for now.
.container{
	max-width:1119px;
}
*/

.content h1 {
    margin-bottom: 0.5em;
    margin-top: 0.3em;
}

.content p {
	margin: 13px 0;
}

p.intro {
    color: #a20054;
    font-weight: bold;
}

.pinkGradient p.intro {
    color: #fff;
}

blockquote {
	background: #eee;
	border: 1px solid #888;
	margin: 15px 0;
	padding: 10px 15px;
	overflow:auto;
}

blockquote p {
	font-size:1em;
	line-height: 1.5em;
}

blockquote h2 {
	margin-top:0;
}

a{
	color:#a20054;
}

.content a {
	text-decoration:underline;
}

.content a:focus, .content a:hover {
    color: #fff;
	background-color: #555;
}

.content .imgBox a:focus, .content .imgBox a:hover {
	background-color:rgba(0,0,0,0);
	text-decoration:underline;
}

.content .imgBox  a:focus img, .content .imgBox a:hover img, .content .linkListItem a:focus img, .content .linkListItem a:hover img {
	outline: 1px solid #a20054;
}


/* make all images responsive images, relative position is to prevent wobble bug on ie */
img {
	height: auto;
	/*max-width: 100%;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

hr {
	border-top:1px solid #ccc;
}

section, aside {
	margin-bottom:10px;
}

/* figure styling mostly hacked across from old BBSRC stylesheeets to render content images*/
figure {
	display:table;
	position:relative;
	border:solid 1px #999;
}

figcaption {
	background: #4C4C4C;
    color: #FFF;
	padding: 0.5em;
	display:table-caption;
	clear:both;
	caption-side:bottom;
	line-height:1.2em;
	font-size: 0.9em;
}

figcaption a {
	color:#fff;
	text-decoration: underline;
}

.content figcaption a:hover, .content figcaption a:focus{
background:#FFF;
color:#4C4C4C;
}

figcaption a img.BBSRCExternalLink {
    display: none!important;
}

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

	figure.left, .bodyImageLeftCaption2blue, figure.right,.bodyImageRightCaption1, .bodyImageRightCaption2, .bodyImageLeftCaption1, .bodyImageLeftCaption2, .bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink, figure.left.plain, figure.right.plain, .bodyImageRightCaption2blue, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink {
		max-width:50% !important;
	}

}

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

	figure.left, .bodyImageLeftCaption2blue, figure.right,.bodyImageRightCaption1, .bodyImageRightCaption2, .bodyImageLeftCaption1, .bodyImageLeftCaption2, .bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink, figure.left.plain, figure.right.plain, .bodyImageRightCaption2blue, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink {
		width:100% !important;
	}

}
	
figure.left, .bodyImageLeftCaption1, .bodyImageLeftCaption2, .bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink {
	width: auto;
	float: left;
	margin: 0.5em 1.5em 1em 0px;
	position:relative;
}

figure.right, .bodyImageRightCaption2blue, .bodyImageRightCaption1, .bodyImageRightCaption2, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink {
	width: auto;
	float: right;
	margin: 0.5em 0px 0.5em 1.5em;
	position:relative;
}
	
.bodyImageRightCaption2blue, .bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink, .bodyImageRightCaption2blue, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink{
	display:table;
}

.bodyImageRightCaption2blue p, .bodyImageLeftCaption2blue p, .bodyImageLeftCaption3blue p, .bodyImageLeftCaption3pink p, .bodyImageRightCaption2blue p, .bodyImageRightCaption3blue p, .bodyImageRightCaption3pink p {
	display:table-caption;
	caption-side:bottom;
    padding: 10px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    color: #FFF;
    z-index: 1;
	line-height:1.25;
}

figure.left.plain, figure.right.plain {
    border: none;
}

figure.data {
	border: 1px solid #888;
	background: #eee;
	position: relative;
	width: 46%;
}
	
figure.data h1, figure.data h2, figure.data h3, figure.data h4 {
	background: #444;
	color: #fff;
	margin: 0px;
	padding: 0.5em;
	font-size: 1.35em;
}

figure.data p {
	border-bottom: 1px solid #ccc;
	margin: 0px;
	padding: 0.75em;
}

figure.data table {
	width: 100%;
	margin: auto;
	border-spacing: 0px;
}

figure.data th, figure.data td {
	font-size: 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 0.75em;
	vertical-align: top;
}

figure.data th {
	color: #a20054;
	background: #eee;
	border-right: 1px solid #a20054;
}

.tableHead {
	margin-bottom: -0.6em;
}

.content table thead th {
    font-size: 1.1em;
	color: #fff;
}

.content table td {
    font-size: 0.95em;
}

.content table.ftable tbody th {
    color: #a20054;
    font-size: 1.05em;
}

@media(max-width:480px) {
	.content table.dynamic {
		font-size: 1em;
	}
}

/* old template body image markup */

.bodyImageRightCaption2blue p, .bodyImageLeftCaption2blue p, .bodyImageLeftCaption3blue p, .bodyImageLeftCaption3pink p, .bodyImageRightCaption2blue p, .bodyImageRightCaption3blue p, .bodyImageRightCaption3pink p {
	margin-top: 0;
	font-size: 0.85em;
	font-weight: 600;
	padding: 0.65em;
}

.bodyImageRightCaption2blue, .bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink, .bodyImageRightCaption2blue, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink {
	border: 1px solid #999;
}

.bodyImageRightCaption2blue, .bodyImageRightCaption3blue, .bodyImageRightCaption3pink {
	margin: 0.5em 0 0.5em 1.5em;
}

.bodyImageLeftCaption2blue, .bodyImageLeftCaption3blue, .bodyImageLeftCaption3pink {
	margin: 0.5em 1.5em 1em 0;
}


/* pagination in strategic plan and news items*/
.content .pagination{
	display:block;
	clear:both;
	height:100px;
	overflow:hidden;
	padding: 10px 0;
}

.content .pagination li {
	padding: 0px;
	background: none;
	list-style:none;
}

.content .pagination ul{
	margin:0;
	padding:0;
}

.content .pagination a {
	display: block;
	width: 50%;
	text-decoration: none;
}

.content .pagination .prev {
	float: left;
	padding-left: 45px;
	padding-right:10px;
	background: url('../../../../../assets/Image/icons/i-left.png') left 0.5em no-repeat;
}

.content .pagination .next {
	float: right;
	text-align: right;
	padding-right: 45px;
	padding-left:10px;
	background: url('../../../../../assets/Image/icons/i-right.png') right 0.5em no-repeat;
}
	
/* list item styling */
.content ul, .content blockquote ul {
    margin-bottom: 15px;
    margin-top: 15px;
	padding-left: 0;
}

.content ol li, .content ul li {
	line-height: 1.5em;
}

.content ul.plain, .content ul.audiovideohelp{
	padding:0;
	margin:0;
}


.content ul li, .svRelContent article.listing p {
	list-style:none;
	font-weight: normal;		
	background: url('../../../../../assets/Image/icons/li-rarr-orange.png') no-repeat 0px 5px;
	padding: 3px 0 3px 25px;
	margin-left: 5px;
	margin-bottom:0;
	word-wrap: break-word;
}

#ImageGallery ul li{
	background:none;
}

/* related content styling */

.svRelContent article.listing {
	border-top: 1px solid #ccc;
}
		
.svRelContent article.listing a:hover, .svRelContent article.listing a:hover .fileinfo{
	background-color: #555 !important;
	color: #FFF;
	text-decoration:none;		
}

.svRelContent {
	border: solid #888 1px;
}

.svRelContent h2{
	background-color: #555;
	color:#fff;
	font-size: 1.3em;
	padding: 5px;
	margin: 0;
}

.svRelContent ul.meta{
	display:none;
}

span.fileinfo{
	font-size:0.9em;
}

.svRelContent article.listing p {
	background-position: 0 6px;
	margin-top: 0;
	padding: 3px 0.5em 3px 25px;
	line-height: 1.3em;
}

article.listing.doc p, article.listing.docx p {
	background: url('../../../../../assets/Image/icons/i-docx-small.png') 5px no-repeat;
}

article.listing.xls p, article.listing.xlsx  p {
	background: url('../../../../../assets/Image/icons/i-xlsx-small.png') 5px no-repeat;
}
		
article.listing.pdf p, article.listing.pdfa p {
	background: url('../../../../../assets/Image/icons/i-pdf-small.png') 5px no-repeat;
}
		
article.listing.ppt p, article.listing.pptx  p {
	background: url('../../../../../assets/Image/icons/i-pptx-small.png') 5px no-repeat;
}

.svRelContent a[href^="http:"]:after,.svRelContent a[href^="https:"]:after, a[href^="http://goo"]:after, a[href^="https://goo"]:after, .file-lg.ExternalLink .file-title:after, .ExternalLink:after{
	content: '';
	padding:10px;
	background:url('../../../../../assets/Image/icons/i-external.png') no-repeat 5px 10px;
}

.BBSRCExternalLink {display:none;}

.content .mura-index, section .mura-index{
	padding-top:0;
}

/* in page content videos */

figure.video {
	width:100%;
	padding: 1.5em;
	position: relative;
	border: 1px solid #CCC;
}

figure.video .ytplayerbuttons a {
	text-decoration: none;
}

figure.video h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0;
}

figure.video h3.semantic, figure.video h3.vidTitle {
    display: none;
}

figure.video .ytpvideo p, figure.video .ytplayerbuttons, figure.video .ytplayerbox h4 {
    display: block;
}

@media(max-width:480px) {

	figure.video .ytpvideo p, figure.video .ytplayerbuttons, figure.video .ytplayerbox h3, figure.video .ytplayerbox h4 {
		display: none;
	}

	figure.video .audiovideohelp {
		margin-top:20px !important;
	}
}

figure.video .videoVolume a {
	width: 35%;
}

.vimeovideo {
    padding-bottom: 10px;
}

/* make youtube player full width */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* In page document classes*/
.file-lg {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	clear:both;
	min-height:80px;
	display:block;
	padding-left: 80px;
	padding-right:10px;
}

.content li .file-lg{
	font-size:1.1em;
	background:none !important;
	border:0;
	margin:0;
	padding:0;
	min-height:0;
}

.content li .file-lg p{
	display:none;
}

/* set default images for file links */
.file-lg{background: url('../../../../../assets/Image/icons/i-xxx.png') left 0px no-repeat;}
.file-lg.file-lg-www{background: url('../../../../../assets/Image/icons/i-www.png') left 0px no-repeat;}
.file-lg.file-lg-pdf{background: url('../../../../../assets/Image/icons/i-pdf.png') left 0px no-repeat;}
.file-lg.file-lg-pdfa{background: url('../../../../../assets/Image/icons/i-pdf.png') left 0px no-repeat;}
.file-lg.file-lg-xls{background: url('../../../../../assets/Image/icons/i-xls.png') left 0px no-repeat;}
.file-lg.file-lg-xlsx{background: url('../../../../../assets/Image/icons/i-xls.png') left 0px no-repeat;}
.file-lg.file-lg-csv{background: url('../../../../../assets/Image/icons/i-xls.png') left 0px no-repeat;}
.file-lg.file-lg-doc{background: url('../../../../../assets/Image/icons/i-doc.png') left 0px no-repeat;}
.file-lg.file-lg-docx{background: url('../../../../../assets/Image/icons/i-doc.png') left 0px no-repeat;}
.file-lg.file-lg-ppt{background: url('../../../../../assets/Image/icons/i-ppt.png') left 0px no-repeat;}
.file-lg.file-lg-pptx{background: url('../../../../../assets/Image/icons/i-pptx.png') left 0px no-repeat;}

h2 .file-lg, h3 .file-lg, .file-lg .file-title{
	font-size:inherit;
}

.file-lg .file-title{
	font-weight:bold;
	text-decoration:none;
}

.file-lg a{
	text-decoration:none;
}

h2 .file-lg p, h3 .file-lg p  {
	font-size:0.8em;
}

h2 .file-lg p a, h3 .file-lg p  a{
	text-decoration:underline;
}

.file-lg.ExternalLink:after{
	background:none;
}

			
/* News filter listings */
.yearNav .archive {
    display: inline-block;
    margin: 19px 5px 0 0;
    background: #555;
    text-align: center;
    color: #FFF;
    width: 100px;
    padding: 6px 0;
	float:left;
}

.yearNav a{
	text-decoration:none;
}

.yearNav a:hover, .yearNav a:focus{
	background:#a20054 !important;
}
.yearNav ul{
	padding-left:0;
	margin:0;
}

.yearNav ul li{
	margin:0;
	line-height: 1.2em;
}

.yearNav>ul>li {
    border-left: 1px solid #666;
    color: #666;
	list-style-type:none;
	display:inline-block;
	padding-left:5px;
	background:none;
}

.yearNav ul ul  {
    margin:4px 0 2px 0;
}

.yearNav ul ul li {
	text-align:center;
    color: #FFF;
	text-transform: uppercase;
    text-align: center;
	list-style-type:none;
	display:inline-block;
	background:none;
}
	
.yearNav ul ul li a {
	color: #FFF;
	background: #A20054;
	padding: 6px;
}

.yearNav ul ul li {
	margin-bottom: 0;
	padding-left: 0!important;
}
		
/* Table styling - note dynamic-table css stored in separate asset folder due to ie8 compatibility */
.tableHead, .content.grantsResults .resultsLabelPanel {
	color: #fff;
	font-size: 1.35em;
	padding: 0.4em 0.6em;
	background: rgb(17,66,144); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(17,66,144,1) 0%, rgba(14,55,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,66,144,1)), color-stop(100%,rgba(14,55,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(17,66,144,1) 0%,rgba(14,55,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(17,66,144,1) 0%,rgba(14,55,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(17,66,144,1) 0%,rgba(14,55,119,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(17,66,144,1) 0%,rgba(14,55,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114290', endColorstr='#0e3777',GradientType=0 ); /* IE6-9 */
}

.content table{
	border-spacing: 1px;
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
	max-width: 100%;
}
	
.content table thead th {
	/*color: rgba(255,255,255,0.9);*/
	color: #fff;
	border-left: 1px solid #fff;
	background: rgb(204,0,103); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(204,0,103,1) 0%, rgba(168,0,84,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,103,1)), color-stop(100%,rgba(168,0,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(204,0,103,1) 0%,rgba(168,0,84,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(204,0,103,1) 0%,rgba(168,0,84,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(204,0,103,1) 0%,rgba(168,0,84,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(204,0,103,1) 0%,rgba(168,0,84,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a20054', endColorstr='#a20054',GradientType=0 ); /* IE6-9 */
}
	
.content table th {
	padding: 0.5em; /* top was 1.25em */
	font-weight: normal;
	background: #EEE;
}

.content table td {
	font-size: 0.75em;
	padding: 0.75em;
	background: #eee;
	border: 1px solid #fff;
}
	
.content table td:nth-child(odd) {
	background: #ddd;
}

.content table .AjaxCalendar td {
	padding: 0px;
}

.content  table td.hasChild {
	padding: 0;
	background: none;
}

.content table dl:after {
	content: '';
	display: table;
	clear: both;
}

.content table dt, table dd {
	width: 50%;
	height: 100%;
	border: 1px solid #fff;
	border-bottom: 0px;
	box-sizing: border-box; /* because we've got some em padding to match td styling, would be difficult to set as percentage */
}

.content table.inlineRows tr {
	display: table-cell;
}

.content table.inlineRows tr td {
	width: 50%;
}

/* Header */

/* hide and show skip to content link */
#skipToContent {
	left: -9999px;
	position: absolute;
}

#skipToContent:focus {
    background: #555 !important;
    border-radius: 5px !important;
    color: #fff !important;
    float: left;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    padding: 0.8em !important;
	left: 7.5em;
}

#logo .keynote {
    position: absolute;
    left: 300px;
    color: #349;
    line-height: 1.2em;
    bottom: 46px;
    font-size: 1.5em;
    font-weight: bold;
    right: 50px;
}
	
#logo img{
	padding: 0px;
	margin: 30px 0px 30px;
    min-width:80px;
	vertical-align:middle;
}
#tools {
    border-radius: 0 0 10px 10px;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 10px;
	text-align: right;
}

#tools li {
    display: inline;
    font-size: 0.9em;
    padding: 0 4px;
}

#tools li a {
	text-decoration: underline;
}

#searchForm {
	margin:5px 0 0 0;
	padding:0;
}

#tools input[type="text"]:focus, #tools input[type="text"]:hover {
    border: 1px solid #999;
}

#tools button[type="submit"]:focus; #tools button[type="submit"]:hover {
	background: #555;
	color: #fff;
}

.static-header {
    background: url('../../../../../assets/Image/bg-header.png') repeat bottom;
}

.static-header .container {
    background:url('../../../../../assets/Image/bg-header-cogs.png') no-repeat 60% bottom;
}

/* Top navigation */
.navbar{
    background: none;
    filter: none;
    box-shadow:none;
	min-height:10px;
}

.navbar-collapse {
    max-height: none;
    min-height:100px;
    padding-bottom: 20px;
}

.navbar-collapse ul.nav li {
    margin:2px 0;
}

#navPrimary a:focus, #navPrimary a:hover, #navHomeButton a:hover, #navHomeButton a:focus, #navPrimaryTop a:hover, #navPrimaryTop a:focus {
	text-decoration: underline;
}

/* used in Head, mobile and left hand navigation */
.pinkGradient{
	background: #A20054 !important;
}

.blueGradient, #navPrimaryTop a, #navHomeButton a, .main.nav.nav-list a.more, .main.nav.nav-list a.open.more{
    background: #0D2F69 !important;
    background: -moz-linear-gradient(top, #1449A1 0%, #0D2F69 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1449A1), color-stop(1, #0D2F69))!important;
    background: -webkit-linear-gradient(top, #1449A1 0%, #0D2F69 100%);
    background: -o-linear-gradient(top, #1449A1 0%, #0D2F69 100%) !important;
    background: -ms-linear-gradient(top, #1449A1 0%, #0D2F69 100%)!important;
    background: linear-gradient(to bottom, #1449A1 0%, #0D2F69 100%);
    color: #fff;
	
}

.orangeGradient{
    background: #FEB201;
    background: -moz-linear-gradient(top, #FE8801 0%, #FEB201 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FE8801), color-stop(1, #FEB201))!important;
    background: -webkit-linear-gradient(top, #FE8801 0%, #FEB201 100%);
    background: -o-linear-gradient(top, #FE8801 0%, #FEB201 100%) !important;
    background: -ms-linear-gradient(top, #FE8801 0%, #FEB201 100%)!important;
    background: linear-gradient(to bottom, #FE8801 0%, #FEB201 100%);
    color: #fff;
}

.main.nav.nav-list a:focus, .main.nav.nav-list a:hover, #navHomeButton a:hover,  #navHomeButton a:focus,  #navHomeButton a.open,.main.nav.nav-list  a.open,.main.nav.nav-list  li.open.more.active>a, #navPrimaryTop a:hover, #navPrimaryTop a:focus, #navPrimaryTop a.open {
    background: none !important;
    filter:none !important;
    background: #A20054 !important;
    cursor: pointer;
	color:#FFF;
}

/* used in more news sections and related links */
.greyGradient, .svRelContent, #ImageGallery, figure.video, .content ul.articlesListText li
{
    background: rgb(245,246,246);
    background: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top, #eee 0%,#ddd 100%);
    background: -o-linear-gradient(top, #eee 0%,#ddd 100%);
    background: -ms-linear-gradient(top, #eee 0%,#ddd 100%);
    background: linear-gradient(top, #eee 0%,#ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DDDDDD',GradientType=0 );
}

/* used in footer */
.darkGreyGradient
{
    background: #777;
    background: -moz-linear-gradient(top, #777 0%, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777), color-stop(100%,#666));
    background: -webkit-linear-gradient(top, #777 0%,#666 100%);
    background: -o-linear-gradient(top, #777 0%,#666 100%);
    background: -ms-linear-gradient(top, #777 0%,#666 100%);
    background: linear-gradient(top, #777 0%,#666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#666666',GradientType=0 );
}

#navHomeButton li  a{
    border-radius:5px;
	/*behavior: url('../../../../../includes/themes/BBSRC/assets/pie/PIE.htc');	*/
}


#navHomeButton {
margin-right:2px;
}

.sysHome #navHomeButton a {
	background: #a20054!important;
}

#navPrimary, #mobNavPrimary { 
   border: 6px solid #DDD;
   	border-radius: 4px;
	background: #eee;
}

/* Left nav */

.nav li a:hover, .nav li a:focus{
	background-color:#555;
}

ul#navPrimary.main.nav.nav-list{
	margin-bottom:20px;
}

.main.nav.nav-list .deepest a.more {
	background: #a20054!important;
}

.main.nav.nav-list ul {
	padding-left:6px;
}

.main.nav.nav-list li {
	color:#000;
	border-bottom:1px solid #DDD;
}
.main.nav.nav-list li a{
	padding: 9px 10px 8px 38px;
	line-height: 1.5em;
	font-size: 1.1em;
}

.main.nav.nav-list li a.more {
	border-radius: 4px;
	margin-bottom: 1px
}

.main.nav.nav-list i.toggle{
	font-size:1.6em;
	position:absolute;
	top:7px;
	left:8px;
}
 
.main.nav.nav-list  a:hover, .main.nav.nav-list  a.open, .main.nav.nav-list  a:focus {
	color:#FFF;
	border-radius:4px 0 0 4px !important;
}

.main.nav.nav-list  a.more.open:hover, .main.nav.nav-list  a.more.open:focus {
background:#A20054 !important;
color:#FFF;
}
 
 .main.nav.nav-list .navLeftBorder, .main.nav.nav-list .deepest {
 border-left:1px solid #999;
 border-bottom:1px solid #999 !important;
 margin-left:-1px;
 border-radius:4px;
}

.main.nav.nav-list li.last, .main.nav.nav-list li.open.more {
border-bottom:none;
}
 .main.nav.nav-list a.open.more:after {
	display:none;
 }

 .main.nav.nav-list a.open:after, .main.nav.nav-list li.active:after {
    content: "";
    float:right;
    position:absolute;
    right:-18px;
	top:8px;
	border-top: transparent solid 11px ;
    border-right: transparent solid 0 ;
    border-bottom:transparent solid 11px ;
    border-left:#A20054 solid 12px ;
    z-index: 20;
 }
 
 #navPrimaryTop #navAboutThisSite{
	display:none;
 }
 
/* Breadcrumb */

.mura-breadcrumb li {
    display: inline;
}

ul.breadcrumb li{
	line-height: 1.2em;
}
 
ul.breadcrumb li {
	background:none !important;
}

ul.breadcrumb {
    padding: 8px 0;
	color: #444;
	margin:0;
	background:none;
}

ul.breadcrumb li {
	padding-left: 0;
}

ul.breadcrumb li a {
	color:#333;
	text-decoration: none;
}

ul.breadcrumb li.last a {
	pointer-events: none;
	cursor: default;
}

ul.breadcrumb > li + li:before {
    content: ">";
}

/* Share this overrides plugin styling */

.shareThis p.share {
    color: #a20054;
    font-size: 1.1em;
}

.shareThis p {
    margin-top: 5px!important;
}

/* Sitemap list structure */

#svSiteMap .nav>li>a {
position: relative;
display: inline;
padding: 0;
}

ul#svSiteMap{
margin-left:0;
padding-left:0;
}



/* Homepage */
/* Carousel */

@media(max-width:780px) {
	.carousel-caption h3 a {
		font-size: 1.1em;
	}
}

/*--------*/

.carouselComponent{
	margin-bottom:30px;
}


.carouselComponent .item {
	max-width:100%;
	height:auto;
}

.carouselComponent .item img{
	width:100%;
	height:auto;
}

.carouselComponent .carousel-caption {
    bottom:0;
    left:0;
    right:0;
    z-index: 10;
    padding:0 40px 10px 10px;
    margin:0;
    background-color: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    text-align: left;
}

.carouselComponent .carousel-caption h3 {
	padding-right: 90px;
}

.carouselComponent .carousel-caption h3 a {
	color: #fff;
	font-size: 1.75em;
	text-decoration: none;
	font-weight: normal!important;
	line-height: 1.25em;
}

.carouselComponent .carousel-inner:hover .carousel-caption h3 a, .carouselComponent .carousel-inner:focus .carousel-caption h3 a {
	text-decoration: underline;
}

.carouselComponent .carousel-inner .carousel-caption h3 a:hover, .carouselComponent .carousel-inner .carousel-caption h3 a:focus {
	background: none;
}

.carouselComponent .carousel-indicators {
    margin:0;
    bottom:3%;
    left:96%;
	width:auto;
}

.carouselComponent .carousel-indicators li, .carouselComponent .carousel-indicators li.active {
	margin: 5px 0 0 0!important;
	width: 10px!important;
	height: 10px!important;
}

.carouselComponent .carousel-indicators li:hover, .carouselComponent .carousel-indicators li:focus, .carouselComponent .carousel-indicators li.active {
    background: #f69400 !important;
}

.carouselComponent .playpause {
	position:absolute;
	bottom:10px;
	right:50px;
	z-index:50;
}

.carouselComponent .playpause a:hover img {
	outline: none;
}

.carouselComponent .playpause > a img {
	margin-right: 2px;
}

.carouselComponent .carousel-indicators li {
    display:list-item;
	width:12px;
	height:12px;
	margin:1px;
	background:#fff;
}

.carouselComponent .carousel-indicators li.active {
	width:12px;
	height:12px;
	margin:1px;
	background-color: #eee;
	border-color: #eee;
}
.carouselComponent .carousel-control.left i {
    font-size:2em;
    position:absolute;
    top:50%;
    left:20px;
}

.carouselComponent .carousel-control.right i {
    font-size:2em;
    position:absolute;
    top:50%;
    right:20px;
}

#homepage .homeStory2 .caption, #homepage .homeStory3 .caption{
font-size:0.9em;
padding:5px;
}

#homepage .imgBox .linkTitle {
	font-weight:normal;
}

#homepage .homeStory2{
	padding-right:7.5px
}

#homepage .homeStory3{
	padding-left:7.5px
}

#homepage .homeStories .caption p{
	line-height:1.1em;
}

#homepage .homeStories .linkTitle{
	line-height: 1em;
}

#homepage .homeStory1 .imgBox .linkTitle, #homepageImpact .imgBox .linkTitle {
	font-size: 1.2em;
	line-height: 1.5em;
}

#homepage .video-cell{
	float:none;
	display:table-cell;
}

#homepage .video-cell h2{
	position:absolute;
	font-size:1.3em;
	top:-40px;
	left:15px;
	padding:10px;
	z-index:100;
	color:#fff;
	background:#a20054;
}

#homepage .video .accessibleLink a{	
	display:block;
	padding:10px;
	border:1px solid #000;
	color:#fff;
	font-weight:600;
}

#homepage .video {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin-bottom:13px;
	margin-right:15px;
	background:#000;
}
	
#homepage .video iframe{	
	height:90%;
	width:100%;
	min-height:348px;
	border:1px solid #000;
}

/* force video below on xs displays */
@media only screen and (max-width : 767px) {
	#homepage .video-cell, #homepage .video-table{
	display:block !important;
	}
	
	#homepage .video {
	clear:both;
	position:relative;
	width:100%;
	margin-top:20px;
	}
	
	#homepage .video iframe{
	height:263px;
	background:#000;
	border:none;
	}
	
	#homepage .video-cell h2{
	margin-left:0 !important;
	margin-top:20px;
	}
}

#homepageImpact .imgBox:hover a, #homepageImpact .imgBox:focus a,
.homeStories .imgBox:hover a.linkTitle, .homeStories .imgBox:focus a.linkTitle {
	text-decoration: underline!important;
}

#homepageImpact {
	margin-left: -15px;
}

@media(max-width:780px) {
	#homepageImpact {
		margin-left: 0px;
		clear: left;
	}
}
	
#homepage aside .cta {
    font-size: 1.3em;
    font-weight: 600;
    margin-top:0;
	margin-bottom: 4px;
	padding-left:5px;
    display: block;
	border-radius: 5px;
}

#homepage aside .responsiveMode .cta, #homepage aside .fundingCalls .cta {
	border-radius: 0px;
}

#homepage aside .cta a {
	color: #FFF;
	display:inline-block;
	padding:10px 1px;
	width:100%;
	font-size: 1em;
	font-weight: normal;
}

#homepage aside .cta a:hover, #homepage aside .cta a:focus {
	background: none;
}

#homepage aside .cta a .fa {
	margin-right: 5px;
}

#homepage aside .fundingCalls ul li.new {
	background: #eee;
	border-right: 1px solid #999;
}

#homepage aside .box ul li{
	list-style:none;
	padding: 0.5em;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	overflow:auto;
}

#homepage aside .responsiveMode.box ul li{
	padding-top:10px;
	padding-bottom:10px;
}

#homepage aside .box ul {
	margin:-4px -1px -1px;
	padding-left:0;
}
#homepage aside .box ul li .call {
	float:left;
	display:inline-block;
	font-size:1.1em;
	font-size: 0.9em;
}
#homepage aside .box ul li .deadline{
	clear:both;
	float:left;
}

#homepage aside .box ul li .importance{
	float:right;
	font-weight:bold;
}

#homepage aside .box ul li .deadline, #homepage aside .box ul li .importance {
	margin-top: 0.35em;
	display:inline-block;
	font-size:0.9em;
}

#homepage aside .box ul li .deadline:before{
	content:"Deadline: ";
	font-weight:bold;
}

#homepage aside .box ul li a:hover, #homepage aside .box ul li a:focus {
	color: #a20054!important;
}

#homepage aside .box ul li a:hover .call, #homepage aside .box ul li a:focus .call {
	text-decoration: underline!important;
}

/* Business Magazine */

#businessMag header.headline {
	padding: 1em 0em 2em 1.8em;
	margin-bottom:20px;
}

#businessMag .sectionTitle {
	position: absolute;
	display: inline;
	top: -0.35em;
	bottom: auto;
	right: auto;
	font-style: normal;
	font-size: 1.2em;
	padding: 0.5em;
}

#businessMag.pink header.headline, #businessMag.pink .about, #businessMag .sectionTitle.pink {
	background: rgb(204,0,102); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(204,0,102,1) 0%, rgba(169,0,83,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,102,1)), color-stop(100%,rgba(169,0,83,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(204,0,102,1) 0%,rgba(169,0,83,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(204,0,102,1) 0%,rgba(169,0,83,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(204,0,102,1) 0%,rgba(169,0,83,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(204,0,102,1) 0%,rgba(169,0,83,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0066', endColorstr='#a90053',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
	
#businessMag.green header.headline, #businessMag.green .about, #businessMag .sectionTitle.green {
	background: rgb(147,215,52); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(147,215,52,1) 0%, rgba(99,188,47,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,215,52,1)), color-stop(100%,rgba(99,188,47,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(147,215,52,1) 0%,rgba(99,188,47,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(147,215,52,1) 0%,rgba(99,188,47,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(147,215,52,1) 0%,rgba(99,188,47,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(147,215,52,1) 0%,rgba(99,188,47,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d734', endColorstr='#63bc2f',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

#businessMag.yellow header.headline,  #businessMag.yellow .about, #businessMag .sectionTitle.yellow {
	background: rgb(248,179,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(248,179,0,1) 0%, rgba(232,154,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,179,0,1)), color-stop(100%,rgba(232,154,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(248,179,0,1) 0%,rgba(232,154,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(248,179,0,1) 0%,rgba(232,154,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(248,179,0,1) 0%,rgba(232,154,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(248,179,0,1) 0%,rgba(232,154,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b300', endColorstr='#e89a00',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

#businessMag.red header.headline, #businessMag.red .about, #businessMag .sectionTitle.red {
	background: rgb(236,0,46); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(236,0,46,1) 0%, rgba(204,0,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,0,46,1)), color-stop(100%,rgba(204,0,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(236,0,46,1) 0%,rgba(204,0,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(236,0,46,1) 0%,rgba(204,0,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(236,0,46,1) 0%,rgba(204,0,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(236,0,46,1) 0%,rgba(204,0,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec002e', endColorstr='#cc000a',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

#businessMag.blue header.headline, #businessMag.blue .about, #businessMag .sectionTitle.blue {
	background: rgb(19,179,195); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(19,179,195,1) 0%, rgba(17,145,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,179,195,1)), color-stop(100%,rgba(17,145,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,179,195,1) 0%,rgba(17,145,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,179,195,1) 0%,rgba(17,145,170,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,179,195,1) 0%,rgba(17,145,170,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(19,179,195,1) 0%,rgba(17,145,170,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13b3c3', endColorstr='#1191aa',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
/* hiding time/about/contact sections allocated to the wrong area due to markup issues in migration of old content */
#businessMag time {
	display:none;
}

#businessMag .about {
	display:none;
}

#businessMag aside .contact {
	display:none;
}

#businessMag aside .about, #businessMag .display .about, .videoAboutContainer .about{
	display:block;
	padding:10px;
	margin-bottom:20px;
	color:#fff;
}

#businessMag aside .about a:hover, #businessMag aside .about a:focus{
	background: #555;
}

#businessMag .about a{
	color:#fff;
	text-decoration:underline;
}

#businessMag header.headline h1 {
	font-size: 8em;
	margin-top:0;
	margin-bottom: -0.15em;
	padding:0;
	color:#FFF;
	position: relative;
	font-weight:600;
}
	
#businessMag header.headline h1 b {
	position: absolute;
	top: 1em;
	left: 4.4em;
	font-size: 0.18em;
}

#businessMag header.headline>p {
	margin-left: 0.5em;
	font-size:1.1em;
}
	
@media only screen and (max-width : 768px) {
#businessMag header.headline h1 {
	font-size: 5em;
	margin-top:0;
	margin-bottom: -0.15em;
	padding:0;
	color:#FFF;
	position: relative;
	font-weight:600;
	margin-left:0;
}
	
#businessMag header.headline h1 b {
	position: absolute;
	top: 1em;
	left: 4.4em;
	font-size: 0.18em;
}

#businessMag header.headline>p {
	margin-left: 0.5em;
	font-size:0.8em;
	}
}
	
#businessMag header.headline .issue {
	position:relative;
	float:right;
	margin:-0.35em 0 0 0;
	padding: 0.35em 1em;
	display: block;
	color: #fff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-style: normal;
	font-size: 1.4em;
	text-align: center;
	background: rgba(0,0,0,0.5);
}

#BusinessMag .headline p {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.1em;
	color: rgba(255, 255, 255, 0.85);
}

#businessMag .imgBox a:hover, #businessMag .imgBox:hover a , #businessMag .imgBox a:focus, #businessMag .imgBox:focus a {
	background: none;
	text-decoration: underline;
}

#businessMag h2, .sysBbsrcBusinessMagazine h2, #businessMag .linkTitle {
	font-size: 1.5em;
}

#businessMag h3, .sysBbsrcBusinessMagazine h3 {
	font-size: 1.3em;
}

#businessMag .articlesListText h3 {
	margin-top:0;
}

#businessMag .articlesListText p  {
	margin-bottom:0;
}

/* hide empty elements imported in original body text */
#businessMag .articlesList  {
	display:none;
}

#businessMag ul.articlesListText{
	padding:0;
	margin:0;
}

#businessMag .articlesListText  li {
	margin-top: 2px;
	margin-left:0;
	padding: 10px;
	overflow:auto;
	border: solid 1px #BBB;
}

#businessMag .articlesList  li {
	display:inline-block;
	list-style-type:none;
	background:none;
	width:40%;
}

/* ImageGallery- based on Standard Bootstrap carousel */

#ImageGallery {
	padding:10px;
	border: 1px solid #ccc;
}

#ImageGallery .indicator-left , #ImageGallery .indicator-right{
	opacity: 0.5;
	cursor: pointer;
}

#ImageGallery .indicator-left:hover , #ImageGallery .indicator-right:hover{
	opacity: 1;
	cursor: pointer;
}

#ImageGallery .playpause {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:50;
}

#ImageGallery .carousel-indicators {
	position:relative;
	text-indent:0;
	bottom:0;
	left:0;
}

#ImageGallery .carousel-indicators li.active, #ImageGallery .carousel-indicators li:hover, #ImageGallery .carousel-indicators li:focus {
	width:100px;
	height:100px;
	opacity:1;
	border:#999 1px solid;
}

#ImageGallery .carousel-indicators li {
	background-color:#fff;
	opacity:0.5;
}

#ImageGallery .indicator-container {
	margin:5px auto;
	padding:0;
	overflow:hidden;
	width:98%;
}

#ImageGallery .indicator-container ul {
    margin:0; 
    padding:0;
    display:table;
	/* width controlled by number of thumbnails */
    list-style:none;
}

#ImageGallery .indicator-container li {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	height:100px;
	width:100px;
	border-radius:none;
	padding-left: 0;
}

#ImageGallery .indicator-container img {
	display:block;
	margin:0 auto;
}

#ImageGallery .carousel-inner .item{
	margin:0 auto;
}

#ImageGallery .carousel-inner .item img{
	/* removed line due to image not resizing */
	/*width:auto;*/
	border: 1px solid #999;
}

#ImageGallery .carousel-inner{
	margin:0 auto;
	padding-bottom:50px;
}

#ImageGallery .indicator-container li {
	border: 1px solid #999;
}

#ImageGallery .carousel-indicators li.active, #ImageGallery .carousel-indicators li:hover, #ImageGallery .carousel-indicators li:focus {	
	border: 1px solid #333;
}	

#ImageGallery .carousel-control {
	text-shadow: none;
}

#ImageGallery .imgBox a:hover img{
	outline:none;
}

#ImageGallery .navigate a {
	text-decoration: none;
}

/* code for fading image gallery transition 
#ImageGallery.fade {
  opacity: 1;
}


#ImageGallery.fade .item{
  -moz-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
  visibility:hidden;
}
#ImageGallery.fade .item:first-child {
  top:auto;
  position:relative;
}
#ImageGallery.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  -webkit-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
  z-index:2;
  visibility:visible;
}

#ImageGallery.fade .carousel-inner img {
  display:block;
  margin:0 auto;
  background-color:#FFF;
}

#ImageGallery.fade .carousel-inner {
  margin:10px auto 100px auto;
  overflow:visible;
}

*/

#ImageGallery .carousel-caption {
	color:inherit;
}

/*
#ImageGallery .navigate{
	position:relative;
	margin:auto;
	height:45px;
	background-color:#fff;
	border-radius:10px;
	border: #999 1px solid;
	width:80%;
}
*/

#ImageGallery .navigate{
	position:absolute;
	margin:auto;
	height:45px;
	bottom:0;
	left:0;
	right:0;
	background-color:#ccc;
}

#ImageGallery .counter{
	text-align:center;
	margin-top:15px;
}
 
#ImageGallery .carousel-control img{
	display:inline-block;
}
 
#ImageGallery .carousel-control{
	padding:2px;
	margin:auto;
	font-size:1em;
	padding-top:6px;
	width:150px;
}
 
#ImageGallery .carousel-control.left{
	background:none;
	filter:none;
	color:#000;
	float:left;
	text-align:left;
}
 
#ImageGallery .carousel-control.right{
	background:none;
	filter:none;
	color:#000;
	float:right;
	text-align:right;
}

/*** Forms ***/

.content form {
    background: #eef0f0;
    padding: 1em 2em 2em;
}

.content label {
    color: #333;
    font-size: 1em;
    font-weight: 600;
    margin: 1em 0 0.35em;
    position: relative;
}

.content .checkbox label {
	font-weight: normal;
}

.content input, .content textarea, .content label {
    display: block;
    width: 95%;
}

.checkbox label, .checkbox input {
	width: 25%;
	margin-top: 2px;
}

.form-group {
	margin-top: 10px;
}

.mura-form-checkbox p {
	font-weight: bold;
}

.content input[type="text"], #content input[type="search"], #content input[type="email"], #content textarea, select {
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 50%, rgba(236, 236, 236, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 1.05em;
    padding: 0.5em;
}

.content select.form-control, .content textarea.form-control {
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 50%, rgba(236, 236, 236, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.content .mura-form-checkbox.form-group.hideCheckboxHeader p{
	display:none;
}

.checkbox label {
	width:60%;
}

.content select {
    display: block;
    width: 66%;
}

.content input[type="submit"], .content input[type="button"] {
    font-size: 1.35em;
    font-weight: normal;
    padding: 0.5em 2.5%;
    width: 95%;
}

input[type="submit"], input[type="button"], .content #awardQueryBox .panelGroup a {
	background: rgb(254,178,1); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,178,1,1) 0%, rgba(254,136,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,178,1,1)), color-stop(100%,rgba(254,136,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,178,1,1) 0%,rgba(254,136,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,178,1,1) 0%,rgba(254,136,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,178,1,1) 0%,rgba(254,136,1,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(254,178,1,1) 0%,rgba(254,136,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb201', endColorstr='#fe8801',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 1px 0px 0px #fec541;
	-moz-box-shadow: inset 0px 1px 0px 0px #fec541;
	box-shadow: inset 0px 1px 0px 0px #fec541;
    border: 1px solid #fe9801;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 0.5em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.content input[type="text"]:focus, .content input[type="search"]:focus, .content input[type="email"]:focus, .content textarea:focus, .content table.MultiSelect:focus, .content input[type="text"]:hover, .content input[type="search"]:hover, .content input[type="email"]:hover, .content textarea:hover, .content table.MultiSelect:hover {
    border: 1px solid #a20054;
    outline: medium none;
}

.content select:focus, .content input[type="text"]:focus, .content select:hover, .content input[type="text"]:hover {
    border: 1px solid #a20054;
}

.content input[type="submit"]:focus, .content input[type="button"]:focus, .content input.searchButtonLookup[type="submit"]:focus, .content input.searchButtonLookup[type="button"]:focus, .content.grantsSearch input.searchButton:focus, .content.grantsResults input.reportButton:focus, .content input[type="submit"]:hover, .content input[type="button"]:hover, .content input.searchButtonLookup[type="submit"]:hover, .content input.searchButtonLookup[type="button"]:hover, .content.grantsSearch input.searchButton:hover, .content.grantsResults input.reportButton:hover {
    background: #555555;
    border: 1px solid #999999;
    box-shadow: none;
    text-decoration: underline;
	color: #fff;
}

#content .searchHighlight{
	font-weight:bold;
	font-style:italic;
}


/* logo template */
.content .meta {
	border-bottom: 1px solid #ccc;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 75%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 75%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 75%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 75%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 75%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
	
.content .meta:after {
	content: '';
	display: block;
	clear: both;
	border-bottom: 1px solid #fff;
}
	
.content .meta .logo {
	float: left;
	padding-right: 3%;
	border-right: 1px solid #ccc;
	margin: 1em 2% 1.5em 0px;
	max-width: 30%; /*was 19%*/
}
	
.content .meta div {
	margin: 1.5em 0px 1em;
	font-size: 1.05em;
	width: 60%; /*was 75%*/
	float: left;
}
	
.content .meta i, .content .meta em {
	display: block;
	font-style: normal;
}
		
.content .meta i a, .content .meta em a {
	color: #a20054;
	text-decoration: underline;
}

.content .meta .author {
	color: #a20054;
}

.content .meta p {
	font-size: 84%;
}
		
h2.subtitle {
	clear:both;
}

/* News template */

.newsList {
    margin-top:20px;
}

.moreNews {
	margin-top:10px;
}

.moreNews a {
	font-size:1.1em;
}

p.menuListSummary {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  height: 40px;
  margin: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menuListSummary strong, .menuListSummary b {
	font-weight:normal;
}

.linkListItem .NewsItemType{
	font-size:0.8em;
	position:absolute;
	bottom:0;
	right:15px;
	background:#999;
	color:#FFF;
	display: inline-block;
	text-decoration:none;
	padding:4px 4px 3px 4px;
	border-radius:4px 0 0 0;
}

.NewsItemType:empty{
	display:none;
}

/* Call template */

.closingBox, .datesBox {
    background: #555;
    padding:7px;
	color: #fff;
	font-size:1em;
	margin-top:2px;
}

.closingBox{
	min-width:280px;
}

/* story image links */
.imgBox {
    display:inline-block;
    position: relative;
    max-width:100%;
	width:100%;
	margin-bottom:10px;
	margin-top:20px;
}

.homeStories .imgBox, .linkListItem .imgBox, #businessMag .imgBox{
	margin-top:0;
}

.imgBox img{
	width:100%;
	height:auto;
	z-index:0;
}

.imgBox .caption, .imgBox hgroup{
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    color: #FFF;
    z-index: 1;
}

.imgBox .caption p {
	margin-top: 0px;
}

.imgBox .overlay{
	display:none;
}

.imgBox.video .overlay{
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url('../../../../../assets/Image/overlay-play.png') no-repeat center center;
	z-index: 2;
}

.imgBox.video h2 a:before, .imgBox.video .caption a:before{
	content:'Video: ';
	font-weight:bold;
}

.imgBox .caption a,  .imgBox hgroup h3, .imgBox hgroup h4, .imgBox .linkTitle, .imgBox .linkSummary {
	color: #FFF;
	text-decoration:none;
}

.imgBox .caption a:hover, .imgBox .caption a:focus {
	text-decoration: underline;
}

.imgBox .linkSummary, .imgBox .linkTitle {
	line-height:1em;
}

.imgBox time, .imgBox+time  {
    position: absolute;
    top: -10px;
    left: 0;
    background: #000;
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
	padding-top:2px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000');
}

.imgBox+time  {
    top: 50px;
    left: 15px;
}

.imgBox time.eventDays  {
    font-size:1.2em;
	top: 0;
	left: 0;
}

.sysEvents .imgBox time.eventDays {
	font-size: 2em;
}

.imgBox time span.highlight, .imgBox time.eventDays, .imgBox+time b, .imgBox+time strong {
    display: block;
    font-weight: bold;
    background: #a20054;
	padding:4px 16px;
	margin:0;
}
.imgBox time.eventDays{
	padding: 4px 6px;
}

.imgBox+time b, .imgBox+time strong{
	padding:4px 28px;
}

.video>h3 {
margin-bottom:0 0 20px 0;
}

.credits, .comments, footer.tags, .rating {
    margin: 10px 0;
	line-height: 1.5em;
}

/*More stories and section menus*/
.linkGroupHead {
    background: #555;
    padding:10px;
	margin-top: 20px;
}
.linkGroupHead h3, .linkGroupHead h4, .linkGroupHead h2{
    margin:0;
	color: #fff;
}

.linkListItem {
	margin-top: 2px;
	padding: 10px;
	overflow:auto;
	border: solid 1px #BBB;
}

.linkListItem h4 a {
	text-decoration:none;
}

/* contact component classes */
.contentContact, .contact {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 10px;
}

.contentContact h2, .contact h2{
    color: #333;
    margin-top: 10px;
}

.contentContact h3, .contact h3 {
    font-weight: bold;
	margin-bottom: 5px;
}

.contentContact p, .contact p {
margin-top:0;
}

span.tel:before {
	content: "Tel: ";
	font-weight: bold;
}

span.email:before{
	content:'Email: ';
	font-weight:bold;
}

span.tel:before{
	content:'Tel: ';
	font-weight:bold;
}
span.tel:empty{
	display:none;
}

/* Footer classes */
#footer {
	background: url('../../../../../assets/Image/bg-footer.png') repeat-x center top;
	padding: 20px 0;
	min-height: 158px;
    min-width:100%;
    width:100%;
	font-size: 0.9em;
	background-size: auto 100%;
}

#footer h2, #footer a, #footer p, #footer address {
	color: #fff;
}

#footer h2 {
	border-bottom: 1px solid #999;
	padding-bottom:10px;
}

#footer .socialMedia a:hover {
	opacity: 0.5;
	text-decoration:none;
}

#footer .list-inline li {
	padding-left:0;
}
#footer .list-inline li img{
	display:inline-block;
}

/**** Footer ****/

#footer .list-inline li {
    padding: 0 0.25em;
}

#footer .socialMedia .ceo, #footer .socialMedia .email {
    margin-top: 1em;
    padding: 0;
    width: 48%;
}

/* General classes for additional styling */
.clear, .clearfix {
    clear: both;
	border:none;
}

.box {
    /*border-radius: 10px; removed curved corners */
	position:relative;
	border: solid 1px #999;
    /*behavior: url('../../../../../includes/themes/BBSRC/assets/pie/PIE.htc');*/
}

.box-open{
    /*border-radius: 0px 0px 10px 10px; removed curved corners*/
	position:relative;
	border: solid 0 1px 1px 1px #999;
    /*behavior: url('../../../../../includes/themes/BBSRC/assets/pie/PIE.htc');*/
}

.shadow, #navPrimary, .main.nav.nav-list ul, figure {
    /*box-shadow: 4px 8px 10px #333;
    -moz-box-shadow: 4px 8px 10px #333;
    -webkit-box-shadow: 4px 8px 10px #333;
    overflow:hidden;
    behavior: url('../../../../../includes/themes/BBSRC/assets/pie/PIE.htc');*/
}

/*basic classes to be used in content styling*/

.glyphicon-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

.noBottomMargin{
    margin-bottom:0 !important;
}

.noTopMargin{
    margin-top:0 !important;
}

.topMargin{
    margin-top:10px !important;
}

.bottomMargin{
    margin-bottom:10px !important;
}

/* valign used in carousel */
.valign{
	display:inline-block;
	float:none;
	vertical-align:middle;
	margin-right:-4px;
}

.text-vertical-align{
    padding-top:auto;
    padding-bottom: auto;
}

.hideNoJScript{
	display:none;
}

/*attempt to fix the MURA inline editor content editor issue with absolute/relative positioning */
span.editableObjectContents , span.editableObject, span .editableObject .editableObjectContents{
	width:auto !important;
	display:inline !important;
	position:inherit !important;
	float:none !important;
	overflow:visible !important;
}

.editableObject ul.editableObjectControl a, .editableObject ul.editableObjectControl li.edit{
	display:none !important;
	background:none;
}

.editableObject ul.editableObjectControl li.edit a{
	display:inline-block !important;
}

div.mura-checkbox-group > div.mura-group-label {
	display: none;
}