/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 21 May 2025 13:54:47
*/


/**
 * TSRA - Internet Site
 *
 * global.css
 * author: Squiz Brisbane - Chris Grist
 */

/*

Table of contents

-----------------

0.  HTML5 Boilerplate defaults
1.  HTML5 Boilerplate media query styles
2.  HTML5 Boilerplate global classes
3.  Squiz global re-usable classes
4.  Global template styles
    4.1.    Header
    4.2.    Mega menu
    4.3.    Footer
    4.4.    Tab styles
5.  Home page
6.  HTML5 boilerplate print styles
7.  Anything slider plugin styles
    7.1.    Anything slider default styles
    7.2.    Anything slider override styles
8.  Event styles
    8.1.    Upcoming event styles
    8.2.    Event calendar styles
9.  Regional map & Community profile styles
    9.1.    Gmap styles
    9.3.    Community profile styles
10. Multimedia page
11. Sitemap page
12. Staff profiles
13. Content request styles
14. Atoms (discrete reusable styles)

*/
/* 0: HTML5 Boilerplate defaults -------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
html, button, input, select, textarea { font-family: Arial, sans-serif; color: #333333; }
body { margin: 0; font-size: 1em; line-height: 1.4; height: 100%;}
/*
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
a { color: #333; text-decoration: none; }
a:visited { color: #333; }
a:hover { color: #000; text-decoration: underline;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* 1: HTML5 Boilerplate media query styles  ------------------------------------------------------------------------------------------------ */

/*
@media only screen and (min-width: 35em) {
  

}
*/

/* END 1: HTML5 Boilerplate media query styles  ------------------------------------------------------------------------------------------------ */

/* 2: HTML5 Boilerplate global classes  ------------------------------------------------------------------------------------------------ */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 
/*.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* END 2: HTML5 Boilerplate global classes  ------------------------------------------------------------------------------------------------ */


/* 3: Squiz global re-usable classes  ------------------------------------------------------------------------------------------------ */

.float-right{ float: right; }
.bottom{ bottom: 0; }
.full-width{ width: 100%; }
.absolute{ position: absolute; }
.white a, .white a:visited{ color: white; }
.soft-shadow {
    -moz-box-shadow: 2px 3px 9px -4px #000000;
    -webkit-box-shadow: 2px 3px 9px -4px #000000;
    box-shadow: 2px 3px 9px -4px #000000;
}
.softer-shadow {
    -moz-box-shadow: 2px 3px 7px -6px #000000;
    -webkit-box-shadow: 2px 3px 7px -6px #000000;
    box-shadow: 2px 3px 7px -6px #000000;
}

.vertical-nav {
    margin: 0 0 1.5em 0;
    padding: 1em 0 0 0;
    /*
    list-style-image:url('https://www.gabtitui.gov.au/__data/assets/image/0007/7558/icon-bullet.gif?v=0.1.1');
    list-style-position: inside;
    border-bottom: 1px dashed #444;
    */
    list-style: none;
    list-style-image: none;
}

.leftcol-asides .vertical-nav {
    padding: .4em 0 0 0;
}



.vertical-nav li {
    /*border-top: 1px dashed #444;*/
    padding: 0.8em 0.8em 0.8em 0.3em;
    font-size: 0.9em;
    font-weight: bold;
}

.leftcol-asides .vertical-nav li, .leftcol-asides .vertical-nav li a {
    font-weight: normal;
    padding: 0.4em 0.6em 0.4em 0.3em;
}

.leftcol-asides .vertical-nav li, .leftcol-asides .vertical-nav {
    border: none;
}

.vertical-nav li:nth-child(2) {
    border-top: none;
}
.errors ul {
    color: #c73800;
}
.darker, .errors ul {
    background: url('../../__data/assets/image/0019/7552/bg-global-darker0472.jpg?v=0.1.1') repeat scroll left top #bcb6ae;
    padding: 0.5em 2em !important;
    border-radius: 0.8em 0.8em 0.8em 0.8em;
    margin: 0 !important;
}
.news-more {
    text-decoration: underline;
}
.visually-hidden {
    position: absolute;
    left: -9999px;
}
.remove {
    display: none;
}
.content-image {
    margin: 0px 20px 20px 0px;
    box-shadow: 2px 3px 9px -4px #000000;
    float: left;
}

/* END 3: Squiz global re-usable classes  ------------------------------------------------------------------------------------------------ */

/* 4: Global template styles  ------------------------------------------------------------------------------------------------ */

body {
    font-size: 0.875em;
    position: absolute;
    min-width: 100%;
}

#skiplinks a {
   color: #fff;
}

.medium-text {
  font-size: 1.3em;
}
.large-text {
  font-size: 1.6em;;
}
.main p, .main ul, .main ol {
    font-size: 0.9em;
}
.inside .main-wrapper a {
   /* text-decoration: underline; */
    color: #024c8d;
}
.main p.intro {
    font-size: 1em;
    border-bottom: 1px dotted black;
    padding-bottom: 1em;
}

.prominent {
  font-weight: bold;
}
h2 {
    margin: 2em 0 0 0;
    font-size: 1.3em;
}

.leftcol-asides h2 {
    font-size: 1.1em;
}

