.boxes {
	border: solid 1px #B4E2FF;
	margin-bottom: 1em;
	padding: 1em;
}
.boxes .columnone {
	clear: both;
}
.boxes .contentleft {
	float: left;
	width: 49%;
}
.boxes .contenttight {
	float: right;
	width: 49%;
}
.highlight {
	background-color: #f7f7f7;
	border: 1px solid #e7e7e7;
	border-left-width: 4px;
	border-radius: 3px;
	border-left-color: #01528B;
	padding: 0.5em 1em 0.2em 1em;
	margin-bottom: 1em;
}
/*Jobs page****************/
.page-node-13179 iframe {
	border: 1px solid #e7e7e7!important;
	border-radius: 3px;
	padding: 1em;
	margin-bottom: 1em;
}
/***********/
.highlight ul {
	padding-top: 0.5em;
	margin-bottom: 0.8em;
}
.highlight p {
	margin-top: 1em;
}
.white {
	background-color: white;
	border-color: #01528B;
	border-left-width: 1px;
}
.highlight.resource-crop {
	margin-right: 15em;
}
.boxcontainer {
	clear: both;
}
.boxcontainer .boxtwocols {
	width: 49%;
	float: right;
}
.boxcontainer .boxtwocols:first-child {
	float: left;
}
.clear {
	clear: both;
}
.order {
	background: #fdf6ca;
	border: 1px solid #fc6;
}
.u {
	text-decoration: underline;
}
/*CITATION/PAGINATION********************************/
#citation {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 1em;
}
ul.pagination {
	clear: both;
	margin: 0 1em 3em 0;
	font-size: 0.95em;
}
ul.pagination li.contents {
	float: right;
	list-style-type: none;
	padding: 0.2em 0 0.2em 1.5em;
}
ul.pagination li.contents:before {
	content: "\f0aa";
}
ul.pagination li.next {
	float: right;
	list-style-type: none;
	padding: 0.2em 2em 0.2em 1.5em;
}
ul.pagination li.next:after {
	content: "\f0a9";
}
ul.pagination li.previous {
	float: right;
	list-style-type: none;
	padding: 0.2em 10px 0.2em 1.5em;
}
ul.pagination li.previous:before {
	content: "\f0a8";
}
ul.pagination li:after {
	padding: 0 0 0 0.5em;
}
/*Photos - floatleft/floatright********************************/
.photo.original-right span.ext {
	display: none;
}
.photo {
	margin-bottom: 0.5em;
}
.photo p {
	font-size: .85em;
	margin-top: 0.5em;
	font-style: italic;
}
.source {
	line-height: 1.6em;
	padding: 0.4em 0.4em 0.4em 0;
	font-style: italic;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}
.footnote {
	padding: 0 0.4em 0.4em 0;
	font-size: .85em;
	font-style: italic;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}
