/* Updated 14/8/13*/
 /* ==========================================================================
   Carousel
   ========================================================================== */
 
 #a-feature {
     display: none;
     z-index: 1;
 }
 #a-feature,
 .a-feature-item {
     height: 258px;
     position: relative;
     width: 990px;
 }
 .a-feature-item div {
     height: 232px;
     position: absolute;
     top: 0;
     width: 298px;
 }
 .a-feature-item .shadedText {
     background: url(/images/decc/bgAFeatureDiv.png) no-repeat left top;
     padding: 13px;
 }
 .a-feature-item p.header,
 .a-feature-item p.subheader {
     padding: 5px 10px 5px 0;
     line-height: 1.15em;
     font-weight: normal;
 }
 .a-feature-item p.header {
     font-size: 1.8em;
     color: #fff;
 }
 .a-feature-item p.subheader {
     font-size: 1.35em;
     color: #b5c5dc;
     display: block;
 }
 .a-feature-item p {
     font-size: 1.1em;
     color: #bbd3e8;
     line-height: 1.15em;
     padding: 5px 0 15px;
 }
 .a-feature-item p.note {
     font-size: 0.9em;
 }
 .a-feature-item p.note a {
     color: #bbd3e8;
 }
 .a-feature-item p.find-out-more {
     display: block;
     height: 26px;
     padding: 0;
 }
 .a-feature-item p.find-out-more a {
     padding: 4px 15px;
     background: url(/images/decc/a-feature/bgAFeatureSpan.gif) no-repeat 88%;
     color: #fff;
     font-size: .95em;
     text-decoration: none;
     display: block;
     text-align: center;
     font-weight: normal;
 }
 .a-feature-item .buttonBigBlue {
     width: 298px;
     background: url(/images/decc/a-feature/bgAFeatureP.png) no-repeat left top;
 }
 .a-feature-item .buttonMedBlue {
     width: 160px;
     background: url(/images/decc/a-feature/bgAFeatureP-med.png) no-repeat left top;
 }
 .a-feature-item .buttonRedCarousel {
     width: 160px;
     background: url(/images/decc/carousel/buttonRedCarousel.png) no-repeat left top;
 }
 .a-feature-item .buttonGrCarousel {
     width: 160px;
     background: url(/images/decc/carousel/buttonGrCarousel.png) no-repeat left top;
 }
 .a-feature-item .buttonYlwCarousel {
     width: 160px;
     background: url(/images/decc/carousel/buttonYlwCarousel.png) no-repeat left top;
 }
 .a-feature-item .buttonBigGreen {
     width: 250px;
     background: url(/images/decc/a-feature/bgAFeatureP-big_grn.png) no-repeat left top;
 }
 .a-feature-item .buttonMedGreen {
     width: 160px;
     background: url(/images/decc/a-feature/bgAFeatureP-med_grn.png) no-repeat left top;
 }
 .a-feature-item .buttonMedMaroon {
     width: 160px;
     background: url(/images/decc/a-feature/bgAFeatureP-med_mrn.png) no-repeat left top;
 }
 .a-feature-item .buttonGGgreen {
     width: 159px;
     background: url(/images/decc/a-feature/bgAFeatureP-gg-grn.png) no-repeat left top;
 }
 .a-feature-item .buttonMedOrange {
     width: 160px;
     background: url(/images/decc/a-feature/bgAFeatureO-med.png) no-repeat left top;
 }
 .a-feature-item .buttonDarkGreen {
     width: 183px;
     background: url(/images/decc/a-feature/bgAFeature-183-dkgrn.png) no-repeat left top;
     margin: 15px 0;
 }
 .a-feature-item .find-out-more a {
     padding: 4px 15px 3px 15px;
     background: url(/images/decc/a-feature/bgAFeatureSpan.gif) no-repeat 88% 7px;
     color: #fff;
     font-size: .95em;
     text-decoration: none;
     display: block;
     text-align: center;
     font-weight: normal;
 }
 .a-feature-item .buttonBigPurple {
     width: 228px;
     background: url(/images/decc/a-feature/bgAFeatureP-big_prpl.png) no-repeat left top;
 }
 .a-feature-item .buttonMedGrey {
     width: 160px;
     background: url(/images/decc/carousel/bgAFeatureGy-med.png) no-repeat left top;
 }
 #a-feature-controls {
     bottom: 10px;
     right: 10px;
     width: 185px;
     height: 30px;
     position: absolute;
     background: url(/images/decc/a-feature/bgCarouselControl.png) no-repeat left top;
 }
 #a-feature-previous {
     cursor: pointer;
     width: 23px;
     height: 23px;
     float: left;
     padding: 3px 0 0 4px;
 }
 #a-feature-next {
     cursor: pointer;
     width: 23px;
     height: 23px;
     float: left;
     padding: 3px 0 0;
 }
 #a-feature-previous a {
     display: block;
     background: url(/images/decc/a-feature/bgAFeaturePrevious.png) no-repeat left top;
     width: 23px;
     height: 23px;
     text-indent: -1000em;
 }
 #a-feature-next a {
     display: block;
     background: url(/images/decc/a-feature/bgAFeatureNext.png) no-repeat left top;
     width: 23px;
     height: 23px;
     text-indent: -1000em;
 }
 #a-feature-previous a:hover,
 #a-feature-next a:hover {
     background-position: 0 -23px;
 }
 #a-feature .jcarousel-control ul {
     width: 115px;
     height: 19px;
     float: left;
     padding: 5px 6px 0 10px;
     list-style: none;
     background: top left no-repeat;
 }
 #a-feature .jcarousel-control ul li {
     width: 18px;
     height: 18px;
     float: left;
     padding-right: 5px;
 }
 #a-feature .jcarousel-control ul li a {
     width: 17px;
     height: 17px;
     display: block;
     border: 1px solid #535353;
     text-indent: -1000em;
 }
 #a-feature .jcarousel-control ul li a:hover,
 #a-feature .jcarousel-control ul li .selected {
     border: 1px solid #eee
 }
 #a-feature-controls a:focus,
 #a-feature-controls a:active {
     outline: none;
     /* Change to improve accessibility */
 }
 /* ==========================================================================
   Page rating tool
   ========================================================================== */
 /*#pagerating { background: #ccd9ed; padding: 19px; clear: both; }
#contentArea #pagerating ul {margin: 0}
#pagerating ul li {  background: none; display: inline-block; padding: 0;}
#pagerating h3 {color: #375d99; font-size: 16px; float: left; margin: 11px 10px 0 0;}

#pagerating a:link,
#pagerating a:visited { margin-left: 5px; border-radius: 50%; line-height: 37px; text-align: center; background: #fff; background: url('http://goulbwb44/images/decc/background-circle.png')\9; width: 40px; height: 40px; font-size: 12px; border-radius: 50%; display: block; color: #436eb6; text-decoration: none; }
#pagerating a:hover { background: #375d99; background: url('http://goulbwb44/images/decc/background-circle-hover.png')\9; color: #fff; text-decoration: none; }
#pagerating.open { background: #f7f7f7; padding: 0 0 19px;}
.confirmation {display: none; padding: 20px 0; border: none; background: #b2bdcf; }
.confirmation p { margin: 0; padding:0; font-size: 18px; color: #375d99; text-align: center;}

#aemain #pagerating { background: none; padding: 0; }
#aemain #pagerating ul li { background: none !important; display: inline !important; }
#aemain .grey { color: #555 !important; }
#aemain .confirmation { background-color: #d3eded !important; border: 1px solid #089 !important; color: #089 !important; display: none !important; margin-top: 10px !important; padding: 10px !important; text-align: center !important; }
#aemain .prbutton { line-height: inherit !important; border-radius: inherit !important; background: url(/images/pagerating/prb.png) no-repeat scroll 0 0 transparent !important; color: #FFF !important; display: inline-block !important; height: 40px !important; padding: 4px 0 !important; text-align: center !important; width: 80px !important; }
#aemain .nextbutton { background: url(/images/pagerating/notprb.png) no-repeat scroll 0 0 transparent !important; color: #FFF !important; display: inline-block !important; height: 40px !important; padding: 4px 0 !important; text-align:  center; width: 180px !important; }
#aemain .prNotLookingFor {display: none !important; }
#aemain #pagerating a:link,
#aemain #pagerating a:visited { color: #FFF !important; text-decoration: none !important; }
#aemain .open, #aemain .open:hover {
background: none !important;}
#contentArea #pagerating ul { margin-top: 15px !important; }*/
 /* ==========================================================================
   #contentArea grids
   ========================================================================== */
 
 .two-col {
     float: left;
     width: 47%;
     padding-left: 2%;
 }
 .three-col {
     float: left;
     width: 32%;
     padding-left: 1%;
 }
 /* ==========================================================================
   Quick fixes
   ========================================================================== */
 
 #topNav:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
 }
 #topHead:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
 }
 img[src*="/publications/pdfcovers/"] {
     border: 1px solid black;
     display: block;
 }
 .clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
 }
 .but_downloadnow {
     margin: 5px auto;
 }
 #relatedLinks ul {
     padding: 0 15px 20px 0;
 }
 .breakword {
     word-wrap: break-word;
 }
 #topHead {
     z-index: 20;
 }
 /* AIR WIDGET */
 
 #air-widget {
     border: none;
     background: white;
     overflow: hidden;
     height: 372px;
     width: 280px;
 }
 /* ==========================================================================
   Alert box
   ========================================================================== */
 
 .alertBox {
     background: none repeat scroll 0 0 #FCE6B7;
     border: 1px solid #FFFFFF;
     color: #3F230B;
     margin: 10px 20px;
     padding: 10px;
 }
 .alert-blue {
     background-color: #D3EDED;
     border-color: #008899;
 }
 .alert-yellow {
     background-color: #FCF8E3;
     border-color: #FBEED5;
 }
 .alert-yellow h3 {
     color: #C09853;
 }
 /* ==========================================================================
   Outlined box for emphasis of text
   ========================================================================== */
 
 .tips {
     border: 1px dotted #C0C0C0;
     margin: 0 0 6px;
     padding: 12px 12px 6px;
     width: 90%;
 }
 /*.external{ padding-right: 14px; background: url('/images/admin/Icon_External_Link.png') right no-repeat;}*/
 
 #feedback-tab {
     position: fixed;
     bottom: 0;
     right: 10%;
     z-index: 99999;
     background: #F15A12;
     height: 40px;
     text-decoration: none;
     color: white;
     width: 340px;
     font-size: 18px;
 }
 #feedback-tab {
     margin: 0;
     z-index: 99999;
     -moz-border-radius: 3px 3px 0 0;
     -khtml-border-radius: 3px 3px 0 0;
     -webkit-border-radius: 3px 3px 0 0;
     border-radius: 3px 3px 0 0;
     -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 5px 10px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 5px 10px;
     box-shadow: rgba(0, 0, 0, 0.7) 0 5px 10px;
     -moz-animation: slidein 1s;
     -webkit-animation: slidein 1s;
 }
 #feedback-tab a {
     text-decoration: none;
     color: white;
     padding: 10px 0 0 10px;
     display: block;
     background: url('/images/decc/rightcarat.png') no-repeat 315px 14px;
 }
 @-webkit-keyframes slidein {
     from {
         bottom: -40px
     }
     to {
         bottom: 0
     }
 }
 @-moz-keyframes slidein {
     from {
         bottom: -40px
     }
     to {
         bottom: 0
     }
 }
 #feedback-tab img {
     display: none;
 }
 .visuallyhidden {
     position: absolute;
     overflow: hidden;
     clip: rect(0 0 0 0);
     height: 1px;
     width: 1px;
     margin: -1px;
     padding: 0;
     border: 0;
 }
 /* ==========================================================================
   EEAP styles
   ========================================================================== */
 /*START CLEARFIX*/
 /* Not sure if you guys have a cleafix in here, but I've created
	this one as I need this to work for testing 3-Jun to 10-Jun.
	It's for the landing tiles - the page rating tool is coming up
	in landing pages. See /business/energy-efficiency.htm. James. */
 
 .group {
     zoom: 1;
 }
 .group:before,
 .group:after {
     content: '';
     display: table;
     position: relative;
 }
 .group:after {
     clear: both;
 }
 /* END CLEARFIX */
 /*.bg-one { background-color: #73a0bf; }
.bg-two { background-color: #caa0be; }
.bg-three { background-color: #af9a83; }
.bg-four { background-color: #9dbab3; }
.bg-five { background-color: #bfc6a1; }
.color-one { color: #73a0bf; }
.color-two { color: #caa0be; }
.color-three { color: #af9a83; }
.color-four { color: #9dbab3; }
.color-five { color: #bfc6a1; }


h2 { font-size: 1.42857em; color: #778cad; margin: 0.83em 0; }
h3 { font-size: 1.28571em; color: #375d99; margin: 1em 0; }
h4 { font-size: 1.14286em; color: #375d99; margin: 1.33em 0; }
h5 { font-size: 1.07143em; color: #375d99; margin: 1.67em 0; }
h6 { font-size: 1em; color: #375d99; margin: 2.33em 0; }*/
 
 #contentArea .intro {
     font-size: 1.14286em;
     line-height: 1.42857em;
 }
 #contentArea .navigation-tile {
     /*lower levels and general*/
     float: left;
     /*level one landing*/
     /*level two landing*/
 }
 /*/*#contentArea .navigation-tile .content { padding: 22px; font-size: 1.07143em; }
#contentArea .navigation-tile h2 { margin: 0; font-size: 1.33333em; }
#contentArea .navigation-tile a { text-decoration: none; color: #73a0bf; }
#contentArea .navigation-tile.lvl-one { width: 31.32%; min-height: 650px; color: #fff; margin: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  6 #contentArea .navigation-tile.lvl-one img { max-width: 100%; margin: 0 auto; display: block; }
#contentArea .navigation-tile.lvl-one img { width: 100%; margin: 0 auto; display: block; }
#contentArea .navigation-tile.lvl-one h2 { color: #fff; }
#contentArea .navigation-tile.lvl-one h2 a { color: #fff; }
#contentArea .navigation-tile.lvl-one h2 a:hover { color: #ccc; }
#contentArea .navigation-tile.lvl-one ul { margin: 0; padding: 0; list-style: none; }
#contentArea .navigation-tile.lvl-one ul li { margin: 10px 0; padding: 0; background: none; }
#contentArea .navigation-tile.lvl-one ul li:before { width: 0; height: 0; margin: 0; }
#contentArea .navigation-tile.lvl-one ul li a { font-weight: bold; display: block; background: #fff; padding: 10px 14px; border: 1px solid #fff; }
#contentArea .navigation-tile.lvl-one ul li a:hover { color: #fff; background: #6790ab; }
#contentArea .navigation-tile.lvl-one ul li a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: '\f105'; float: right; font-size: 20px; margin-top: -2px; }
#contentArea .navigation-tile.lvl-one.bg-two li a { color: #caa0be; }
#contentArea .navigation-tile.lvl-one.bg-two li a:hover { color: #fff; background: #b590ab; }
#contentArea .navigation-tile.lvl-one.bg-three li a { color: #af9a83; }
#contentArea .navigation-tile.lvl-one.bg-three li a:hover { color: #fff; background: #9d8a75; }
#contentArea .navigation-tile.lvl-one.bg-four li a { color: #9dbab3; }
#contentArea .navigation-tile.lvl-one.bg-four li a:hover { color: #fff; background: #8da7a1; }
#contentArea .navigation-tile.lvl-one.bg-five li a { color: #bfc6a1; }
#contentArea .navigation-tile.lvl-one.bg-five li a:hover { color: #fff; background: #abb290; }
#contentArea .navigation-tile.lvl-two { width: 100%; float: none; margin: 10px 0; background: #e9eaee; zoom: 1; position: relative; }
#contentArea .navigation-tile.lvl-two:before, #contentArea .navigation-tile.lvl-two:after { content: ''; display: table; position: relative; }
#contentArea .navigation-tile.lvl-two:after { clear: both; }
#contentArea .navigation-tile.lvl-two h2 { color: #375d99; font-size: 1.2em;}
#contentArea .navigation-tile.lvl-two img { float: left; width: 30%; display: block; }
#contentArea .navigation-tile.lvl-two a { color: #2b2b2b; display: block; }
#contentArea .navigation-tile.lvl-two p { margin-bottom: 0; padding: 0; }*/
 /*#contentArea .navigation-tile.lvl-two .content { width: 70%; float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contentArea .navigation-tile.lvl-two .content:after { content: '\f105'; font-size: 24px; color: #375d99; text-align: right; padding-right: 14px; position: absolute; bottom: 7px;
right: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 32 #contentArea .navigation-tile.lvl-two a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: '\f105'; font-size: 24px; color: #375d99; text-align: right; float: right; line-height: 0; position: relative; top: -18px; left: -10px; }  33 #contentArea .navigation-tile.lvl-three { background: #e9eaee; border: 8px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.32%; }
#contentArea .navigation-tile.lvl-three { background: #e9eaee; margin: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 31.32%; }


#contentArea .navigation-tile.lvl-three h2 { font-size: 1.06667em; padding: 18px 16px; min-height: 40px;}
#contentArea .navigation-tile.lvl-three h2 + p { padding-top: 0;}
#contentArea .navigation-tile.lvl-three p { padding: 18px 16px; font-size: 1em; min-height: 80px;}

#contentArea .navigation-tile.lvl-three a { color: #2b2b2b; display: block; }


#contentArea .navigation-tile.lvl-three img { width: 100%; }
#contentArea .navigation-tile.lvl-three:after { content: '\f105'; width: 100%; font-size: 24px; top: -16px; position: relative; color: #778cad; text-align: right; padding-right: 22px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contentArea .navigation-tile.intro { width: 33.32%; color: #fff; border: 5px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #375d99; font-size: 1.14286em; line-height: 1.42857em; }
#contentArea .navigation-tile.intro h1 { margin-bottom: 160px; }*/
 
 */
 /*@media only screen and (max-width: 1024px) { #contentArea .navigation-tile.lvl-one, #contentArea .navigation-tile.intro, #contentArea .navigation-tile.lvl-three { width: 50%; } }
@media only screen and (max-width: 640px) { #contentArea .navigation-tile.lvl-one, #contentArea .navigation-tile.intro, #contentArea .navigation-tile.lvl-three { width: 100%; min-height: 0; } }*/
 /*#contentArea .callout { border-left: 16px solid #73a0bf; padding
                            : 22px; margin: 20px 0; background: #b9cfdf; color: #39505f; zoom: 1; }
#contentArea .callout:before, #contentArea .callout:after { content: ''; display: table; position: relative; }
#contentArea .callout:after { clear: both; }
#contentArea .callout h2 { font-size: 1.42857em; margin: 0; color: #39505f; }
#contentArea .callout img { float: left; margin-right: 22px; }
#contentArea .callout img + p, #contentArea .callout img + h2, #contentArea .callout img + h2 + p { padding-left: 192px; }
#contentArea .callout .application-button, #contentArea .callout .action-button, #contentArea .callout #relatedLinks > div button, #relatedLinks > div #contentArea .callout button { float: right; }
#contentArea .callout.image { padding: 0 22px 0 0; }
#contentArea .callout.image img + h2, #contentArea .callout.image img + p { padding-top: 22px; }
#contentArea .callout.bg-two { border-color: #caa0be; background: #e4cfde; color: #65505f; }
#contentArea .callout.bg-two h2 { color: #65505f; }
#contentArea .callout.bg-three { border-color: #af9a83; background: #d7ccc1; color: #574d41; }
#contentArea .callout.bg-three h2 { color: #574d41; }
#contentArea .callout.bg-four { border-color: #9dbab3; background: #cedcd9; color: #4e5d59; }
#contentArea .callout.bg-four h2 { color: #4e5d59; }
#contentArea .callout.bg-five { border-color: #bfc6a1; background: #dfe2d0; color: #5f6350; }
#contentArea .callout.bg-five h2 { color: #5f6350; }*/
 /*#contentArea #tabs.ui-tabs .ui-tabs-nav { margin: 0; }
#contentArea #tabs.ui-tabs .ui-tabs-nav li { border-bottom-width: 0; padding: 0; float: left; list-style: none; position: relative; }
#contentArea #tabs.ui-tabs .ui-tabs-nav li a { display: block; text-decoration: none; font-size: 100%; }
#contentArea .ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; overflow: hidden; }
#contentArea .ui-tabs .ui-tabs-hide { display: none !important; }

/*jq ui styles*/
 /*.ui-tabs .ui-tabs-nav li { float: left; list-style: none outside none; }*/
 /*#contentArea #tabs .ui-state-default, #contentArea #tabs .ui-widget-content, #contentArea #tabs .ui-state-default { line-height: 100%; }
#contentArea #tabs li.ui-state-active, #contentArea #tabs .ui-widget-content #contentArea #tabs l.ui-state-active { background: #fff !important; }
#contentArea #tabs > ul li { margin: 1px .2em 0 0; color: #2b2b2b; background: #dfdfdf; border: 0px solid #73a0bf; }
#contentArea #tabs > ul li a { color: #2b2b2b; font-weight: bold; padding: 0 15px; height: 40px; min-width: 110px; line-height: 40px; text-decoration: none; }
#contentArea #tabs div { width: 100%; padding: 22px 0; color: #2b2b2b; border-top: 1px solid #c4c4c4; }
#contentArea #tabs .ui-state-active a { color: #2b2b2b; background-color: #00a9d8; }
#contentArea #tabs.color-two li { margin: 1px .2em 0 0; color: #2b2b2b; background: #dfdfdf; border: 0px solid #b1d13f; }
#contentArea #tabs.color-two li a { color: #2b2b2b; padding: 0 15px; height: 40px; font-weight: bold; min-width: 110px; line-height: 40px; text-decoration: none; }
#contentArea #tabs.color-two div { width: 100%; padding: 22px 0; color: #2b2b2b; border-top: 1px solid #dfdfdf; }
#contentArea #tabs.color-two .ui-state-active a { color: #2b2b2b; background-color: #b1d13f; }
#contentArea #tabs.color-three li { margin: 1px .2em 0 0; color: #2b2b2b; background: #dfdfdf; border: 0px solid #f7f7f7; }
#contentArea #tabs.color-three li a { color: #2b2b2b; padding: 0 15px; height: 40px; min-width: 110px; line-height: 40px; text-decoration: none; }
#contentArea #tabs.color-three div { width: 100%; padding: 22px 0; color: #2b2b2b; border-top: 1px solid #dfdfdf; }
#contentArea #tabs.color-three .ui-state-active a { color: #2b2b2b; background-color: #f7931d; }
#contentArea #tabs.color-four > ul li { margin: 1px .2em 0 0; color: #2b2b2b; background: none; background: #dfdfdf; border: 0px solid #dfdfdf; }
#contentArea #tabs.color-four > ul li a { color: #2b2b2b; padding: 0 15px; height: 40px; min-width: 110px; line-height: 40px; text-decoration: none; }
#contentArea #tabs.color-four div { width: 100%; padding: 22px 0; color: #2b2b2b; border-top: 1px solid #dfdfdf; }
#contentArea #tabs.color-four .ui-state-active a { color: #2b2b2b; background-color: #31b784; }
#contentArea #tabs.color-five li { margin: 1px .2em 0 0; color: #2b2b2b; background: none; background: #dfdfdf; border: 1px solid #dfdfdf; }
#contentArea #tabs.color-five li a { color: #2b2b2b; padding: 0 15px; height: 40px; min-width: 110px; line-height: 40px; text-decoration: none; }
#contentArea #tabs.color-five div { width: 100%; padding: 22px 0; color: #2b2b2b; border-top: 1px solid #dfdfdf; }
#contentArea #tabs.color-five .ui-state-active a { color: #2b2b2b; background-color: #916aac; }*/
 /*#contentArea .accordion { margin: 30px 0; }
#contentArea .accordion > div h3 { background: #73a0bf; color: #fff; margin: 0; padding: 17px 14px; cursor: pointer; border-top: 2px solid #fff; }
#contentArea .accordion > div h3:before { content: '\f055'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; margin-right: 15px; opacity: .4; }
#contentArea .accordion > div h3:hover:before { opacity: 1; }
#contentArea .accordion > div .content { padding-left: 22px; padding-right: 22px; background: #e9eaee; color: #2b2b2b; zoom: 1; -webkit-transition: max-height 0.5s, padding 0.5s; -webkit-transition-delay: 0s, 0s; -moz-transition: max-height 0.5s 0s, padding 0.5s 0s; -o-transition: max-height 0.5s 0s, padding 0.5s 0s; transition: max-height 0.5s 0s, padding 0.5s 0s; }
#contentArea .accordion > div .content:before, #contentArea .accordion > div .content:after { content: ''; display: table; position: relative; }
#contentArea .accordion > div .content:after { clear: both; }
#contentArea .accordion > div.active .content { padding: 22px; display: block; }
#contentArea .accordion > div.active h3:before { content: '\f056'; opacity: 1; }
#contentArea .accordion > div.color-two h3 { background: #caa0be; }
#contentArea .accordion > div.color-three h3 { background: #af9a83; }
#contentArea .accordion > div.color-four h3 { background: #9dbab3; }
#contentArea .accordion > div.color-five h3 { background: #bfc6a1; }*/
 /*#contentArea .application-button, #contentArea .action-button, #contentArea #relatedLinks > div button, #relatedLinks > div #contentArea button, #relatedLinks .application-button, #relatedLinks .action-button, #relatedLinks > div button, #relatedLinks > div.bg-two button { display: inline-block; font-size: 1em; font-weight: bold; background: #476d9b; border: 1px solid #4f7aad; border-radius: 5px; }
#contentArea .application-button a, #contentArea .action-button a, #contentArea #relatedLinks > div button a, #relatedLinks > div #contentArea button a, #relatedLinks .application-button a, #relatedLinks .action-button a, #relatedLinks > div button a, #relatedLinks > div.bg-two button a { display: block; padding: 12px 15px; color: #fff; text-decoration: none; padding-right: 20px}
#contentArea .application-button:hover, #contentArea .action-button:hover, #contentArea #relatedLinks > div button:hover, #relatedLinks > div #contentArea button:hover, #relatedLinks .application-button:hover, #relatedLinks .action-button:hover, #relatedLinks > div button:hover { background: #e9eaee; }
#contentArea .application-button:hover a, #contentArea .action-button:hover a, #contentArea #relatedLinks > div button:hover a, #relatedLinks > div #contentArea button:hover a, #relatedLinks .application-button:hover a, #relatedLinks .action-button:hover a, #relatedLinks > div button:hover a { color: #4f7aad; }
#contentArea .application-button.large, #contentArea .large.action-button, #contentArea #relatedLinks > div button.large, #relatedLinks > div #contentArea button.large, #relatedLinks .application-button.large, #relatedLinks .large.action-button, #relatedLinks > div button.large { font-size: 1.21429em; }
#contentArea .application-button.large a, #contentArea .large.action-button a, #contentArea #relatedLinks > div button.large a, #relatedLinks > div #contentArea button.large a, #relatedLinks .application-button.large a, #relatedLinks .large.action-button a, #relatedLinks > div button.large a { padding: 16px 20px; }
#contentArea .application-button.small, #contentArea .small.action-button, #contentArea #relatedLinks > div button.small, #relatedLinks > div #contentArea button.small, #relatedLinks .application-button.small, #relatedLinks .small.action-button, #relatedLinks > div button.small { font-size: 0.71429em; }
#contentArea .application-button.small a, #contentArea .small.action-button a, #contentArea #relatedLinks > div button.small a, #relatedLinks > div #contentArea button.small a, #relatedLinks .application-button.small a, #relatedLinks .small.action-button a, #relatedLinks > div button.small a { padding: 7px 11px; }
#contentArea .application-button .fa, #contentArea .action-button .fa, #contentArea #relatedLinks > div button .fa, #relatedLinks > div #contentArea button .fa, #relatedLinks .application-button .fa, #relatedLinks .action-button .fa, #relatedLinks > div button .fa { margin-left: 15px; }
#contentArea .application-button.color-two, #contentArea .color-two.action-button, #contentArea #relatedLinks > div button.color-two, #relatedLinks > div #contentArea button.color-two, #contentArea #relatedLinks > div.bg-two button, #relatedLinks > div.bg-two #contentArea button, #relatedLinks .application-button.color-two, #relatedLinks .color-two.action-button, #relatedLinks > div button.color-two, #relatedLinks > div.bg-two button { background: #a36992; border-color: #a36992; }
#contentArea .application-button.color-two:hover, #contentArea .color-two.action-button:hover, #contentArea #relatedLinks > div button.color-two:hover, #relatedLinks > div #contentArea button.color-two:hover, #contentArea #relatedLinks > div.bg-two button:hover, #relatedLinks > div.bg-two #contentArea button:hover, #relatedLinks .application-button.color-two:hover, #relatedLinks .color-two.action-button:hover, #relatedLinks > div button.color-two:hover, #relatedLinks > div.bg-two button:hover { background: #e9eaee; }
#contentArea .application-button.color-two:hover a, #contentArea .color-two.action-button:hover a, #contentArea #relatedLinks > div button.color-two:hover a, #relatedLinks > div #contentArea button.color-two:hover a, #contentArea #relatedLinks > div.bg-two button:hover a, #relatedLinks > div.bg-two #contentArea button:hover a, #relatedLinks .application-button.color-two:hover a, #relatedLinks .color-two.action-button:hover a, #relatedLinks > div button.color-two:hover a, #relatedLinks > div.bg-two button:hover a { color: #a36992; }
#contentArea .application-button.color-three, #contentArea .color-three.action-button, #contentArea #relatedLinks > div button.color-three, #relatedLinks > div #contentArea button.color-three, #contentArea #relatedLinks > div.bg-three button, #relatedLinks > div.bg-three #contentArea button, #relatedLinks .application-button.color-three, #relatedLinks .color-three.action-button, #relatedLinks > div button.color-three, #relatedLinks > div.bg-three button { background: #9b8369; border-color: #9b8369; }
#contentArea .application-button.color-three:hover, #contentArea .color-three.action-button:hover, #contentArea #relatedLinks > div button.color-three:hover, #relatedLinks > div #contentArea button.color-three:hover, #contentArea #relatedLinks > div.bg-three button:hover, #relatedLinks > div.bg-three #contentArea button:hover, #relatedLinks .application-button.color-three:hover, #relatedLinks .color-three.action-button:hover, #relatedLinks > div button.color-three:hover, #relatedLinks > div.bg-three button:hover { background: #e9eaee; }
#contentArea .application-button.color-three:hover a, #contentArea .color-three.action-button:hover a, #contentArea #relatedLinks > div button.color-three:hover a, #relatedLinks > div #contentArea button.color-three:hover a, #contentArea #relatedLinks > div.bg-three button:hover a, #relatedLinks > div.bg-three #contentArea button:hover a, #relatedLinks .application-button.color-three:hover a, #relatedLinks .color-three.action-button:hover a, #relatedLinks > div button.color-three:hover a, #relatedLinks > div.bg-three button:hover a { color: #9b8369; }
#contentArea .application-button.color-four, #contentArea .color-four.action-button, #contentArea #relatedLinks > div button.color-four, #relatedLinks > div #contentArea button.color-four, #contentArea #relatedLinks > div.bg-four button, #relatedLinks > div.bg-four #contentArea button, #relatedLinks .application-button.color-four, #relatedLinks .color-four.action-button, #relatedLinks > div button.color-four, #relatedLinks > div.bg-four button { background: #6f9c92; border-color: #6f9c92; }
#contentArea .application-button.color-four:hover, #contentArea .color-four.action-button:hover, #contentArea #relatedLinks > div button.color-four:hover, #relatedLinks > div #contentArea button.color-four:hover, #contentArea #relatedLinks > div.bg-four button:hover, #relatedLinks > div.bg-four #contentArea button:hover, #relatedLinks .application-button.color-four:hover, #relatedLinks .color-four.action-button:hover, #relatedLinks > div button.color-four:hover, #relatedLinks > div.bg-four button:hover { background: #e9eaee; }
#contentArea .application-button.color-four:hover a, #contentArea .color-four.action-button:hover a, #contentArea #relatedLinks > div button.color-four:hover a, #relatedLinks > div #contentArea button.color-four:hover a, #contentArea #relatedLinks > div.bg-four button:hover a, #relatedLinks > div.bg-four #contentArea button:hover a, #relatedLinks .application-button.color-four:hover a, #relatedLinks .color-four.action-button:hover a, #relatedLinks > div button.color-four:hover a, #relatedLinks > div.bg-four button:hover a { color: #6f9c92; }
#contentArea .application-button.color-five, #contentArea .color-five.action-button, #contentArea #relatedLinks > div button.color-five, #relatedLinks > div #contentArea button.color-five, #contentArea #relatedLinks > div.bg-five button, #relatedLinks > div.bg-five #contentArea button, #relatedLinks .application-button.color-five, #relatedLinks .color-five.action-button, #relatedLinks > div button.color-five, #relatedLinks > div.bg-five button { background: #949f6f; border-color: #949f6f; }
#contentArea .application-button.color-five:hover, #contentArea .color-five.action-button:hover, #contentArea #relatedLinks > div button.color-five:hover, #relatedLinks > div #contentArea button.color-five:hover, #contentArea #relatedLinks > div.bg-five button:hover, #relatedLinks > div.bg-five #contentArea button:hover, #relatedLinks .application-button.color-five:hover, #relatedLinks .color-five.action-button:hover, #relatedLinks > div button.color-five:hover, #relatedLinks > div.bg-five button:hover { background: #e9eaee; }
#contentArea .application-button.color-five:hover a, #contentArea .color-five.action-button:hover a, #contentArea #relatedLinks > div button.color-five:hover a, #relatedLinks > div #contentArea button.color-five:hover a, #contentArea #relatedLinks > div.bg-five button:hover a, #relatedLinks > div.bg-five #contentArea button:hover a, #relatedLinks .application-button.color-five:hover a, #relatedLinks .color-five.action-button:hover a, #relatedLinks > div button.color-five:hover a, #relatedLinks > div.bg-five button:hover a { color: #949f6f; }
#contentArea .application-button.icon, #contentArea .icon.action-button, #contentArea #relatedLinks > div button.icon, #relatedLinks > div #contentArea button.icon, #relatedLinks .application-button.icon, #relatedLinks .icon.action-button, #relatedLinks > div button.icon { background: #fff; border: none; }
#contentArea .application-button.icon a, #contentArea .icon.action-button a, #contentArea #relatedLinks > div button.icon a, #relatedLinks > div #contentArea button.icon a, #relatedLinks .application-button.icon a, #relatedLinks .icon.action-button a, #relatedLinks > div button.icon a { color: #73a0bf; padding: 0; }
#contentArea .application-button.icon a i, #contentArea .icon.action-button a i, #contentArea #relatedLinks > div button.icon a i, #relatedLinks > div #contentArea button.icon a i, #relatedLinks .application-button.icon a i, #relatedLinks .icon.action-button a i, #relatedLinks > div button.icon a i { background: #73a0bf; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; }
#contentArea .application-button.icon.color-two a, #contentArea .icon.color-two.action-button a, #contentArea #relatedLinks > div button.icon.color-two a, #relatedLinks > div #contentArea button.icon.color-two a, #contentArea #relatedLinks > div.bg-two button.icon a, #relatedLinks > div.bg-two #contentArea button.icon a, #relatedLinks .application-button.icon.color-two a, #relatedLinks .icon.color-two.action-button a, #relatedLinks > div button.icon.color-two a, #relatedLinks > div.bg-two button.icon a { color: #caa0be; }
#contentArea .application-button.icon.color-two a i, #contentArea .icon.color-two.action-button a i, #contentArea #relatedLinks > div button.icon.color-two a i, #relatedLinks > div #contentArea button.icon.color-two a i, #contentArea #relatedLinks > div.bg-two button.icon a i, #relatedLinks > div.bg-two #contentArea button.icon a i, #relatedLinks .application-button.icon.color-two a i, #relatedLinks .icon.color-two.action-button a i, #relatedLinks > div button.icon.color-two a i, #relatedLinks > div.bg-two button.icon a i { background: #caa0be; }
#contentArea .application-button.icon.color-three a, #contentArea .icon.color-three.action-button a, #contentArea #relatedLinks > div button.icon.color-three a, #relatedLinks > div #contentArea button.icon.color-three a, #contentArea #relatedLinks > div.bg-three button.icon a, #relatedLinks > div.bg-three #contentArea button.icon a, #relatedLinks .application-button.icon.color-three a, #relatedLinks .icon.color-three.action-button a, #relatedLinks > div button.icon.color-three a, #relatedLinks > div.bg-three button.icon a { color: #af9a83; }
#contentArea .application-button.icon.color-three a i, #contentArea .icon.color-three.action-button a i, #contentArea #relatedLinks > div button.icon.color-three a i, #relatedLinks > div #contentArea button.icon.color-three a i, #contentArea #relatedLinks > div.bg-three button.icon a i, #relatedLinks > div.bg-three #contentArea button.icon a i, #relatedLinks .application-button.icon.color-three a i, #relatedLinks .icon.color-three.action-button a i, #relatedLinks > div button.icon.color-three a i, #relatedLinks > div.bg-three button.icon a i { background: #af9a83; }
#contentArea .application-button.icon.color-four a, #contentArea .icon.color-four.action-button a, #contentArea #relatedLinks > div button.icon.color-four a, #relatedLinks > div #contentArea button.icon.color-four a, #contentArea #relatedLinks > div.bg-four button.icon a, #relatedLinks > div.bg-four #contentArea button.icon a, #relatedLinks .application-button.icon.color-four a, #relatedLinks .icon.color-four.action-button a, #relatedLinks > div button.icon.color-four a, #relatedLinks > div.bg-four button.icon a { color: #9dbab3; }
#contentArea .application-button.icon.color-four a i, #contentArea .icon.color-four.action-button a i, #contentArea #relatedLinks > div button.icon.color-four a i, #relatedLinks > div #contentArea button.icon.color-four a i, #contentArea #relatedLinks > div.bg-four button.icon a i, #relatedLinks > div.bg-four #contentArea button.icon a i, #relatedLinks .application-button.icon.color-four a i, #relatedLinks .icon.color-four.action-button a i, #relatedLinks > div button.icon.color-four a i, #relatedLinks > div.bg-four button.icon a i { background: #9dbab3; }
#contentArea .application-button.icon.color-five a, #contentArea .icon.color-five.action-button a, #contentArea #relatedLinks > div button.icon.color-five a, #relatedLinks > div #contentArea button.icon.color-five a, #contentArea #relatedLinks > div.bg-five button.icon a, #relatedLinks > div.bg-five #contentArea button.icon a, #relatedLinks .application-button.icon.color-five a, #relatedLinks .icon.color-five.action-button a, #relatedLinks > div button.icon.color-five a, #relatedLinks > div.bg-five button.icon a { color: #bfc6a1; }
#contentArea .application-button.icon.color-five a i, #contentArea .icon.color-five.action-button a i, #contentArea #relatedLinks > div button.icon.color-five a i, #relatedLinks > div #contentArea button.icon.color-five a i, #contentArea #relatedLinks > div.bg-five button.icon a i, #relatedLinks > div.bg-five #contentArea button.icon a i, #relatedLinks .application-button.icon.color-five a i, #relatedLinks .icon.color-five.action-button a i, #relatedLinks > div button.icon.color-five a i, #relatedLinks > div.bg-five button.icon a i { background: #bfc6a1; }
#contentArea .application-button.icon:hover, #contentArea .icon.action-button:hover, #contentArea #relatedLinks > div button.icon:hover, #relatedLinks > div #contentArea button.icon:hover, #relatedLinks .application-button.icon:hover, #relatedLinks .icon.action-button:hover, #relatedLinks > div button.icon:hover { background: #fff; }
#contentArea .action-button, #relatedLinks .action-button { border-radius: 0; margin-bottom: 15px;}
#contentArea .action-button a:after, #relatedLinks .action-button a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: '\f105'; float: right; font-size: 18px; margin-left: 22px;}
#contentArea .action-button:hover, #relatedLinks .action-button:hover { background: #7294bd; }
#contentArea .action-button:hover a, #relatedLinks .action-button:hover a { color: #fff; }
#contentArea .action-button:active, #relatedLinks .action-button:active { background: #fff; }
#contentArea .action-button:active a, #relatedLinks .action-button:active a { color: #4f7aad; }
#contentArea .action-button.color-two, #relatedLinks .action-button.color-two { background: #a36992; border-color: #a36992; }
#contentArea .action-button.color-two:hover, #relatedLinks .action-button.color-two:hover { background: #b587a7; }
#contentArea .action-button.color-two:hover a, #relatedLinks .action-button.color-two:hover a { color: #fff; }
#contentArea .action-button.color-two:active, #relatedLinks .action-button.color-two:active { background: #fff; }
#contentArea .action-button.color-two:active a, #relatedLinks .action-button.color-two:active a { color: #a36992; }
#contentArea .action-button.color-three, #relatedLinks .action-button.color-three { background: #9b8369; border-color: #9b8369; }
#contentArea .action-button.color-three:hover, #relatedLinks .action-button.color-three:hover { background: #af9b87; }
#contentArea .action-button.color-three:hover a, #relatedLinks .action-button.color-three:hover a { color: #fff; }
#contentArea .action-button.color-three:active, #relatedLinks .action-button.color-three:active { background: #fff; }
#contentArea .action-button.color-three:active a, #relatedLinks .action-button.color-three:active a { color: #9b8369; }
#contentArea .action-button.color-four, #relatedLinks .action-button.color-four { background: #6f9c92; border-color: #6f9c92; }
#contentArea .action-button.color-four:hover, #relatedLinks .action-button.color-four:hover { background: #8bafa7; }
#contentArea .action-button.color-four:hover a, #relatedLinks .action-button.color-four:hover a { color: #fff; }
#contentArea .action-button.color-four:active, #relatedLinks .action-button.color-four:active { background: #fff; }
#contentArea .action-button.color-four:active a, #relatedLinks .action-button.color-four:active a { color: #6f9c92; }
#contentArea .action-button.color-five, #relatedLinks .action-button.color-five { background: #949f6f; border-color: #949f6f; }
#contentArea .action-button.color-five:hover, #relatedLinks .action-button.color-five:hover { background: #a9b28b; }
#contentArea .action-button.color-five:hover a, #relatedLinks .action-button.color-five:hover a { color: #fff; }
#contentArea .action-button.color-five:active, #relatedLinks .action-button.color-five:active { background: #fff; }
#contentArea .action-button.color-five:active a, #relatedLinks .action-button.color-five:active a { color: #949f6f; }*/
 /* ACTION BUTTONS */
 /*.action-button, .rightbox > div button, .rightbox > div.bg-two button { display: inline-block; font-size: 1em; font-weight: bold; background: #476d9b; border: 1px solid #4f7aad; border-radius: 5px; }
.action-button a, .rightbox > div button a, .rightbox > div.bg-two button a { display: block; padding: 12px 15px; color: #fff; text-decoration: none; }

.action-button:hover, .rightbox > div button:hover { background: #e9eaee; }
.action-button:hover a, .rightbox > div button:hover a { color: #4f7aad; }

.action-button.large, .rightbox > div button.large { font-size: 1.21429em; }
.action-button.large a, .rightbox > div button.large a { padding: 16px 20px; }

.action-button.small, .rightbox > div button.small { font-size: 0.71429em; }
.action-button.small a, .rightbox > div button.small a { padding: 7px 11px; }

.action-button .fa, .rightbox > div button .fa { margin-left: 15px; }

.action-button.color-two, .rightbox > div button.color-two, .rightbox > div.bg-two button { background: #a36992; border-color: #a36992; }
.action-button.color-two:hover, .rightbox > div button.color-two:hover, .rightbox > div.bg-two button:hover { background: #e9eaee; }
.action-button.color-two:hover a, .rightbox > div button.color-two:hover a, .rightbox > div.bg-two button:hover a { color: #a36992; }

.action-button.color-three, .rightbox > div button.color-three, .rightbox > div.bg-three button { background: #9b8369; border-color: #9b8369; }
.action-button.color-three:hover, .rightbox > div button.color-three:hover, .rightbox > div.bg-three button:hover { background: #e9eaee; }
.action-button.color-three:hover a, .rightbox > div button.color-three:hover a, .rightbox > div.bg-three button:hover a { color: #9b8369; }

.action-button.color-four, .rightbox > div button.color-four, .rightbox > div.bg-four button { background: #6f9c92; border-color: #6f9c92; }
.action-button.color-four:hover, .rightbox > div button.color-four:hover, .rightbox > div.bg-four button:hover { background: #e9eaee; }
.action-button.color-four:hover a, .rightbox > div button.color-four:hover a, .rightbox > div.bg-four button:hover a { color: #6f9c92; }

.action-button.color-five, .rightbox > div button.color-five, .rightbox > div.bg-five button { background: #949f6f; border-color: #949f6f; }
.action-button.color-five:hover, .rightbox > div button.color-five:hover, .rightbox > div.bg-five button:hover { background: #e9eaee; }
.action-button.color-five:hover a, .rightbox > div button.color-five:hover a, .rightbox > div.bg-five button:hover a { color: #949f6f; }

.action-button.icon, .rightbox > div button.icon { background: #fff; border: none; }
.action-button.icon a, .rightbox > div button.icon a { color: #73a0bf; padding: 0; }
.action-button.icon a i, .rightbox > div button.icon a i { background: #73a0bf; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; }
.action-button.icon.color-two a, .rightbox > div button.icon.color-two a, .rightbox > div.bg-two button.icon a { color: #caa0be; }
.action-button.icon.color-two a i, .rightbox > div button.icon.color-two a i, .rightbox > div.bg-two button.icon a i { background: #caa0be; }
.action-button.icon.color-three a, .rightbox > div button.icon.color-three a, .rightbox > div.bg-three button.icon a { color: #af9a83; }
.action-button.icon.color-three a i, .rightbox > div button.icon.color-three a i, .rightbox > div.bg-three button.icon a i { background: #af9a83; }
.action-button.icon.color-four a, .rightbox > div button.icon.color-four a, .rightbox > div.bg-four button.icon a { color: #9dbab3; }
.action-button.icon.color-four a i, .rightbox > div button.icon.color-four a i, .rightbox > div.bg-four button.icon a i { background: #9dbab3; }
.action-button.icon.color-five a, .rightbox > div button.icon.color-five a, .rightbox > div.bg-five button.icon a { color: #bfc6a1; }
.action-button.icon.color-five a i, .rightbox > div button.icon.color-five a i, .rightbox > div.bg-five button.icon a i { background: #bfc6a1; }
.action-button.icon:hover, .rightbox > div button.icon:hover { background: #fff; }*/
 /*#contentArea ul.default, #contentArea ul.checklist, #contentArea ul.tick, #contentArea ul.cross, #contentArea ul.dash { margin: 20px 0 20px 20px; padding: 0; list-style: none; }*/
 /*#contentArea ul.default li, #contentArea ul.checklist li, #contentArea ul.tick li, #contentArea ul.cross li, #contentArea ul.dash li { margin: 7px 0; padding: 0; background: none; }*/
 /*#contentArea ul.no-bullets li, #contentArea ul.default li, #contentArea ul.checklist li, #contentArea ul.tick li, #contentArea ul.cross li, #contentArea ul.dash li { position: relative; margin: 7px 0; padding: 0; background: none; width: 100%; }*/
 /*#contentArea ul.default li:before, #contentArea ul.checklist li:before, #contentArea ul.tick li:before, #contentArea ul.cross li:before, #contentArea ul.dash li:before { content: ''; width: 8px; height: 8px; position: absolute; margin-left: -20px; margin-top: 5px; display: inline-block; vertical-align: middle; background: #375d99; }
#contentArea ul.default.checklist li:before, #contentArea ul.checklist.checklist li:before, #contentArea ul.tick.checklist li:before, #contentArea ul.cross.checklist li:before, #contentArea ul.dash.checklist li:before { border: 2px solid #375d99; background: #fff; margin-top: 3px; }
#contentArea ul.default.tick li:before, #contentArea ul.checklist.tick li:before, #contentArea ul.tick.tick li:before, #contentArea ul.cross.tick li:before, #contentArea ul.dash.tick li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: '\f00c'; background: transparent; color: #bfc6a1; vertical-align: top; margin-top: 1px; }
#contentArea ul.default.cross li:before, #contentArea ul.checklist.cross li:before, #contentArea ul.tick.cross li:before, #contentArea ul.cross.cross li:before, #contentArea ul.dash.cross li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: '\f00d'; background: transparent; color: #caa0be; font-weight: bold; font-size: 18px; vertical-align: top; margin-top: 1px; }
#contentArea ul.default.dash li:before, #contentArea ul.checklist.dash li:before, #contentArea ul.tick.dash li:before, #contentArea ul.cross.dash li:before, #contentArea ul.dash.dash li:before { content: '\2014'; background: transparent; color: #375d99; font-weight: bold; font-size: 18px; vertical-align: top; margin-right: 20px; margin-top: 0; }
#contentArea ol.default { margin: 20px 0; padding: 0; list-style: none; counter-reset: list-counter; }*/
 /*#contentArea ol.default li { margin: 7px 0; padding: 0; background: none; }
#contentArea ol.default li:before { content: counter(list-counter); counter-increment: list-counter; width: 40px; height: 40px; border-radius: 50%; background: #73a0bf; text-align: center; line-height: 40px; color: #fff; display: inline-block; vertical-align: middle; margin-right: 15px; }
#contentArea ol.default.color-two { color: #2b2b2b; }
#contentArea ol.default.color-two li:before { background: #caa0be; }
#contentArea ol.default.color-three { color: #2b2b2b; }
#contentArea ol.default.color-three li:before { background: #af9a83; }
#contentArea ol.default.color-four { color: #2b2b2b; }
#contentArea ol.default.color-four li:before { background: #9dbab3; }
#contentArea ol.default.color-five { color: #2b2b2b; }
#contentArea ol.default.color-five li:before { background: #bfc6a1; }*/
 /* Responsive styles live here*/
 
 .resp #cim_page-wrapper {
     width: auto;
     margin: 0 auto;
     max-width: 990px;
 }
 .resp #topContainer {
     max-width: 990px;
     min-width: 1px;
 }
 .resp #mainContainer02 #breadcrumb {
     width: auto;
 }
 .resp #mainContainer02.rhsColRequired #breadcrumb {
     width: auto;
 }
 .resp #mainContainer02 #contentArea {
     width: auto;
 }
 .resp #mainContainer02 #contentArea.noRHS {
     width: auto;
 }
 .resp #mainContainer04.rhsColRequired #breadcrumb {
     margin-left: 15px;
     margin-right: 10px;
     width: auto;
 }
 .resp #mainContainer04 #breadcrumb {
     width: auto;
 }
 .resp #mainContainer04 #contentArea {
     padding-left: 15px;
     width: auto;
 }
 .resp #mainContainer04 #contentArea.noRHS {
     width: auto;
 }
 /*.resp #sidebarNav {
  display: none;
}*/
 
 .resp .nav-toggle {
     display: block;
     width: 90%;
     background: #e4e5e9;
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTVlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZTBlNWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNlM2U0ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkY2RmZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNkNmUwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNkOGRkZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNkMGQ3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNkMGQ5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NkNWRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
     background: -moz-linear-gradient(top, #e4e5e9 0%, #e0e5e8 6%, #e3e4e8 9%, #dcdfe4 40%, #d6e0e2 47%, #d8dde1 51%, #d0d7dd 70%, #d0d9de 74%, #ccd5dc 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e5e9), color-stop(6%, #e0e5e8), color-stop(9%, #e3e4e8), color-stop(40%, #dcdfe4), color-stop(47%, #d6e0e2), color-stop(51%, #d8dde1), color-stop(70%, #d0d7dd), color-stop(74%, #d0d9de), color-stop(100%, #ccd5dc));
     background: -webkit-linear-gradient(top, #e4e5e9 0%, #e0e5e8 6%, #e3e4e8 9%, #dcdfe4 40%, #d6e0e2 47%, #d8dde1 51%, #d0d7dd 70%, #d0d9de 74%, #ccd5dc 100%);
     background: -o-linear-gradient(top, #e4e5e9 0%, #e0e5e8 6%, #e3e4e8 9%, #dcdfe4 40%, #d6e0e2 47%, #d8dde1 51%, #d0d7dd 70%, #d0d9de 74%, #ccd5dc 100%);
     background: -ms-linear-gradient(top, #e4e5e9 0%, #e0e5e8 6%, #e3e4e8 9%, #dcdfe4 40%, #d6e0e2 47%, #d8dde1 51%, #d0d7dd 70%, #d0d9de 74%, #ccd5dc 100%);
     background: linear-gradient(to bottom, #e4e5e9 0%, #e0e5e8 6%, #e3e4e8 9%, #dcdfe4 40%, #d6e0e2 47%, #d8dde1 51%, #d0d7dd 70%, #d0d9de 74%, #ccd5dc 100%);
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e9', endColorstr='#ccd5dc', GradientType=0);
     padding: 10px 0 10px 10px;
     margin: 10px auto 0 auto;
     text-decoration: none;
     font-size: 14px;
     font-weight: 700;
     border-radius: 3px;
     box-sizing: border-box;
 }
 .resp .nav-toggle.active {
     border-radius: 3px 3px 0 0;
 }
 .resp .nav-toggle i {
     float: right;
     padding-right: 16px;
 }
 @media screen and (max-width: 740px) {
     .resp #sidebarNav {
         float: none;
         box-sizing: border-box;
         width: 90%;
         margin: 0 auto;
     }
     .resp #sidebarNav h3 {
         display: none;
     }
     .resp .hitarea {
         display: none;
     }
     .resp #sidebarNav ul li a {
         font-size: 14px;
     }
     .resp #sidebarNav ul li ul li a {
         padding-left: 38px;
     }
 }
 @media screen and (max-width: 740px) {
     .resp #relatedLinks {
         width: 100%;
     }
 }
 .resp .fl {
     padding: 0 15px;
 }
 @media screen and (min-width: 768px) {
     .resp #mainContainer02 {
         display: table;
         margin-left: 1.5%;
         table-layout: fixed;
     }
     .resp #sidebarNav {
         display: table-cell;
         vertical-align: top;
         float: none;
         background: none;
     }
     .resp .fl {
         float: none;
         display: table-cell;
         vertical-align: top;
         padding: 0 15px;
     }
     .resp #relatedLinks {
         display: table-cell;
         float: none;
         vertical-align: top;
     }
 }
 /* BANNER */
 
 .resp #topHead {
     box-shadow: 0px 5px 5px 0px rgba(173, 173, 173, 0.75);
     width: 100%;
     min-width: 285px;
     max-width: 990px;
 }
 .resp #department_logo {
     width: auto;
     padding: 15px 0 15px 15px;
 }
 .resp .oeh-logo {
     margin-top: 10px;
     margin-left: 4.68%;
     margin-bottom: 15px;
     height: 50px;
     float: left;
 }
 .resp .skip-links {
     display: none;
 }
 .resp #links {
     margin-right: 4.68%;
     margin-left: 4.68%;
     width: 90.6%;
     height: auto;
     float: left;
     margin-bottom: 15px;
     padding: 0;
 }
 .resp #links form {
     height: 100%;
     width: 100%;
     overflow: hidden;
     margin-top: 0;
 }
 .resp #links input[type="text"] {
     width: 85%;
     padding-left: 2%;
     height: 25px;
     font-size: 14px;
     border: 1px solid #999;
     -webkit-appearance: none;
     border-radius: 0;
 }
 .resp #topHead form .go {
     background: url("/images/responsive/OEHSearch.png") 50% 7px no-repeat;
     background-size: 20px;
     border: 0 none;
     height: 30px;
     text-indent: -9999px;
     text-transform: capitalize;
     float: right;
     width: 9%;
     cursor: pointer;
 }
 .resp #themeImage {
     display: none;
 }
 @media all and (min-width: 740px) {
     .resp #department_logo {
         padding: 24px 0 29px 15px;
     }
     .resp #themeImage {
         display: block;
         height: auto;
         clear: both;
         position: relative;
         width: 100%;
     }
     .resp #themeImage img {
         width: 100%;
         height: auto;
     }
     .resp #links {
         color: #bacfe5;
         float: right;
         font-size: 0.9em;
         margin-right: 11px;
         padding: 15px 0 10px;
         width: 245px;
     }
     .resp #links input[type="text"] {
         width: 200px;
         padding-left: 2px;
         height: 25px;
         font-size: 14px;
         border: 1px solid #d5d5d5;
         -webkit-appearance: none;
         border-radius: 0;
     }
     .resp #topHead form .go {
         width: 30px;
     }
     .resp #topHead {
         box-shadow: none;
     }
 }
 .resp .responsive-menu {
     margin-top: 15px;
     margin-right: 4.68%;
     margin-bottom: 15px;
     display: block;
     width: 66px;
     height: 21px;
     color: #fff;
     border-radius: 3px;
     background-color: #1a3278;
     position: relative;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-left: 8px;
     text-decoration: none;
     text-align: left;
     float: right
 }
 .resp .fa-bars {
     font-size: 21px
 }
 .resp .responsive-menu span {
     /*padding-bottom:2px;*/
     position: absolute;
     top: 9px;
     left: 32px
 }
 .resp .resp-nav-collapse ul {
     margin: 0;
     padding: 0;
     width: 100%;
     display: block;
     list-style: none
 }
 .resp .resp-nav-collapse li {
     width: 100%;
     display: block
 }
 .resp.js .resp-nav-collapse {
     clip: rect(0 0 0 0);
     max-height: 0;
     position: absolute;
     display: block;
     overflow: hidden;
     zoom: 1
 }
 .resp-nav-collapse.opened {
     max-height: 9999px
 }
 .disable-pointer-events {
     pointer-events: none!important
 }
 .nav-toggle {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none
 }
 .resp .resp-menu {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 .resp .resp-menu li ul {
     display: none;
 }
 .resp .resp-menu li {
     padding: 0;
     border-bottom: 1px solid #fff;
     background: #cddae8 url(/images/responsive/OEH_Chevron_blue.png) no-repeat 98% center;
     background-size: 8px;
 }
 @media all and (max-width: 740px) {
     .resp #nav {
         height: auto;
     }
 }
 .resp .resp-menu .topLevelNavItem a {
     display: block;
     text-decoration: none;
     text-transform: uppercase;
     color: #092b5a;
     padding: 15px 0 15px 15px;
 }
 @media screen and (min-width: 740px) and (max-width: 875px) {
     .resp .sf-menu a {
         padding: 18px 18px 6px 6px;
     }
     .resp .sf-menu #home {
         width: 7.379%;
     }
     .resp .sf-menu #culture_and_heritage {
         width: 11.035%
     }
     .resp .sf-menu #environmental_issues {
         width: 15.035%
     }
     .resp .sf-menu #nature_conservation {
         width: 14.03%
     }
     .resp .sf-menu #knowledge_centre {
         width: 11.611%
     }
     .resp .sf-menu #about_us a {
         border-right: none;
     }
     .resp .sf-menu ul li a {
         padding: 6px 12px;
     }
 }
 @media screen and (min-width: 740px) {
     .resp.js .resp-nav-collapse {
         position: relative;
     }
     .resp.js .resp-nav-collapse.closed {
         max-height: none;
     }
     .resp .nav-toggle,
     .resp .responsive-menu {
         display: none;
     }
 }
 @media all and (min-width: 740px) and (max-width:905px) {
     .resp #ratingframe {
         height: 770px !important;
     }
 }
 @media all and (max-width:488px) {
     .resp #ratingframe {
         height: 770px !important;
     }
 }
 .resp #footerContainer {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9pt;
     background: #2c5e8d;
     border-top: 13px solid #002f82;
     _display: none;
     width: 100%;
 }
 .resp #footer {
     clear: both;
     color: #FFF;
     overflow: hidden;
     margin: 0 auto;
     padding: 10px 10px 20px 0;
     width: auto;
     max-width: 990px;
     min-width: 258px;
 }
 .resp .connect {
     width: 95%;
     margin-left: 5%;
     margin-bottom: 40px;
 }
 .resp .items {
     margin-bottom: 25px;
     width: 45%;
     margin-left: 5%;
 }
 @media all and (min-width: 560px) {
     .resp .connect {
         float: left;
         width: 43%
     }
     .resp .items {
         width: 20%;
         margin-left: 3%;
     }
 }
 @media all and (min-width: 800px) {
     .resp .items {
         width: 20%;
     }
 }
 @media all and (min-width: 800px) {
     .resp .items {
         width: 14%;
         float: left;
         margin-left: 0;
         margin-right: 2%;
     }
     .resp .connect {
         width: 30%;
         margin-right: 1%;
     }
 }
 /* Hacky hacks for the site modifications*/
 
 #contentArea ul li {
     position: relative;
 }
 /*#contentArea ul li:before {
     background: #557521;
     content: ' ';
     display: inline-block;
     height: 0.5em;
     left: 0;
     position: absolute;
     top: 0.6em;
     vertical-align: middle;
     width: 0.5em;
 }
 ul.tick li:before,
 ul.cross li:before,
 ul.dash li:before {
     margin-left: 0 !important;
     top: 0.2em !important;
 }*/
 #relatedLinks ul li:last-of-type {
     border-bottom: none;
 }
 img[alt="external link"] {
     float: none !important;
     width: 12px !important;
     height: 12px !important;
     margin-right: 0 !important;
 }
 html:not(.resp) #mainContainer02.noRHS > .fl {
     width: 75% !important;
 }
 .ImageDivC {
     margin: 10px auto;
     width: 90%;
     position: relative;
 }
 .backToTop {
     background: none;
     height: 16px;
     margin-bottom: 10px;
     margin-top: 20px;
     padding-left: 0;
     text-align: right;
     border-bottom: 1px dotted #777676;
 }
 h2 a:hover,
 h2 a {
     color: #000000;
     text-decoration: none;
 }
 h3 a:hover,
 h3 a {
     color: #000000;
     text-decoration: none;
 }
 a[name]:hover {
     text-decoration: none;
 }
 h4 a[name] {
     font-weight: 400 !important;
 }
 /* MaritimeAdminApp */
 
 #MainContent_UpdatePanel1 #MainContent_trhodthemes td {
     padding: 0 !important;
     border-top: none !important;
     width: auto;
 }
 .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
     height: 21px !important;
 }
 /*#MainContent_UpdatePanel1 td {
     padding: 0 !important;
     border-top: none !important;
     width: 60%;
 }*/
 
 #MainContent_UpdatePanel1 tr {
     background-color: #fff !important;
 }
 input#MainContent_ButtonAddNewRegion,
 input#MainContent_ButtonAddNewArea {
     width: 50%;
 }
 nput#MainContent_ButtonAddNewArea {
     margin-left: 10px;
 }
 table#MainContent_GridViewArea {
     margin-left: 10px;
 }
 /* saving our species app*/
 
 input#ctl00_ContentPlaceHolder1_ddlSuburb_Input {
     height: 19px;
 }
 .SubHeader {
     color: #5c5c5c !important;
 }
 .SearchBySpecies td,
 .SearchByRegion td {
     padding: 0 !important;
     border-top: none !important;
 }
 .SearchBySpecies tr,
 .SearchByRegion tr {
     background-color: #E9F0F7 !important;
 }
 #MainContent_TabContainerSites_TabPanelAccessInfo_Update_UCShip75Protection1_GridViewSites table {
     width: auto;
 }
 table#MainContent_GridViewSites table {
     width: 20%;
 }
 div#MainContent_TabContainerSites_TabPanelShipwreckInfo_Update input {
     display: inline-block;
 }
 #MainContent_TabContainerSites_TabPanelShipwreckInfo_Update_UCShipwreckDetails1_TextBoxWhenLostYear,
 #MainContent_TabContainerSites_TabPanelShipwreckInfo_Update_UCShipwreckDetails1_TextBoxWhenLostMonth,
 #MainContent_TabContainerSites_TabPanelShipwreckInfo_Update_UCShipwreckDetails1_TextBoxWhenLostDay {
     width: 70px !important;
 }
 .ImageDivC img {
     /*width: 100%;*/
 }
 .ImageCaption {
     width: 100%;
 }
 /* bimsprapp */
 
 #gvEcosystem td {
     padding: 6px
 }
 #gvEcosystem table:last-of-type {
     width: 20%;
 }
 form[action^="SearchBiobankingEOI.aspx"] .tabletextbl tr td:first-of-type {
     width: 250px !important;
 }
 form[action^="SearchBiobankingEOI.aspx"] .tabletextbl tr td {
     vertical-align: middle;
 }
 .emptycell {
     padding: 0 !important;
 }
 #sidebarNav ~ #mainContainer02,
 #sidebarNav ~ #mainContainer03 {
     width: 972px;
     margin-left: 0;
     margin-right: 0;
 }
 #sidebarNav[style="display: none;"] ~ #mainContainer02,
 #sidebarNav[style="display: block;"] ~ #mainContainer02,
 #sidebarNav[style="display: none;"] ~ #mainContainer03,
 #sidebarNav[style="display: block;"] ~ #mainContainer03 {
     width: auto !important;
     margin-left: 0 !important;
     margin-right: 0 !important;
 }
 html:not(.resp) .tabletextbl .radio label::before {
     /*left:-1px;*/
 }
 td.tabletext {
     vertical-align: middle !important;
 }
 table.tabletextbl {
     padding: 0 !important;
     border-top: none !important;
 }
 table.tabletextbl tr {
     background-color: #fff !important;
 }
 .tabletextbl tr td {
     border-top: none !important;
     padding: 0 !important;
 }
 .tabletext .radio {
     margin: 0 !important;
 }
 .tabletextbl nobr pre {
     padding: 0;
     margin: 0;
 }
 #txtGivenNames {
     width: 95% !important;
     display: inline-block !important;
 }
 #txtSurname {
     width: 45% !important;
     display: inline-block !important;
 }
 #ddlTitle {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtAddress1 {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtAddress2 {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtSuburb {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtState {
     width: 50% !important;
     display: inline-block !important;
 }
 #txtPostcode {
     width: 50% !important;
     display: inline-block !important;
 }
 #txtMailAddress1 {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtMailAddress2 {
     width: 80% !important;
     display: inline-block !important;
 }
 #txtMailState {
     width: 50% !important;
     display: inline-block !important;
 }
 #txtMailPostcode {
     width: 50% !important;
     display: inline-block !important;
 }
 #txtContactName {
     width: 90% !important;
     display: inline-block !important;
 }
 #txtContactPhoneCC {
     width: 60px !important;
     display: inline-block !important;
 }
 #txtContactPhoneAC {
     width: 50px !important;
     display: inline-block !important;
 }
 #txtContactPhone {
     width: 110px !important;
     display: inline-block !important;
 }
 #txtContactMobileCC {
     width: 60px !important;
     display: inline-block !important;
 }
 #txtContactMobile {
     width: 120px !important;
     display: inline-block !important;
 }
 #txtContactFaxCC {
     width: 60px !important;
     display: inline-block !important;
 }
 #txtContactFaxAC {
     width: 50px !important;
     display: inline-block !important;
 }
 #txtContactFax {
     width: 120px !important;
     display: inline-block !important;
 }
 #txtContactEmail {
     width: 90% !important;
     display: inline-block !important;
 }
 #txtVegCredits {
     width: 90% !important;
     display: inline-block !important;
 }
 #btnVegTypeID {
     display: inline-block;
     width: 20%;
 }
 #btnObjectID {
     width: 20%;
     display: inline-block;
 }
 #btnAddVegType {
     display: block;
     margin-top: -41px;
 }
 #txtRegisteredName,
 #txtABN {
     display: inline-block;
     width: 80%
 }
 #txtARBN,
 #lblARBN {
     display: none
 }
 #ddlEcosystemIBRASubregion.invisible,
 #ddlEcosystemVegType.invisible {
     display: none;
 }
 #txtSpeciesCredits {
     width: 50%;
     display: inline-block;
 }
 .related-links > div p,
 #relatedLinks > div p {
     overflow: hidden;
     width: 100%;
 }
 /* Fix for Chrome transform bug for fixed backgrounds. Caused by google maps. Will need to be applied to the id of any google maps*/
 
 #map_canvas[style],
 #mapCanvas[style] {
     -webkit-transform: none !important;
 }
 /* ASMS */
 
 #gvList table:last-of-type td {
     padding: 0 1px
 }
 #gvList table:last-of-type {
     width: auto;
 }
 #form2[action^="ConfirmPopup.aspx?type=1"] *,
 #form1[action^="ConfirmPopup.aspx?type=1"] * {
     padding: 0;
     margin: 0;
 }
 /* sustainbusapp */
 
 #phContent_RadPageView1 td,
 #phContent_RadPageView1 th {
     padding: 5px 0 5px 0;
 }
 .memberKey h2 {
     width: 96px !important;
 }
 .rtsUL li:before {
     content: none !important;
 }
 html:not(.resp) input {
     height: inherit !important;
 }
 /* dustwatch */
 
 #ctl00_MainContent_ajxTab_tabTableView > div {
     width: 100% !important;
 }
 #fsDataSelection td {
     padding-left: 0
 }
 #fsDataSelection .rbspace {
     width: 110px;
     /* border: 1px solid; */
 }
 div#ctl00_MainContent_UCTimeInterval1_UpdatePanel1 input {
     display: inline-block;
 }
 #ctl00_MainContent_UCTimeInterval1_ddlDMonth,
 #ctl00_MainContent_UCTimeInterval1_ddlMMonth,
 #ctl00_MainContent_UCTimeInterval1_ddlMYear,
 #ctl00_MainContent_UCTimeInterval1_ddlWYear,
 #ctl00_MainContent_UCTimeInterval1_ddlWMonth,
 #ctl00_MainContent_UCTimeInterval1_ddlDYear,
 #ctl00_MainContent_UCTimeInterval1_ddlYYear {
     width: 90px !important;
 }
 #ctl00_MainContent_UCTimeInterval1_txtSelectedDate {
     width: 120px !important;
 }
 #ctl00_MainContent_UCTimeInterval1_btnCalImg {
     width: 45px !important;
     height: 35px !important;
 }
 /* heritage app*/
 
 form[action^=ViewHeritageItemDetails] td {
     padding: 2px !important;
 }
 #ContentPlaceHolder1_UCHeritageSearchCondition1_tableSearchCondition td {
     padding: 0 14px 0 0;
     border-top: none !important;
 }
 #ContentPlaceHolder1_UCHeritageSearchCondition1_tableSearchCondition tr {
     background-color: #fff !important;
 }
 #ContentPlaceHolder1_UCHeritageSearchCondition1_tableSearchCondition input {
     display: inline-block;
 }
 #ContentPlaceHolder1_UCHeritageSearchCondition1_TextBoxYearFrom,
 #ContentPlaceHolder1_UCHeritageSearchCondition1_TextBoxYearTo {
     width: 100px !important;
 }
 #ContentPlaceHolder1_PanelSearchCondition td {
     padding: 0 14px 0 0;
     border-top: none !important;
 }
 #ContentPlaceHolder1_PanelSearchCondition tr {
     background-color: #fff !important;
 }
 /* heritageapp */
 
 #ContentPlaceHolder1_UCHeritageAPSearchResult1_HeritageList td {
     padding: 10px;
 }
 #ContentPlaceHolder1_UCHeritageSearchCondition1_tableSearchCondition .checkbox {
     margin: 0;
 }
 #ContentPlaceHolder1_rblListingType .radio label {
     padding-left: 2px;
 }
 #ContentPlaceHolder1_PanelDetail td {
     padding: 0 !important;
     border-top: none !important;
 }
 #ContentPlaceHolder1_PanelDetail table {
     border: none !important;
 }
 #ContentPlaceHolder1_PanelDetail td {
     background-color: #fff !important;
 }
 #ContentPlaceHolder1_UCDropDownListState_DropDownListState,
 #ContentPlaceHolder1_UCDropDownListPostalState_DropDownListState {
     width: 80%
 }
 #MainContent_UCNewHeritageItem1_TextBoxStreetNumber,
 #MainContent_UCNewHeritageItem1_TextBoxSuburb {
     width: 219px !important;
 }
 /* heritageadminapp */
 
 tr.heritagepager table {
     width: auto !important;
 }
 select#MainContent_UCAdvanceSearchCondition1_UCSignificanceRatingDDLSignificance_DropDownListCode,
 select#MainContent_UCAdvanceSearchCondition1_UCSignificanceRatingDDLEndorsed_DropDownListCode {
     width: 132px !important;
 }
 #dialogAdvanceSearchCondition .radio label {
     padding-left: 4px;
 }
 #dialogAdvanceSearchCondition {
     font-size: 14px;
 }
 #dialogAdvanceSearchCondition td {
     padding: 2px 0;
 }
 #tabs_content_container .checkbox {
     margin-top: 0 !important;
 }
 #MainContent_GridView1 tr td table:first-of-type {
     width: 20%;
 }
 #MainContent_ButtonResetAllTags {
     display: inline-block;
     width: 20%;
 }
 .ui-dialog .ui-dialog-buttonpane button {
     float: left !important;
 }
 #tableNewItem td,
 .internalTable td {
     padding: 2px 0 !important;
     border-top: none !important;
 }
 #tableNewItem tr,
 .internalTable tr {
     background-color: #fff !important;
 }
 #MainContent_UCImageGridView1_UCImageEdit1_FileUploadNewImage {
     width: 450px !important;
 }
 form[action^=HeritageItemEdit] button {
     float: none !important;
 }
 form[action^=HeritageItemEdit] #tabs li:before {
     background: none !important;
 }
 .rightcontentdiv div {
     display: inline-block !important;
 }
 .MHMSContent table td {
     padding: 0 !important;
     border-top: none !important;
 }
 .MHMSContent table tr {
     background-color: #fff !important;
 }
 /* maritimeheritageapp */