h2, h3, h4, h5 {
    font-weight: normal;
    /* text-transform: uppercase; */
    color: #024c8c;
}
h2 a, h2 a:visited {
    color: #024c8c;
}
h3 {
    font-size: 1.2em;
    text-transform: none;
}
h4 {
    font-size: 1.1em;
}
h5 {
    font-size: 1em;
}
.breadcrumb {
    font-size: 0.85em;
    margin: 1.2em 0;
display: none;
}
.breadcrumb span {
    padding: 0 0.5em;
}
.main ul {
    margin: 0 0 0 1.2em;
    padding: 0;
    list-style-position: outside;
    list-style-image: url('../../__data/assets/image/0007/7558/icon-bullet0472.gif?v=0.1.1');
}
.main ul.search-results {
   list-style: none !important;
   list-style-image: none !important;
}
.main ul li {
    margin: 0.5em 0;
}
.main ul ul {
    list-style-image: url('../../__data/assets/image/0006/7548/icon-bullet-sub0472.gif?v=0.1.1');
    margin-left: 1em;
    font-size: 1em;
}
.main ol {
    margin: 0 0 0 1.6em;
    padding: 0;
}
.main ol li {
    margin: 0.5em 0;
}
.main ol ol {
    margin-left: 1em;
    font-size: 1em;   
}
.inside h1,
.multimedia  h1,
.two-col-layout h1 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.3em;
    margin: 0 0 0.5em;
    color: #024c8c;
}

.main h2 {
    margin: 1em 0;
}
.home .main h2 {
    margin: .7em 0 0 0;
}
.home .inner-banner {
    display: none;
}

#container {
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
   /* height: auto !important; 
background: url("https://www.gabtitui.gov.au/__data/assets/image/0003/7563/bg-global.jpg?v=0.1.1") repeat scroll left top #cec4bb; 
*/
}

.inner {
    width: 950px;
    margin: 0 auto;
    display: block;
}
#content {
    clear: left;
}
/*
.left-nav {
    width: 220px;
    margin: 0 25px 0 0;
    float: left;
}
*/
#left-column {
    width: 220px;
    margin: 1.8em 25px 0 0;
    float: left;
}
.home #left-column {
    display: none;
    margin: 0;
}

.left-nav .vertical-nav {
    list-style: none;
}
.left-nav h2 a, .left-nav a.current {
    color: #00629f;
}
.left-nav a.current_sub {
   /* text-decoration: underline; */
}
.left-nav a.current {
    font-weight: bold;
}
.left-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.left-nav ul ul {    
    margin: 0;
    list-style-image: none;
    list-style: none;
    /* 
    list-style-image: url('https://www.gabtitui.gov.au/__data/assets/image/0007/7558/icon-bullet.gif?v=0.1.1');
    list-style-position: inside; */
}
.left-nav ul ul li {
    border: 0;
    padding: 0.4em 0 0.4em 14px;
    font-weight: normal;
    font-size: 1em;
   /* background: url('https://www.gabtitui.gov.au/__data/assets/image/0007/7558/icon-bullet.gif?v=0.1.1') no-repeat 0px 8px !important; */
}
.left-nav ul ul ul {
    list-style: none outside none;
    margin: 0.3em 0 0 1em;
}
.left-nav ul ul ul li {
    padding: 0.3em 0 0.3em 0;
    font-size: 0.9em;
    background-position: 0px 6px;
}
.main {
    float: left;
    width: 711px;
    margin: 0 10px 0 0;
}
body.wide .main-wrapper .main {
    margin: 0;
    width: 700px;
}
body.wide .main-wrapper .asides {
    display: none;
}
body.full-widecol .main-wrapper {
    width: 100%;
}
body.full-widecol .main-wrapper .main {
    margin: 0;
    width: 100%;
}
body.full-widecol .asides,
body.full-widecol .left-nav {
    display: none;
}


.main-wrapper {
    float: left;
}
body.inside .main {
    width: 430px;
    margin: 1.2em 25px 0 0;
}

body.inside .main > div.bottom-border {
   border-bottom: 1px dashed #444;
   padding-bottom: 1em;
   clear:both;
}

body.two-col-layout .main {
  width: 680px;
}

body.two-col-layout .main img {
  /* width: 680px; */
}

body.two-col-layout .main a.external img {
  width: 10px;
}

.main a.light-box-image {
   padding: .45em;
}

body.calendar .main {
    margin: 0;
    width: 700px;
}
.column{
    width: 48%;
  float: left;
  margin-right: 2%;
}
.asides {
    width: 229px;
    float: left;
}
.listing li {
    list-style: none;
    /* border-bottom: 1px dotted black;  */   
    padding: 1em 0;
    display: inline-table; /* have to watch if this has global adverse affect */
   width: 100%;
}
.home .listing li {
    /* height: 7em; */
    overflow: hidden;
    border-bottom: none;    
    padding: 0;
}
.home .listing .event-date {
   font-weight: bold;
   margin-right: 2.2em;
   float: left;
}
.home .listing .event-title {
   display: inline-flex;
   float: left;
}


.home .listing .news-title {
   font-weight: bold;
}
.home .listing .news-item {
   margin: .6em 0;
   font-size: .92em;
}

.home .features.listing {
  width: 100%;
}

.home .listing .feature-item {
  width: 31.3%;
  float: left;
  margin-bottom: 1em;
}

.home .listing .feature-item.even {
  margin: 0 3%;
}

.more-link {
   font-size: .9em;
   color: #024c8d;
}

.listing li:last-child {
    border-bottom: none;
}
.listing li img {
    float: left;
    /*width: 145px;
    height: 82px;*/
    margin-right: 1em;
}
.listing li p {
    font-size: 1em;
    margin: 0;
}
.listing h3 {
    font-size: 1.2em;
    margin: 0 0 0.2em;
    line-height: 1em;
    font-weight: bold;
    text-transform: none;
}
.listing h3 a {

}
.listing ul {
    margin: 0;
    padding: 0;
}
.listing .published-date {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  text-align: right;
}
/***** Inner Banner Images - TNT *****/
.inner-banner {
    width: 100%;
}

