.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;
}
/*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;
}
.assessment-vp {
	background: url('../images/soe/gradient1.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-p {
	background: url('../images/soe/gradient2.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-g {
	background: url('../images/soe/gradient3.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-vg {
	background: url('../images/soe/gradient4.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
/* Atmosphere chapter assessment summary styles */
.assessment-atm-vp {
	background: url('../images/soe/atm-gradient1.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-atm-p {
	background: url('../images/soe/atm-gradient2.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-atm-f {
	background: url('../images/soe/atm-gradient3.jpg' no-repeat )!important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-atm-g {
	background: url('../images/soe/atm-gradient4.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-atm-vg {
	background: url('../images/soe/atm-gradient5.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment-atm-gvg {
	background: url('../images/soe/atm-gradient4-5.jpg') no-repeat !important;
	background-position: center center!important;
	border-right: thin solid #fff;
}
.assessment img {
	display: block;
	margin: 0 auto;
}
.assessment-key {
	border: thin solid #ddd;
}
.assessment-key tr {
	border-bottom: none;
}
.assessment-key td {
	border: none;
}
.assessment-key td {
	background-color: #fff;
}
.key {
	background-color: #fff;
	background-image: url('../images/soe/keysprite.gif');
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 5px;
}
.key-vp, .key-p, .key-g, .key-vg, .key-nc {
	width: 30px;
	height: 30px;
}
.key-vp {
	background-position: 0 -30px;
}
.key-p {
	background-position: 0 -60px;
}
.key-g {
	background-position: 0 -90px;
}
.key-vg {
	background-position: 0 -120px;
}
.key-i, .key-d, .key-s, .key-u {
	width: 28px;
	height: 29px;
}
.key-i {
	background-position: 0 -150px;
}
.key-d {
	background-position: 0 -179px;
}
.key-s {
	background-position: 0 -208px;
}
.key-u {
	background-position: 0 -236px;
}
.key-lo, .key-li, .key-h {
	width: 18px;
	height: 18px;
}
.key-lo {
	background-position: 0 -301px;
}
.key-li {
	background-position: 0 -283px;
}
.key-h {
	background-position: 0 -265px;
}
.even-width {
	width: 1%;
}
.atm-key-vp, .atm-key-p, .atm-key-g, .atm-key-f, .atm-key-vg {
	display: block;
	width: 30px;
	height: 30px;
}
.atm-key-vp {
	background-color: #E00085;
}
.atm-key-p {
	background-color: #F8991D;
}
.atm-key-f {
	background-color: #F7C42A;
}
.atm-key-g {
	background-color: #85C441;
}
.atm-key-vg {
	background-color: #00ADC7;
}
.key-nc {
	background-color: #e9e9ea;
}
td.not-considered {
	background-color: #e9e9ea;
	color: #e9e9ea;
}
th.catastrophic {
	background-color: #cc3b2a;
	color: #fff;
	font-size: 128.68%;
}
th.major {
	background-color: #c0602e;
	color: #fff;
	font-size: 128.68%;
}
th.moderate {
	background-color: #b57732;
	color: #fff;
	font-size: 128.68%;
}
th.minor {
	background-color: #a78c36;
	color: #fff;
	font-size: 128.68%;
}
th.insignificant {
	background-color: #808832;
	color: #fff;
	font-size: 128.68%; /*14px*/
}
td.bottom, th.bottom {
	vertical-align: bottom;
}
td.subcat {
	border-bottom: none;
}
table.assessment tr:nth-child(2n+2), table.assessment-key tr:nth-child(2n+2) {
	background: white;
}
/*SOE blocks****************************/
.soe-block {
	padding: 0.7em 1em 0.5em 1em;
	background-color: #EFF5FC;
	margin-bottom: 1em;
}
.soe-block h2.pane-title, .soe-block h2.block-title {
	font-size: 1.2em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}
.soe-block-cover img {
	border: 12px solid #EFF5FC;
	width: 160px;
	height: 199px;
}
#env-utils-block-view-soe-search-form {
	padding: 0.2em 1em 0.5em 1em;
	background-color: #EFF5FC;
}
/*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;
}
/*WET*********************************************/
.node-water-education-toolkit {
	border: 1px dotted #ccc;
	padding: 1em;
	margin: 1em 0 1em 0;
}
#views-exposed-form-water-toolkit-block-1, #views-exposed-form-water-toolkit-block-2, #views-exposed-form-water-toolkit-block-3, #views-exposed-form-water-toolkit-block-4, #views-exposed-form-water-toolkit-block-5, #views-exposed-form-water-toolkit-block-6, #views-exposed-form-water-toolkit-block-7, #views-exposed-form-water-toolkit-block-8, #views-exposed-form-water-toolkit-block-9, #views-exposed-form-water-toolkit-block-10, #views-exposed-form-water-toolkit-block-11, #views-exposed-form-water-toolkit-block-12, #views-exposed-form-water-toolkit-block-13, #views-exposed-form-water-toolkit-block-14, #views-exposed-form-water-toolkit-block-15, #views-exposed-form-water-toolkit-block-16 {
	background-color: #EFF5FC;
	border: 1px dotted #ccc;
	padding: 1em;
}
/*ICONS*****************/
.field.field-name-field-water-toolkit-types.field-type-taxonomy-term-reference.field-label-inline.clearfix {
	margin-top: 1em;
}
.node-water-education-toolkit .audio-aids {
	background-image: url('../images/toolkit/icon-audio.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .audiovisual-aids {
	background-image: url('../images/toolkit/icon-audiovisual.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .case-studies {
	background-image: url('../images/toolkit/icon-casestudies.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .data {
	background-image: url('../images/toolkit/icon-data.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .experiments {
	background-image: url('../images/toolkit/icon-experiments.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .external-activities {
	background-image: url('../images/toolkit/icon-outdoor.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .glossary {
	background-image: url('../images/toolkit/icon-glossary.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .interactive-activities {
	background-image: url('../images/toolkit/icon-interactive.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .indigenous-cultural-content {
	background-image: url('../images/toolkit/icon-indigenous.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .in-class-activities {
	background-image: url('../images/toolkit/icon-inclass.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .information-resources {
	background-image: url('../images/toolkit/icon-inforesource.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .lesson-and-unit-plans {
	background-image: url('../images/toolkit/icon-lessonplans.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .news {
	background-image: url('../images/toolkit/icon-news.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .stories {
	background-image: url('../images/toolkit/icon-stories.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
.node-water-education-toolkit .visual-aids {
	background-image: url('../images/toolkit/icon-visual.gif');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1em;
}
/*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;
}
