/** General styling ***********************************************************/

body {
	color: #000;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 71%;
	background: #d6dee6;
}
a, a:active, a:hover, a:link {
	color:#36c;
}
a:hover {
	text-decoration:underline;
	color:#4F5859;
}
a:visited {
	text-decoration:underline;
	color:#4F5859;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"Trebuchet MS", sans-serif;
}
h1 {
	font-size:1.8em;
	font-weight:normal;
	color:#005782;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#005782;
}
h3 {
	font-size:1.3em;
	font-weight:normal;
	color:#005782;
}
h4 {
	font-size:1.25em;
	font-weight:normal;
	color:#496986;
}
h5 {
	font-size:1em;
	font-weight:normal;
}
h6 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
}
a, a:active, a:hover, a:link, #breadcrumb a {
	color:#006195;
}
a:hover {
	text-decoration:underline;
	color:#0072B7;
}
a:visited {
	text-decoration:underline;
	color:#0072B7;
}
/**Misc************************************************************/
.highlight {
	padding:1em 1em .5em 1em;
	background-color:#E3E4E4;
	border-top:dotted 1px #A7ABAC;
	border-bottom:dotted 1px #A7ABAC;
	margin-bottom:1em;
}
.disclaimer {
	padding:1em 1em .5em 1em;
	background-color:#F7F4EB;
	border-top:dotted 1px #CC3B37;
	border-bottom:dotted 1px #CC3B37;
	margin-bottom:1em;
}
.disclaimer h2 {
	color:#CC3B37;
}
.field-item.even img {
	border: none;
}
/*Accordion**************/
a.accordion-heading:hover {
	background-color: #d6dee6;
}
.accordion-active-status {
	background: #d6dee6 url(../images/arrow_up.png) no-repeat right center;
}
/*Nav and breadcrumb tweaks*********************/
#breadcrumb {
	padding: 0;
	margin-bottom:1.5em
}
/*#breadcrumb {
display:none;
}*/
.breadcrumb {
	padding: 0;
}
#block-jgb-ecosystem-breadcrumb, .breadcrumb {
	margin-left: 30.5em;
}
.responsive-layout-normal .breadcrumb {
	margin-left: 25em;
}
.responsive-layout-narrow .breadcrumb {
	margin-left: 18.3em;
}
aside .region-sidebar-first-inner {
	border-top: none;/*	margin-top: -2.8em;*/
}
.responsive-layout-mobile aside .region-sidebar-first-inner {
	margin-bottom: 1em;
}
.region-sidebar-second-inner ul {
	padding-bottom: 1em;
}
/*Branding*********************/
h1.site-name, h2.site-name {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#zone-content, #zone-header {
	background: white;
}
#zone-branding {
	height:195px;
	background: white url(../images/iesc/iesc-swirl.png) no-repeat bottom center;
}
.responsive-layout-normal #zone-branding {
	background: white url(../images/iesc/iesc-swirl.png) no-repeat 1% 98%;
}
.responsive-layout-narrow #zone-branding {
	background: white url(../images/iesc/iesc-swirl.png) no-repeat 1% 98%;
}
.responsive-layout-mobile #zone-branding {
	height:215px;
	background: white url(../images/iesc/iesc-swirl.png) no-repeat 1% 60%;
}
#zone-user-wrapper {
	background-color:#496986;
}
#zone-menu {
	background-color:#496986;
}
#zone-menu {
	display:none;
}
.responsive-layout-mobile img#logo, .responsive-layout-narrow img#logo {
	width:299px!important;
	margin-left:0;
}
/* Search */
.node-title.prefixed .type {
	background-color: #E0ECF2;
	color:#333;
}
/* Pager */
.item-list .pager li.pager-current {
	background:#E0ECF2;
	color:#333;
}
.item-list .pager li a:hover {
	background:#E0ECF2;
	border:none;
	border-radius:0;
	color:#333;
}
/* Menu - standard */
#main-menu a:hover, #main-menu a.active {
	background-color:#ffffff;
	color:black;
}
#main-menu a:active {
	background-color:#ffffff;
	color:black;
}
#main-menu li.active-trail > a {
	background-color:#ffffff;
	color:black;
}
/* Front page promo */
.front .view-home-promo-block h2 a:visited {
	color:#006195;
}
/* Menu blocks */
aside .block-menu-block {
	border-bottom:solid 1px #496986;
	margin-top: -2.6em;
}
.responsive-layout-narrow aside .block-menu-block {
	margin-top: -4em;
}
.responsive-layout-mobile aside .menu-block-1 {
	display:none;
}
.responsive-layout-mobile aside .block-menu-block {
	border-bottom:none;
}
aside .menu li a {
	color:black;
	border-top:solid 1px #496986;
	display:block;
	padding:0.5em 2em 0.5em 0.5em;
	text-decoration:none;
	background-image:none;
}
aside .menu li a.active, aside .menu li a.active-trail.active {
	background-color:#E9F7FA;
	text-decoration:none;
	font-weight:bold;
	background-image:none;
}
aside .menu li a:hover {
	background-color:#496986!important;
	text-decoration:none;
	color:white;
}
aside ul li.collapsed {
	background: url(../images/arrow-right-blue.gif) right center no-repeat;
}
aside ul li.collapsed a:hover {
	background: #496986 url(../images/arrow-right-white.gif) right center no-repeat!important;
	color:white
}
aside ul li.expanded > a {
	background:  url(../images/arrow-down-blue.gif) right center no-repeat;
}
aside ul li.expanded > a.active-trail.active {
	background: #E9F7FA url(../images/arrow-down-blue.gif) right center no-repeat;
	text-decoration:none;
	font-weight:bold;
}
aside ul li.expanded > a:hover {
	background: #496986 url(../images/arrow-down.gif) right center no-repeat!important;
	color:white
}
aside ul li li.expanded > a.active-trail.active {
	background-color:#BFD7E4;
	text-decoration:none;
	font-weight:bold;
	background-image:none;
}
/* Menu blocks - left nav - third level */
aside .menu li li li a {
	padding-left:3em;
	text-decoration:none;
}
aside ul li ul li.expanded > a.active-trail.active {
	background: #BFD7E4 url(../images/arrow-down-blue.gif) right center no-repeat;
}
/* Menu blocks - left nav - fourth level */
aside .menu li li li li a {
	padding-left:4.5em;
	text-decoration:none;
}
aside ul li ul li ul li.expanded > a.active-trail.active {
	background: #BFD7E4 url(../images/arrow-down-blue.gif) right center no-repeat;
}
/* Menu blocks - left nav - fifth level */
aside .menu li li li li li a {
	padding-left:6em;
	text-decoration:none;
}
aside ul li ul li ul li ul li.expanded > a.active-trail.active {
	background: #BFD7E4 url(../images/arrow-down-blue.gif) right center no-repeat;
}
/* Menu blocks - left nav - sixth level */
aside .menu li li li li li li a {
	padding-left:7.5em;
	text-decoration:none;
}
aside ul li ul li ul li ul li ul li.expanded > a.active-trail.active {
	background: #BFD7E4 url(../images/arrow-down-blue.gif) right center no-repeat;
}
/*Right hand side - news etc*/
.jgb-date-box .jgb-date-box-day {
	font-size: 1.6em;
	padding-top: 7px;
	color:#006195;
}
.jgb-date-box .jgb-date-box-month {
	color:#006195;
}
.jgb-date-box .jgb-date-box-year {
	color:#006195;
}
/*Resources */
h2.label-above {
	font-size: 1.3em;
}
.field.field-name-field-resource-thumbnail.field-type-image.field-label-hidden {
	float: right;
	margin: 1em;
	border: 1px solid #ccc;
}
.field-name-field-resources-author-year-display-ds-field {
	font-size: 1em;
	color:black;
	font-weight: bold;
}
.field.field-name-field-resource-citation.field-type-text-long.field-label-hidden {
	font-size:1em;
	color:black;
	margin-top:0.5em;
}
/* Tables */
table, tbody, tfoot, thead, tr, th, td, {
 vertical-align: top;
}
table, table.respon-table {
	border-color:#B0CEDE;
}
thead th, th, table.respon-table thead th, table.respon-table th {
	background-color:#496986;
	font-weight:bold;
	color:white!important;
	border: 1px solid #496986;
	border-right: 1px solid #B0CEDE;
}
tr:nth-child(2n+2), table.respon-table tr:nth-child(2n+2) {
	background: #F0F3F7;
}
td, table.respon-table {
	border-bottom: 1px solid #B0CEDE;
	border-right: 1px solid #B0CEDE;
}
tr:hover td, tr.even:hover td.active, tr.odd:hover td.active, table.respon-table tr:hover td, table.respon-table tr.even:hover td.active, table.respon-table tr.odd:hover td.active {
	background: none;
}