.inside-banner-caption {
   float: right;
  font-size: .85em;
}

.tsra .inner-banner{
   /*background: url('https://www.gabtitui.gov.au/__data/assets/image/0019/7570/the-tsra-banner.jpg?v=0.1.1');*/
}
.torres-strait .inner-banner{
   /*background: url('https://www.gabtitui.gov.au/__data/assets/image/0009/7569/the-torres-strait-banner.jpg?v=0.1.1');*/
}
.career .inner-banner{
   /*background: url('https://www.gabtitui.gov.au/__data/assets/image/0007/7567/career-opportunities-banner.jpg?v=0.1.1');*/
}
.contact .inner-banner{
   /*background: url('https://www.gabtitui.gov.au/__data/assets/image/0008/7568/contact-us-banner.jpg?v=0.1.1');*/
}
.media .inner-banner{
   /*background: url('https://www.gabtitui.gov.au/__data/assets/image/0006/7566/media-banner.jpg?v=0.1.1');*/
}
/***** Inner Banner Images - TNT:ENDS *****/
.contact-form label, body.search label {
    display: block;
    font-weight: bold;
    margin: 1em 0;
}
.contact-form input[type="submit"], body.search input[type="submit"] {
    display: block;
    margin: 1em 0;
}
body.search h3 {
   text-transform: none;
   font-weight: bold;
}
table {
  width:100%;
}
th {
  background-color: #024c8c;
  color: white;
  font-size: 0.9em;
  margin: 0;
  padding: 15px 20px;
  text-transform: uppercase;
}
tbody {
  background-color: #F8F7F5;
}
tr {
  border-bottom: 1px solid #EAE9E7;
}
td {
  border-right: 1px solid #D3D2D0;
  padding: 15px;
}
.pagination {
    display: block;
    text-align: center;
    margin: 1em;
}
.pagination .pag-prev a:link,
.pagination .pag-prev a:visited,
.pagination .pag-next a:link,
.pagination .pag-next a:visited {
  background-color: #F8F7F5;
  border: 1px solid #c0bdb6;
  text-align: center;
  padding: 3px 6px;
}
.pagination .pag-prev,
.pagination .pag-list {
  margin: 0 7px 0 0;
}
.pagination .pag-list a {
  background-color: #F8F7F5;
  border: 1px solid #c0bdb6;
  text-align: center;
  padding: 3px 6px;
  margin: 0 3px;
}
.pagination .pag-list .pag-current {
  background-color: #024c8c;
  border: 1px solid #c0bdb6;
  text-align: center;
  padding: 3px 6px;
  margin: 0 3px;
  color: #fff;
}
.pagination .pag-list a:last-child {
  margin-right:0;
}
.pagination .pag-prev a:hover,
.pagination .pag-next a:hover,
.pagination .pag-list a:hover {
  background-color: #024c8c;
  color: #fff;
  text-decoration:none;
}


/* 4.1: Header   ------------------------------------- */
#header-wrapper {
    width: 100%; 
    background: url("../../__data/assets/image/0019/7561/bg-header0472.jpg?v=0.1.1") no-repeat scroll 73% top transparent;
    background-color: #024c8c;
}
#header-wrapper .inner {   

}
#header {
   height: 132px;
   position: relative;
}
#logo {
    float: left;
    width: auto;
}
#logo img {
    margin-left: -1em;
    margin-top: 1em;
}
.tools {
    position: absolute;
    bottom: 0;
    right: 0;
    /*background: rgb(60,60,60);
    background: rgba(0,0,0,0.5);*/
  font-weight: normal;
  font-size: .9em;
}

.tools .tools-links, .tools .tools-search {
   float: left;
}

.tools .tools-search {
   margin-top: .5em;
}

.tools .tools-search input.query {
   width: 83%;
}

.tools-links ul {
  padding: 0;
  margin: .5em 1.8em;
}
.tools-links li {
  border-right: 1px solid white;
  color: #fff;
  display: inline;
  list-style-type: none;
  padding: 0 .5em 0 .3em
}

.tools-links li:last-child {
  border-right: none;
}

.tools-links li a {
   text-decoration: underline;
}

.tools .bottom {
    padding: 0 0 1.2em;
}
.board-login {
    top: 0;
    right: 0;
    float: right;
    font-size: 0.82em;
    padding-top: 0.5em;
}

.search-page-form-input {
    margin: 1em 0;
}
.search-results img {
    margin-right: .4em;
}
.search-form {
    position: relative;
   margin: .4em 0;
   width: 100%;
   max-width: 185px;
   text-align: right;
}
.search-results h2 {
    text-transform: none;
    font-size: 1.0em;
}
.search-results h2 a {
    font-weight: bold;
}
.search-results h2 a:hover {
    text-decoration: none;
}
.query, input[type="text"], textarea, input[type="email"] {
    border: 1px solid #a0978e; 
    border-bottom: 1px solid #504e4b;
    -webkit-box-shadow: 1px 2px 3px #aaa inset; 
    -moz-box-shadow: 1px 2px 3px #aaa inset;
    box-shadow: 1px 2px 3px #aaa inset; 
    padding: 0.8em 0.1em 0.3em 0.5em;
    background: #e5e0da;
    font-size: 0.9em;
}
input.query {
    padding-left: 2.2em;
  width: 145px;
}
.search-form .submit {
    position: absolute;
    left: 1.2em;
    top: 0.6em;
}
.change-text-size, .print {
    line-height: 1.5em;
    padding: 0.3em;
}
.change-text-size {
    padding-left: 1.3em;
}
/* END 4.1: Header   ------------------------------------- */