.ui-datepicker td, .ui-datepicker th {
    border: 0 none;
    padding: 1px !important;
}
.ui-datepicker .ui-widget-header {
  color: #000 !important;
}
.ui-datepicker option {
    color: #000;
    font-weight: 400;
}
 
 #ContentPlaceHolder1_PanelSearchResult #mapparent {
     top: 45%;
 }
 #ContentPlaceHolder1_PanelSearchResult #mapparent table {
     background: #008899 !important;
 }
 #ContentPlaceHolder1_PanelSearchResult #mapparent td {
     padding: 2px 0 2px 10px;
 }
 #MainContent_TabContainerSites_SiteBasicInfo_Update_UCSiteBasicInfo1_PanelResult table {
     width: auto;
 }
 #MainContent_TabContainerSites_TabPanelSHIInfo .checkbox {
     margin-top: 0 !important;
 }
 #ContentPlaceHolder1_UCSiteDetailSHIDatabase1_tableForHeritage td {
     padding: 2px;
 }
 #ContentPlaceHolder1_UCSiteDetailDatabase1_tableForShip td {
     padding: 2px;
 }
 #ContentPlaceHolder1_UCShipWreckAdvancedSearchCondition1_ButtonSearch,
 #ButtonReset {
     display: inline-block;
     width: 20%;
 }
 input#ContentPlaceHolder1_TextBoxKeywords {
     width: 100% !important;
 }
 select#ContentPlaceHolder1_UCSiteSearchResult1_shipList_DDLPage {
     display: inline-block;
     width: 66px !important;
 }
 input#ContentPlaceHolder1_UCSiteSearchResult1_shipList_btnNext,
 #ContentPlaceHolder1_UCSiteSearchResult1_shipList_btnPrev,
 #ContentPlaceHolder1_UCSiteSearchResult1_shipList_btnFirst {
     display: inline-block;
     width: 45px !important;
 }
 input#ContentPlaceHolder1_UCSiteSearchResult1_shipList_btnLast {
     display: inline-block;
     width: 55px !important;
 }
 form[action^=ViewSiteDetail] table td {
     background: none;
     border: none;
     border-top: none !important;
 }
 #ContentPlaceHolder1_UCShipWreckAdvancedSearchCondition1_tableSearchCondition td {
     background: none;
     border: none;
     border-top: none !important;
 }
 #ContentPlaceHolder1_UCShipWreckAdvancedSearchCondition1_tableSearchCondition input {
     display: inline-block !important;
     margin: 4px;
 }
 #form1[action^=OrganisationItemsMigration] {
     width: 80%;
     margin: 0 auto;
 }
 #MainContent_TextBoxOrgName,
 #MainContent_ButtonSearch {
     display: inline-block;
 }
 /* threatenedSpeciesApp */
 
 html:not(.resp) .filterBlock .checkbox label::before,
 html:not(.resp) .filterBlock .checkbox label::after {
     /*left: 0;*/
 }
 html:not(.resp) .filterBlock .checkbox label::after {
     top: 1px
 }
 #ContentPlaceHolder1_ucKeyWordSearch1_txtKeywords {
     width: 250px;
 }
 .filterBlock br {
     display: none
 }
 .footer-content span.toggler.collapsed {
     display: none;
 }
 /* for nested realtedLinks IDs :S*/
 
 .resp #mainContainer02 #relatedLinks > #relatedLinks {
     width: 100%;
     padding-left: 0;
 }
 /*this is probably best added to oeh-styles with the .intro p, #contentArea .intro p selector */
 
 #contentFeature {
     background: none;
     overflow: auto;
     padding: 0;
 }
 #contentFeature p {
     color: #415919;
     font-family: "Roboto Condensed", sans-serif;
     font-size: 19px;
     line-height: 1.25;
 }
 .group:before,
 .group:after {
     display: flex;
 }
 .group {
     display: flex;
     flex-wrap: wrap;
 }
 .navigation-tile.lvl-three {
     width: 33%;
 }
 .ie9 .navigation-tile.lvl-three {
     width: 33%;
 }
 .ie9 .navigation-tile.lvl-three img {
     float: left;
     width: 30%;
     display: block;
 }
 .ie9 .navigation-tile.lvl-three .content {
     width: 70%;
     float: left;
     overflow: hidden;
 }
 .navigation-tile.lvl-three:after {
     top: auto !important;
 }
 /*Side nav non resp*/
 
 .nav-toggle {
     background-image: -webkit-linear-gradient(top, #5c5c5c 0%, #5c5c5c 100%);
     background-image: -o-linear-gradient(top, #5c5c5c 0%, #5c5c5c 100%);
     background-image: linear-gradient(to bottom, #5c5c5c 0%, #5c5c5c 100%);
     background-repeat: repeat-x;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF5C5C5C', endColorstr='#FF5C5C5C', GradientType=0);
     color: #fff;
     display: none;
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 15px;
     font-weight: 400;
     margin: 0 auto 19px;
     width: 100%
 }
 .nav-toggle .fa.fa-plus:before {
     content: "\f107"
 }
 .sidebar-nav-toggle {
     display: block
 }
 #sidebarNav {
     background: #fff
 }
 #sidebarNav-nav-collapse.closed {
     display: none
 }
 #sidebarNav .selected {
     color: #fff!important;
     font-weight: 700;
     background-color: #557521
 }
 #sidebarNav .selected:hover {
     color: #fff!important;
     font-weight: 700;
     background-color: #557521
 }
 #sidebarNav #sideNav {
     font-size: 15px
 }
 #sidebarNav a.active {
     color: #407108;
     font-weight: 700
 }
 #sidebarNav h2,
 #sidebarNav h3 {
     color: #fff;
     font-weight: 700;
     margin: 0
 }
 #sidebarNav h2 a,
 #sidebarNav h3 a {
     color: #fff;
     background: none;
     display: block;
     font-size: 100%;
     padding: 10px 15px;
     text-decoration: none
 }
 #sidebarNav h2 a:hover,
 #sidebarNav h3 a:hover {
     color: #fff
 }
 #sidebarNav h2 {
     background-color: #474848;
     display: none;
     font-size: 1em
 }
 #sidebarNav h3 {
     background-color: #595959;
     font-size: 20px!important;
     font-weight: 400
 }
 #sidebarNav ul {
     background: none
 }
 #sidebarNav ul li {
     border-bottom: 1px solid #7f7f7f;
     position: relative
 }
 #sidebarNav ul li.collapsable>a {
     border-bottom-color: transparent;
     color: #000;
     font-weight: 700
 }
 #sidebarNav ul li a {
     color: #5c5c5c;
     font-size: 1em;
     padding: 10px 5px;
     padding-right: 30px
 }
 #sidebarNav ul li a:hover {
     background: none;
     color: #557521;
     font-weight: 700
 }
 #sidebarNav ul li ul {
     border-top: none
 }
 #sidebarNav ul li ul li {
     border-bottom: none!important
 }
 #sidebarNav ul li ul li .hitarea {
     padding: 0 6px
 }
 #sidebarNav ul li ul li a {
     border: none;
     color: #5c5c5c;
     padding-left: 15px;
     padding-right: 30px
 }
 #sidebarNav ul li ul li ul li a {
     padding-left: 30px
 }
 #sidebarNav ul li ul li ul li ul li a {
     padding-left: 45px
 }
 #sidebarNav ul li ul li ul li ul li ul li a {
     padding-left: 60px
 }
 .treeview .hitarea {
     border-radius: 3px;
     color: #fff;
     cursor: pointer;
     display: block;
     float: right;
     height: 21px;
     margin: 0;
     padding: 0 6px;
     position: absolute;
     right: 5px;
     top: 9px;
     width: 21px
 }
 .treeview .hitarea.expandable-hitarea:before,
 .treeview .hitarea.collapsable-hitarea:before {
     color: #fff;
     display: inline-block;
     font-family: FontAwesome
 }
 .treeview .hitarea.expandable-hitarea {
     background: #737373
 }
 .treeview .hitarea.expandable-hitarea:before {
     content: "\f107"
 }
 .treeview .hitarea.expandable-hitarea:hover {
     background-color: #737373
 }
 .treeview .hitarea.collapsable-hitarea {
     background: #000
 }
 .treeview .hitarea.collapsable-hitarea:before {
     content: "\f106"
 }
 .treeview .hitarea.collapsable-hitarea:hover {
     background-color: #000
 }
 .resp-image .ImageCaption {
     width: 100%;
 }
 .resp-image.ImageDivL img,
 .resp-image.ImageDivC img,
 .resp-image.ImageDivR img {
     width: 100%;
     height: auto;
 }
 .resp-image.ImageDivL,
 .resp-image.ImageDivC,
 .resp-image.ImageDivR {
     width: 100%;
     height: auto;
     display: block;
     margin: 0;
     margin-top: 10px;
     margin-bottom: 10px;
     float: none;
 }
 .resp-image.ImageDivL {
     margin-right: 10px;
 }
 .resp-image.ImageDivR {
     margin-left: 10px;
 }
 #contentArea .ImageDivL.resp-image ~ ul {
     overflow: hidden;
 }
 @media screen and (min-width:430px) {
     .resp-image.ImageDivL {
         float: left;
     }
     .group .resp-image.ImageDivL {
         margin-right: 0;
     }
     .resp-image.ImageDivR {
         float: right;
     }
     .resp-image.ImageDivC {
         margin: 0 auto;
     }
     .group .resp-image.ImageDivL:first-of-type {
         margin-right: 2%;
     }
     .resp-image.thirty {
         width: 29%;
     }
     .resp-image.fourty {
         width: 39%;
     }
     .resp-image.fifty {
         width: 49%;
     }
     .resp-image.sixty {
         width: 59%;
     }
     .resp-image.seventy {
         width: 69%;
     }
     .resp-image.ninety {
         width: 90%;
         margin-left: 5%;
         margin-right: 5%;
     }
 }
 html:not(.resp) .radio,
 html:not(.resp) .checkbox {
     display: inline-block !important;
 }
/*beachapp*/
form[action="report_enterococci.aspx"] td, form[action="report_enterococci.aspx"] th {
    font-size: 12px;
    padding: 4px !important;
}