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

.pagination {
  align-items: center;
  justify-content: center;
  display: flex;
}


.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
}

blockquote,body,div,footer,form,header,html,iframe,img,label,li,nav,ul {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1,h2,h3 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #303f37;
	margin: 0;
}

h1 {
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 20px;
}

h2,h3 {
	font-size: 18px;
	margin-bottom: 25px;
	margin-top: 25px;
}

h4 {
	font-size: 16px;
}

h5 { font-size: 15px; }
h6 { margin-top: 0px; font-size: 12px; font-weight: normal;  }

p,body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #3b3b39;
}

p {
	margin-bottom: 20px;
}

body {
	background: #f6f6f5;
}

li {
	list-style: none;
}

a {color: #8ac0c9;}
a:hover {color: #303f37;}
p a { color: #8ac0c9; font-weight:bold;}
p a:hover {color: #303f37;}

ol li { list-style: square; color: #3b3b39; padding: 2px; }
ol li ol li { list-style: disc; color: #3b3b39; padding 2px; }

/*------------------------------------------------------------Header---------------------------------------------------*/
.header_wrapper {
	background: #303f37;
	height: 100%;
}

.header {
	/*width: 950px;*/
	margin: auto;
	overflow: hidden;
	position: relative;
}
.header.inner-header{
    min-height:130px;
    overflow:visible;
}

.in-logo{/* 7th march 2014 */
    width: 950px;
    text-align: center;
    margin:0 auto;
}

.logo {
	background: url(../images/logo.png) no-repeat center center;
	text-indent: -2500px;
	width: 950px;
	height: 128px;
	padding: 19px 0 ;
	float: left;
}

.header-logo {
    width: 950px;
    height: 108px;
    padding: 19px 0 0 0 ;
}

.projections-logo {
        background: url(../images/logo/proj_logo_cs4-06.png) no-repeat;
        text-indent: -2500px;
        width: 950px;
        height: 128px;
        padding: 19px 0;
        float: left;
}

.impacts-logo {
        background: url(../images/logo/impacts_logo_cs4-03.png) no-repeat;
        text-indent: -2500px;
        width: 950px;
        height: 128px;
        padding: 19px 0;
        float: left;
}

.in-logo .logo,.projections-logo,.impacts-logo {
    padding:0;
    margin:25px 0 0 0;
}

/*
.in-logo .projections-logo{
    padding:0;
    margin:25px 0 0 0;
}
*/

/*--------------------------search form ------------------------*/
.search {
	width: 150px;
	position: absolute;
	top: 0;
	right: 27px;
}

form.ccia-search input[type=text] {
  padding: 10px;
  font-family: 'Montserrat';
  font-size: 19px;
  border: none;
  float: left;
  width: 280px;
  background: #fff;
}

form.ccia-search input::-webkit-input-placeholder { /* Edge */
  color: #666;
  font-family: 'Montserrat';
  font-size: 19px;

}

form.ccia-search input:-ms-input-placeholder { /* Internet Explorer */
  color: #666;
  font-family: 'Montserrat';
  font-size: 19px;
}

form.ccia-search input::placeholder {
  color: #666;
  font-family: 'Montserrat';
  font-size: 19px;
}

form.ccia-search button {
  float: left;
  width: 47px;
  padding: 11px 10px;
  background: #1f899b;
  color: white;
  font-size: 17px;
  border: none;
  border-left: none;
  cursor: pointer;
}

form.ccia-search button:hover {
  background: #0b7dda;
}

form.ccia-search::after {
  content: "";
  clear: both;
  display: table;
}

/*
#searchbutton {
	background: url(../images/BUTTON-search-STATIC.png);
	width: 32px;
}

#searchbutton:hover {
	background: url(../images/BUTTON-search-HOVER.png);
	cursor: pointer;
}

.search_form {
	display: none;
}

.search:hover > .search_form {
	display: block;
	cursor: pointer;
}

.search:hover > .search-label {
	display: none;
}

.search-label {
	width: 150px;
	border-top: 6px solid #7f8b80;
	position: absolute;
	top: 0;
	right: 0;
}

.search-label p {
	color: #ecece9;
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 6px 6px 0;
	text-transform: uppercase;
	float: left;
}

.search img {
	padding: 6px 6px 0;
}

.search_form input {
	height: 38px;
	margin: 0;
	padding: 0 5px;
	border-spacing: 0;
	outline: 0;
	float: left;
	background-color: #7f8b80;
	color: #fff;
	border: 0;
}

#search {
	width: 103px;
	padding-left: 10px;
}
*/

/*------------------------------------------------------------Nav------------------------------------------------------*/
nav {
	background: #fff;
}

.nav_ul {
	width: 950px;
	margin: auto;
	position: relative;
	z-index: 9000;
}

nav ul ul {
	display: none;
}

nav ul li {
	display:table-cell;
	list-style: none;
        font-weight: normal;
        border-top: 0;
}

nav ul li:hover > ul {
	display: block;
}

nav ul li:hover { background: #303f37; }
nav ul li:hover a { color: #fff; }

nav ul li a {
	display: block;
	padding: 10px 10px;
	font-size: 13px;
	color: #303f37;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
}

nav ul ul {
	width: 210px;
	background: #303f37;
	position: absolute;
	/*top: 100%;*/
	z-index: 100;
}

nav ul ul li {
	display: list-item;
	position: relative;
        font-weight: normal;
        border-top: 0;
}

nav ul ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 20px 20px 20px 20px;
}

nav ul ul li a:hover {
	background: #fff;
	color: #303f37;
}

nav ul ul ul {
	width: 210px;
	background: #5a655f;
	position: absolute;
	left: 100%;
	top: 0;
}

.active-nav {
	color: #303f37;
	font-weight: bold;
	border-top: 6px solid #303f37;
	padding-top: 4px;
}

li.ancestor, li.selected {
	font-weight: bold;
        color: #303f37;
        border-top: 6px solid #303f37;
}

li.sibling,li.descendant {
        font-weight: normal;
        border-top: 0;
}

.active-breadcrumb {
	font-weight: bold;
}
/* sub menu css start 232 */
nav ul ul.getting-started{
    background:#ecece9 !important;
    padding:12px 20px;
    width:645px;
}
nav ul ul.getting-started li{
    line-height: 16px /*40px*/;
}
nav ul ul.getting-started li:hover{
    background:none;
}
nav ul ul.getting-started li a{
    background:none;
    color:#303f37;
    padding:12px 0;
    border-bottom:dotted 1px #303f37;
    font-size:12px;
    text-transform:uppercase;
    width:360px;
}
nav ul ul.getting-started li.last a{
    border-bottom:0px;
}
nav ul ul.getting-started li a:hover{
    background:none;
}
nav ul ul.getting-started li:last-child{
    float: left;
    left: 405px;
    position: absolute;
    top: 0;
    width: 256px;
}
nav ul ul.getting-started li div{
    background:url(../images/border1.png) no-repeat left center;
    padding: 12px 0 0 22px;
}
nav ul ul.getting-started li div p{
    color: #303F37;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

/* Mega Menu Homepage */
nav ul ul.mega-menu-homepage{ background:#ecece9 !important; }
nav ul ul.mega-menu-homepage li{ line-height: 16px; padding: 12px 20px 0px 20px; }
nav ul ul.mega-menu-homepage li:hover { background:#303f37; }
nav ul ul.mega-menu-homepage li:hover a { color: #ffffff; }
nav ul ul.mega-menu-homepage li a { background:none; color:#303f37; padding:12px 0; border-bottom:dotted 1px #303f37;
    font-size:12px; text-transform:uppercase; }
nav ul ul.mega-menu-homepage li.last a{ border-bottom:0px; }
nav ul ul.mega-menu-homepage li:last-child { float: left; left: 405px; position: absolute; top: 0; }
/*nav ul ul.mega-menu-homepage li div { background:url(../images/border1.png) no-repeat left center; padding: 12px 0 0 22px; }*/
nav ul ul.mega-menu-homepage li div p { color: #303F37; font-size: 12px; line-height: 18px; margin: 0; }


/*#clusters-bg > div{
    background:none;
}*/

#clusters-mega-menu{
    width: 550px;
}
#clusters-mega-menu li a{
    float: left;
    margin-right: 12px;
    padding: 5px;
    width: auto;
    border-bottom: none;
}
.clusters-head{
    clear: both;
    padding: 21px 0 2px 0;
    color: #828282;
    font-size: 14px;
    font-weight: 100;
}
li.clusters-head:first-child{
    padding-top: 12px;
}
#clusters-bg{ left: 340px; }
#clusters-bg > div{
    width: 234px;
    height: 218px;
}
#clusters-bg > div span{
    background: url("../images/active-clusters.png") no-repeat scroll left center / contain rgba(0, 0, 0, 0);
    display: block;
    height: 200px;
    width: 234px;
}

#clusters-mega-menu li a.monsoonal-north{
    background: none repeat scroll 0 0 #C5C250;
    color: #FFFFFF;
}
#clusters-mega-menu li a.wet-tropics{
    background: none repeat scroll 0 0 #657585;
    color: #FFFFFF;
}
#clusters-mega-menu li a.rangelands{
    background: none repeat scroll 0 0 #D7771A;
    color: #FFFFFF;
}
#clusters-mega-menu li a.central-slopes{
    background: none repeat scroll 0 0 #8AC1CA;
    color: #FFFFFF;
}
#clusters-mega-menu li a.east-coast{
    background: none repeat scroll 0 0 #014976;
    color: #FFFFFF;
}
#clusters-mega-menu li a.murray-basin{
    background: none repeat scroll 0 0 #DEB406;
    color: #FFFFFF;
}
#clusters-mega-menu li a.southern-slopes{
    background: none repeat scroll 0 0 #663E51;
    color: #FFFFFF;
}
#clusters-mega-menu li a.south-western{
    background: none repeat scroll 0 0 #605143;
    color: #FFFFFF;
}