/********* new menu **********/

  .nav{width:763px;float:left}
.lt-ie9 .nav{width:752px;}
  ul.nav,ul.nav *{margin:0;padding:0;z-index:999;}
  .nav li{float:left;position:relative;z-index:99;display:block;margin-right:50px;line-height:41px;float:left;z-index:500}
.lt-ie9 .nav li{margin-right:50px;}
  .nav a{display:block}
  .nav a:hover{color:#A90014!important}
  .nav li:hover{color:#A90014!important}
  .nav li ul.nav2{padding:0;margin-left:0;position:absolute;top:41px!important;top:40px;width:200px;background-color:none;background:none;border-top:1px solid #ccc;display:none}
  .nav li ul.nav2 li{background-image:none;border-bottom:1px #ccc solid;margin-bottom:0!important;float:left;display:block;width:200px}
  .nav li ul.nav2 li a{margin-bottom:0!important;display:block;line-height:21px;padding:3px 10px;float:none;cursor:pointer;-moz-opacity:0.85;opacity:.85;background:#fff;color:#000!important}
  *:first-child+html .nav li ul.nav2 li a{background:none!important;}
  .nav li ul.nav2 li a:hover{-moz-opacity:1;opacity:1;color:#A90014!important}
  .nav li ul.nav2 li:hover,.nav li ul.nav2 li.hover{border-bottom:1px #ccc solid;color:#A90014!important}
  .nav li ul.nav2 li ul.nav3{margin:0 32px;padding:0;position:absolute;top:-1px!important;top:0;left:200px;width:200px;display:none;border-top:1px solid #ccc}
  .nav li ul.nav2 li ul.nav3 li{border-bottom:0 #ccc solid}
  .nav li ul.nav2 li:hover ul.nav3 li,.nav li.hover ul.nav2 li.hover ul.nav3 li{border-bottom:1px #ccc solid}
  .nav li ul.nav2 li ul.nav3 li a{background:#fff}
  .nav li ul.nav2 li ul.nav3 li ul.nav4{margin:0 32px;padding:0;position:absolute;top:-1px!important;top:0;width:200px;left:200px;display:none;border-top:1px solid #ccc}
  .nav li ul.nav2 li ul.nav3 li ul.nav4 li{border-bottom:0 #ccc solid;z-index:888888}
  .nav li ul.nav2 li ul.nav3 li:hover ul.nav4 li,.nav li.hover ul.nav2 li.hover ul.nav3 li.hover ul.nav4 li{border-bottom:1px #ccc solid}
  .nav li ul.nav2 li ul.nav3 li ul.nav4 li a{background:#fff}
  .nav li ul.nav2 li ul.nav3 li ul.nav4 li a,.nav li ul.nav2 li ul.nav3 li a{display:block;padding:5px 15px}
  .nav li:hover ul,ul.nav li.sfHover ul{left:-1px;top:2.5em}
  .nav li li li:hover ul,ul.nnav li li li.sfHover ul,.nav li li:hover ul,ul.nav li li.sfHover ul{left:14em;top:-1px}
  .superfish li:hover ul,.superfish li li:hover ul,.superfish li li li:hover ul,.nnav li li:hover li ul,.nav li li.sfHover li ul,.nav li:hover li ul,.nav li.sfHover li ul{top:-999em}
  * html ul.nav2 ul{margin-top:-1px!important;overflow:hidden;width:200px}
  * html ul.nav li a{padding:10px 15px;margin-bottom:0}
  * html ul.nav li li a *,* html ul.nav li li a{height:20px;padding:10px 15px}
  * html ul.nav li li li.sfHover ul,* html ul.nav li li li:hover ul,* html ul.nav li li.sfHover ul,* html ul.nav li li:hover ul{left:14em}


/************** end new menu *********/


#navigation {
    overflow: visible;
    width: 100%;
    position: relative;
    z-index:500;
}

#navigation li {
    list-style-type: none;
}
a.top_link:hover, a.top_link:active, .top_link.highlight {
    background-color: #f6f5f4;
    opacity: 0.6;
}

#navigation ul {
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}

#navigation .col {
    float: left;
    max-width: 25em;
    min-width: 15em;
    width: auto;
    border-left: 1px solid white;
    border-right: 1px solid #DDD7D1;
    padding: 0.5em;
}


/* 4.3: Footer  ------------------------------------------------------------------------------------------------ */

#footer {
    background: #ffffff;
    font-size: 0.786em;
    font-family: verdana;
    margin-top: 2em;
   border-top: 1px solid #ccc;
}

#footer .footer-logo {
  padding: 2em;
  float: right;
}

#footer, .push {
    height: 75px;
    clear: both;
    width: 100%;
}
#footer ul {
    margin:  0;
    padding: 1.5em 0 1.5em 0;
    float: left;
}
#footer li {
    /*float: left;
    display: block;*/
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
    border-right: 1px solid white;
    list-style: none;
}
#footer li:last-child {
    border-right: none;
}

#footer .footer-links li a {
    color:#024c8c;
   text-decoration: underline;
}

.fat-footer {
  width: 100%;
  height: 75px;
  background-color: #e5e5e5;
}

.fb-wrapper {
  /*padding-top: 2em;*/
  /*width: 300px;*/
  padding-top: 19px;
  width: 160px;
  text-align: right;
  float: right;
}

/* 4.3: Footer  ------------------------------------------------------------------------------------------------ */
/* 4.4: Tab styles  ------------------------------------------------------ */
#tabs {
  margin: 0 0 5px;
  list-style: none;
  border-bottom: 1px solid #C0BDB6;
  display:block;
  overflow:hidden;
}
#tabs li {
  display: block;
  float: left;
  border: 1px solid #C0BDB6;
  margin: 0 3px 0 0;
  padding: 3px 6px;
  font-weight: bold;
  display:block;
  text-align: center;
  background-color: #F8F7F5;
  border-bottom: none;
}
#tabs li:hover,
#tabs li.active {
  text-decoration: none;
  cursor: pointer;
  background-color: #024c8c;
  color: white;
}

/* END 4.4: Tab styles  ------------------------------------------------------ */
/* END 4: Global template styles  ------------------------------------------------------------------------------------------------ */

/* 5: Home page  ------------------------------------------------------------------------------------------------ */

.banner-container {
    display: block;
    overflow: hidden;
    position: relative;
    height: 335px;
    width: 950px;
}
.banner-container p {
    position: relative;
    margin: .3em 1em;
    color: white;
    z-index: 120;
    font-size: 1.3em;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    opacity: 1 !important;
}
.banner-container a, .banner-container a:visited {
    color: white;
    text-decoration: none;
}

.banner-transparent-background {
    background-color: #024c8c;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.4em;
    width: 100%;
    opacity: 0.7;
}
.aside.welcome {
    background: url('../../__data/assets/image/0018/7560/bg-welcome0472.gif?v=0.1.1') no-repeat scroll bottom left #333;
    height: 326px;
    color: white;
}
.aside.welcome h1 {
    color: #2feae1;
    margin: 0;
    font-size: 1.3em;
    font-weight: normal;
    padding: 0.9em 0.7em;
}
.aside.welcome p {
    font-size: 0.85em;
    margin: 0 1.2em 1.5em 1.2em;
}
.gabtitui {
    margin-top: 1em;
    position: relative;
}
.aside.gabtitui span {
    color: white;
    background-color: #333;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 0.3em 0;
}
.aside.gabtitui a:hover {
    text-decoration: none;
}
.gabtitui a.external img {
  margin: 0;
}

.button, .search-page-form-fieldset .submit input[type="submit"] {
    background-color: #024c8c;
   border: none;
   display: block;
   padding: 1em 1.3em;
   margin: 0.5em;
   color: white;
   text-transform: uppercase;
   font-size: 0.85em;
}

.button:hover, .search-page-form-fieldset .submit input[type="submit"]:hover {
    background-color: #00386b;
}
.button span {
    font-family: courier, arial, sans-serif;
    padding-left: 1em;
}
.aside a.button {
    width: 9em;
    color: white;
}
.aside .vertical-nav li {
   /* background: url('https://www.gabtitui.gov.au/__data/assets/image/0007/7558/icon-bullet.gif?v=0.1.1') no-repeat 0px 15px; */
    padding-left: 1.1em;
}

.leftcol-asides .aside .vertical-nav li {
   background-position: 0px 8px;
}


/* END 5: Home page  ------------------------------------------------------------------------------------------------ */

/* 6: HTML5 boilerplate print styles  ------------------------------------------------------------------------------------------------ */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* END 6: HTML5 boilerplate print styles  ------------------------------------------------------------------------------------------------ */

/* 7: Anything slider styles  ------------------------------------------------------------------------------------------------ */
/* 7.1: Anything slider default styles  ------------------------------------------------------ */
#slider {
width:950px;
height:335px;
list-style:none;
overflow-y:auto;
overflow-x:hidden;
}