/* responsive table */
@media screen and (max-width: 960px) {
table.respon-table tbody td {
	display: block;
	border:none;
	float: left;
	clear: both;
}
table.respon-table tbody {
	border-top: 1px solid #B0CEDE;
}
table.respon-table tr {
	border-bottom: 1px solid #B0CEDE;
}
}
.sticky-table th.active {
	background: #006195;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.sticky-table th a, th a:link, th a:visited, th a.active {
	color: white;
}
.publications-view {
	margin-bottom:1em;
}
/* Footer */
#zone-footer-wrapper {
	background-color:#006195;
	color:white;
}
#section-footer {
	font-size: 1em;
}
.responsive-layout-narrow #zone-closure-wrapper .block-menu .menu li {
	border-left: solid 1px white;
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0.8em;
}
.responsive-layout-narrow a.footer-tool-print {
	display:none;
}
/* Closure */
#zone-closure-wrapper {
	background-color:#496986;
	color:white;
}
.copyright-footer {
	padding-top: 1em;
}
.copyright-footer a, .copyright-footer a:visited {
	color:white;
	text-decoration:none;
}
.copyright-footer a:hover {
	text-decoration:underline;
}
.ccl {
	margin-top: 0.5em;
}
.copyright-footer span.ext {
	display:none;
}
/** Module specific styling ***************************************************/

