/*fonts*/
/*
font: 'Abel', sans-serif;
rem with px fallback
*/

/*colours*/
/*
blue #007083
lightGreen #437b00
brown #996600
red #a12a1d
darkGreen #006600
ochre #d14210
*/

/*global*/
html {font-size: 62.5%; background:#ececec;} /*rem base font*/
html, button, input, select, textarea { color: #222;}
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.hidden { display: none!important; visibility: hidden; }
::-moz-selection {background:#778490;color:#fff;text-shadow:none;}
::selection { background: #778490; color: #fff; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #000; margin: 1.4em 0; padding: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*global structure*/
.print-logo {display:none;}
.wrapper {margin:0; background:#fff; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; overflow-x:hidden;}

/*typography*/
body { font: 15px/24px 'Abel', sans-serif; font-size:1.5rem; line-height:2.0rem; color:#333; min-width:320px; background:#ececec; /*max-width:1210px; margin:0 auto; overflow-x:hidden;*/} 
h1 { font-size: 22px; line-height:1.2em; font-size:2.2rem; margin: 0 0 20px; }
h2 { font-size: 18px; line-height:1.2em; font-size:1.8rem; margin: 0 0 20px; }
h3 { font-size: 16px; line-height:1.2em; font-size:1.6rem; margin: 0 0 20px; }
h4 { font-size: 15px; line-height:1.2em; font-size:1.5rem; margin: 0 0 20px; }
h5 { font-size: 14px; line-height:1.2em; font-size:1.4rem; margin: 0 0 15px; }
h6 { font-size: 12px; line-height:1.2em; font-size:1.3rem; margin: 0 0 15px; }
h1, h2, h3, h4, h5, h6 { font-family:'Abel', sans-serif; font-weight: 700;}

/*content styles*/
.smallText {font-size:13px; font-size:1.3rem;}
.content img {max-width:100%; margin-bottom:10px;}

/*form layout*/
legend { display:block; width:100%; font:20px/36px 'Abel', sans-serif; padding:0; margin-bottom:10px;}
.vividForm {max-width:400px; display:none;}
.vividForm > div > div {margin-bottom:20px;}
.vividForm ul{ list-style:none; padding:0; margin:0;}
.vividForm li {}
.vividForm li li {margin-bottom:2px;}
.vividForm li:last-child {margin-bottom:0;}
.vividForm label, .vividForm h3 {display:block; font:700 16px/26px 'Abel', sans-serif; font-size: 1.6rem;  margin-bottom:5px;}
.content input, .content select, .content .k-dropdown-wrap, .content textarea, .content form ul {margin-bottom:30px;}
.help-block {font-size:11px; font-style:italic;}
.sfFormBox .sfError, .sfFormBlock .sfError { margin: -25px 0 20px; color: #FF2A2A; }
.sfFormCheckboxlist .sfError { margin: 0 0 20px; color: #FF2A2A; }
/*sf form overrides*/
.sfFormCaptcha img {margin:0;}
.sfFormCaptcha a {margin:0 0 20px}
.RadUpload_Default .ruFakeInput {background:#eaeaea; min-height: 33px; font:15px/33px 'Abel', sans-serif; font-size:1.5rem; border:none; padding:0 5px;}
.RadUpload .ruFileWrap {height:33px; border:1px solid #ddd; width:250px;}
.RadUpload_Default .ruButton {background:#007083; color:#fff; text-transform:uppercase; position:absolute; right:0; top:0;}

/*inputs, textareas*/
input, .k-dropdown-wrap, textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; width:100%; min-height:38px; font:16px/38px 'Abel', sans-serif; padding:0 5px; background-color:#eaeaea;  border:1px solid #ddd; -webkit-appearance: none; -moz-box-shadow: none; box-shadow: none;}/*min font size of 16px required for devices*/
.sfTxtBoxSmall input[type="text"] { width: 40%; }
input:disabled {border:1px solid #ddd; background:#eee;}
input:focus, select:focus, .k-dropdown-wrap.k-state-focused, textarea:focus {border-color:#ccc;}
input[type="file"] { line-height:normal; padding:6px; background:none;}

/*kendo drop downs*/
.k-dropdown {display:block; width:100%;}
.k-dropdown-wrap {position:relative; display:block; padding-right:30px;  }
.k-dropdown .k-input {}
.k-dropdown .k-select { position:absolute; top:0; right:0;}
.k-dropdown .k-select .k-icon { display:block; width:33px; height:38px; text-indent:-9999px;  background: #eee url("../images/sprites.png") no-repeat -101px -181px;  border-left:1px solid #ddd;}
.k-list-container {border:1px solid #ccc; border-top:0 none; background:#fff;}
.k-list-container ul.k-list {list-style:none; padding:0; margin:0;}
.k-list-container li.k-item  {font:12px/18px 'Abel', sans-serif; padding:5px;}
.k-list-container li.k-item.k-state-selected {background:#eee;}
.k-list-container li.k-item.k-state-hover {background:#ddd;}

/*UI sizes*/
select.small-dropDown, .k-dropdown.small-dropDown {max-width:160px;}
input.textbox-sm {max-width:160px;}
input.textbox-lg {}

/*radio buttons / checkboxes*/
.checker, .radio {display:inline-block; vertical-align:middle; border:1px solid #ddd; overflow:hidden; float:left;}
.checker.focus, .radio.focus {border-color:#ccc; }
.checker span, .radio span {display:block; background:#fff; }
.checker input, .radio input{width:15px; height:15px; min-height:0; opacity:0; padding:0; margin:0; background:#F6F6F6; }
.radio+label, .checker+label {font:12px/18px 'Oxygen', sans-serif; font:1.2rem; display:inline-block; margin:0 0 0 5px; vertical-align:top;}



/*radio buttons*/
.radio {-webkit-border-radius: 12px; -moz-border-radius: 12px;  border-radius:12px; }
.radio span {-webkit-border-radius: 12px; -moz-border-radius: 12px;  border-radius:12px; }
.radio span.checked {background: url(../images/sprites.png) no-repeat -277px -201px;}

/*checkboxes*/
.checker span.checked {background: url(../images/sprites.png) no-repeat -278px -172px;}

/*buttons*/
.content .btn, input[type="submit"], #mapLinkResponsive {width:auto; color:#fff!important; background:#007083; border:none; height:33px; padding:0 25px; font:11px/33px 'Abel', sans-serif; text-transform:uppercase; letter-spacing:1px; display:inline-block; clear:both; cursor:pointer; text-decoration:none; margin:0 0 10px 0;}
.content .btn:hover, input[type="submit"]:hover, #mapLinkResponsive:hover {background-color:#000; color:#fff; text-decoration:none;}

/*color theme buttons*/
.blueContent .btn, .blueContent input[type="submit"] {background:#007083;}
.lightGreenContent .btn, .lightGreenContent input[type="submit"] {background:#437b00;}
.brownContent .btn, .brownContent input[type="submit"] {background:#996600;}
.redContent .btn, .redContent input[type="submit"] {background:#a12a1d;}
.darkGreenContent .btn, .darkGreenContent input[type="submit"] {background:#006600;}
.ochreContent .btn, .ochreContent input[type="submit"] {background:#d14210;}

/* large button widget color */
.buttonWidget .button-text, .buttonWidget .large{ background: #d14210;}
.blueContent .buttonWidget .large{ background: #007083;}
.lightGreenContent .buttonWidget .large{ background: #437b00;}
.brownContent .buttonWidget .large{ background: #996600;}
.redContent .buttonWidget .large{ background: #a12a1d;}
.darkGreenContent .buttonWidget .large{ background: #006600;}
.ochreContent .buttonWidget .large{ background: #d14210;}

/* small button widget color */
.buttonWidget .small:hover{ background: #d14210;}
.blueContent .buttonWidget .small:hover{ background: #007083;}
.lightGreenContent .buttonWidget .small:hover{ background: #437b00;}
.brownContent .buttonWidget .small:hover{ background: #996600;}
.redContent .buttonWidget .small:hover{ background: #a12a1d;}
.darkGreenContent .buttonWidget .small:hover{ background: #006600;}
.ochreContent .buttonWidget .small:hover{ background: #d14210;}

/* button widget */
.buttonWidget{text-decoration: none;}
.buttonWidget .button-text, .buttonWidget .large{font-size: 1.5em;font-weight: 600; padding: 1.75em 2.5em; color: #ffffff; line-height: 1.25; display: block; text-align: center; word-wrap: break-word; margin: 10px auto;}
.buttonWidget .small{color: #ffffff; font-size: 1.25em; text-align: center; font-weight: 500; background: #000000; line-height: 150%; padding: 12px 30px; display: block;}
.buttonWidget .large:hover {background: #2d2f32;}
.buttonWidget .large img, .buttonWidget .small img{ margin: 0 auto 10px; display: block; width: 40px; height: 40px;}

/*table*/
table {width:100%; margin:0 0 25px 0;}
table td {border-bottom:1px solid #5d646c;}
table th, table .telerik-reTableHeaderRow-1 td, .content .telerik-reTable-1 tr.telerik-reTableHeaderRow-1, .content .telerik-reTable-1 td.telerik-reTableHeaderEvenCol-1, .content .telerik-reTable-1 td.telerik-reTableHeaderOddCol-1 { padding: 10px 15px; background: #f1f2f4; text-align:left;border-bottom:2px solid #5d646c; padding: 10px 15px; font: 700 15px "Abel",​sans-serif; color: #333; text-align: left;}
table td, .content .telerik-reTable-1 td.telerik-reTableEvenCol-1, .content .telerik-reTable-1 td.telerik-reTableOddCol-1 {padding:10px 15px; background: #fff; font: 400 15px "Abel",​sans-serif; color: #333;}

/*sitefinity default styles*/

/*editor content*/
.sfContentBlock {}

/*image gallery*/
.sfimagesTmbList {}
.sfimagesTmbList .sfimagesTmb {float: left; margin: 0 10px 10px 0;}

/*news listing*/
ul.sfnewsList {list-style:none; padding:0; margin:0;}
ul.sfnewsList li {margin-bottom:0;}
ul.sfnewsList li:last-child {margin-bottom:0;}
h2.sfnewsTitle {font-size:18px; font-size:1.8rem; margin:0;}
h2.sfnewsTitle a {text-decoration:none;}
h2.sfnewsTitle a:hover {text-decoration:underline;}
.sfnewsMetaInfo {font-style:italic; font-size:14px; font-size:1.4rem;}
.sfnewsListItem:before {content:"---"; display:block; padding:10px 0;}
.sfnewsListItem:first-child:before {display:none;}
.sfnewsAuthorAndDate {font-style:italic; font-size:14px; font-size:1.4rem; margin:0 0 20px 0;}

/*sf paging*/
.sf_pagerNumeric {text-align:center; margin:30px 0 0;}
.sf_pagerNumeric a {display:inline-block; width:20px; height:30px; text-align:center; line-height:30px; background:#eee; color:#000!important; text-decoration:none; margin-left:2px;}
.sf_pagerNumeric a:first-child {margin-left:0;}
.sf_pagerNumeric a.sf_PagerCurrent {background:#ddd;}
.sf_pagerNumeric a:hover {zoom: 1;filter: alpha(opacity=70); opacity: 0.7;}

/*comments*/
h2.sfcommentsTitle {clear:both; font-size:16px; font-size:1.6rem; margin:0;}
ol.sfcommentsList {list-style:none; padding:0; margin:0;}
ol.sfcommentsList li {margin-bottom:20px;}
ol.sfcommentsList li:last-child {margin-bottom:0;}
.sfcommentsForm {border:0 none; padding:0; margin:0;}
ol.sfcommentsFieldsList {list-style:none; padding:0; margin:0;}

/*events calendar*/
.RadScheduler_Metro .rsHeader {border:0 none; background:#666;}
.RadCalendar_Metro .rcRow .rcSelected {background:#666;}

/*events listing*/
h2.sfcalendarListTitle {font-size:16px;font-size:1.6rem;  margin:0;}
ul.sfcalendarList {list-style:none; padding:0; margin:0;}
ul.sfeventsList {list-style:none; padding:0; margin:0;}
ul.sfeventsList li {margin-bottom:20px;}
ul.sfeventsList li:last-child {margin-bottom:0;}
h2.sfeventTitle {font-size:16px;font-size:1.6rem;  margin:0;}
h2.sfeventTitle a {text-decoration:none;}
h2.sfeventTitle a:hover {text-decoration:underline;}
.sfeventsRecurrenceTooltipWrp a {text-decoration:underline; cursor:pointer;}

/*blog listing*/
ul.sfpostsList {list-style:none; padding:0; margin:0}
ul.sfpostsList li {margin-bottom:20px;}
ul.sfpostsList li:last-child {margin-bottom:0;}
h2.sfpostTitle {font-size:16px; font-size:1.6rem; margin:0;}
h2.sfpostTitle a {text-decoration:none;}
h2.sfpostTitle a:hover {text-decoration:underline;}

/*image galleries*/
ul.sfimagesTmbList {list-style:none; padding:0; margin:0;}
.galleria-container {background:#eee;}

/*sf forms*/
.sfFieldWrp {display:block;}

/*sf lists*/
ul.sflistList {list-style:none; padding:0; margin:0;}
ul.sflistList li {margin-bottom:20px;}
ul.sflistList li:last-child {margin-bottom:0;}
.sflistExpandAllLnkWrp a:after {display:inline-block; padding:0 10px; }
a.sflistExpandAllLnk:after { content:"+";}
a.sflistCollapseAllLnk:after {content:"-";}
ul.sflistList li h3 {font-size:14px; font-size:1.4rem; font-weight:400; margin:0;}
ul.sflistList li h3 a {}
ul.sflistList li h3 a.sflistItemToggleLnk:after {display:inline-block; padding:0 10px; content:"+"; }
ul.sflistList li h3 a.sflistItemToggleLnk.sflistListItemExpanded:after {content:"-";}

/*sf download list overrides(publications page)*/
.sfdownloadList {list-style:none; margin: 20px 0; padding: 0;}
.sfLargeIcns .sfdownloadList .sfdownloadFile {padding-left:43px; margin: 0 0 20px 0;}
.sfLargeIcns .sfdownloadList .sfdownloadFile.sfjpg {background: url(../images/placeholder/sf-pdf.png) 0 3px no-repeat;}
.sfdownloadList h2 {margin-bottom:0;}
.sfdownloadList .sfdownloadFile a {text-decoration:none; word-break:break-word;}
.sfdownloadList .sfdownloadFile a:hover {text-decoration:underline;}
select[multiple] {width:100%;}

/*page tools*/
.fullWebsite {display:none;}
.pageTools {display:none;text-align:right; height:36px; line-height:27px; font-size:12px; font-size:1.2rem; padding:0 10px; overflow:hidden;}
.pageTools ul { padding:0; list-style:none; display:inline-block; margin:5px 0 0 0;}
.pageTools ul li {float:left;}
.pageTools a {color:#333;}
.pageTools .resizer a {background: url("../images/sprites.png") no-repeat 0 0; text-indent:-9999px; display:inline-block; text-align:left; height:15px; width:15px;}
.pageTools .resizer #jfontsize-p2 {background-position:-299px -6px;}
.pageTools .resizer #jfontsize-m2 {background-position:-314px -6px;}
.skipTo  {float:left;}
.icons .email, .icons .print {height:27px; background: url("../images/sprites.png") no-repeat 0 0; display:inline-block; text-indent:9999px;}
.pageTools .resizer {line-height: 10px; border-right: 1px solid #000; height: 15px; vertical-align:top; margin:12px 0 0 0; padding:0 5px 0 0;}
.pageTools .resizer li {font-size:15px; font-size:1.5rem; font-weight:bold; line-height:15px;}
.icons .email {width:26px;background-position:-339px 0;}
.icons .print {width:36px;background-position:-364px 0;}
.icons .textOnly {text-decoration:none; }
.icons .textOnly:hover {text-decoration:underline;}
.resizer a:hover, .resizer .a:active, .icons .email:hover, .icons .email:active, .icons .print:hover, .icons .print:active {zoom: 1;filter: alpha(opacity=60); opacity: 0.6;}

/*header*/
.header {padding:0 1px; background: url(../images/headerBg.gif) 0 0 repeat-x;}
.logo {width:338px; height:55px; margin:0 auto; padding:11px 0 12px;}
.logo a {display:inline-block; background:url("../images/sprites.png") no-repeat 0 0; text-indent:-9999px; float:left;}
.logo .waGovtLogo {width:74px; height:55px;}
.logo .dsdLogo {width:262px; height:55px; background-position:0 -338px;}

/*search and nav*/
#searchToggle, #navigationToggle {display:block; float:right; width:50%; height:35px; background:#778490; color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px; font-size:1.4rem; line-height:33px; text-align:center; }
#searchToggle:before, #navigationToggle:before {content:""; display:inline-block; vertical-align:middle; height:23px; background:url("../images/sprites.png") no-repeat 0 0; margin-right:10px; }

/*Search*/
#searchToggle.active { background-color:#000;}
#searchToggle:before {background-position:-207px -132px; width:25px; }
.searchContainer{ position:relative; display:none; clear:both; background:#f3f3f3; padding:10px;}
.searchContainer input[type="text"] {color:#666; padding-right:75px; border:1px solid #778490; border-width:1px 70px 1px 1px ; height:35px; background:#fff;}
.searchContainer .btn {position:absolute; top:10px; right:10px; font-size:12px; text-indent:-9999px; background:#778490 url("../images/sprites.png") no-repeat -186px -124px; width:70px; height:35px; border:none;}
.wholeGovtSearch {text-decoration:none; color: #333; display:block; height:33px; line-height:33px; clear:both; text-align:center; font-size:13px; font-size:1.3rem;}
.wholeGovtSearch:hover {text-decoration:underline;}

/*Main Navigation*/
nav {background:#f1f1f1;}
#navigationToggle {border-right:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#navigationToggle.active { background-color: #000; }
#navigationToggle:before {background-position:-316px -32px; width:32px; }
#navigationContainer { position:relative; display: none; z-index:101 }
ul.navigation { width: 100%; list-style: none; position: relative; padding: 0; margin: 0; background-color:#fff;}
ul.navigation ul { width: 100%; display: none; padding: 0; margin: 0; }
ul.navigation ul ul, ul.navigation ul ul ul { top: 0; left: 100%; }
ul.navigation li {  border-bottom: 1px solid #000; }

ul.navigation > li { border-bottom:2px solid #007083;}
ul.navigation > li:nth-child(1) {border-color:#d14210;}
ul.navigation > li:nth-child(2) {border-color:#437b00;}
ul.navigation > li:nth-child(3) {border-color:#996600;}
ul.navigation > li:nth-child(4) {border-color:#a12a1d;}
ul.navigation > li:nth-child(5) {border-color:#007083;}

ul.navigation ul li { width: 100%; display: block; border-bottom: 0 none; }
ul.navigation a { display: block; text-decoration: none; background: none; color: #000; height:auto; font:15px/30px 'Abel', san-serif; font-size:1.5rem; padding:5px 60px 5px 10px; position:relative}

ul.navigation > li > a.active, ul.navigation > li:hover > a.active { background: #778490; color:#fff;}
ul.navigation > li:nth-child(1) > a.active{background:#d14210;}
ul.navigation > li:nth-child(2) > a.active{background:#437b00;}
ul.navigation > li:nth-child(3) > a.active{background:#996600;}
ul.navigation > li:nth-child(4) > a.active{background:#a12a1d;}
ul.navigation > li:nth-child(5) > a.active{background:#007083;}

ul.navigation a .toggle-icon{ position:absolute; top:0; right:0; display:block; height:40px; width:40px; background:url("../images/sprites.png") no-repeat -40px -164px;}
ul.navigation a.active .toggle-icon {background-position:0 -164px;}
ul.navigation > li > a.active > .toggle-icon {background-position:-257px -125px;}
ul.navigation ul a { height: auto; border-bottom: 0 none; }
ul.navigation ul ul a { padding-left:40px;}

/*utility navigation*/
.utilityNavigation ul{list-style:none; padding:0; margin:0;}
.utilityNavigation ul a {display:block; font:14px/30px 'Abel', san-serif; font-size:1.4rem; color:#222; text-decoration:none; background:#fff; border-bottom:1px solid #ccc; padding:5px 10px;}
.utilityNavigation ul a:hover {text-decoration:underline;}

/*map tab*/
.mapTab {display:none;}
/*responsive image map*/
img[usemap] {height: auto;max-width: 100%;width: auto;}
#mapWindowResponsive, #mapWindow {display:none;}
#mapLinkResponsive {display:none;}

/*homepage styles*/
.home h1 {display:none;}
.homeCopy h2 {font-size:30px; font-size:3.0rem; text-transform:uppercase; letter-spacing:1px;}
.home .publications, .home .topNews, .home .homeCopy {padding:0 10px;}

/*cycle slider*/
.slider {position:relative; width:100%; max-width: 1200px; margin:0 auto; border-bottom:1px solid #000;}
.slider .slide{width:100%; overflow:hidden; height:415px;}
.slider .slide img {display:inline-block; width:191%; margin-left:-50%; max-width:none;}
.slider .prev, .slider .next {background: url(../images/sprites.png) 0 0 no-repeat; height:40px; width:40px; display:inline-block; float:left;}
.slider .prev {background-position:0 -124px; background-color:#000;}
.slider .prev:hover {zoom: 1;filter: alpha(opacity=60); opacity: 0.6; cursor:pointer;}
.slider .next {background-position:-40px -124px; border-right:1px solid #000;}
.slider .next:hover {zoom: 1;filter: alpha(opacity=60); opacity: 0.6; cursor:pointer;}
.pagerControls {background:#fff; display:block; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; z-index:101; left:0; bottom:0;}
.pagerControls .custom-caption {width:80px; display:inline-block; height:40px; float:left; font: 13px/40px 'Abel', sans-serif; color:#000; letter-spacing:2px; text-align:center;}
.slider .caption {background:url(../images/captionBg.png) 0 0 repeat; color:#fff; padding:15px 12px; height:206px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; bottom:0; left:0; width:100%;}
.slider .caption h2, .slider .caption h3 {font: 26px/30px 'Abel', sans-serif; font-size:2.6rem; color:#fff; text-transform:uppercase; margin:0 0 6px;}
.slider .caption p {font: 13px/18px 'Abel', sans-serif; font-size:1.3rem; margin:0 0 20px 0;}
.slider a.viewMore {display:inline-block; font:13px/40px 'Abel', sans-serif; text-transform:uppercase; background:#fff; height:40px; width:160px; text-align:center; text-decoration:none; color:#000; position:absolute; bottom:0; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; letter-spacing:2px;}
.slider a.viewMore:visited {color:#000;}
.slider a.viewMore:hover {background:#000; color:#fff; text-decoration:none;}
.slider .pagerControls a.viewAll {color:#000; display:inline-block; float:left; line-height:40px; text-decoration:none; font-size:13px; font-size:1.3rem;}
.slider .pagerControls a.viewAll:hover {text-decoration:underline;}

/*publications homepage*/
.publications h2 {font-size:30px; font-size:3.0rem; text-transform:uppercase; letter-spacing:1px;}
.publications h2:after {content:""; width:20px; height: 28px; background: url("../images/sprites.png") no-repeat -291px -29px; display:inline-block; margin: 0  0 0 10px;vertical-align: middle;}
.publications h3 {font-size:25px; font-size:2.5rem; margin:0;}
.publications h3 a {text-decoration:none;}
.publications h3 a:hover {text-decoration:underline;}
.publications a.readMore {text-transform:uppercase; text-decoration:none; font-size:13px; font-size:1.3rem;}
.publications a.readMore:hover {text-decoration:underline;}
.publications p.date {font-size:12px; font-size:1.2rem;}
.publications .slider .slide {height:218px;}
.publications .slider .pagerControls {width:100%; height:auto;}
.publications .slider .pagerControls .prevNext {float:right;}
.publications .slider .pagerControls .prevNext .next {background-color:#f0f0f0; border:none;}
.publications .slider .pagerControls .prevNext .next:hover {zoom: 1;filter: alpha(opacity=60); opacity: 0.6;}


/*news listing homepage*/
.topNews h2, .topNews h3 {font-size:20px; font-size:2.0rem; text-transform:uppercase; margin:0;}
.topNews h2 a, .topNews h3 a {color:#000; text-decoration:none;}
.topNews h2 a:hover, .topNews h3 a:hover {text-decoration:underline;}
.topNews p.newsSubtitle {color:#007083; font-size:12px; font-size:1.2rem; }
.topNews .sfnewsList {list-style:none; padding:0; margin:0; font-size:13px; font-size:1.3rem; }
.topNews .sfnewsList li {margin:0;}
.topNews .sfnewsTitle {font-size:13px; font-size:1.3rem; text-transform:none; font-weight:normal;}
.topNews .sfnewsTitle a {color:#000; text-decoration:none;}
.topNews .sfnewsTitle a:hover {text-decoration:underline;}
.topNews .sfnewsListItem:before {content:"---"; display:block; padding:5px 0;}
.topNews .sfnewsListItem:first-child:before {display:none;}
.topNews .sfnewsMetaInfo {font-style:italic;}
.topNews .moreNews {border-top:1px solid #000; width:90px; text-transform:uppercase; text-decoration:none; display:block; padding:5px 0; margin:30px 0 0 0; font-size:13px; font-size:1.3rem;}
.topNews .moreNews:hover {text-decoration:underline;}

/*accordion tabs*/
.accordionTabs { border-top: 1px solid #000; margin:0 0 10px; padding: 2px 0 0 0;}
.accordionTabs li {list-style: none;}
.accordionTabs li > a {display: block; background: #f0f0f0; border-bottom: 4px solid;text-decoration: none;color: #333; font:16px 'Abel', sans-serif;}
.accordionTabs li > a:hover {text-decoration:none;}
.accordionTabs li > a:visited {color:#333;}
.accordionTabs li > a span {padding: 12px; border-bottom:4px #fff solid; display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.accordionTabs li:nth-child(1) > a {border-color:#007083;}
.accordionTabs li:nth-child(2) > a {border-color:#437b00;}
.accordionTabs li:nth-child(3) > a {border-color:#996600;}
.accordionTabs li:nth-child(4) > a {border-color:#a12a1d;}
.accordionTabs li:nth-child(5) > a {border-color:#006600;}
.accordionTabs li > a:hover, .accordionTabs li > a.active {background: #fff;}
.accordionTabs li:nth-child(1) > a:hover, .accordionTabs li:nth-child(1) > a.active {color:#007083;}
.accordionTabs li:nth-child(2) > a:hover, .accordionTabs li:nth-child(2) > a.active {color:#437b00;}
.accordionTabs li:nth-child(3) > a:hover, .accordionTabs li:nth-child(3) > a.active {color:#996600;}
.accordionTabs li:nth-child(4) > a:hover, .accordionTabs li:nth-child(4) > a.active {color:#a12a1d;}
.accordionTabs li:nth-child(5) > a:hover, .accordionTabs li:nth-child(5) > a.active {color:#006600;}
.accordionTabs li a.active:after {content:""; width:16px; height:8px; display:block; background:url("../images/sprites.png") no-repeat -355px -41px; z-index: 1;position: absolute; left:50%; margin-left:-8px;}
.accordionTabs li a.active {border-bottom:none; position:relative;}
.accordionTabs li div.open {border-bottom:4px solid; border-top:0;}
.accordionTabs li:nth-child(1) div.open {border-color:#007083;}
.accordionTabs li:nth-child(2) div.open {border-color:#437b00;}
.accordionTabs li:nth-child(3) div.open {border-color:#996600;}
.accordionTabs li:nth-child(4) div.open {border-color:#a12a1d;}
.accordionTabs li:nth-child(5) div.open {border-color:#006600;}
.accordionTabs div {display: none; float: left;background: #f0f0f0; overflow: hidden; padding: 40px 12px; border-bottom:solid 4px #fff; border-top:1px solid #fff; margin-bottom:10px;}
.accordionTabs li ul li a {padding: 10px 25px; border-bottom: 1px dotted #ccc;}
.accordionTabs li .imgLeft {float:left; margin:0 20px 10px 0;}
.accordionTabs li .imgRight {float:right; margin:0 0 10px 20px;}


/*project grid*/
.item-grid {padding:10px 0 0 0;}
.item-grid h2 {font-size:18px; font-size:1.8rem; margin:0 0 30px 0;}
.item-grid h2 a {color:#000!important; text-decoration:none;}
.item-grid h2 a:hover {text-decoration:underline;}
.item-grid p {font-size:15px; font-size:1.5rem;}
.item-grid li {margin:0 0 25px 0;}
.item-grid img {width:100%; max-width:100%; display:block; margin:0 0 10px 0;}

/*content*/
.contentArea { padding: 10px; margin:0;}
/*three column layout*/
.rightRail {border-top:1px solid #000; padding-top:20px;}


/*breadcrumbs*/
.breadcrumbs {display:none; margin:0 0 16px 0;}
.breadcrumbs ul { list-style:none; padding:0; margin:0;}
.breadcrumbs li { float:left; font:13px/17px 'Abel', sans-serif; font-size:1.3rem;}
.breadcrumbs a { display:block; float:left; padding-right:4px; color:#007083; text-decoration:none;}
.breadcrumbs a:after {content:""; background: url(../images/sprites.png) -85px -184px no-repeat; width:10px; height:17px; display:inline-block; vertical-align:top; margin-left:4px;}
.content .breadcrumbs a:hover, .content .breadcrumbs a:active {text-decoration:underline;}

/*section colours*/
.content a, .content:visited {color:#007083;}
.blueContent a, .blueContent a:visited {color:#007083;}
.lightGreenContent a, .lightGreenContent a:visited {color:#437b00;}
.brownContent a, .brownContent a:visited {color:#996600;}
.redContent a, .redContent a:visited {color:#a12a1d;}
.darkGreenContent a, .darkGreenContent a:visited {color:#006600;}
.ochreContent a, .ochreContent a:visited {color:#d14210;}
.content a:hover, .content a:active {text-decoration:none;}


/*internal nav*/
.internalNavigation {display:none;}

/*mobile nav and internal side nav shared styles*/
.internalMobileNavigation a, .internalNavigation a {text-decoration:none;}
.internalMobileNavigation a:hover, .internalNavigation a:hover  {text-decoration:underline;}
.internalMobileNavigation ul, .internalNavigation ul {list-style:none; margin:0; padding:0;}
.internalMobileNavigation ul li, .internalNavigation ul li {font: 14px/1.231em 'Abel', sans-serif; font-size:1.4rem; padding:2px 0;}
.internalMobileNavigation > ul ul li:before, .internalNavigation > ul ul li:before { content: "–"; position: absolute;  margin-left: -15px; }
.internalMobileNavigation > ul > li, .internalNavigation > ul > li {border-top:1px solid #000;  padding:11px 10px;}
.content .internalMobileNavigation > ul > li > a, .content .internalNavigation > ul > li > a  {color:#000; font: 14px/16px 'Abel', sans-serif; font-size:1.4rem; }
.internalMobileNavigation ul ul, .internalNavigation ul ul {display:none;}
.internalMobileNavigation li.active-parent > ul, .internalNavigation li.active-parent > ul {display:block}
.internalMobileNavigation li.active-parent, .internalNavigation li.active-parent {padding:0; border:none;}
.content .internalMobileNavigation li.active-parent > a, .content .internalNavigation li.active-parent > a {color:#fff; display:block; padding:11px 10px; background:#007083;}
.content .internalMobileNavigation ul ul a, .content .internalNavigation ul ul a {color:#000; }
.internalMobileNavigation ul ul, .internalNavigation ul ul {padding:5px 10px 5px 20px;}
.internalMobileNavigation ul ul ul, .internalNavigation ul ul ul {margin:0; padding:0 0 0 15px; display:none;}
.internalMobileNavigation a.active-link + ul, .internalNavigation a.active-link + ul {display:block;}

/*publication landing*/
.row .browsePubs, .row .searchPubs {width: 100%; box-sizing: border-box; text-align: center;}
.row .browsePubs {border-bottom:1px solid #778490; padding-bottom:20px; margin-bottom:20px;}
.searchPubs .search {position: relative;}
.searchPubs .search input[type="text"] {color:#666; padding-right:75px; border:1px solid #778490; border-width:1px 70px 1px 1px ; height:35px; background:#fff; margin: 0 0 6px;}
.searchPubs .search .btn {position:absolute; top:0; right:0; font-size:12px; text-indent:-9999px; background:#778490 url("../images/sprites.png") no-repeat -186px -124px; width:70px; height:35px; border:none;}
.searchPubs .searchContainer {position:relative; bottom:0; right:0; display:block; width:100%; background:none; padding:10px 0; max-width:300px; margin:0 auto;}
.searchPubs .searchContainer input[type="text"] {width:100%; padding-right:90px;}
.searchPubs .searchContainer .btn-container {display:inline-block; top:0; right:0; position:absolute;}
.searchPubs .searchContainer .btn-container .btn {right:0;}

/*search results*/
.sfsearchResultsWrp dt { margin: 20px 0 0; }
.sfsearchResultsWrp dd { margin: 0; }
.sfsearchResultsWrp .sfsearchResultTitle a {font-size: 18px; font-size: 1.8rem; font-weight: bold; text-decoration: none;}


/*mobile nav*/
.internalMobileNavigation h2 {font: 20px/1.5em 'Abel', serif; font-size:2.0rem; padding:5px 10px; margin:0; color:#fff; background:#778490;}

/*mobile nav and internal side colour theme*/
.content .internalMobileNavigation a.active-link, .content .internalNavigation a.active-link {color:#007083;}
.blueContent .internalMobileNavigation a.active-link, .blueContent .internalNavigation a.active-link {color:#007083;}
.lightGreenContent .internalMobileNavigation a.active-link, .lightGreenContent .internalNavigation a.active-link  {color:#437b00;}
.brownContent .internalMobileNavigation a.active-link, .brownContent .internalNavigation a.active-link  {color:#996600;}
.redContent .internalMobileNavigation a.active-link, .redContent .internalNavigation a.active-link  {color:#a12a1d;}
.darkGreenContent .internalMobileNavigation a.active-link, .darkGreenContent .internalNavigation a.active-link  {color:#006600;}
.ochreContent .internalMobileNavigation a.active-link, .ochreContent .internalNavigation a.active-link {color:#d14210;}
.blueContent .internalMobileNavigation li.active-parent > a, .blueContent .internalNavigation li.active-parent > a {background:#007083;}
.lightGreenContent .internalMobileNavigation li.active-parent > a, .lightGreenContent .internalNavigation li.active-parent > a {background:#437b00;}
.brownContent .internalMobileNavigation li.active-parent > a, .brownContent .internalNavigation li.active-parent > a {background:#996600;}
.redContent .internalMobileNavigation li.active-parent > a, .redContent .internalNavigation li.active-parent > a {background:#a12a1d;}
.darkGreenContent .internalMobileNavigation li.active-parent > a, .darkGreenContent .internalNavigation li.active-parent > a {background:#006600;}
.ochreContent .internalMobileNavigation li.active-parent > a, .ochreContent .internalNavigation li.active-parent > a {background:#d14210;}

/*footer*/
footer {text-align:center; font-size:13px; font-size:1.3rem;}
footer a {text-decoration:none; color:#000;}
footer a:hover {text-decoration:underline;}
footer ul {list-style:none; padding:0; margin:0;}
footer ul li {margin:0 0 8px 0;}
footer .columns {margin-bottom:0;}
.footerUpper {background:#f1f2f4; padding:25px 15px 50px;}
.footerUpper .iconLinks ul {text-align:right; border-bottom:1px solid #000;  font-size:15px; font-size:1.5rem; padding-bottom:10px; line-height:25px;}
.footerUpper .iconLinks li a:before {content:""; width:25px; height:25px; display:inline-block; float:left; vertical-align:middle; background: url(../images/sprites.png) 0 0 no-repeat; margin:0 5px 0 0;}
.footerUpper .iconLinks li a.tel {font-weight:bold;}
.footerUpper .iconLinks li a.tel:before {background-position:-376px -27px;}
.footerUpper .iconLinks li a.mail:before {background-position:-376px -55px;}
.footerUpper .iconLinks li a.locate:before {background-position:-376px -83px;}
.footerUpper .govtCrest {width:55px; height:55px; text-indent:-9999px; margin:25px auto 0; display:inline-block; background: url(../images/sprites.png) -80px -125px no-repeat;}
.footerUpper h3 {font-size:13px; font-size:1.3rem; text-transform:uppercase; margin:30px 0 0;}
.footerUpper h3:after {content:"---"; display:block; clear:both;}
.footerLower {border-top:1px solid #000; padding:30px 15px;}
.footerLower .govtLink {font-size:18px; font-size:1.8rem; margin: 0 0 25px; display:block;}
.footerLower ul {margin:0 0 30px;}
.footerLower li {display:inline-block; margin:0 6px;}
.footerLower .webmail {width:18px; height:25px; display:inline-block; vertical-align:middle; background: url(../images/sprites.png) -208px -164px no-repeat; text-indent:-9999px; margin:0 auto;}
.footerLower .remote {width:22px; height:25px; display:inline-block; vertical-align:middle; background: url(../images/sprites.png) -186px -164px no-repeat; text-indent:-9999px; margin:0 auto;}
.footerLower .email {width:25px; height:25px; display:inline-block; vertical-align:middle; background: url(../images/sprites.png) -376px -55px no-repeat; text-indent:-9999px; margin:0 auto;}

.gm-style-iw-c {width: 300px; padding: 15px !important;}
.infowindow .company-container { display: flex; justify-content: space-between; }
.infowindow .company-container .title { text-decoration: none; font-weight: bold; }
.infowindow .company-container .company-logo { max-width: 100px; max-height: 55px; }
.infowindow p { margin-bottom: 0; }

@media only screen and (min-width:641px) {

/*global structure*/
.wrapper {padding:0 10px; position:relative;}

/*content styles*/
.imgLeft {float:left; margin:0 20px 10px 0;}
.imgRight {float:right; margin:0 0 10px 20px;}

/* Button widget small */
.buttonWidget .small{display: inline-block;}

/*page tools*/
.pageTools {display:block; padding:0 60px 0 10px;}

/*header*/
header { position:relative; height:137px;}
.logo {margin:35px 0 0 10px;}

/*Search*/
#searchToggle { display:none;}
.searchContainer{ position:absolute; bottom:40px; right:20px; display:block; background:none; padding:0;}
.searchContainer .searchbox {display:inline-block; vertical-align:top; width:210px; height:40px;}
.searchContainer input[type="text"] {padding:0 5px; width:170px; border-width:1px;}
.searchContainer .btn {position:relative; top:0; margin:0; right:5px; display:inline-block; vertical-align:top; border:0 none; text-indent:-9999px; }
.searchContainer .btn:hover {background-color:#000;}
.wholeGovtSearch {position:absolute; right:25px; bottom:5px;}

/*Main Navigation*/
#navigationToggle { display: none; }
#navigationContainer { display: block  !important; }
ul.navigation {border-top:1px solid #a4a4a4; padding-top:1px;}
ul.navigation > li > ul { position: absolute; top: 100%; left: 0; z-index:10; background:#fff; border:1px solid #ececec; -webkit-box-sizing: border-box; border-top:5px solid #007083; -moz-box-sizing: border-box;box-sizing: border-box; padding:0 0 25px 0; margin-top:-5px;}
ul.navigation > li:nth-child(1) > ul {border-top:8px solid #d14210;}
ul.navigation > li:nth-child(2) > ul {border-top:8px solid #437b00;}
ul.navigation > li:nth-child(3) > ul {border-top:8px solid #996600;}
ul.navigation > li:nth-child(4) > ul {border-top:8px solid #a12a1d;}
ul.navigation > li:nth-child(5) > ul {border-top:8px solid #007083;}

ul.navigation > li > ul:after {content:""; width: 100%; height: 15px; background:url("../images/megaShadow.png") repeat-x;position: absolute;bottom: -15PX;left: 0;}
ul.navigation > li > ul > li {width:25%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
ul.navigation li { float: left; display: inline; border-bottom:0 none; }
ul.navigation > li { border-bottom:5px #007083 solid; position:none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;  border-radius: 3px 3px 0 0;  overflow:hidden;}
ul.navigation > li:nth-child(1) {border-color:#d14210;}
ul.navigation > li:nth-child(2) {border-color:#437b00;}
ul.navigation > li:nth-child(3) {border-color:#996600;}
ul.navigation > li:nth-child(4) {border-color:#a12a1d;}
ul.navigation > li:nth-child(5) {border-color:#007083;}
ul.navigation ul a {background:none; font:14px/18px 'Abel', san-serif;}
ul.navigation > li > a {color:#fff; padding:5px; text-align:center; background:#4b535b url("../images/navBg.gif") repeat-x; border-left:1px solid #fff;}

ul.navigation > li.current > a, ul.navigation > li:hover > a {background:url("../images/navCurrentBg.png") repeat-x;}
ul.navigation > li.current:nth-child(1) > a, ul.navigation > li:nth-child(1):hover > a {background-color:#d14210;}
ul.navigation > li.current:nth-child(2) > a, ul.navigation > li:nth-child(2):hover > a {background-color:#437b00;}
ul.navigation > li.current:nth-child(3) > a, ul.navigation > li:nth-child(3):hover > a {background-color:#996600;}
ul.navigation > li.current:nth-child(4) > a, ul.navigation > li:nth-child(4):hover > a {background-color:#a12a1d;}
ul.navigation > li.current:nth-child(5) > a, ul.navigation > li:nth-child(5):hover > a {background-color:#007083;}

ul.navigation > li:first-child > a {border:none;}

ul.navigation > li > ul > li > a { text-transform:uppercase; padding:25px 8px 25px; color:#007083;}
ul.navigation > li:nth-child(1) > ul > li > a{color:#d14210;}
ul.navigation > li:nth-child(2) > ul > li > a{color:#437b00;}
ul.navigation > li:nth-child(3) > ul > li > a{color:#996600;}
ul.navigation > li:nth-child(4) > ul > li > a{color:#a12a1d;}
ul.navigation > li:nth-child(5) > ul > li > a{color:#007083;}

ul.navigation > li > ul > li > a:hover {text-decoration:underline;}
ul.navigation ul ul a {color:#000;}
ul.navigation li .toggle-icon{display:none;}
ul.navigation li:hover ul { display: block; }
ul.navigation a, ul.navigation ul ul a {padding:8px 5px;}
ul.navigation a:hover, ul.navigation li:hover a { }
ul.navigation ul ul li {border-top:1px solid #000;}
ul.navigation ul ul { }
ul.navigation ul ul ul, ul.navigation li:hover ul ul ul {display:none;}

ul.navigation > li li li a:hover {color:#fff; background:#007083;}
ul.navigation > li:nth-child(1) li li a:hover {background:#d14210;}
ul.navigation > li:nth-child(2) li li a:hover {background:#437b00;}
ul.navigation > li:nth-child(3) li li a:hover {background:#996600;}
ul.navigation > li:nth-child(4) li li a:hover {background:#a12a1d;}
ul.navigation > li:nth-child(5) li li a:hover {background:#007083;}

/*utility navigation*/
.utilityNavigation { position:absolute; right:15px; top:-120px;}
.utilityNavigation li{float:left; display:block;}
.utilityNavigation li a {border:0 none; background:none;}

/*map tab*/
.mapTab {display:block; position:absolute; width:46px; height:51px; right:10px; top:0; background: url(../images/sprites.png) -138px -126px no-repeat; text-indent:-9999px;}

/*homepage styles*/
.home .publications, .home .sfnewsList, .home .homeCopy {padding:0;}
.homeCopy h2 {font-size:22px; font-size:2.2rem;}

/*cycle slider*/
.slider {border-bottom:none;}
.slider .slide {height:454px;}
.slider .caption {height:187px;}
.slider .caption h2, .slider .caption h3 {font-size:35px; font-size:3.5rem; line-height:1em;}
.slider .caption p {font-size:15px; font-size:1.5rem;}
.slider a.viewMore {width:140px;}

/*publications*/
.home .publications {margin:0 0 0 10px;}
.publications {border-top:1px solid #000;}
.publications h2 {font-size:22px; font-size:2.2rem; margin:30px 0 15px;}
.publications h2:after {display:none;}
.publications .slider {border-bottom:1px solid #000;}
.publications .slider .slide {height:380px;}

/*publication landing*/
.row .browsePubs {width: 50%; float: left; border-right: 1px solid #333; padding: 0 30px; border-bottom:0;}
.row .searchPubs {width: 50%; float: left;  padding: 0 30px;}
.searchPubs .searchContainer {padding:0; max-width:230px;}

/*top news*/
.topNews h2, .topNews h3 {font-size:22px; font-size:2.2rem;}

/*table*/
table th, table td {padding:10px 15px;}

/*form layout*/
input, select, .k-dropdown-wrap, textarea {min-height:33px; font:15px/33px 'Abel', sans-serif; font-size:1.5rem;}
textarea {line-height:14px; min-height:115px; padding:5px;}
.k-dropdown .k-select .k-icon { width:33px; height:33px;}
form .col {width:47%;float:left; margin-left:3%; display:inline-block; max-width:280px;}
form .col:first-child {margin-left:0;}

/*content*/
.content { padding: 20px 0;}
.home.content { padding: 30px 0 0; }
.contentArea {padding:0;}
/*threecolumnlayout*/
.threeColLayout .rightRail {margin-top:-41px;}
.row .six.columns.rightRail {width: 26.293%;}
.threeColLayout .pageHeader {width:69.69696%;}
/*.rightRail h2 {font:16px/17px 'Abel', sans-serif; font-size:1.6rem;}
.rightRail h3 {font:15px/17px 'Abel', sans-serif; font-size:1.5rem;}*/
.rightRail > ul {list-style:none;}
.rightRail > ul > li:before { content: "–"; position: absolute;  margin-left: -15px; }
.rightRail a {text-decoration:none;}
.rightRail a:hover {text-decoration:underline;}

/*breadcrumbs*/
.breadcrumbs {display:block;}


/*accordion tabs*/
.accordionTabs {position: relative; border: none; width:100%; height:380px; margin-top:5px;}
.accordionTabs li {display: inline;}
.accordionTabs li > a {display: inline-block; margin-top:376px; height:54px;width:20%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; font:14px/15px 'Abel', sans-serif; text-align:center; border-bottom:4px solid; border-left:1px solid #fff!important;}
.accordionTabs li:first-child > a {border-left:none!important;}
.accordionTabs li a span {padding:8px 3px; height:48px;}
.accordionTabs li a.active {border-bottom:solid 4px; height:58px; margin-top:372px; z-index:2;}
.accordionTabs li a.active span {padding:12px 10px 4px;}
.accordionTabs li a.active:after {background-position:-355px -34px; bottom:53px;}
.accordionTabs div {padding: 40px 8%; position: absolute; top: 0; left: 0; height:375px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.accordionTabs li div.open {border-bottom:1px solid #000!important;}
.accordionTabs p {font-size:12px; font-size:1.2rem;}

/*internal Nav*/
.internalMobileNavigation {display:none;}
.internalNavigation {display:block; margin-top:37px;}

/*project grid*/
.item-grid {max-width:690px;}
.item-grid h2 {font-weight:normal;}
.item-grid li {width:32%; margin-left:2%; float:left; display:inline-block; height: 275px; overflow: hidden;}
.item-grid li:nth-child(3n+1) {margin-left:0;}

/*footer*/
footer {font-size:14px; font-size:1.4rem;}
.footerUpper {text-align:left; padding:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footerUpper ul {margin:0 0 30px 0;}
.footerUpper .iconLinks ul {text-align:left; margin:0; max-width:150px; display:inline-block; float:left; border-bottom:none;}
.footerUpper .govtCrest {margin:13px 0 0 0; float:right;}
.footerUpper h3 {margin:0; font-size:14px; font-size:1.4rem;}
.footerLower {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; font-size:12px; font-size:1.2rem;}
.footerLower .email, .footerLower .webmail, .footerLower .remote {float:right;}
.footerLower .webmail, .footerLower .remote { margin: 0 10px 0 0; }
.footerLower .govtLink {float:left;}
.footerUpper .five.columns {width: 33.33%; margin: 0;padding: 0 10px 0 0;}
.footerUpper .five.iconLinks.columns{width:100%; margin:0 0 40px 0; border-bottom:1px solid #000; padding:0 0 20px 0;}
.footerUpper .govtCrest:hover, .footerUpper .govtCrest:hover, .footerUpper .iconLinks ul li:hover a:before, .footerUpper .iconLinks ul li:active a:before, .footerLower .email:hover, .footerLower .email:active {zoom: 1;filter: alpha(opacity=60); opacity: 0.6;}
.footerUpper #mapLinkResponsive {background:none; padding:0; color:#000!important; text-transform:none; font:15px/24px 'Abel', sans-serif; letter-spacing:normal;}
.footerUpper #mapLinkResponsive:hover {text-decoration:underline;}

/*map window responsive - hotspots*/
#mapLinkResponsive {display:inline-block;}
#mapWindowResponsive {display:none; position:absolute; z-index:105; width:80%; height:auto; top:100px; right:-1400px; margin-right:-40%; background:#fff;  box-shadow:0 0 10px #777;}
#mapWindowResponsive .windowContent {background:#fff; padding:0 20px 20px; height:100%; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mapWindowResponsive .closeMap {position:absolute;top:10px;right:20px; background: url(../images/sprites.png) 0 -206px no-repeat; width:20px; height:21px; display:block;  text-indent:-9999px}
#mapWindowResponsive .headerBar {background:#fff; height:45px; padding:0 20px;}
#mapWindowResponsive .headerBar h2 {margin:0; font-size:16px; line-height:45px; text-transform:uppercase;}
#mapWindowResponsive img {width:100%; display:block;}

.mapContainer {width:100%; height:100%; position:relative;}
.tooltip > div {display:none; position:absolute; background:#fff; width:23%; height:auto; box-shadow:rgba(0, 0, 0, 0.298039) 0px 3px 8px -1px; background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; padding:8px;}
.tooltip > div:after {content:""; width:22px; height:22px; display:block; background: url(../images/sprites.png) -144px -188px no-repeat; position:absolute; left:50%; bottom:-21px; margin-left:-11px;}
.tooltip > div.showToolTip {display:block!important;}
.tooltip h2 {margin:0 0 5px; font-size:14px;}
.tooltip h4 {margin:0 0 5px; font-size:14px;}
.tooltip p {margin:0; font-size:10px; line-height:12px;}
.tooltip a {color:#007083;}
.tooltip .toolSection {border-top:1px solid #ddd; padding-top:12px; margin-top:12px;}
.tooltip .toolSection:first-child {border-top:0; padding:0; margin:0;}
.tooltip .japan {bottom:60.6%; left:58.6%;}
.tooltip .perth {bottom:20%; left:49.5%;}
.tooltip .southKorea {bottom:61%; left:54.2%;}
.tooltip .middleEast {top:26.5%; left:26.9%;}
.tooltip .africa {bottom:40%; left:21.2%;}
.tooltip .singapore {bottom:41%; left:44.2%;}
.tooltip .china {bottom:55%; left:51.4%;}
.tooltip .indonesia {bottom:34.5%; left:46.7%;}
.tooltip .india {bottom:48.5%; left:34.2%;}
.tooltip .europe {bottom:71%; left:5.5%;}

/*map window*/
#mapWindow {display:none; position:absolute; z-index:105; width:600px; height:700px; top:100px; right:-1400px; margin-right:-300px; background:#fff;  box-shadow:0 0 10px #777;}
#mapWindow .windowContent {background:#fff; padding:0 20px 20px; height:100%; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#mapWindow .closeMap {position:absolute;top:10px;right:20px; background: url(../images/sprites.png) 0 -206px no-repeat; width:20px; height:21px; display:block;  text-indent:-9999px}
#mapWindow .headerBar {background:#fff; height:45px; padding:0 20px;}
#mapWindow .headerBar h2 {margin:0; font-size:16px; line-height:45px; text-transform:uppercase;}
#map-canvas { height: 100% }
#map-canvas img {max-width:none;}
.modalOverlay {display:none; position: fixed; left: 0px; top: 0px;  width:100%; height:100%; text-align:center; z-index: 102; background: url("../images/modalbg.png") repeat;  }

.gm-style-iw div{overflow: visible !important; }
.gm-style-iw div.scrolling{overflow:auto !important; max-height:190px; width:344px }
.mapInfoWindow{font-size:12px; color:#000; width:344px;}
.mapInfoWindow table{margin-bottom:0}
.mapInfoWindow table th, .mapInfoWindow table td{padding:0}
.mapInfoWindow td{border:0; vertical-align:top}
.mapInfoWindow .projectTitle{text-transform:uppercase; font-size:16px; font-weight:700; margin-bottom:10px; font-family: 'Abel', sans-serif; text-align: center;}
.mapInfoWindow .label{color:#a4a4a4; margin-right:5px; width:100px}
.mapInfoWindow  a{color:#007083; display:block;}
.mapInfoWindow  a:hover{text-decoration:none;}
}
@media only screen and (min-width:960px) {
/*logo*/
.logo {width:454px; height:69px; margin:35px 0 0 20px; padding:0;}
.logo .waGovtLogo {width:94px; height:69px; background-position:0 -55px;}
.logo .dsdLogo {width:332px; height:69px; background-position: 0px -388px;}

/*page tools*/
.pageTools { padding:0 10px;}

.content { padding: 20px 10px;}
.home.content { padding: 30px 10px 0; }
.wrapper {max-width:1110px; padding:0 50px; }

/*Main Navigation*/
#navigationContainer {padding:0 10px; background:#fff;}

/*accordion tabs*/
.accordionTabs li a span {padding:8px 10px;}

/*Button Widget */
.buttonWidget .button-text img{ margin-bottom: 0; display: inline-block;  vertical-align: middle; margin-right: 15px;}

/*internal nav*/
ul.navigation > li {width:20%;}
ul.navigation a, ul.navigation ul ul a {padding:15px 17px;}
ul.navigation > li > ul > li > a {padding:30px 15px 16px; min-height:36px;}
ul.navigation > li > ul {padding:0 0 60px 0;}

/*map tab*/
.mapTab {display:block; position:absolute; width:50px; height:205px; right:0; top:248px; background-position: -350px -124px; text-indent:-9999px;}
.mapTab:hover {background-position:-300px -124px}

/*homepage styles*/
.homeCopy h2 {font-size:30px; font-size:3.0rem;}

/*slider*/
.slider .slide img {width:120%; margin-left:-10%;}

/*publications*/
.home .publications {margin:0 0 0 15px;}
.publications h2 {font-size:25px; font-size:2.5rem;}
.publications h2:after { display:inline-block; float:right;}

/*topnews*/
.home .topNews {padding:0 0 0 15px;}
.topNews h2, .topNews h3 {font-size:30px; font-size:3.0rem;}
.topNews .sfnewsList {font-size:14px; font-size:1.4rem;}

/*accordion tabs*/
.accordionTabs li a {margin-top:321px; }
.accordionTabs li a.active { margin-top:317px;}
.accordionTabs div {height:320px;}
.accordionTabs p {font-size:14px; font-size:1.4rem; line-height:1.4em;}

/*project grid*/
.item-grid li {width:30.000%; margin-left:5.000%; height: 250px;}

/*map tool tip*/
.tooltip h2 {margin:0 0 10px; font-size:18px; font-size:1.8rem;}
.tooltip h4 {margin:0 0 10px; font-size:18px; font-size:1.8rem;}
.tooltip p {font:15px/24px 'Abel', sans-serif; font-size:1.5rem;}

/*footer*/
.footerUpper .five.columns {width: 24.24242%; margin:0 0 0 1.01011%;padding: 4px 50px 0 0;}
.footerUpper .five.iconLinks.columns{width:24.24242%; margin:0; border-bottom:none; padding:0 7px 0 50px;}
.footerUpper .iconLinks ul {display:block; border-bottom:1px solid #000;}
.footerUpper .govtCrest {display:block; float:left; clear:both;}
.footerUpper {padding:45px 0 50px;}
}

@media only screen and (min-width:1200px) {
.mapTab {right:-50px;}
.wrapper {overflow-x:visible;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {
.k-dropdown .k-select .k-icon, .radio span.checked, .checker span.checked, .icons .email, .icons .print, .logo a,#searchToggle:before, #navigationToggle:before, .searchContainer .btn,ul.navigation a .toggle-icon, .slider .prev, .slider .next, .publications h2:after, .accordionTabs li a.active:after, .footerUpper .iconLinks li a:before, .footerUpper .govtCrest, .footerLower .email, .footerLower .webmail, .footerLower .remote, .mapTab, .breadcrumbs a:after, .pageTools .resizer a, #mapWindowResponsive .closeMap, #mapWindow .closeMap, .tooltip > div:after {background-image: url(../images/sprites@2x.png); background-size:400px 468px;}

}
/*print styles*/
@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: 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; /* h5bp.com/t */ }
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; }
.print-logo {display:block;margin-bottom: 10px;}
.header, footer, .internalMobileNavigation {display:none;}
.internalNavigation {display:block;}
.slider .slide img {width:100%; margin:0; padding:0; position:relative;}
.slider .caption {background: white; position: relative;color: #000;}
.slider .slide {overflow:visible; height:auto;}
}