.anythingSlider-default {
  margin:0 auto;
  padding:0 45px 28px;
}

.anythingSlider-default .anythingWindow {
border-top:3px solid #777;
border-bottom:3px solid #777;
}

.anythingSlider-default .anythingControls a span {
visibility:visible;
}

.anythingSlider-default .anythingControls a.cur {
background:#888;
color:#000;
}

.anythingSlider-default .anythingControls a.start-stop {
background-color:#040;
color:#ddd;
}

.anythingSlider-default .anythingControls a.start-stop.playing {
background-color:#800;
}

.anythingSlider-default .anythingControls a.start-stop:hover,.anythingSlider-default .anythingControls a.start-stop.hover,.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
background-image:none;
color:#ddd;
}

.anythingSlider-default.activeSlider .anythingWindow {
border-color:#7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a {
background-color:#7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a.cur,.anythingSlider-default.activeSlider .anythingControls a:hover {
background:#7C9127;
}

.anythingSlider-default.activeSlider .anythingControls a.start-stop {
background-color:#080;
color:#fff;
}

.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
background-color:#d00;
color:#fff;
}

.anythingSlider-default.activeSlider .start-stop:hover,.anythingSlider-default.activeSlider .start-stop.hover {
color:#fff;
}

.anythingSlider-default .arrow {
display: none;
}

.anythingSlider-default .arrow a {
display:none;
width:45px;
height:140px;
text-align:center;
outline:0;
/* background:url(../images/default.png) no-repeat; */
margin:-70px 0 0;
}

.anythingSlider-default .back {

}

.anythingSlider-default .back a {
background-position:left top;
}

.anythingSlider-default .back a:hover,.anythingSlider-default .back a.hover {
background-position:left -140px;
}

.anythingSlider-default .forward {

}

.anythingSlider-default .forward a {
background-position:right top;
}

.anythingSlider-default .forward a:hover,.anythingSlider-default .forward a.hover {
background-position:right -140px;
}