#clusters-mega-menu li:hover a { background:#303f37; }

/* sub menu css end 276 */

.breadcrumbs {background: #ecece9; }
.breadcrumbs ul { width: 950px;	margin: auto; }
.breadcrumbs ul li { display: inline-block; padding: 6px 0; font-weight:bold; font-size:13px; }
.breadcrumbs ul a { font-family: 'Source Sans Pro', sans-serif;	font-size: 12px; font-weight:normal; line-height: 18px;	color: #313e37;	text-decoration: none; padding: 10px 10px; }
.breadcrumbs ul li:after { font-family: 'Source Sans Pro', sans-serif; font-size: 11px;line-height: 18px; color: #313e37; padding: 5px; }
.breadcrumbs ul li:last-child:after { content: ''; }

/*------------------------------------------------------------Homepage------------------------------------------------*/
.homepage {
/*
	background: url(../images/homepage/Ainslie_mountain_ACT.jpg) no-repeat top center;
*/
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
}

.background {
    margin: 0;
    padding: 0;
}

img.bg {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
}

.home{
    background: url(../images/home.png) no-repeat top center;
    text-indent: -5000px;
    padding: 1px 14px 10px;
    margin: 8px 8px 0;
    width: 50px;
}

.megamenu { width: 100px; }

/*------------------------Homepage Header------------------------*/
.homepage-header_wrapper {
	border-top: 8px solid #7f8b80;
	position: relative;
}

.homepage-header {
	overflow: visible;
}

.homepage-header_wrapper h1 {
	margin: auto;
	background: url(../images/logo/CCIA_header_logo.png) no-repeat center center;
	text-indent: -2500px;
	/*width: 347px;*/
	height: /*158px*/ 108px;
	padding: 0 0;
}

/*-------------------------Nav-----------------------------------*/
.view-nav {
	border-top: 6px solid #7f8b80;
	position: absolute;
	top: 0;
	/*left: 27px;*/
	margin: auto;
}

.homepage-nav {
	background: #7f8b80;
	position: absolute;
	z-index: 9999;
	width: 950px;
}

.nav-bg {
	height: 38px;
	width: 950px;
	background: #7f8b80;
	position: absolute;
	left: -3000px;
	z-index: auto;
	display: none;
}

.homepage-nav ul li a {
	color: #fff;
}

.view-nav p {
	color: #ecece9;
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 6px 10px 0;
	text-transform: uppercase;
}

.navigation {
	background: #7f8b80;
	max-width:950px;
	margin:0 auto;
}

.homepage-nav-ul {
	display: none;
}

.homepage-nav:hover > .homepage-nav-ul {
	display: block;
}

.homepage-nav:hover > .view-nav {
	display: none;
}

.homepage-nav:hover > .nav-bg {
	display: block;
}

/*----------------------Content-area----------------------------*/
.content-area {
	width: 950px;
	margin: auto;
}

.grid {
	margin: 5px;
	padding: 10px;
	width: 210px;
	height: 275px;
	float: left;
	background: rgba(255, 255, 255, .75);
	text-align: center;
	vertical-align: bottom;
        text-decoration: none;
}

.grid h2,.grid p {
	font-family: 'Montserrat', sans-serif;
	/*color: #e6eddb;*/
        color: #303F37;
	font-weight: normal;
        text-shadow: 1px 1px 1px #fff;
}

.grid:hover > h2,.grid:hover > p {
	color: #fff;
        text-shadow: 1px 1px 1px #000;
}

.grid h2 {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}

.grid p {
	font-size: 12px;
	line-height: 17px;
}

.grid-icon {
	width: 70px;
	height: 70px;
	margin: auto;
	margin-top: 35px;
}

.grid_t { width:870px; background: rgba(255, 255, 255, .75); padding:10px 40px; margin:5px 0px;}
.grid_t:hover > h2, .grid_t:hover > p { color: #303f37; text-shadow: 1px 1px 1px #fff; }
.grid_t p a { color: #303f37; }
.grid_t p a:hover { color: #8ac0c9; font-weight:bold; }
.grid5a,.grid6a,.grid7a,.grid8a  { height: 175px; }
.grid5a { margin-left: 0px; }
.grid8a {  margin-right: 0; }
.grid5a .grid-icon,.grid6a .grid-icon,.grid7a .grid-icon,.grid8a .grid-icon{ margin: 10px auto auto; }
.grid5a h2,.grid6a h2 { margin-bottom: 5px; margin-top: 5px; }
.grid7a h2,.grid8a h2{ margin-bottom: 35px; margin-top: 5px; }
.grid-icon5a { background: url(../images/icons/nrm_regions_icon_on_white.png); }
.grid-icon6a { background: url(../images/icons/projections_icon_on_white.png); }
.grid-icon7a { background: url(../images/icons/publications_icon_on_white.png); }
.grid-icon8a { background: url(../images/icons/maps_icon_on_white.png); }
.grid5a:hover > .grid-icon5a { background: url(../images/icons/nrm_regions_icon_on_olive.png); }
.grid6a:hover > .grid-icon6a { background: url(../images/icons/projections_icon_on_olive.png); }
.grid7a:hover > .grid-icon7a { background: url(../images/icons/publications_icon_on_olive.png); }
.grid8a:hover > .grid-icon8a { background: url(../images/icons/maps_icon_on_olive.png); }
.grid5a:hover {	background: url(../images/homepage/murray_river_bridge3.jpg) no-repeat center;
	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}
.grid6a:hover {	background: url(../images/homepage/herreford_cattle_nsw.jpg) no-repeat center;
	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}
.grid7a:hover {	background: url(../images/homepage/publications_crops_westernaus.jpg) no-repeat center;
	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}
.grid8a:hover {	background: url(../images/homepage/extremes_after_bushfire_victoria.jpg) no-repeat center;
	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid1,.grid5 {
	margin-left: 0;
}

.grid5 {
	margin-bottom: 14px;
}

.grid4,.grid8 {
	margin-right: 0;
}

.grid-icon3 {
	background: url(../images/icons/climate_data_icon_on_white.png);
}

.grid-icon4 {
	background: url(../images/icons/nrm_regions_icon_on_white.png);
}

.grid-icon1 {
	background: url(../images/icons/support_guidance_icon_on_white.png);
}

.grid-icon2 {
	background: url(../images/icons/learning_tools_icon_on_white.png);
}

.grid-icon5 {
	background: url(../images/icons/adaptation_planning_icon_on_white.png);
}

.grid-icon6 {
	background: url(../images/icons/extremes_icon_on_white.png);
}

.grid-icon7 {
	background: url(../images/icons/projections_icon_on_white.png);
}

.grid-icon8 {
	background: url(../images/icons/publications_icon_on_white.png);
}

.grid3:hover {
	background: url(../images/homepage/projections_windmill_southaus.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid4:hover {
	background: url(../images/homepage/impacts_australian_wheat.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid1:hover {
	background: url(../images/homepage/support_queensland_outback.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid2:hover {
	background: url(../images/homepage/campus_sunset_sunshinecoast.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid5:hover {
	background: url(../images/homepage/murray_river_bridge3.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid6:hover {
	background: url(../images/homepage/herreford_cattle_nsw.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid7:hover {
	background: url(../images/homepage/publications_crops_westernaus.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid8:hover {
	background: url(../images/homepage/extremes_after_bushfire_victoria.jpg) no-repeat center;

	-webkit-background-size: 245px;
	-moz-background-size: 245px;
	background-size: 245px;
}

.grid3:hover > .grid-icon3 {
	background: url(../images/icons/climate_data_icon_on_olive.png);
}

.grid4:hover > .grid-icon4 {
	background: url(../images/icons/nrm_regions_icon_on_olive.png);
}

.grid1:hover > .grid-icon1 {
	background: url(../images/icons/support_guidance_icon_on_olive.png);
}

.grid2:hover > .grid-icon2 {
	background: url(../images/icons/learning_tools_icon_on_olive.png);
}

.grid5:hover > .grid-icon5 {
	background: url(../images/icons/adaptation_planning_icon_on_olive.png);
}

.grid6:hover > .grid-icon6 {
	background: url(../images/icons/extremes_icon_on_olive.png);
}

.grid7:hover > .grid-icon7 {
	background: url(../images/icons/projections_icon_on_olive.png);
}

.grid8:hover > .grid-icon8 {
	background: url(../images/icons/publications_icon_on_olive.png);
}

.grid5,.grid6,.grid7,.grid8{
    height: 175px;
}

.grid5 .grid-icon,.grid6 .grid-icon,.grid7 .grid-icon,.grid8 .grid-icon{
    margin: 10px auto auto;
}

.grid6 h2, .grid7 h2 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.grid5 h2, .grid8 h2{
    margin-bottom: 35px;
    margin-top: 5px;
}

.shortcuts {
	clear: both;
}

.shortcuts h2 {
	padding: 10px;
	margin-bottom: 10px;
	width: 210px;
	background: #303f37;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}

.shortcuts ul li {
	display: inline-block;
	background: #fff;
	padding: 0;
	margin: 5px 5px 5px 0px;
}

.shortcuts .right-edge {
        margin-right: 0px;
}

.shortcuts ul a {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #303f37;
	background: #fff;
	display: block;
	width: 200px;
	padding: 10px;
	border: 5px solid #e1e1dd;
}

.shortcuts ul li a:hover { border: 5px solid #7f8b80; background-color: #fff; background: url(../images/a-hover1.png) no-repeat center left; }
.external-links { padding: 0px 0px 0px 79px;}
.external-links a { display: inline-block; padding: 20px 68px; }

/*------------------------------------------------------------Subpage--------------------------------------------------*/
.content_area_wrapper {	background: #f6f6f5; background: url(../images/footer-img.png) no-repeat bottom center;	padding-bottom: 60px; }

/*
.content_area_wrapper h1,h2,h3,h4 { text-transform: uppercase; }
.content_area h1,h2,h3,h4 { text-transform: uppercase; }
*/
.content_area {
	width: 930px;
	margin: auto;
	padding-top: 30px;
	overflow: hidden;
}

.content_area_heading .heading_icon { float: left; padding-right: 20px; }
.content_area_heading h1 { float: left; line-height: 55px; margin-bottom: 0px;}
.content_area_heading .usability_icon { float: right; padding-left: 20px; height: 60px;}

.content_area_figures_maps .plugin_file { float: left; padding-right: 20px; margin-bottom: 5px; }

.content_area_no_table_styles {
        width: 950px;
        margin: auto;
        padding-top: 30px;
        overflow: hidden;
}
.content_area_climate_futures {
        width: 950px;
        margin: auto;
        padding-top: 30px;
        overflow: visible;
}

.content_area_no_overflow {
        width: 950px;
        margin: auto;
        padding-top: 30px;
        /*overflow: hidden;*/
}

.content_area_no_overflow h1 {
	text-transform: uppercase;
}
.sidebar-left {
	width: 230px;
	float: left;
}

.sidebar-left ul li {
	background: #fff;
    border: 5px solid #E1E1DD;
    margin: 10px auto;
}

.sidebar-left ul li:hover{
    border: 5px solid #7f8b80;
    background: url(../images/a-hover1.png) no-repeat center left;
}

.sidebar-left ul li:first-child {
	background: #303f37;
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	padding: 9px 13px;
	text-transform: uppercase;
}

.sidebar-left ul li a {
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color: #303f37;
	margin: auto;
	display: block;
	padding: 5px 10px;
}

.sidebar-left ul li a:hover {
	border: none;
    background: none;
}

.sidebar-left ul li .active-sidebar-left {
	border: 5px solid #303f37;
	background: url(../images/a-hover.png) no-repeat center left;
}

.main {
	width: 690px;
	float: right;
	padding-left: 30px;
}


.plugin_picture { width:1%; display: table; }
.plugin_picture img { margin: 10px 0; }
.plugin_picture figcaption { font-size:12px; margin-bottom: 20px;}
.plugin_picture p { font-size:12px; margin-bottom: 20px;}
.align-left { float: left; margin-right: 20px; }
.align-right  {float: right; margin-left: 20px; }
.thumbnail_image img { border: 6px solid #7f8b80; border-radius: 2000px; margin: 10px 0; }
.thumbnail-left img { float: left; margin-right: 20px; }
.thumbnail-right img { float: right; margin-left: 20px; }

blockquote {
	clear: both;
	margin: 40px 0;
	border-top: 4px solid #7f8b80;
	position: relative;
}

blockquote p {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #7f8b80;
	margin-left: 25px;
}

blockquote p:before {
	content: '“';
	font-size: 30px;
	position: absolute;
	top: 25px;
	left: 0;
}

/*------------------------------------------------------------Subpage-2--------------------------------------------------*/
.subpage2-main {
	width: 910px;
	padding: 10px 20px 20px 20px;
}

/*------------------------------------------------------------Subpage-3--------------------------------------------------*/
.subpage3-main {
	width: 410px;
	padding: 0 40px;
	float: left;
}

.subpage3-sidebar-right {
	width: 230px;
	float: right;
}

.subpage3-sidebar-right h2 {
	background: #ecece9;
	color: #7f8b80;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	padding: 9px 13px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.subpage3-sidebar-right-ul {
	background: #fff;
	padding: 15px;
	margin: 0 0 30px 0;
	border: 4px solid #ecece9;
}

.subpage3-sidebar-right h3:first-child {
	margin-top: 0;
}

.subpage3-sidebar-right h3 {
	border-bottom: 5px solid #303f37;
	line-height: 40px;
	margin: 10px 0px 20px;
	padding-bottom: 5px;
}

.subpage3-sidebar-right-ul a {
	color: #313e37;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
}

.subpage3-sidebar-right-ul a:hover {
	text-decoration: underline;
}

.subpage3-sidebar-right-ul a {
	margin: 5px 0;
	display: block;
	position: relative;
	margin-left: 20px;
}

.subpage3-sidebar-right-ul a:before {
	content: url(../images/bullet2.png);
	margin-right: 10px;
	position: absolute;
	left: -20px;
}

.ul-li-style3 {
	border-top: 4px solid #303f37;
	border-bottom: 4px solid #303f37;
	margin: 20px 0;
}

.ul-li-style3 li a {
	background: url(../images/bullet1.png) no-repeat right center;
	display: block;
	color: #303f37;
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
}

.ul-li-style3 li {
	list-style: none;
	padding: 10px;
	background: #eaeedd;
	margin: 5px 0;
}

.ul-li-style3 li:hover {
	background: #303f37;
	color: #fff;
}

.ul-li-style3 li:hover > a {
	color: #fff;
	background: url(../images/bullet1-a.png) no-repeat right center;
}

/*------------------------------------------------------------CCIA-Landing---------------------------------------------*/
.ccia-landing h1,.ccia-landing h2,.ccia-landing h3 {
	text-transform: uppercase;
}

.ccia-landing h2,.ccia-landing h3 {
	border-bottom: 4px solid #303f37;
}

.ccia-landing h2 {
	margin-top: 65px;
	padding-bottom: 20px;
	margin-bottom: 0;
}

.ccia-page-title {
	height: 386px;
	width: 415px;
	/*padding: 10px 55px 0 10px;*/
	float: left;
}

.ccia-page-title p {
	font-size: 15px;
	line-height: 18px;
	color: #303f37;
	margin-top: 15px;
	/*margin-left: 5px;*/
}

.ccia-landing-map {
	width: 450px;
	padding: 10px 10px 0 10px;
	float: right;
}

.ccia-grid li {
	width: 375px;
	padding: 20px 30px;
	border: 5px solid #e1e1dd;
	float: left;
	margin: 18px 20px;
	background: #fff;
}

.ccia-grid li:nth-child(2n+1) {
	margin-left: 0;
}

.ccia-grid li:nth-child(2n+2) {
	margin-right: 0;
}

.ccia-grid h3 {
	font-size: 14px;
	padding-bottom: 10px;
	margin: 0;
	margin-bottom: 17px;
}

.ccia-grid p {
	margin: 10px 0;
}

.ccia-grid img {
	float: right;
	margin-top: 8px;
	margin-left: 30px;
}

.ccia-grid li:nth-child(2) img {
	margin: 5px 4px;
	float: left;
}

.ccia-grid a {
	width: 150px;
	margin: 0 0 0 25px;
	float: right;
	background-position: 173px;
}

.ccia-grid a:hover {
	background-position: 173px;
}

/*------------------------------------------------------------Cluster-landing------------------------------------------*/
.landing-content-wrapper .content_area {
    position: relative;
}

.map-nrm-landing{ position: relative; }

.logo-srip{
    margin: auto;
    width: 950px;
    padding: 50px 0;
    clear: both;
    overflow: hidden;
}
.logo-strip-child{
    float: left;
    width: 200px;
    margin-right: 50px;
    text-align: center;
}
.logo-strip-child .simple-box{
    width: 200px;
    padding: 75px 0;
    text-align: center;
    background: #ddd;
}
.logo-strip-child:last-child{
    margin-right: 0;
}

.cluster_regions {
	width: 300px;
	float: left;
        background: #ffffff;
}

.landing-content-wrapper .main {
	width: 600px;
	float: left;
}

.landing-content-wrapper .main h1 {
	text-transform: uppercase;
	text-align: center;
}

.content {
        /*
	height: 740px;

	overflow: scroll;
	-ms-overflow-x: hidden;
	overflow-x: hidden;*/
}

.expand-button {
	background: #303f38;
	text-align: center;
}

.expand-button a {
	padding: 22px 0;
	display: block;
	background: url(../images/collapse-static.png) no-repeat center;
}

.expand-button a:hover {
	background: url(../images/collapse-hover.png) no-repeat center;
}

.expand-button:hover {
	background: #1d2722;
}

.cluster_regions h2,.super-cluster h2 {
	margin: 0;
	background: #303f37;
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	padding: 9px 13px;
	text-transform: uppercase;
}

.cluster_regions p {
	margin: 0;
	padding: 15px 20px;
}

.landing-content-wrapper .content h2,.landing-content-wrapper .content h3 {
	margin: 15px;
	text-transform: uppercase;
	background: none;
	color: #303f37;
}

.landing-content-wrapper .content h2 {
	margin: 25px 15px 15px 20px;
	font-size: 18px;
	padding: 0;
}

.landing-content-wrapper .content h3 {
	margin-bottom: 23px;
	padding: 0 0 15px 0;
	font-size: 14px;
	border-bottom: 4px solid #303f37;
}

.intro-text {
	font-size: 18px;
	color: #313e37;
}

.nrm-landing.main h1{
    text-align: left;
}
.technical-report-link{
    margin: 0;
    padding: 0 15px 20px;
    position: relative;
}
.technical-report-link li:before{
    content: url("../images/bullet2.png");
    left: -20px;
    margin-right: 10px;
    position: absolute;
}
.technical-report-link li{
    list-style: none outside none;
    margin: 5px 0 5px 20px;
    position: relative;
}
.technical-report-link li a{
    color: #313E37;
    font-size: 11px;
    text-decoration: none;
}

.technical-resources-link
{
    margin: 0 15px 30px;
}
.technical-resources-link li a{
    line-height: 28px;
}

.regional-explorer-ul { margin: 15px; }
.regional-explorer-ul li a { background: url("../images/bullet3.png") no-repeat right 20px center #7f8b80; margin: 10px 0; padding: 12px; display: block; }
.regional-explorer-ul li a, .regional-explorer-ul li a:active, .regional-explorer-ul li a:hover{ color: #fff; }
.regional-explorer-ul .north:hover, .regional-explorer-ul .north.selected { background: url("../images/bullet3.png") no-repeat right 20px center #c5c250; }
.regional-explorer-ul .wet-tropics:hover, .regional-explorer-ul .wet-tropics.selected { background: url("../images/bullet3.png") no-repeat right 20px center #657585; }
.regional-explorer-ul .east:hover, .regional-explorer-ul .east.selected{ background: url("../images/bullet3.png") no-repeat right 20px center #014976; }
.regional-explorer-ul .central-slopes:hover, .regional-explorer-ul .central-slopes.selected { background: url("../images/bullet3.png") no-repeat right 20px center #8ac1ca; }
.regional-explorer-ul .southern-slopes:hover, .regional-explorer-ul .southern-slopes.selected { background: url("../images/bullet3.png") no-repeat right 20px center #663e51; }
.regional-explorer-ul .murray-basin:hover, .regional-explorer-ul .murray-basin.selected { background: url("../images/bullet3.png") no-repeat right 20px center #deb406; }
.regional-explorer-ul .western:hover, .regional-explorer-ul .western.selected { background: url("../images/bullet3.png") no-repeat right 20px center #605143; }
.regional-explorer-ul .rangelands:hover, .regional-explorer-ul .rangelands.selected { background: url("../images/bullet3.png") no-repeat right 20px center #d7771a; }



.clusters-ul {
	margin: 15px;
}

.clusters-ul li {
	margin: 10px 0;
	padding: 12px;
	background: #7f8b80;
	color: #fff;
	font-size: 11px;
	font-family: 'Source Sans Pro', sans-serif;
}
.clusters-ul li a, .clusters-ul li a:active,.clusters-ul li a:hover{ color: #fff; }
.clusters-ul li:after {
	content: url(../images/bullet3.png);
	float: right;
}

.clusters-ul li:hover {
	cursor: pointer;
}

.clusters-ul .north:hover, .clusters-ul .north.selected {
	background: #c5c250;
}

.clusters-ul .wet-tropics:hover, .clusters-ul .wet-tropics.selected {
	background: #657585;
}

.clusters-ul .east:hover, .clusters-ul .east.selected{
	background: #014976;
}

.clusters-ul .central-slopes:hover, .clusters-ul .central-slopes.selected {
	background: #8ac1ca;
}

.clusters-ul .southern-slopes:hover, .clusters-ul .southern-slopes.selected {
	background: #663e51;
}

.clusters-ul .murray-basin:hover, .clusters-ul .murray-basin.selected {
	background: #deb406;
}

.clusters-ul .western:hover, .clusters-ul .western.selected {
	background: #605143;
}

.clusters-ul .rangelands:hover, .clusters-ul .rangelands.selected {
	background: #d7771a;
}

.cluster-info {
	width: 220px;
	height: 220px;
	text-align: center;

	background: -webkit-linear-gradient(top, #fff 77%, #7f8b80 50%);
	background: -moz-linear-gradient(top, #fff 77%, #7f8b80 50%);
	background: -o-linear-gradient(top, #fff 77%, #7f8b80 50%);
	background: -ms-linear-gradient(top, #fff 77%, #7f8b80 50%);
	background: linear-gradient(top, #fff 77%, #7f8b80 50%);
	border: 6px solid #c7d3c9;
	border-radius: 220px;
	position: relative;
}

.cluster-info:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 74px;
	border-top: 30px solid black;
	border-top-color: inherit;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
}
.cluster-info.mnc:after {
    left: 185px;
    top: 71%;
    -webkit-transform: rotate(-61deg);
    -moz-transform: rotate(-61deg);
    -o-transform: rotate(-61deg);
    -ms-transform: rotate(-61deg);
    transform: rotate(-61deg);
}
.cluster-info.wtc:after {
    left: 198px;
    top: 54%;
    -webkit-transform: rotate(-79deg);
    -moz-transform: rotate(-79deg);
    -o-transform: rotate(-79deg);
    -ms-transform: rotate(-79deg);
    transform: rotate(-79deg);
}
.cluster-info .top {
	width: 200px;
	height: 130px;
	display: block;
	padding: 40px 10px 50px 10px;
	position: absolute;
	z-index: 1;
}

.cluster-info .bottom {
	width: 188px;
	height: 52px;
	color: #fff;
	font-size: 11px;
	padding-top: 20px;
	position: absolute;
	bottom: -20px;
	left: 16px;
	z-index: 2;
}

.cluster-info .bottom a {
	color: #fff;
}

.cluster-info .top:hover {
	background: -webkit-linear-gradient(top, #8ac1ca 77%, #7f8b80 50%);
	background: -moz-linear-gradient(top, #8ac1ca 77%, #7f8b80 50%);
	background: -o-linear-gradient(top, #8ac1ca 77%, #7f8b80 50%);
	background: -ms-linear-gradient(top, #8ac1ca 77%, #7f8b80 50%);
	background: linear-gradient(top, #8ac1ca 77%, #7f8b80 50%);
	border-radius: 200px;
}

.cluster-info.mnc .top:hover {
    background: -webkit-linear-gradient(top, #C5C250 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #C5C250 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #C5C250 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #C5C250 77%, #7f8b80 50%);
    background: linear-gradient(top, #C5C250 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.wtc .top:hover {
    background: -webkit-linear-gradient(top, #657585 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #657585 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #657585 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #657585 77%, #7f8b80 50%);
    background: linear-gradient(top, #657585 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.csc .top:hover {
    background: -webkit-linear-gradient(top, #8AC1CA 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #8AC1CA 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #8AC1CA 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #8AC1CA 77%, #7f8b80 50%);
    background: linear-gradient(top, #8AC1CA 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.ecc .top:hover {
    background: -webkit-linear-gradient(top, #014976 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #014976 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #014976 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #014976 77%, #7f8b80 50%);
    background: linear-gradient(top, #014976 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.mbc .top:hover {
    background: -webkit-linear-gradient(top, #DEB406 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #DEB406 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #DEB406 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #DEB406 77%, #7f8b80 50%);
    background: linear-gradient(top, #DEB406 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.rlc .top:hover {
    background: -webkit-linear-gradient(top, #D7771A 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #D7771A 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #D7771A 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #D7771A 77%, #7f8b80 50%);
    background: linear-gradient(top, #D7771A 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.ssws .top:hover {
    background: -webkit-linear-gradient(top, #605143 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #605143 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #605143 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #605143 77%, #7f8b80 50%);
    background: linear-gradient(top, #605143 77%, #7f8b80 50%);
    border-radius: 200px;
}
.cluster-info.ssc .top:hover {
    background: -webkit-linear-gradient(top, #663E51 77%, #7f8b80 50%);
    background: -moz-linear-gradient(top, #663E51 77%, #7f8b80 50%);
    background: -o-linear-gradient(top, #663E51 77%, #7f8b80 50%);
    background: -ms-linear-gradient(top, #663E51 77%, #7f8b80 50%);
    background: linear-gradient(top, #663E51 77%, #7f8b80 50%);
    border-radius: 200px;
}

.cluster-info .top h4,.cluster-info .top a {
	color: #7f8b80;
}

/*
.cluster-info .top h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
}
*/
.cluster-info .top a {
	font-size: 11px;
}

.cluster-info .top:hover > h4 {
	color: #fff;
}

.cluster-info .top:hover > a {
	color: #fff;
	text-decoration: underline;
}

.cluster-info .bottom:hover {
	background: url(../images/cluster-info-1.png) no-repeat;
	text-decoration: underline;
}
.cluster-info.mnc .bottom:hover {
    background: url(../images/monsoonal-north.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.wtc .bottom:hover {
    background: url(../images/wet-tropics.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.csc .bottom:hover {
    background: url(../images/central-slopes.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.ecc .bottom:hover {
    background: url(../images/east-coast.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.mbc .bottom:hover {
    background: url(../images/murry-basin.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.rlc .bottom:hover {
    background: url(../images/rangelands.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.ssws .bottom:hover {
    background: url(../images/southern-and-south-western-flatlands.png) no-repeat;
    text-decoration: underline;
}
.cluster-info.ssc .bottom:hover {
    background: url(../images/southern-slopes.png) no-repeat;
    text-decoration: underline;
}
.middle {
	padding-top: 5px;
	width: 25px;
	height: 20px;
	background: #7f8b80;
	position: absolute;
	bottom: 55px;
	left: 80px;
	border: 4px solid #fff;
	border-radius: 20px;
}

.middle img {
	position: absolute;
	left: 5px;
}

.cluster-info .bottom:hover > .middle {
	background-color: #8ac1ca;
}

.cluster-info.mnc .bottom:hover > .middle {
    background-color: #C5C250;
}
.cluster-info.wtc .bottom:hover > .middle {
    background-color: #657585;
}
.cluster-info.csc .bottom:hover > .middle {
    background-color: #8AC1CA;
}
.cluster-info.ecc .bottom:hover > .middle {
    background-color: #014976;
}
.cluster-info.mbc .bottom:hover > .middle {
    background-color: #DEB406;
}
.cluster-info.rlc .bottom:hover > .middle {
    background-color: #D7771A;
}
.cluster-info.ssws .bottom:hover > .middle {
    background-color: #605143;
}
.cluster-info.ssc .bottom:hover > .middle {
    background-color: #663E51;
}
/*------------------------------------------------------------Super Cluster--------------------------------------------*/
.super-cluster-content-wrapper .content_area { padding: 0; position: relative; }
.super-cluster-content-wrapper { background: #f6f6f5; background: url(../images/footer-img.png) no-repeat bottom center; padding-bottom: 60px; }

.super-cluster-content-wrapper .main {
	padding-top: 20px;
	width: 500px;
	float: left;
	position: relative;
}

.close-section {
	height: 42px;
	width: 42px;
	background: url(../images/close.png) no-repeat center center;
	background-color: #7f8b80;
	position: absolute;
    left: -42px;
    top: 75px;
    z-index: 9999;
}

.cluster_regions-more .close-section{
    left: 314px;
}

.close-section:hover {
	background: url(../images/close-a.png) no-repeat center center;
	background-color: #303f37;
	cursor: pointer;
}

.super-cluster { float: right; width: 345px; position: relative; }
.super-cluster-more { float: left; width: 600px; position: relative; display:none;}

.super-cluster .content {
	/*padding: 10px;*/
    margin: 10px;
}

.super-cluster h2 {
	padding-left: 25px;
}

.super-cluster .content h2,.super-cluster .content h3 {
	margin: 20px;
	text-transform: uppercase;
	background: none;
	color: #303f37;
}

.super-cluster .content h3 {
	margin-bottom: 23px;
	margin-left: 15px;
	padding: 0 0 15px 0;
	font-size: 14px;
	border-bottom: 4px solid #303f37;
}

.super-cluster p {
	margin: 0;
	padding: 15px 15px;
}

.more-cluster-info {
	padding: 20px 0;
	font-size: 13px;
	color: #313e37;
	display: block;
	border-top: 4px solid #303f37;
	border-bottom: 4px solid #303f37;
	margin-bottom: 20px;
}

.northern:hover, .northern.selected {
	background: #d9d78b;
}

.central:hover, .central.selected{
	background: #e49a57;
}

.eastern:hover, .eastern.selected{
	background: #5279a3;
}

.southern:hover, .southern.selected{
	background: #8b7461;
}

.super-cluster-info {
	/*width: 412px;*/
	/*border: 6px solid #c7d3c8;*/
	border: 6px solid #ffffff;
	position: relative;
}

.super-cluster-info .top {
	background: #fff;
	padding: 20px;
	/*margin-bottom: 58px;*/
}

.super-cluster-info .top h4,.super-cluster-info .top h3 {
	text-transform: uppercase;
	margin: 0;
}

.super-cluster-info .top h3 {
	font-size: 14px;
	color: #313e37;
	font-weight: bold;
}

.super-cluster-info .top p,.super-cluster-info .top h4 {
	font-size: 13px;
	color: #313e37;
}

.super-cluster-info .top h4 {
	border-top: 4px solid #303f37;
	padding: 10px 0 0 0;
}

.super-cluster-info .top ul {
	margin-top: 15px;
	margin-left: 5px;
}

.super-cluster-info .top ul li {
	list-style: inherit;
	font-size: 13px;
	margin: 5px 9px;
	color: #313e37;
}

.super-cluster-info .bottom {
	background: #303f37;
	width: 100%;
	height: 58px;
	position: absolute;
	bottom: 0;
}

.super-cluster-info .bottom .cluster-list{
    width: 260px;
    float: left;
    padding: 10px 0 0 10px;
}
.super-cluster-info .bottom .cluster-list h3{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
}
.super-cluster-info .bottom .cluster-list ul li{
    margin-left: 15px;
    padding: 0;
    list-style: disc;
    color: #fff;
}
/*.super-cluster-info .bottom .cluster-list a:before {
    content: ">";
    margin-left: 5px;
    text-decoration: none;
}*/
.super-cluster-info .bottom .cluster-list a:hover {
    text-decoration: underline;
}
.super-cluster-info .bottom .cluster-list a{
    background: none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    margin-right: 25px;
    padding: 0;
    line-height: 22px;
    text-decoration: none;
    position: relative;
}
.super-cluster-info .bottom .cluster-map{
    width: 122px;
    text-align: center;
    padding: 15px 15px 0 0;
    position: absolute;
    bottom: 0; right: 0;
}
.super-cluster-info .bottom .cluster-map img{
    width: 100%;
}

.super-cluster-info .view-clusters-link {
	position: absolute;
	bottom: 0;
	left: 0;
}

.super-cluster-info .more-info-link {
	position: absolute;
	right: 0;
	bottom: 0;
}

.super-cluster-info .bottom a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
	padding: 20px 40px 20px 20px;
	margin-right: 25px;
	background: url(../images/bullet1-a.png) no-repeat center right;
}

.super-cluster-info .bottom a:hover {
	text-decoration: underline;
}

.super-cluster-ul-a {
	padding: 15px;
}

.super-cluster-ul-a a {
	display: block;
	background: url(../images/bullet4.png)no-repeat center right;
	background-position: 500px;
	padding: 20px 0;
	border-bottom: 4px solid #303f37;
	text-transform: uppercase;
	font-size: 14px;
	color: #303f37;
}

.super-cluster-ul-a a:active, .super-cluster-ul-a a.active {
	background: url(../images/bullet5.png)no-repeat center right;
	background-position: 500px;
}

.super-cluster-ul-a a:hover {
	text-decoration: underline;
}

.brief-descriptions {
	display: none;
}

.brief-descriptions p {
	padding: 15px 0;
}

.brief-descriptions a,.link-style-1,.link-style-2 {
	background: url(../images/bullet1.png) no-repeat right 20px center;
	background-color: #eaeedd;
	text-align: right;
	padding: 14px 50px 14px 14px;
	margin-bottom: 10px;
	border: none;
	display: block;
	font-size: 14px;
	color: #303f37;
	font-weight: bold;
	text-transform: none;
}

.brief-descriptions a:hover,.link-style-1:hover,.link-style-2:hover {
	background: url(../images/bullet1-a.png) no-repeat right 20px center;
	background-color: #303f37;
	color: #fff;
}







:target {
	display: block;
}

/*---------------------------------------------------Cluster--------------------------------------------------*/
.cluster-pop-up .top ul li {
	margin: 0 0 0 130px;
	line-height: 18px;
}

.cluster-pop-up .top ul img {
	float: left;
	display: block;
}

/*-------------------------------------------------Sub-cluster----------------------------------------------------*/
.monsoonal-north-east:hover, .clusters-ul .monsoonal-north-east.selected {
	background: #d8d68b;
}

.monsoonal-north-west:hover, .clusters-ul .monsoonal-north-west.selected {
	background: #c4c150;
}

.east-coast-north:hover , .clusters-ul .east-coast-north.selected{
    background: #014976;
}

.east-coast-south:hover, .clusters-ul .east-coast-south.selected {
    background: #5277A1;
}

.rangelands-north:hover, .clusters-ul .rangelands-north.selected {
    background: #E29957;
}

.rangelands-south:hover, .clusters-ul .rangelands-south.selected {
    background: #D6771A;
}

.ssws-east:hover, .clusters-ul .ssws-east.selected {
    background: #615142;
}

.ssws-west:hover, .clusters-ul .ssws-west.selected {
    background: #8B7560;
}

.southern-slopes-tas-east:hover, .clusters-ul .southern-slopes-tas-east.selected {
    background: #653E51;
}

.southern-slopes-tas-west:hover, .clusters-ul .southern-slopes-tas-west.selected {
    background: #88576D;
}

.southern-slopes-vic-east:hover, .clusters-ul .southern-slopes-vic-east.selected {
    background: #88576D;
}

.southern-slopes-vic-west:hover, .clusters-ul .southern-slopes-vic-west.selected {
    background: #653E51;
}

.link-to-nrm-element {
	text-align: center;
	margin: 30px 15px;
	border-top: 4px solid #303f37;
	border-bottom: 4px solid #303f37;
}

.link-style-1 {
	text-align: center;
	margin: 6px 0;
}

.link-style-2 {
        width: 200px;
	text-align: center;
	margin: 6px 0;
}

.resources-ul {
	margin: 15px;
}

.resources-ul li {
	background: url(../images/bullet2.png) no-repeat left center;
	font-size: 11px;
	padding-left: 18px;
	margin: 5px 0;
}

.resources-ul li a {
	color: #313e37;
}

.resources-ul li a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------Cluster-multiple-----------------------------------------*/

.nrm-banner-nav li{
    cursor: pointer;
    height: 50px;
    width: 105px;
    vertical-align: top;
}
.nrm-banner-nav li a{
     font-size: 12px;
}

.cluster-multiple-a-content-area {
	padding-bottom: 40px;
}

.map_img {
	border: 4px solid #fff;
	border-radius: 200px;
	margin-left: 25px;
	float: right;
}

.cluster-multiple-ul {
	margin: 40px 0 55px 0;
}

.cluster-multiple-ul li {
	display: inline-block;
	padding: 15px 30px;
	margin: 2px 0;
	background: #eaeedd;
	font-size: 11px;
	color: #303f37;
	line-height: 18px;
}

.cluster-multiple-span {
	font-weight: bold;
	text-transform: uppercase;
}

#cluster-multi-b-section-title {
	background: #625243;
    border: none;
}

#cluster-multi-b-ul li:hover {
    border: 5px solid #8b7461;
    background: url(../images/hover-b.png) no-repeat left 10px;
}

#cluster-multi-b-ul a:hover {
}

#cluster-multi-b-ul #cluster-multi-b-section-title:hover {
    background: #625243;
    border: none;
}

.cluster-multiple-b-content-area h1,.cluster-multiple-b-content-area h2,#cluster-multi-b-ul a {
	color: #625243;
}

.cluster-multiple-b-content-area .cluster-multiple-ul li {
	background: #e2d9d0;
	color: #625243;
}

#cluster-multi-c-section-title {
	background: #657686;
}

#cluster-multi-c-ul a:hover {
	border: 5px solid #7e8a9a;
	background: url(../images/hover-c.png) no-repeat center left;
}

.cluster-multiple-c-content-area h1,.cluster-multiple-c-content-area h2,#cluster-multi-c-ul a {
	color: #657686;
}

.cluster-multiple-c-content-area .cluster-multiple-ul li {
	background: #d5d8dc;
	color: #657686;
}

#cluster-multi-d-section-title {
	background: #8ac1ca;
}

#cluster-multi-d-ul a:hover {
	border: 5px solid #b3d8dd;
	background: url(../images/hover-d.png) no-repeat center left;
}

.cluster-multiple-d-content-area h1,.cluster-multiple-d-content-area h2,#cluster-multi-d-ul a {
	color: #8ac1ca;
}

.cluster-multiple-d-content-area .cluster-multiple-ul li {
	background: #eaf0f0;
	color: #8ac1ca;
}

#cluster-multi-e-section-title {
	background: #044a75;
    border: none;
}

#cluster-multi-e-ul li:hover {
    border: 5px solid #5278a2;
    background: url(../images/hover-e.png) no-repeat left 10px;
}

#cluster-multi-e-ul a:hover {
}

#cluster-multi-e-ul #cluster-multi-e-section-title:hover {
    border: none;
    background: #044a75;
}

.cluster-multiple-e-content-area h1,.cluster-multiple-e-content-area h2,#cluster-multi-e-ul a {
	color: #044a75;
}

.cluster-multiple-e-content-area .cluster-multiple-ul li {
	background: #d1d9e4;
	color: #044a75;
}

#cluster-multi-f-section-title {
	background: #c4c151;
    border: none;
}

#cluster-multi-f-ul li:hover {
    border: 5px solid #d9d68b;
    background: url(../images/hover-f.png) no-repeat left 10px;
}

#cluster-multi-f-ul a:hover {
}

#cluster-multi-f-ul #cluster-multi-f-section-title:hover {
    background: #c4c151;
    border: none;
}

.cluster-multiple-f-content-area h1,.cluster-multiple-f-content-area h2,#cluster-multi-f-ul a {
	color: #c4c151;
}

.cluster-multiple-f-content-area .cluster-multiple-ul li {
	background: #eeedd8;
	color: #c4c151;
}

#cluster-multi-g-section-title {
	background: #ddb426;
}

#cluster-multi-g-ul a:hover {
	border: 5px solid #eac968;
	background: url(../images/hover-g.png) no-repeat center left;
}

.cluster-multiple-g-content-area h1,.cluster-multiple-g-content-area h2,#cluster-multi-g-ul a {
	color: #ddb426;
}

.cluster-multiple-g-content-area .cluster-multiple-ul li {
	background: #f5edd7;
	color: #ddb426;
}

#cluster-multi-h-section-title {
	background: #d67728;
    border: none;
}

#cluster-multi-h-ul li:hover{
    border: 5px solid #e39957;
    background: url(../images/hover-h.png) no-repeat left 10px;
}

#cluster-multi-h-ul a:hover {
	
}

#cluster-multi-h-ul #cluster-multi-h-section-title:hover {
    background: #d67728;
    border: none;
}

.cluster-multiple-h-content-area h1,.cluster-multiple-h-content-area h2,#cluster-multi-h-ul a {
	color: #d67728;
}

.cluster-multiple-h-content-area .cluster-multiple-ul li {
	background: #f4e4d4;
	color: #d67728;
}

#cluster-multi-i-section-title {
	background: #663e51;
    border: none;
}

#cluster-multi-i-ul li:hover {
    border: 5px solid #88566d;
    background: url(../images/hover-i.png) no-repeat left 10px;
}

#cluster-multi-i-ul a:hover {
	
}

#cluster-multi-i-ul #cluster-multi-i-section-title:hover {
    background: #663e51;
    border: none;
}

.cluster-multiple-i-content-area h1,.cluster-multiple-i-content-area h2,#cluster-multi-i-ul a {
	color: #663e51;
}

.cluster-multiple-i-content-area .cluster-multiple-ul li {
	background: #e3d7db;
	color: #663e51;
}

.cluster-multi-general-section-title{
    background: none repeat scroll 0 0 #303F37;
    border: medium none;
}
.cluster-multiple-general-content-area h1, .cluster-multiple-general-content-area h2, #cluster-multi-general-ul a {
    color: #303F37;
}

.sidebar-left ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

.sidebar-left ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
    text-transform: none;
}

.sidebar-left ul li ul li:hover{
    background: none;
    border:none;
}

.sidebar-left ul li ul{ display: none; width: 100%; }

#cluster-multi-h-ul li ul li a{ font-size: 12px; text-transform: inherit; }

#cluster-multi-h-ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
    font-size: 12px;
    text-transform: inherit;
}

#cluster-multi-h-ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

#cluster-multi-h-ul li ul li:hover{
    background: none;
    border:none;
}

#cluster-multi-f-ul li ul li a{ font-size: 12px; text-transform: inherit; }

#cluster-multi-f-ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
    font-size: 12px;
    text-transform: inherit;
}

#cluster-multi-f-ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

#cluster-multi-f-ul li ul li:hover{
    background: none;
    border:none;
}

#cluster-multi-e-ul li ul li a{ font-size: 12px; text-transform: inherit; }

#cluster-multi-e-ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
    font-size: 12px;
    text-transform: inherit;
}

#cluster-multi-e-ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

#cluster-multi-e-ul li ul li:hover{
    background: none;
    border:none;
}

#cluster-multi-i-ul li ul li a{ font-size: 12px; text-transform: inherit; }

#cluster-multi-i-ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
    font-size: 12px;
    text-transform: inherit;
}

#cluster-multi-i-ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

#cluster-multi-i-ul li ul li:hover{
    background: none;
    border:none;
}

#cluster-multi-b-ul li ul li a{ font-size: 12px; text-transform: inherit; }

#cluster-multi-b-ul li ul li{
    background: none;
    padding:0 0 0 5px;
    border:none;
    font-size: 12px;
    text-transform: inherit;
}

#cluster-multi-b-ul li ul li:first-child{
    background: none;
    padding:0 0 0 5px;
    border:none;
}

#cluster-multi-b-ul li ul li:hover{
    background: none;
    border:none;
}

.cluster-single-column2 ul li{
    list-style: decimal inside none;
     margin: 10px 0;
}

.have-drop{
    color: #303F37;
    padding:5px 10px 5px 20px;
	font-size:12px;
    cursor: pointer;
    background: url("../images/a-hover.png") no-repeat scroll 7px 8px rgba(0, 0, 0, 0);
}

.set-drop.have-drop{
    background: url("../images/a-hover-set.png") no-repeat scroll 7px 10px rgba(0, 0, 0, 0);
}

.sidebar-left ul li ul li .have-drop{ background-position: 7px 10px; }
.sidebar-left ul li ul li .set-drop{ background-position: 7px 12px; }
.sidebar-left ul li.multi{ background-image: none; }
/*------------------------------------------------------------Cluster-single-------------------------------------------*/
.outputs-report {
	width: 230px;
	float: right;
}

.outputs-report h2 {
	background: #303f37;
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	padding: 5px 13px;
	text-transform: uppercase;
}

.outputs-report-ul {
	background: #fff;
	padding: 15px;
	margin: 0 0 20px 0;
}

.outputs-report-ul h3 {
	border-bottom: 5px solid #303f37;
	line-height: 40px;
	margin-bottom: 15px;
}

.outputs-report-ul li {
	list-style: none;
	margin: 5px 0;
	position: relative;
	margin-left: 20px;
}

.outputs-report-ul li:before {
	content: url(../images/bullet2.png);
	margin-right: 10px;
	position: absolute;
	left: -20px;
}

.cluster-single-column1,.cluster-single-column2 {
	width: 315px;
	float: left;
	margin: 15px 30px 0 0;
}

.cluster-single-column1 h1,.cluster-single-column2 h1 {
	text-transform: uppercase;
}

.cluster-single-column1 h2,.cluster-single-column2 h2 {
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-top: 50px;
}

.cluster-single-column2 h2:first-child {
	margin-top: 0;
}

.cluster_single_ul {
	border-top: 4px solid #303f37;
	border-bottom: 4px solid #303f37;
	margin: 20px 0;
}

.cluster-single-column1 p,.cluster-single-column2 p {
	/*text-align: justify;*/
}

.cluster-single-column1 .image {
	text-align: center;
	margin: 20px 0;
}

.cluster_single_ul li {
	list-style: none;
	padding: 10px;
	background: #eaeedd;
	margin: 5px 0;
	position: relative;
}

.cluster_single_ul li:before {
	content: url(../images/bullet1.png);
	float: right;
	position: absolute;
	top: 5px;
	right: 0;
}

.cluster-single-b h1,.cluster-single-b h2,.cluster-single-b h3 {
	color: #8ac1ca;
}

.cluster-single-c h1,.cluster-single-c h2,.cluster-single-c h3 {
	color: #657686;
}

.cluster-single-d h1,.cluster-single-d h2,.cluster-single-d h3 {
	color: #625243;
}

.cluster-single-e h1,.cluster-single-e h2,.cluster-single-e h3 {
	color: #044a75;
}

.cluster-single-f h1,.cluster-single-f h2,.cluster-single-f h3 {
	color: #c4c151;
}

.cluster-single-g h1,.cluster-single-g h2,.cluster-single-g h3 {
	color: #ddb426;
}

.cluster-single-h h1,.cluster-single-h h2,.cluster-single-h h3 {
	color: #d67728;
}

.cluster-single-i h1,.cluster-single-i h2,.cluster-single-i h3 {
	color: #663f52;
}

#cluster-single-sidebar-h3-b {
	border-bottom: 5px solid #8ac1ca;
}

#cluster-single-sidebar-h3-c {
	border-bottom: 5px solid #657686;
}

.subpage3-sidebar-right h3 {
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        line-height: 24px;
        padding: 9px 13px;
        text-transform: uppercase;
}


#cluster-single-sidebar-h3-d {
	border-bottom: 5px solid #625243;
}

#cluster-single-sidebar-h3-e {
	border-bottom: 5px solid #044a75;
}

#cluster-single-sidebar-h3-f {
	border-bottom: 5px solid #c4c151;
}

#cluster-single-sidebar-h3-g {
	border-bottom: 5px solid #ddb426;
}

#cluster-single-sidebar-h3-h {
	border-bottom: 5px solid #d67728;
}

#cluster-single-sidebar-h3-i {
	border-bottom: 5px solid #663f52;
}

.ul-li-style3 li:hover {
	background: #303f37;
	color: #fff;
}

.ul-li-style3 li:hover > a {
	color: #fff;
	background: url(../images/bullet1-a.png) no-repeat right center;
}

#cluster-single-b-ul {
	border-top: 4px solid #8ac1ca;
	border-bottom: 4px solid #8ac1ca;
}

#cluster-single-b-ul li {
	background: #d8e7e9;
}

#cluster-single-b-ul a {
	background: url(../images/bullet1-b.png) no-repeat right center;
	color: #8ac1ca;
}

#cluster-single-c-ul {
	border-top: 4px solid #657686;
	border-bottom: 4px solid #657686;
}

#cluster-single-c-ul li {
	background: #bec9cf;
}

#cluster-single-c-ul a {
	background: url(../images/bullet1-c.png) no-repeat right center;
	color: #657686;
	padding: 10px 0px;
}

#cluster-single-d-ul {
	border-top: 4px solid #625243;
	border-bottom: 4px solid #625243;
}

#cluster-single-d-ul li {
	background: #c1bbb4;
}

#cluster-single-d-ul a {
	background: url(../images/bullet1-d.png) no-repeat right center;
	color: #625243;
}

#cluster-single-e-ul {
	border-top: 4px solid #044a75;
	border-bottom: 4px solid #044a75;
}

#cluster-single-e-ul li {
	background: #c9cacc;
}

#cluster-single-e-ul a {
	background: url(../images/bullet1-e.png) no-repeat right center;
	color: #044a75;
}

#cluster-single-f-ul {
	border-top: 4px solid #c4c151;
	border-bottom: 4px solid #c4c151;
}

#cluster-single-f-ul li {
	background: #eaeedd;
}

#cluster-single-f-ul a {
	background: url(../images/bullet1-f.png) no-repeat right center;
	color: #c4c151;
}

#cluster-single-g-ul {
	border-top: 4px solid #ddb426;
	border-bottom: 4px solid #ddb426;
}

#cluster-single-g-ul li {
	background: #f4e4d4;
}

#cluster-single-g-ul a {
	background: url(../images/bullet1-f.png) no-repeat right center;
	color: #ddb426;
}

#cluster-single-h-ul {
	border-top: 4px solid #d67728;
	border-bottom: 4px solid #d67728;
}

#cluster-single-h-ul li {
	background: #f4e4d4;
}

#cluster-single-h-ul a {
	background: url(../images/bullet1-h.png) no-repeat right center;
	color: #d67728;
}