/* JGB User Tools */
#user-tool-contact {
	height:25px;
	background-image:url(../images/iesc/user-tools-sprite.png);
	background-position: 0px -65px;
	background-repeat: no-repeat;
}
a.footer-tool-bookmark {
	background-image:url(../images/iesc/footer-tools-sprite.png);
	background-position: 0px -33px;
	background-repeat: no-repeat;
}
a.footer-tool-print {
	background-image:url(../images/iesc/footer-tools-sprite.png);
	background-position: 0px -65px;
	background-repeat: no-repeat;
}
a.footer-tool-rss {
	background-image:url(../images/iesc/footer-tools-sprite.png);
	background-repeat: no-repeat;
}
.footer_tool a:link, .footer_tool a:active, .footer_tool a:visited {
	padding-top: 9px;
}
.responsive-layout-normal .footer_tool a:link, .responsive-layout-normal .footer_tool a:active, .responsive-layout-normal .footer_tool a:visited {
	display:block;
}
#block-jgb-ecosystem-last-updated {
	margin-top: 1em;
}
/* Toggle menu */
.responsive-layout-mobile #zone-menu {
	display:block;
}
#block-system-main-menu .content ul.menu {
	background:#496986;
}
#block-system-main-menu .content ul.menu li a:hover {
	background:#E0ECF2;
	color:black
}
#block-system-main-menu .content ul li.expanded {
	display:inline;
}
#block-system-main-menu .content ul.menu li a.active {
	font-weight:bold;
}
#block-system-main-menu .content ul.menu > li li a {
	padding-left:1.5em;
}
#block-system-main-menu {
	padding: 0.7em 0 1.5em 0;
}
.text-after-menu-image {
	height: 25px;
	background-image:url(../images/iesc/user-tools-sprite.png);
	padding-top: 5px;
}
.text-after-menu-image a {
	color:white;
	text-decoration:none;
	font-size:0.95em;
	font-weight:bold
}
/* Log in */
#secondary-menu a:link {
	color: white!important;
}
.navigation #secondary-menu {
	background-color: red;
}
.toc-title {
	font-family: Tahoma, Arial, sans-serif;
	font-size:1.3em;
	letter-spacing: 0.01em;
}
.toc-toggle-message {
	margin-left:1em;
}
.toc ul {
	list-style: disc!important;
}
/*Banner slideshows*****************************/
.simple-slideshow-banner {
	margin-bottom: 1.5em;
	margin-top: -4.5em;
	margin-left:-1em;
}
.slideshow-banner .node-type-promo.view-mode-slideshow .group-promo-overlay-wrapper {
	position:absolute;
	bottom:0;
	left:0;
	padding:1em;
	width: 35%;
}
.slideshow-banner .node-type-promo.view-mode-slideshow .group-promo-overlay {
	background:#0D4E6F;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	padding-bottom:2.7em;
	padding-top: 0.3em;
}
.slideshow-banner .views-slideshow-controls-bottom.clearfix {
	background: #E6E7E8;
	padding: 0.75em;
	width: 553px;
	z-index: 1000;
}
.slideshow-banner #vscc_controls_slideshows-block {
	margin-right: 1em;
	float: right;
}
.slideshow-banner .views-slideshow-slide-counter {
	margin-left: 0.5em;
	float: right;
	margin-top: 1px;
}
.slideshow-banner .field-name-field-promo-linked-title a {
	font-size:1.5em;
	text-decoration:none;
	color:white;
}
.slideshow-banner .field-name-field-promo-linked-title a:hover {
	text-decoration:underline;
	color:#336699;
}
.slideshow-banner .field-name-field-promo-linked-title a:visited {
	color:white;
}
.slideshow-banner .field.field-name-body.field-type-text-with-summary.field-label-hidden {
	margin-top: 1em;
}
.responsive-layout-normal .node-type-promo.view-mode-slideshow .group-promo-overlay {
	width: 75%;
	font-size: 0.85em;
	padding-bottom: 1em;
}
.responsive-layout-narrow .node-type-promo.view-mode-slideshow .group-promo-overlay {
	width: 65%;
	font-size: 0.85em;
	padding-bottom: 1em;
}
.responsive-layout-mobile .slideshow-banner, .responsive-layout-mobile .simple-slideshow-banner {
	display:none;
}
.responsive-layout-narrow .slideshow-banner .node-type-promo.view-mode-slideshow .group-promo-overlay-wrapper {
	position:absolute;
	bottom:0;
	left:0;
	padding:1em;
	width: 35%;
}
.responsive-layout-narrow .slideshow-banner .field-name-field-promo-linked-title a {
	font-size:1.2em;
	text-decoration:none;
	color:white;
}
.responsive-layout-normal .slideshow-banner .views-slideshow-controls-bottom.clearfix {
	background: #E6E7E8;
	padding: 0.75em;
	width: 443px;
	z-index: 1000;
}
.responsive-layout-narrow .slideshow-banner .views-slideshow-controls-bottom.clearfix {
	background: #E6E7E8;
	padding: 0.75em;
	width: 323px;
	z-index: 1000;
}
#homepage-slideshow h2, .slideshow-access {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.responsive-layout-mobile #topic-landing .slideshow-access {
	display: none;
}
.simple-slideshow-banner .slideshow-caption {
	background:#E6E7E8;
	width: 570px;
	height:25px;
	line-height:20px;
	padding:1em 0 0 0;
	font-size:1.2em;
}
.responsive-layout-narrow .simple-slideshow-banner .slideshow-caption {
	font-size:0.95em;
}
.simple-slideshow-banner .slideshow-caption p {
	margin-top:-5em;
	margin-left:1em;
}
.simple-slideshow-banner .slideshow-caption a {
	background-color:#0D4E6F;
	color:white;
	text-decoration:none;
	z-index: 5000;
	padding:1em;
}
.simple-slideshow-banner .views-slideshow-controls-top.clearfix {
	width: 570px;
	z-index: 1000;
	position: relative;
	top: 295px;
	left: 12px;
}
.simple-slideshow-banner #vscc_controls_slideshows-block_1 {
	padding:0.8em 0.5em 0.5em 1em;
	float: right;
}
.simple-slideshow-banner .views-slideshow-slide-counter {
	color:black;
	float: right;
	padding:1em 2em 0.5em 0;
}
.responsive-layout-normal .simple-slideshow-banner .views-slideshow-controls-top.clearfix {
	width: 443px;
	z-index: 1000;
}
.responsive-layout-narrow .simple-slideshow-banner .views-slideshow-controls-top.clearfix {
	width: 323px;
	z-index: 1000;
}
#messages {
	margin-bottom: 2.5em;
}
.front .tabs.clearfix {
	position: absolute;
	top: -1em;
}