.anythingSlider-default .anythingControls {
outline:0;
display:none;
}

.anythingSlider-default .anythingControls ul {
float:left;
margin:0;
padding:0;
display: block;
position: relative;
}

.anythingSlider-default .anythingControls ul li {
  display: block;
  float: left;
}

.anythingSlider-default .anythingControls ul a {
font:11px/18px Georgia, Serif;
display:inline-block;
text-decoration:none;
height:18px;
text-align:center;
outline:0;
margin:0 5px 0 0;
padding:2px 8px;
}

.anythingSlider-default .anythingControls .anythingNavWindow {
overflow:hidden;
float:left;
}

.anythingSlider-default .anythingControls .start-stop {
width:40px;
text-align:center;
text-decoration:none;
float:right;
z-index:100;
outline:0;
padding:2px 5px;
}

.as-oldie .anythingSlider-default .arrow {

}

.as-oldie .anythingSlider-default .anythingControls li {
margin-left:3px;
}

.as-oldie .anythingSlider-default .anythingNavWindow {
margin:0 2px;
}

.as-oldie .anythingSlider-default .anythingNavWindow li {
padding:3px 0 0;
}

.anythingSlider {
display:block;
overflow:visible!important;
position:relative;
}

.anythingSlider .anythingWindow {
overflow:hidden;
position:relative;
width:100%;
height:100%;
}

.anythingSlider .anythingBase {
background:transparent;
list-style:none;
position:absolute;
overflow:visible!important;
top:0;
left:0;
margin:0;
padding:0;
}

.anythingSlider .arrow span {
display:block;
visibility:hidden;
}

.anythingSlider .arrow.disabled {
display:none;
}

.anythingSlider .panel {
background:transparent;
display:block;
overflow:hidden;
float:left;
margin:0;
padding:0;
}

.anythingSlider .vertical .panel {
float:none;
}

.anythingSlider .fade .panel {
float:none;
position:absolute;
top:0;
left:0;
z-index:-1;
}

.anythingSlider .fade .activePage {
z-index:0;
}

.anythingSlider.rtl .anythingWindow {
direction:ltr;
unicode-bidi:bidi-override;
}

.anythingSlider.rtl .anythingControls ul {
float:left;
}

.anythingSlider.rtl .anythingControls ul a {
float:right;
}

.anythingSlider,.anythingSlider .anythingWindow,.anythingSlider .anythingControls ul a,.anythingSlider .arrow a,.anythingSlider .start-stop {
transition-duration:0;
-o-transition-duration:0;
-moz-transition-duration:0;
-webkit-transition-duration:0;
}

.as-oldie .anythingSlider-default .arrow a,.as-oldie .anythingSlider-default .anythingControls a {
margin:0;
}

/* END 7.1: Anything slider default styles  ------------------------------------------------------ */

/* 7.2: Anything slider override styles  ------------------------------------------------------ */
.anythingSlider-default.activeSlider .anythingWindow {
    border: 0 none;
}
.anythingSlider-default {
    margin: 0;
    padding: 0;
margin-bottom: 2em;
}
.anythingSlider-default .anythingControls a span{
    visibility: hidden;
}
.anythingSlider-default.activeSlider .anythingControls a {
    background-color: white;
    border-radius: 0.5em;
    height: 1em;
    width: 1em;
    padding: 0;

    -moz-box-shadow: 3px 3px 5px -3px #000000;
    -webkit-box-shadow: 3px 3px 5px -3px #000000;
    box-shadow: 3px 3px 5px -3px #000000;

}
.anythingSlider-default.activeSlider .anythingControls a:hover {
    -moz-box-shadow: 3px 3px 5px -1px #000000;
    -webkit-box-shadow: 3px 3px 5px -1px #000000;
    box-shadow: 3px 3px 5px -1px #000000;
}
.anythingSlider-default .anythingControls {
    /*position: absolute;
    right: 0em;
    bottom: 0.5em;*/
    list-style: none;
    z-index: 120;
  float: right;
  padding: 1em 0 .8em 0;
}
.playbutton{
    float: left;
    margin: 0 1em 0 0;
    display: none;
    width: 1.1em;
    height: 1.1em;
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop, .anythingSlider-default.activeSlider .anythingControls a.start-stop:hover {
    height: 1.1em;
    width: 1.1em;
    border-radius: 0.55em;
    background: url('../../__data/assets/image/0008/7559/icon-play0472.gif?v=0.1.1') no-repeat scroll center center white;
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
    background: url('../../__data/assets/image/0003/7554/icon-pause0472.gif?v=0.1.1') no-repeat scroll center center white;
}
.anythingSlider-default.activeSlider .anythingControls a.cur{
    background-color: black;
}
.anythingSlider-default.activeSlider .anythingControls a:hover {
    background-color: white;
}
.anythingSlider-default.activeSlider .anythingControls .arrow a {
    margin: 0 0.6em 0 0;
    height: 1.1em;
    width: 1.1em;
    border-radius: 0.55em;    
}
.anythingSlider-default .arrow {
    position: relative;
    top: auto;
    float: left;
}
.anythingSlider-default .anythingControls ul {
    /* margin: 0 1.1em 0 0.7em; */
    margin: 0 0.7em 0 0;
}
.anythingSlider-default .back a, .anythingSlider-default.activeSlider .anythingControls .back a:hover, .anythingSlider-default.activeSlider .anythingControls .back a:active {
    background: url('../../__data/assets/image/0020/7553/icon-back0472.gif?v=0.1.1') no-repeat scroll center center white;
}
.anythingSlider-default .forward a, .anythingSlider-default.activeSlider .anythingControls .forward a:hover, .anythingSlider-default.activeSlider .anythingControls .forward a:active {
    background: url('../../__data/assets/image/0004/7555/icon-forward0472.gif?v=0.1.1') no-repeat scroll center center white;
}
.anythingSlider-default.activeSlider .anythingWindow {
    -moz-box-shadow: 3px 3px 8px -5px #000000;
    -webkit-box-shadow: 3px 3px 8px -5px #000000;
    box-shadow: 3px 3px 8px -5px #000000;
}



/* END 7.2: Anything slider override styles  ------------------------------------------------------ */
/* END 7: Anything slider styles  ------------------------------------------------------------------------------------------------ */

/* 8: Event styles  ---------------------------------------------------------------------------------------------------- */
/* 8.1: Upcoming event styles  ------------------------------------------------------ */
.event-teaser {
  display:block;
  overflow:hidden;
  margin:0 0 0px;
  padding:10px 0 10px;
  border-bottom: 1px dotted #CECACA;
}
.event-teaser h3 {
  margin:0 0 5px;
}
.event-teaser .event-date {
  display:block;
  font-size:90%;
  font-weight:bold;
  clear:left;
}

/* END 8.1: Upcoming event styles  ------------------------------------------------- */
/* 8.2: Event calendar styles  ------------------------------------------------------ */
#calendarTable{
   margin-bottom: 2em;
}
#calendarTable table {
  display: block;
  margin:0 auto;
}
#calendarTable th {
  padding:15px 0;
}
#calendarTable td {
  padding: 4px;
}
#calendarTable .event {
  font-size:90%;
}
#calendarTable div.event {
  padding-bottom: 5px;
  border-bottom: 1px dotted #CCCCCC;
}
#upcoming-events {
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  margin-bottom: 15px;
}
#upcoming-events h2{
  margin-bottom: 0.3em;
}
#calendarTable .event-details td{
  padding: 1em 2em;
}
#calendarTable .event-details table{
  width: 100%;
}
table#day{
  width: 100% !important;
}
table#day .columnLabel{
  width: 95% !important;
}
#monthly_events_header {
  border-top: 1px solid #FFF;
}
/* END 8.2: Event calendar styles  ------------------------------------------------- */
/* END 8: Event styles  ------------------------------------------------------------------------------------------------ */