#cluster-single-i-ul {
	border-top: 4px solid #663f52;
	border-bottom: 4px solid #663f52;
}

#cluster-single-i-ul li {
	background: #e3d7db;
}

#cluster-single-i-ul a {
	background: url(../images/bullet1-i.png) no-repeat right center;
	color: #663f52;
}

#cluster-single-b-ul li:hover > a,
#cluster-single-c-ul li:hover > a,
#cluster-single-d-ul li:hover > a,
#cluster-single-e-ul li:hover > a,
#cluster-single-f-ul li:hover > a,
#cluster-single-g-ul li:hover > a,
#cluster-single-h-ul li:hover > a,
#cluster-single-i-ul li:hover > a {
	color: #fff;
	background: url(../images/bullet1-a.png) no-repeat right center;
}

#cluster-single-b-ul li:hover {
	background: #8ac1ca;
}

#cluster-single-c-ul li:hover {
	background: #657686;
}

#cluster-single-d-ul li:hover {
	background: #625243;
}

#cluster-single-e-ul li:hover {
	background: #044a75;
}

#cluster-single-f-ul li:hover {
	background: #c4c151;
}

#cluster-single-g-ul li:hover {
	background: #ddb426;
}

#cluster-single-h-ul li:hover {
	background: #d67728;
}