div.photo.floatright, div.imgfloat, #IMGFLOAT, .photo .floatright {
	float: right;
	margin: 1em 0 1em 1em;
}
div.photo.floatleft, .photo .floatleft {
	float: left;
	margin: 1em 1em 1em 0;
}
div.imgfloat p, #IMGFLOAT {
	padding: 0 0.4em 0.4em 0;
	font-size: .85em;
	font-style: italic;
}
.banner {
	margin-bottom: 1em;
}
/*Floatright for promos********************************/
.promo-sidepanel {
	float: right;
	margin: 0 0 1em 3em;
	max-width: 26%;
}
.promo-sidepanel a {
	margin-bottom: 1em;
}
.promo-sidepanel .original-right {
	margin-left: 0;
}
.responsive-layout-narrow .promo-sidepanel {
	float: left;
	margin: 0 0 1em 0;
	min-width: 97%!important;
	border: 1px dotted #ccc;
	padding: 0 0 1em 1em;
}
.responsive-layout-mobile .promo-sidepanel {
	float: left;
	margin: 0 0 1em 0;
	min-width: 96%!important;
	border: 1px dotted #ccc;
	padding: 0 0 1em 1em;
}
.responsive-layout-narrow .promo-sidepanel img, .responsive-layout-mobile .promo-sidepanel img {
	display: none;
}
/*ICONS********************************/
li.pdf {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/pdf.png') no-repeat;
	background-position: 0 4px;
	padding: 0 0 0.5em 1.5em;
	list-style-type: none;
	margin-left: -1.4em;
}
li.word {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/document.png') no-repeat;
	background-position: 0 4px;
	padding: 0 0 0.5em 1.5em;
	list-style-type: none;
	margin-left: -1.4em;
}
li.xls {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/spreadsheet.png') no-repeat;
	background-position: 0 4px;
	padding: 0 0 0.5em 1.5em;
	list-style-type: none;
	margin-left: -1.4em;
}
li.image {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/image.png') no-repeat;
	background-position: 0 4px;
	padding: 0 0 0.5em 1.5em;
	list-style-type: none;
	margin-left: -1.4em;
}
span.word {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/document.png') no-repeat;
	padding: 0px 0 5px 22px;
}
span.xls {
	background: url('/sites/all/modules/jgb/jgb_ecosystem/images/files/spreadsheet.png') no-repeat;
	padding: 0px 0 5px 25px;
}
li.arrow {
	background: url('../images/assets/ico-next.gif') no-repeat 1px 0.5em;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin-left: -1.3em;
}
/*LISTS********************************/
/* Alpha/roman lists*/
.lower-alpha {
	list-style-type: lower-alpha;
}
.upper-alpha {
	list-style-type: upper-alpha;
}
.lower-roman {
	list-style-type: lower-roman;
}
.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-alpha li {
	list-style-type: lower-alpha;
}
ol.lower-roman li {
	list-style-type: lower-roman;
}
ul.circle-list {
    list-style-type: circle;
}
/*SOE---------------------------------------------------*/
#pagenav {
	margin-bottom: 1.5em;
}
#pagenav ul li {
	background: url('../images/assets/ico-down.gif') no-repeat 0 9px;
	list-style-type: none;
	padding: 0.2em 0 0.2em 1.5em;
}
div.figure {
	padding-top: 2.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 1em;
	border-bottom: 2px solid #e7e7e7;
}
p.figurelabel, p.figurenotes {
	clear: both;
	font-weight: bold;
	padding-bottom: 0.5em;
}
.figurelabel {
	background-color: #EFF5FC;
	font-size: 0.95em;
	margin-bottom: 0;
}
.figurenotes {
	background-color: #EFF5FC;
	font-size: 0.95em;
}
div.highlight .figure {
	background-color: #fff;
}
div.figure img {
	margin-bottom: 1em;
}
div.at-a-glance {
	background-color: #efefef;
	border-radius: 6px;
	border: 1px solid #B0C8E2;
	margin: 0.75em 0.5em 1.5em 0;
	padding: 0 0.5em 1em;
	box-shadow: 7px 7px 5px #ccc;
}
/*TABLES---------------*/
.assessment, .assessment-risk {
	border: none;
}
.assessment caption, .assessment-risk caption, .assessment .subhead {
	background-color: #ddd;
	color: black;
}
.assessment th, .assessment-risk th {
	background-color: #eee;
	color: #333;
}
.assessment td, .assessment-risk td {
	background-color: #fff;
}
.assessment tr, .assessment th, .assessment-risk tr {
	border-bottom: 1px solid #ddd;
}
.very-good {
	background-color: #0099cc;
}
.good {
	background-color: #99cc33;
}
.fair {
	background-color: #ffcc33;
}
.poor {
	background-color: #ff9933;
}
.very-poor {
	background-color: #D940B3;
}
td.right, th.right {
	text-align: right !important;
}
td.left, th.left {
	text-align: left !important;
}
td.center, th.center {
	text-align: center !important;
}
td.middle, th.middle {
	vertical-align: middle;
}
td.highlight {
	background-color: #D8E6F5;
	border: none;
}
.left {
float: left;
    margin: 0.2em 1em 0 0;
}
/*ABRS ******************************/
ul.horizontal li {
	background: none;
	display: inline;
	float: left;
	padding: 0 0.95em 0 0;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.5em;
}
/*Marine reserves*********************************************/
/*GENERAL STYLES*/
p.feature {
	color: #333;
	font-size: 1.3em;
	line-height: 1.5em;
}
p.mapselect {
	font-weight: normal;
	font-size: 1.2em
}
/*DIV.HIGHLIGHT WITH WHITE BACKGROUND AND COLOURED BORDER
These use the current highlight styles and change the background colour and  border colour.*/

.marinereserves-sw {
	background: white;
	border: #e3cf3a double;
}
.marinereserves-nw {
	background: white;
	border: #c94731 double;
}
.marinereserves-north {
	background: white;
	border: #39c656 double;
}
.marinereserves-te {
	background: white;
	border: #5938a3 double;
}
.marinereserves-coralsea {
	background: white;
	border: #c94731 double;
}
.marinereserves-se {
	background: white;
	border: #3588a8 double;
}
/*COLOURED HEADINGS WITHIN EACH CAVEAT*/

.marinereserves-sw-caveat {
	color: #88690f;
	font-size: 1.2em;
}
.marinereserves-nw-caveat {
	color: #c94731;
	font-size: 1.2em;
}
.marinereserves-north-caveat {
	color: #39c656;
	font-size: 1.2em;
}
.marinereserves-te-caveat {
	color: #5938a3;
	font-size: 1.2em;
}
.marinereserves-coralsea-caveat {
	color: #c94731;
	font-size: 1.2em;
}
.marinereserves-se-caveat {
	color: #3588a8;
	font-size: 1.2em;
}
.marinereserves {
	float: left;
	width: 23%;
}
.marinereserves-image {
	float: left;
	width: 12%;
}
.responsive-layout-mobile .marinereserves, .responsive-layout-mobile .marinereserves-image {
	float: left;
	width: 100%;
}
dl.table {
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
}
.table dt {
	clear: left;
	float: left;
	width: 35%;
	margin: 0;
	padding: 3px;
	font-weight: bold;
}
.table dd {
	float: left;
	width: 58%;
	margin: 0;
	padding: 3px;
	background-image: none;
}
li.interactive:before {
	font-family: 'fontawesome-webfont';
	color: #01528B;
	padding-right: 0.5em;
	content: "\f108";
	font-size: 1em;
}
li.interactive {
	list-style: none;
	margin-left: -2em;
}