/* 9: Regional map & Community profile styles  ---------------------------------------------------------------------------------------------------- */
/* 9.1: Gmap styles  ------------------------------------------------------ */
#regional-maps .tab-pane,
#regional-maps .gmap-link-list {
  display: none;
}
#regional-maps #google_map {
  display: block;
}
.location-title{
  font-weight: bold;
}

.location-img {
  float:left;
  width: 55px;
  height: 50px;
  overflow:hidden;
  margin:0 5px
}
.location-img img {
  display:block;
  width:100%;
  height:auto; 
}
/* END 9.1: Gmap styles  ------------------------------------------------- */
/* 9.2: Community profile styles  ------------------------------------------------- */
.community-image {
  float: right;
  width: 200px;
}
.community-image img {
  display: block;
  width: 100%;
  height: auto;
}
.headings ul {
  margin:0;
  list-style:none;
}
.headings span {
  font-weight: bold;
}
/* END 9.2: Community profile styles  ------------------------------------------------- */   
/* END 9: Regional map & Community profile styles  ------------------------------------------------------------------------------------------------ */

/* 10. Multimedia page  ------------------------------------------------------------------------------------------------ */
body.multimedia .main {
  margin: 0;
  width: 705px;
}
.main .video-text {
  width: 670px;
  padding: 10px;
  background: #111;
  border-top: 1px solid #555555
}
.main .video-text p {
  margin-top: 0px;
  color: #FFF;
}
.video-page .video {
  padding: 0 0 10px; 0;
  border-bottom: 1px dotted #000;
}
.video-page .video h2 {
  font-size: 1.1em;
}
.video-page .video-thumbnail a img {
  border: 5px solid #FFF;
  -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75);
  width: 50%;
  height: auto;
}
/* END 10. Multimedia page  ------------------------------------------------------------------------------------------------ */

/* 11. Sitemap page  ------------------------------------------------------------------------------------------------ */
#site-map ul {
  font-weight:bold;
}
#site-map ul li ul {
  font-weight:normal;
}
#site-map ul ul ul {
  list-style-image:none !important;
  list-style-type: circle !important;;
}
#site-map ul ul ul ul {
  list-style-image:none !important;
  list-style-type: disc!important;;
}
/* END 11. Sitemap page  ------------------------------------------------------------------------------------------------ */



a.external img {
  margin: 0 0 0 3px;
  vertical-align: top;
}

.gabtitui a.external img.external-img {
    position: absolute;
    right: -9px;
    top: -6px;
}

/* 12. Staff profiles  ------------------------------------------------------------------------------------------------ */

.staff-profile {
    display: block;
    border-bottom: 1px solid #EAE9E7;
    padding: 10px 0;
}
.profile-name {
    float:left;
    width:70%;
}
.profile-name h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.profile-image {
    float:left;
    width: 30%;
    min-height: 90px;
}

.profile-details {
    float: left;
    width:100%;
}

.staff-list {
    padding: 10px;
    background-color: #F8F7F5;
    display:block;
    clear:both;
}