#cluster-single-i-ul li:hover {
	background: #663f52;
}

/*------------------------------------------------------------Map-exploration-------------------------------------------*/
.map-exploration-content-area {
	padding-top: 0;
	background: #fff;
        width:950px;
}

.map {
	height: 672px;
	background: url(../images/exploration-map.jpg) no-repeat top left;
	background-color: #fff;
	position: relative;
}

.map-action {
	height: 100%;
	width: 100px;
	position: absolute;
	top: 50px;
	left: 20px;
}

.map-action a {
	padding: 16px;
}

.map-action .small-map {
	background: url(../images/small-map.png) no-repeat center;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
}

.map-action .zoom-in {
	background: url(../images/zoom-in.png) no-repeat center;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 42px;
}

.map-action .zoom-out {
	background: url(../images/zoom-out.png) no-repeat center;
	background-color: rgba(255, 255, 255, .5);
	position: absolute;
	top: 75px;
}

.map-scale {
	height: 15px;
	width: 185px;
	background: url(../images/map-scale.png) no-repeat center;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.model-results-in-context {
	height: 385px;
	width: 85px;
	padding: 15px;
	position: absolute;
	bottom: 0;
	right: 62px;
	background-color: rgba(255, 255, 255, 0.5);
}

.model-results-in-context a {
	position: absolute;
	top: 20px;
	left: -32px;
	padding: 16px;
	background: url(../images/close-2.png) no-repeat center;
	background-color: rgba(255, 255, 255, 0.5);
}

.model-results-in-context h4 {
	text-transform: uppercase;
}

.model-results-in-context .results {
	width: 67px;
	height: 338px;
	background: url(../images/model-results-in-context.png) no-repeat center;
}

.side {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.side-ul {
	height: 100%;
	background: #303f37;
	color: #7f8b80;
}

.side-ul li {
	font-weight: bold;
	padding: 30px 25px 15px 25px;
	border-bottom: 1px solid #242b24;
	background-position-y: 15px;
}
.side-ul li:hover{
	background-position-y: 15px;
	cursor: pointer;
}

.packages-li {
	background: url(../images/packages-li.png) no-repeat top center;
}

.packages-li:hover {
	color: #fff;
	background: url(../images/packages-li-a.png) no-repeat top center;
}

.about-li {
	background: url(../images/about-li.png) no-repeat top center;
}

.about-li:hover {
	color: #fff;
	background: url(../images/about-li.png) no-repeat top center;
}

.packages {
	height: 97%;
	background: #303f37;
	padding: 10px;
	width: 200px;
	position: absolute;
	top: 0;
	right: 60px;
	display: none;
}

.side-ul li:hover > .packages {
	display: block;
}

.button p {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	border: 3px solid #fff;
	padding: 5px 10px;
	font-size: 12px;
}

.packages-ul {
	max-height: 30px;
}

.packages-ul li {
	padding: 0;
	border: 0;
}

.packages-ul li a {
	display: block;
	font-size: 11px;
	color: #303f37;
	font-weight: normal;
	background: url(../images/bullet7.png) no-repeat left center;
	background-position: 10px;
	background-color: #eaeedd;
	padding: 10px 10px 10px 35px;
}

.packages-ul li a:active {
	background: url(../images/bullet6.png) no-repeat left center;
	background-position: 10px;
	background-color: #eaeedd;
}

.packages-li .packages-static {
	color: #3b3b39;
	font-size: 11px;
	padding: 10px;
	background: #fff;
	line-height: 24px;
	display: none;
}

.packages-li .packages-static li {
	font-weight: normal;
	cursor: default;
}

.packages-li .packages-static li span{
	color: #303f37;
	font-weight: bold;
	margin-right: 5px;
}

.packages-li .packages-static a {
	margin-top: 10px;
	background: #303f37;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 0 11px;
}

.packages-li .packages-static a:last-child {
	margin-left: 5px;
}
.use-selected-package{
	position: absolute;
	bottom: 0;
}


.form-area { border-top: 4px solid #303f37; border-bottom: 4px solid #303f37; }
.form-area-download { border-top: none; border-bottom: none; }

.data,.view {
	padding: 20px 10px;
}

label {
	position: relative;
}

/*
label:after {
	content: url(../images/select1.png);
	padding: 10px 0 8px 10px;
	border-left: 1px solid #242b24;
	position: absolute;
	right: 15px;
	top: -10px;
	pointer-events: none;
}

label:first-child:after {
	content: '';
	border: 0;
}
*/

.data h3,.view h3 {
	text-transform: none;
	margin: 0;
	float: left;
}

.data h3 {
	height: 86px;
}

.view h3 {
	height: 60px;
}

.form-area p {
	margin: 0;
	text-align: right;
	vertical-align: middle;
	padding-left: 5px;
	display: inline-block;
	text-transform: uppercase;
}

.data label p { width: 80px; }
.data-download label p { width: 250px; padding-right: 10px;}
.data-station label p { width: 150px; }
.view label p { width: 106px; }

.view-label-1 p {
	text-align: left;
	padding-left: 15px;
}

select {
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	padding: 10px;
	margin: 0;
	background: #303f37;
	color: #fff;
	/*
        -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
        */
}

.data select { width: 170px; }
.data select:disabled { background: #eee; }
.data-download select { width: 650px; margin: 10px 0px;}

.view select {
	width: 270px;
}

option {
	background-color: #fff;
	color: #303f37;
}

option:disabled {
	color: #eee;
}

.view {
	background: #e3e3e3;
}

.redrawmap a {
	border: 5px solid #303f37;
	margin: 20px auto;
	width: 200px;
	color: #303f37;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 7px 25px;
	text-transform: uppercase;
	background: url(../images/redrawmap.png) no-repeat right center;
	background-position: 210px;
	background-color: #eaeedd;
}

.redrawmap a:hover {
	border: 5px solid #eaeedd;
	color: #eaeedd;
	background: url(../images/redrawmap-a.png) no-repeat right center;
	background-position: 210px;
	background-color: #303f38;
}

.save-export-ul {
	background: #303f37;
	padding: 25px;
	margin: 15px 0;
}

.save-export-ul li, .registration-ul li {
	display: inline-block;
}

.save-export-ul li:first-child {
	color: #fff;
	font-size: 18px;
}


.save-export-ul .button {
	color: #eaeedd;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
	margin-left: 38px;
	display: block;
	border: 5px solid #eaeedd;
	cursor: pointer;
}
.save-export-ul .button a { color: #eaeedd; text-decoration: none; }
.save-export-ul .button:hover {	background: #7f8b7f; }
.save-export-ul .inactive-button { color: #677368; border: 5px solid #677368; cursor: default; }
.save-export-ul .inactive-button:hover { background: none; }
.save-export-ul .inactive-button a:hover { cursor: default; } 
.info-resources-links { padding: 0 20px 20px 20px; background: #fff; overflow: hidden; }
.supporting-info { width: 560px; padding: 0 30px 0 20px; float: left; }
.extra-supporting-info { width: 860px; padding: 0 30px 0 20px; float: left; }
/* Registration Form */
.registration-form { margin-left: 40px; text-align: left; }
.registration-form-label { margin-left: 40px; padding-top: 5px; text-align: left; }
.save-export-ul .wide-button { padding: 10px 20px; }
/* Download Form */
.save-export-ul .download-button { margin-left: 750px; }


/*------------------------------------------Right Floating Resources & Links---------------------------------------------*/
.resourceslinks { width: 300px;	margin-top: 25px; float: right; }
.resourceslinks li,.resourceslinks h4,.resourceslinks p { margin: 15px; }
.resourceslinks h4 { text-transform: uppercase;	margin-bottom: 15px; }
.resourceslinks a { margin: 15px; display: block; background: url(../images/bullet3.png) no-repeat right center; background-color: #7f8b80; background-position: 230px; color: #fff; padding: 12px 50px 12px 20px; font-size: 12px; text-align: left; text-decoration: none; }
.resourceslinks .link-style-1 { margin: 15px; display: block; background: url(../images/bullet3.png) no-repeat right center; background-color: #C3C150; background-position: 230px; color: #fff; padding: 12px 50px 12px 20px; font-size: 12px; text-align: left; text-decoration: none; }
.resourceslinks .link-style-2 { margin: 15px; display: block; background: url(../images/bullet3.png) no-repeat right center; background-color: #8AC0C9; background-position: 230px; color: #fff; padding: 12px 50px 12px 20px; font-size: 12px; text-align: left; text-decoration: none; }
.resourceslinks a:hover,.resourceslinks .link-style-1:hover,.resourceslinks .link-style-2:hover { background: url(../images/bullet1-a.png) no-repeat right center;
	background-color: #303f37; background-position: 220px;  color: #fff; padding: 12px 50px 12px 20px; font-size: 12px; text-align: left;}
/*------------------------------------------------------------Footer----------------------------------------------------*/
.footer_wrapper {background: #1e2722; position: relative; width:100% ;}
.footer {width: 950px; height: 55px; margin: auto; display:none;}
.footer_ul { margin: auto; }
.footer_centred_ul { width: 450px; }
.footer_ul li {display: inline-block;}
.footer_ul li,.footer_ul a {font-family: 'Montserrat', sans-serif; line-height: 55px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px;}
.footer_ul li:after {content: '|'; font-family: 'Montserrat', sans-serif; font-size: 11px; line-height: 18px; color: #e6ebda; padding: 0 10px;}
.footer_ul li:last-child:after { content: '';}
.mapster_tooltip{-webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; padding-left: 25px; z-index:1500 !important;}
.minitooltip{
    background: #fff;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
    /*width: 250px;*/
    height: 70px;
    border: 6px solid #C7D3C8;
    padding: 0 20px;
    position:absolute;
    z-index:999;
}
.minitooltip h3 {
    color: #313E37;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}
.minitooltip p
{
    font-size: 10px;
    margin-top: -8px;
}
.minitooltip img {
    vertical-align: bottom;
}

.mapster_tooltip .close{
    position: absolute;
    right: 0;
    top: 25px;
    transform: rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index: 999;
}
.mapster_tooltip .close span{
    background: url("../images/zoom-in.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 20px;
}

#summary-data-table { table-layout: fixed; }
#summary-data-table th, #summary-data-table tr, #summary-data-table td { padding: 12px 2px; font-size: 12px; }
.summary-data-popup { width: 650px; border: 6px solid #c7d3c8; position: relative; }
.marine-data-popup { width: 500px; border: 6px solid #c7d3c8; position: relative; }
.thresholds-data-popup { width: 400px; border: 6px solid #c7d3c8; position: relative; }
.summary-data-popup .summary-data-content { background: #fff; padding: 10px; overflow: hidden; }

.summary-data-popup .summary-data-content h4,.super-cluster-info .summary-data-content h3 {
        text-transform: uppercase;
        margin: 0;
}

.summary-data-popup .summary-data-content h3 {
        font-size: 14px;
        color: #313e37;
        font-weight: bold;
}

.summary-data-popup .summary-data-content p,.super-cluster-info .summary-data-content h4 {
        font-size: 11px;
        color: #313e37;
}

.summary-data-popup .summary-data-content h4 {
        border-top: 4px solid #303f37;
        padding: 10px 0 0 0;
}

.summary-data-popup .summary-data-content ul {
    background: none repeat scroll 0 0 #303F37;
    /*position: absolute;*/
    z-index: 100;
    width: 150px;
}

.summary-data-popup .summary-data-content ul li { display: list-item; position: relative; }
.summary-data-popup .summary-data-content .popup-selected { background: #fff; }
.summary-data-popup .summary-data-content .popup-selected a { color: #303f37; font-weight: normal; }
.summary-data-popup .summary-data-content ul li a {
    color: #FFFFFF;
    display: block;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 12px;
    padding: 5px 10px;
    text-decoration: none;
}

.summary-data-popup .summary-data-content ul li a:hover {
        background: #fff;
        color: #303f37;
}

.summary-data-information {
    float:right;
    width: 470px;
}

.summary-data-information img {
    width: 470px;
}

.summary-data-information p {
    padding-left: 20px;
    margin-bottom: 10px;
}

.summary-data-information a {
    color: #919191;
    display: inline-block;
    font-size: 11px;
    line-height: 22px;
    margin-right: 5px;
    text-decoration: none;
}

.summary-data-information a:hover {
    text-decoration: underline;
}

/*06-05-14*/
.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	border-top: 0;
}


/* Style for the download dialog */
.ui-dialog {
    z-index: 10100!important;
}

.ui-widget-overlay {
    z-index: 10000!important;
}

.content_area table {
    width: 100%;
}
.content_area table tr th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #303f37;
    border-color: #333 #333 -moz-use-text-color #fff;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #fff;
    padding: 10px 20px;
}
.content_area table tr th a { color: #fff; }
.content_area table tr th a:hover { color: #7f8b80; }
.content_area table tr th p { color: #fff; }
.content_area table tr th:first-child {
    border-left: 1px solid #333;
}
.content_area table tr th:last-child {
    border-right: 1px solid #333;
}
.content_area table tr td {
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    padding: 5px 16px;
}
.content_area table tr td:last-child {
    border-right: 1px solid #333;
}