/* 13. Content request styles  ------------------------------------------------------------------------------------------------ */
#form_email_3628 fieldset legend {
  display: block;
  width: 100%;
  border-top: 1px solid #FFF;
  padding: 10px 0px 10px 0px;
  color: #016962;
}
#form_email_3628 .form-question label {
  color: #016962;
}
#form_email_3628 .form-item {
  padding-bottom: 30px;
}
#form_email_3628 .form-answer ul li {
  list-style-image: none;
  list-style: none;
}
#form_email_3628 .form-item p.note {
  color: #333;
}
h2.request-group {
  display: block;
  border-bottom: 1px solid #FFF;
  width: 100%;
}
h3.request-title {
  margin-top: 0px;
  margin-bottom: 10px;
}

.support-requests-listing .submission-item {
  display: block;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0;
}
.support-requests-listing .rejected-no {
  display: none;
}
.support-requests-listing .rejected-yes {
  color: red;
}
.support-requests-listing .actioned-no {
  display: none;
}
.support-requests-listing .actioned-yes {
  color: green;
}
.support-requests-listing .submission-options .approval-link a,
.support-requests-listing .submission-options .rejection-link a {
    display: block;
    background: green;
    color: #fff;
    font-weight: bold;
    padding: 0.5em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D3D2D0;
    text-align: center;
}
.support-requests-listing .submission-options .rejection-link a {
    background: red;
}
.support-requests-listing.all-requests .item-approved-yes .submission-options,
.support-requests-listing.all-requests .item-rejected-yes .submission-options {
  display: none;
}
.support-requests-listing .submission-content {
  display: block;
  width: 78%;
  float: left;
  padding-right: 2%;
  margin-bottom: 2em;
}
.support-requests-listing .submission-options {
  display: block;
  width: 20%;
  float: left;
}

/* 14. Atoms  ------------------------------------------------------------------------------------------------ */

.padding-top-2 {
  padding-top: 2em;
}

.light-box-inline-table {
  display: none;
}

.light-box-inline-table table {
  border: 1px solid #D3D2D0;
}

.light-box-inline-table table th {
  padding: 10px 10px;
}

.light-box-inline-table table ul{
  padding: 0 0 0 15px;
  margin:0;
}

/* Weather */

.weather {
  margin-top: 1em;
  margin-bottom: 1em;
}

.weather-container #container {
  margin-bottom: 0;
}

.weather-container #wimg {
  float: left;
}

.weather-container #wimg img {
  width: 70px;
}

.weather-container #ccit,
.weather-container #tfor,
.weather-container #ctemp {
  float: right;
  font-size: 0.85em;
  width: 65%;
}

.twitter-icon{
  width:4em;
  height:auto;
}
/* List styling */

.main ul.environmental-management-list-indent{
    margin: 0 0 0 4em;
}

/* Annual Report Styling */
.annual-report-body h4 {
    text-transform: none;
}

.img-right-margin {
    margin-right: 0.35em;
}


/* interactive map  */

.interactive-map { position:relative; z-index:50; }
.interactive-map .islands,
.interactive-map .islands-popouttext { position:absolute; z-index:700; opacity:0.0; filter:alpha(opacity=0); left:0; top:0; width:10px; height:10px; background:transparent left top no-repeat; }
.interactive-map .islands-popouttext { background-image:url('../../__data/assets/image/0007/7999/interactive-map-popout9595.png?v=0.0.2'); z-index:900; width:280px; height:96px; overflow:hidden; padding:28px 18px 10px 30px; }
.interactive-map .islands-popouttext h2 { margin:0; padding:0; }
.interactive-map .islands-popouttext ul { margin:0 0 0 35px; padding:0; }
.interactive-map .islands-popouttext li { margin:0; padding:0; font-size:11px; }
.interactive-map .islands-popouttext a { color:#444; }
.interactive-map .islands-visible { opacity:1.0; filter:alpha(opacity=100); }
.interactive-map .islands-popouttext-visible { z-index:900 !important; }

.interactive-map #eastern-islands { background-image:url('../../__data/assets/image/0012/8004/map-easternislands9595.gif?v=0.0.2'); left:502px; top:78px; width:209px; height:245px; }
.interactive-map #central-islands { background-image:url('../../__data/assets/image/0011/8003/map-centralislands9595.gif?v=0.0.2'); left:228px; top:149px; width:308px; height:218px; }
.interactive-map #western-islands { background-image:url('../../__data/assets/image/0010/8002/map-westernislands9595.gif?v=0.0.2'); left:37px; top:253px; width:209px; height:165px; }
.interactive-map #inner-islands { background-image:url('../../__data/assets/image/0009/8001/map-innerislands9595.gif?v=0.0.2'); left:33px; top:409px; width:200px; height:143px; }
.interactive-map #top-western-islands { background-image:url('../../__data/assets/image/0008/8000/map-topwesternislands9595.gif?v=0.0.2'); left:109px; top:47px; width:260px; height:140px; }

.interactive-map #popouttext-eastern-islands { left:250px; top:200px; }
.interactive-map #popouttext-central-islands { left:380px; top:320px; }
.interactive-map #popouttext-western-islands { left:142px; top:188px; }
.interactive-map #popouttext-inner-islands { left:200px; top:320px; }
.interactive-map #popouttext-top-western-islands { left:258px; top:150px; }

.interactive-map #popouttext-eastern-islands { background-image:url('../../__data/assets/image/0006/7998/interactive-map-popout-tr9595.png?v=0.0.2'); padding:34px 30px 10px 18px; }
.interactive-map #popouttext-western-islands,
.interactive-map #popouttext-inner-islands { background-image:url('../../__data/assets/image/0005/7997/interactive-map-popout-bl9595.png?v=0.0.2'); padding:16px 18px 28px 30px; }