/**
* Styles V3 12/03/2013
*/
/* ==========================================================================
Elements
========================================================================== */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { background: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 75%; -webkit-font-smoothing: antialiased;/* 16 * 0.75 = 12px */ }
textarea { font-family: Arial,Helvetica,sans-serif; }
a:link { color: #21598d; }
a:visited,
a:hover,
a:active { color: #709ABF; }
a:focus { color: #03C; outline: thin dotted #666666; }
a img { border: 0; }
em { font-style: italic; }
p { padding: 5px 0; }
strong { font-weight: bold; }
fieldset { border: medium none; }
legend { display: none; }
/* look at alternative to this initial declaration of headers */
h1,
h2,
h3,
h4,
h5,
h6 { color: #089; text-align: left; /* padding: .8em 0 .4em; */ }
h1 { color: #033e8a; background: url(/images/decc/bg_h1.png) 0 1px no-repeat; font-size: 175%; font-weight: 400; line-height: 100%; padding: 0 0 10px 23px; }
h2 { color: #d66b03; font-size: 135%; margin: 20px 0 3px; }
h3 { color: #597ca3; font-size: 120%; margin: 10px 0 0; }
h4 { color: #555; font-size: 110%; padding: 7px 0 0; }
h5 { color: #555; font-size: 100%; padding: 7px 0 0; }
h2 a { color: #d66b03; }
h2 a:hover { color: #d66b03; }
h3 a { color: #597ca3; }
h3 a:hover { color: #597ca3; }
h4 a { color: #555; }
h4 a:hover { color: #555; }
h5 a { color: #555; }
h5 a:hover { color: #555; }
table { border-spacing: 0; display: table; margin-bottom: 15px; margin-top: 0; padding: 3px; text-indent: 0; }
tbody { display: table-row-group; }
tr { display: table-row; vertical-align: top; }
th { display: table-cell; font-weight: 700; text-align: left; }
td { display: table-cell; padding: 2px 0; }
/* ==========================================================================
Layout
========================================================================== */
.fl { float: left; _position: absolute; /* Add to IE stylesheet */ }
.fr { float: right; }
#cim_page-wrapper { margin: 0 auto; min-height: 762px; width: 990px; /* Fixed width */ }
#topContainer { max-width: 990px; /* Interesting width */ min-width: 800px;}
#mainContainer02 { overflow: hidden; position: relative; }
#mainContainer02 #breadcrumb { width: 742px; }
#mainContainer02.rhsColRequired #breadcrumb { width: 540px; }
#mainContainer02 #contentArea { width: 545px }
#mainContainer02 #contentArea.noRHS { width: 747px }
#mainContainer03, #mainContainer04 { overflow: hidden }
/*#mainContainer02.rhsColRequired, #mainContainer04.rhsColRequired {background: url(/images/decc/bg_rhs.gif) repeat-y scroll right top transparent }*/
#mainContainer03.rhsColRequired { /*03 is homepage etc I think */ background: url(/images/decc/bg_rhs-wide.gif) repeat-y scroll right top transparent; }
#mainContainer03.rhsColRequired #breadcrumb { padding: 12px 10px 10px ; }
#mainContainer03.rhsColRequired #contentArea { padding: 0 0 6px; }
#mainContainer04.rhsColRequired #breadcrumb { margin-left: 15px; margin-right: 10px; width: 753px; }
#mainContainer04 #breadcrumb { width: 955px; }
#breadcrumb li, #contentArea #breadcrumb li { display: inline; background: none; padding: 5px; }
#mainContainer04 #contentArea { padding-left: 15px; width: 763px; }
#mainContainer04 #contentArea.noRHS {width: 965px; }
#contentArea { padding: 6px 0 6px 5px; overflow: hidden; }
/* ==========================================================================
Page components
========================================================================== */
/* Banner
========================================================================== */
#topHead { font-size: 90%; width: 990px; position: relative; }
#department_logo { float: left; padding: 24px 0 29px 15px; width: 680px; }
#department_logo a { clear: right; color: #333; }
#department_logo img { border: medium none; float: left; }
#website_logo { float: right; padding: 24px 0 0 15px; }
#website_logo a { clear: right; color: #333; }
#website_logo img { border: medium none; float: right; }
.epa-logo { float: right }
#EPAclearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#links { color: #bacfe5; float: right; font-size: 0.9em; margin-right: 11px; padding: 15px 0 10px; width: 232px; /* Fixed width */ }
#links a { color: #527fb6; }
#topHead form { background: transparent no-repeat scroll left top; height: 24px; margin-top: 10px; width: 222px; /* Fixed width */ }
#quickKeyword { background: none; border: 1px solid #7b7b7b; color: #666; display: block; float: left; font-size: 1.1em; padding: 3px 6px; width: 175px; /* Fixed width */ }
#topHead form .go {
background: url("/images/decc/keywordGo.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
float: left;
height: 22px;
text-indent: -9999px;
text-transform: capitalize;
width: 22px;
cursor: pointer;
}
#quick-links { clear: right; float: right; margin-bottom: 20px; padding: 0 11px 0 0; text-align: left; width: 233px; /* Fixed width */ }
#quick-links select { font-size: 100%; margin-top: 2px; vertical-align: top; width: 190px; /* Fixed width */ }
#applicationTopHead { height: 109px; margin: 0 auto; position: relative; width: 990px; display: inline-block}
/* Global menu
========================================================================== */
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/* OEH SKIN */
#nav {
width: 100%;
padding: 0;
margin: 0;
height: 61px;
}
.sf-menu {
height: 61px;
line-height: 1;
width: 100%;
background: url(http://www.environment.nsw.gov.au/images/decc/topnav/bg_topnav.gif) bottom repeat-x;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em;
*width: 12em;
}
.sf-menu a {
border-right: 1px solid #ADD;
text-decoration: none;
zoom: 1;
color: #092b5a;
padding: 24px 12px 0;
height: 37px;
}
.sf-menu li {
*white-space: normal;
text-transform:uppercase;
height: 61px;
}
.sf-menu ul li {
background: #dee;
text-transform:none;
border-top: 1px solid #fff;
border-bottom: 1px solid #bccddc;
font-size: 95%;
height: auto;
}
.sf-menu ul li a {
height: auto;
padding: 6px 12px;
width: 174px;
text-align: left;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li a:hover,
.sf-menu li.sfHover {
background: url(http://www.environment.nsw.gov.au/images/decc/topnav/bg_topnav-active.png) top left no-repeat;
color: #fff;
-webkit-transition: none;
transition: none;
}
.sf-menu li li a:hover {
background: #597ca3;
color: #fff;
}
.sf-menu a.current {
background: url(http://www.environment.nsw.gov.au/images/decc/topnav/bg_topnav-active.png) top left no-repeat!important;
color: #FFF!important;
}
.sf-menu #home {
width: 7.879%;
}
.sf-menu #environmental_issues,.sf-menu #culture_and_heritage {
width: 13.535%;
}
.sf-menu #climate_change,.sf-menu #visiting_a_park, .sf-menu #national_parks {
width: 8.485%;
}
.sf-menu #action_matters {
width: 14.747%;
}
.sf-menu #nature_conservation {
width: 13.03%;
}
.sf-menu #knowledge_centre {
width: 11.111%;
}
.sf-menu #about_us {
width: 9.192%;
}
.responsive-menu {display: none;}
/* 'Did you know?'
========================================================================== */
#a-feature .didyouknowContainer { background: url(/images/decc/bg_didyouknow.png) top left no-repeat; color: #FFFFFF; float: right; height: 176px; padding: 41px 36px 41px 36px; position: absolute; right: 0; top: 0; width: 253px; z-index: 30; }
#a-feature .didyouknowContainer h3 { border-bottom: 1px solid #7b96ab; color: #FFF; font-size: 140%; padding: 0 10px 10px 10px; }
#a-feature .didyouknowContainer p { line-height: 140%; padding: 8px 10px 6px 10px; }
#a-feature .didyouknowContainer a { color: #FFF; }
/* What's new?
========================================================================== */
#whats-new { height: 33px; overflow: hidden; padding-top: 8px; position: relative; width: 990px; }
#whats-new .jcarousel-clip { height: 16px; width: 525px; }
#whats-new h2 { background: url(/images/decc/bgWhatsNewH2.png) top left no-repeat; height: 31px; margin: 0; padding-bottom: 0; text-indent: -1000em; width: 159px; }
#news-reel-container { color: #4f5152; left: 177px; position: absolute; top: 13px; width: 525px; }
#newsreel { height: 16px; overflow: hidden; width: 525px; }
#newsreel li { width: 525px; padding-bottom: 0; overflow: hidden; height: 16px; }
#newsreel li a { color: #527FB6; }
#news-controls { position: absolute; right: 40px; top: 14px; }
#news-controls li { display: block; float: left; }
#news-controls li a:hover { text-decoration: underline; }
#play, #pause { padding: 0 1px; }
#play a { outline: none; /* Change this */ background: url(/images/decc/bgPlay.png) no-repeat left top; display: block; width: 15px; height: 15px; text-indent: -1000em;}
#play .selected, #play a:hover { background-position: 0 -15px; /* change background position here once iconArrowBlue.png has a sprite/hover state applied */ }
#pause a { outline: none; /* Change this */ background: url(/images/decc/bgPause.png) no-repeat left top; display: block; width: 15px; height: 15px; text-indent: -1000em;}
#pause .selected, #pause a:hover { background-position: 0 -15px; /* change background position here once bgPause.png has a sprite/hover state applied */ }
#more-news { font-size: .9em; padding: 0 3px 0 5px; width: 65px; }
#more-news a { text-indent: 0; width: 65px; color: #527fb6; }
#next-item a { background: url(/images/decc/bgWhatsNewPA.png) no-repeat 5px 3px; color: #111212; height: auto; text-decoration: none; text-indent: 0; padding-left: 15px; width: 60px; }
#next-item a:hover { text-decoration: underline; }
/* Content area
========================================================================== */
#themeImage { height: 111px; clear: both; position: relative; width: 990px; }
/*#themeImage h2 { background: url(/images/decc/bg_themeImage_h2.png) top left no-repeat; color: #033e8a; left: 16px; line-height: 1em; font-size: 150%; font-weight: 400; height: 53px; margin: 0; padding: 9px 12px 0; position: absolute; top: 49px; width: 173px; /* Fixed width */ }*/
#themeImage a { color: #033e8a; text-decoration: none; }
#breadcrumb { background: url(/images/decc/breadcrumb_grey.gif) bottom left repeat-x; color: #333; font-size: 95%; line-height: 140%; margin: 0 0 12px 5px; padding: 12px 10px 10px 0; }
#breadcrumb a { color: #024383; }
#mainContainer03.rhsColRequired #contentArea h1 { margin-left: 14px }
#contentFeature { background: url(/images/decc/bg_contentFeature.gif) bottom left repeat-x; color: #636262; overflow: hidden; padding: 0 4px 10px; }
/*#contentFeature img { float: left; margin-right: 10px; }*/
.contentFeatureImage { float: left; margin: 10px 10px 0 0; }
#contentFeature h2 { /*color: #d66b03;*/ padding-bottom: 8px; padding-top: 0; margin: 6px 0 0; }
/*#contentArea a:link { color: #21598d; }*/
/*#contentArea a:link:hover, #contentArea a:visited { color: #709abf; }*/
#contentArea ul { list-style: none; margin: 10px 0; }
#contentArea ul li { padding: 2px 0 5px 18px; }
#contentArea ul ul { /* ul ul ?*/ list-style: none; margin: 5px 0 10px 20px; }
/*#contentArea ul ul li {background: url(/images/decc/bul_content-sml-gr.gif) 3px 6px no-repeat;}*/
#contentArea ul li ul { list-style: none; margin: 5px 0 10px 10px; }
/*#contentArea ul li ul li { background: none; list-style: circle outside none; margin: 2px 0 5px 5px; }
#contentArea ul li ul li {background: url(/images/decc/bul_content-sml-gr.gif) 3px 6px no-repeat;}*/
#contentArea ol { margin: 10px 25px } /* give this guy some love */
#contentArea ol li {padding: 2px 0px 5px 0px; }
.TopicLeft { background: url(/images/decc/bg_topicLeft.gif) top left no-repeat; color: #333; margin: 0 0 25px 14px; overflow: hidden; width: 637px; }
.TopicLeftImage { float: left; padding-bottom: 10px; text-align: center; width: 222px; }
.TopicLeftText { float: left; padding: 10px 20px 10px 0; width: 395px; }
.TopicLeft h3 { color: #4f4f4f; font-size: 130%; line-height: 100%; padding: 13px 20px 8px 21px; }
.TopicLeft h4 { color: #4f4f4f; font-size: 100%; font-weight: 700; padding: 0 0 6px; }
.TopicLeft p { padding: 5px 20px 5px 21px; }
#contentArea .TopicLeft ul { list-style-type: none; margin: 5px 0 15px; }
#contentArea .TopicLeft ul li { color: #092b5a; font-size: 90%; background: url(/images/decc/bul_arrow.gif) 0 3px no-repeat; padding: 0 0 3px 13px; }
#contentArea .TopicLeft ul li a { color: #092b5a; }
.TopicLeft-footer { background: url(/images/decc/bg_topicLeft-footer.gif) top left no-repeat; clear: both; height: 30px; width: 637px; }
.TopicLeft-footer .findoutmore { background: url(/images/decc/but_findoutmore.gif) 0 6px no-repeat; color: #093775; display: inline-block; float: right; /* float and inline block */ font-weight: 400; line-height: 29px; padding: 0 10px 0 22px; text-decoration: none; }
#RightCol { background: url(/images/decc/bg_RightCol.gif) top left no-repeat; float: right; min-height: 300px; overflow: hidden; padding: 5px 13px 20px; width: 299px; }
#LeftCol { background: url(/images/decc/bg_LeftCol.gif) top left repeat-x; float: left; min-height: 300px; overflow: hidden; width: 665px; }
#LeftCol .leftColContent { clear: both; padding: 0 0 0 11px; }
.RightcolA { margin: 12px 0; }
#RightCol .RightcolA h3 { background: url(/images/decc/bg_h3-RightCol.png) bottom left no-repeat; color: #024383; display: block; margin: 0 0 5px; padding: 8px 17px 10px; width: 265px; }
#RightCol .RightcolA h3 a { text-decoration: none; }
#RightCol .RightcolA p { padding: 0 17px 10px; }
#RightCol .RightcolA .findoutmore { /*qualification of selectors */ color: #093775; display: inline-block; background: url(/images/decc/but_findoutmore.gif) 0 6px no-repeat; font-weight: 400; line-height: 29px; padding: 0 10px 0 22px; text-decoration: none; }
#content-right h3 { padding: 0 13px .2em; width: 274px; }
#content-right p { padding: 0 13px 1em; width: 274px; }
table.decc, table.autostripe, table.manualstripe { border-collapse: collapse; margin-bottom: 15px; }
.decc, .autostripe, .manualstripe { background: #fff; }
.decc th, .autostripe th, .manualstripe th { /*background: #cde; color: #033E8A; */padding: 6px 4px; vertical-align: bottom; border: 1px solid #ccc; text-align: left; }
.decc .plus { background: #5b93c8; border: 1px solid #dedede; color: #fff; display: table-cell; font-weight: 700; padding: 6px 4px; vertical-align: bottom; }
.decc td, .autostripe td, .manualstripe td { border: 1px solid #dedede; padding: 6px 4px; }
td p {padding: 0;}
.alternatetr { /*background: #E9F0F7;*/background: #f7f7f7; }
table.grid td { border-collapse: collapse; }
.grid td { border: 1px solid #dedede; padding: 6px; }
.alertBox { background: #fce6b7; border: 1px solid #FFF; margin: 10px 18px 10px 12px; padding: 10px; color: #3f230b; }
#relatedLinks { float: right; font-size: 95%; padding: 8px 0 0; text-align: center; width: 202px; }
/*#relatedLinks h2 { font-size: 130%; padding: 0 5px 5px 15px; text-align: left; word-wrap: break-word; margin: 0; }
#relatedLinks h3 { font-size: 110%; padding: 0 5px 5px 15px; text-align: left; word-wrap: break-word; margin: 0; }
#relatedLinks h5 { color: #024383; background: url(/images/decc/bg_h5-relatedlinks.gif) bottom left no-repeat; font-size: 110%; font-weight: 400; margin: 0 0 12px 15px; padding: 8px 8px 10px; }*/
#relatedLinks img { margin: 0 auto 12px; }
#relatedLinks p { background: none repeat scroll 0 0 transparent; color: #666; padding: 5px 15px 5px 0; text-align: left; word-wrap: break-word; }
#relatedLinks ul { color: #636262; list-style: none; margin: 0 0 0 21px; padding: 0 15px 0 0; text-align: left; }
#relatedLinks ul li { background: url(/images/decc/bul_rhs.gif) 0 5px no-repeat; padding: 2px 0 2px 13px; width: 150px; word-wrap:break-word; }
#relatedLinks ol li {margin: 5px 15px 2px 30px; color: #666;}
/*#relatedLinks li b { color: #092b5a; font-weight: 400; text-align: left; }*/
#relatedLinks a { color: #092b5a; }
#relatedLinks a:hover { color: #5A95CC; }
#relatedLinks .divider { clear: both; height: 20px; background: url(/images/decc/divider_relatedlinks.gif) 0 14px no-repeat; overflow: hidden; font-size: 1%; }
/*.but_downloadnow { background: url(/images/decc/but_downloadnow.gif) top left no-repeat; display: block; height: 26px; margin: 20px 0 0 20px; text-indent: -9999px; width: 137px; }*/
#relatedLinks .but_downloadnow {
text-transform: uppercase!important;
display: inline-block;
font-size: 15px;
font-weight: bold;
border: 1px solid;
background: #557521;
border-color: #557521;
display: block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff !important;
}
#relatedLinks .but_downloadnow:hover {
text-decoration: none;
background: #3B4F1C;
}
.backToTop { background: url(/images/decc/bg_backtotop.gif) top left no-repeat; height: 16px; margin-bottom: 10px; margin-top: 20px; padding-left: 462px; text-align: left; }
.backToTop a { color: #093775; font-size: 90%; line-height: 15px; text-decoration: none; }
.backToTop a:hover { color: #5A95CC; text-decoration: underline; }
#datestamp { color: #4f4f4f; font-size: 95%; font-style: italic; padding: 10px 0 30px 5px; }
.clear { clear: both }
.left { float: left; text-align: left; }
.right { clear: none; float: right; text-align: right; }
.ImageDivR { float: right; margin: 10px 0 10px 10px; }
.ImageDivC { margin: 10px 10px 10px 0 }
.ImageDivL { float: left; margin: 10px 10px 10px 0; }
.ImageCaption { background-color: #efefef; font-size: 90%; margin: 0 0 0; padding: 5px; text-align: left; }
#CaptionPic1 { float: right; text-align: right; width: 193px; }
.CaptionPic { background-color: #f7f7ee; border: 1px solid #cc9; font-size: 90%; margin: 20px 0; padding: 5px; text-align: left; }
.CaptionPic img { border: 1px solid #eed }
.switch { background: url(/images/admin/arrow-right-text.png) no-repeat left top; display: none; margin-left: 4px; outline: none; /* Change this */ padding-left: 12px; }
.switch:hover { background: #CEF url(/images/admin/arrow-right-text.png) no-repeat left top!important }
/*.open, .open:hover { background: #CEF url(/images/admin/arrow-down-text.png) no-repeat left top }*/
div#aemain.clearfix { display: block; /* Change this */ }
input[type=radio]{margin:3px 3px 0 5px;}
/* Home/landing page features
========================================================================== */
/* Blue feature boxes */
#mainContainer02 #feature-container { overflow: hidden; padding: 0 0 0 2px; }
#mainContainer02 .feature { float: left; margin: 0 4px 13px 7px; width: 170px; }
#mainContainer02 .feature h2 { font-size: 1.05em; height: 32px; padding: 0 0 6px; position: relative; width: 170px; }
#mainContainer02 .feature p { background: #d0ddeb; color: #333; padding: 4px 9px; width: 152px; }
#mainContainer02 .feature a img { display: block; height: 81px; width: 170px; }
#mainContainer02 p.feature-link { background: url(/images/decc/bgFeaturePA_sml.gif) no-repeat left top; font-size: .9em; height: 29px; text-align: right; width: 170px; }
#mainContainer03 #feature-container { overflow: hidden; padding: 0 0 0 4px; }
#mainContainer03 .feature { float: left; margin: 0 11px 13px 12px; width: 195px; }
#mainContainer03 .feature h2 { font-size: 1.05em; height: 32px; margin: 0; padding: 0 0 6px; position: relative; width: 195px; }
#mainContainer03 .feature p { background: #d0ddeb; color: #333; min-height: 50px; padding: 4px 9px; width: 177px; }
#mainContainer03 .feature a img { display: block; height: 89px; width: 195px; }
#mainContainer03 a.external img { display: inline; height: 12px; /* height and inline? */ width: 12px; /* height and inline? */ }
#mainContainer03 p.feature-link { background: url(/images/decc/bgFeaturePA.gif) no-repeat left top; height: 29px; font-size: .9em; padding: 0; text-align: right; width: 196px; }
#mainContainer02 .feature-link a, #mainContainer03 .feature-link a { background: url(/images/decc/but_findoutmore.gif) 0 6px no-repeat; color: #093775; display: inline-block; font-weight: 400; line-height: 29px; padding: 0 10px 0 22px; text-decoration: none; }
#mainContainer02 .feature span, #mainContainer03 .feature span { color: #666; font-style: italic; }
#mainContainer02 .feature h2 a, .feature h2 a:visited, #mainContainer03 .feature h2 a { background: url(/images/decc/bgFeatureH2.png) left 4px no-repeat; bottom: 3px; color: #d66b03; display: block; font-size: 1.1em; font-weight: 400; padding-left: 10px; position: absolute; text-decoration: none; }
#mainContainer02 .feature h2 a:hover, #mainContainer03 .feature h2 a:hover, .feature-link a:hover, .other-feature p a:hover { text-decoration: underline; }
/* 'Other features' */
#other-feature-container { background: #fff url(/images/decc/bgOtherFeatureContainer.png) no-repeat left 30px; margin: 30px 0 0 18px; width: 634px; }
#other-feature-container h2 { background: url(/images/decc/bgOtherFeaturesH2.png) no-repeat left top; border-bottom: 1px solid #dfdfdf; height: 28px; margin: 0; text-indent: -1000em; width: 634px; }
#other-feature-container p { padding-left: 5px; padding-right: 5px; }
#feature-item { background: url(/images/decc/bgFeatureItemH2.png) no-repeat left top; }
#business-item { background: none no-repeat left top; color: #4f5152; font-size: 175%; font-weight: 700; text-indent: 0; }
#todays-hot-topic { background: #FFF url(/images/decc/bg_h2_todayshottopic.png) no-repeat left top; }
.other-feature { padding-top: 15px; padding-bottom: 15px; overflow: hidden; }
.other-feature h3 { color: #4f5152; font-size: 100%; font-weight: 700; margin: 0; padding: 0 0 4px 5px; }
.other-feature h3 a { background: url(/images/decc/bgOtherFeaturesH3.png) no-repeat 3px 4px; color: #4f5152; padding-left: 13px; text-decoration: none; }
.other-feature p { padding-bottom: 0 }
.other-feature p a { background: url(/images/decc/bgOtherFeaturePA.png) top left no-repeat; display: block; font-size: 0.9em; margin-top: 10px; padding-bottom: 5px; text-align: right; text-decoration: none; width: 630px; }
.other-feature ul { list-style-type: none; margin: 0 0 15px 5px; }
.other-feature ul li { background: url(/images/decc/bul_arrow.gif) 0 3px no-repeat; color: #092b5a; float: left; padding: 0 0 15px 13px; width: 295px; }
.other-feature ul li a { color: #4f5152; font-weight: 700; text-decoration: none; }
/* Left menu
========================================================================== */
#sidebarNav { background: url(/images/decc/sidenav/sidenav_footer.gif) bottom left no-repeat; float: left; margin: 0 15px 0 16px; padding: 0 0 8px 0px; width: 197px; }
#sidebarNav #sideNav { font-size: 91.667%; }
#sidebarNav h2 { display: none; }
#sidebarNav h3 { font-size: 91.667%; font-weight: bold; margin: 0;}
#sidebarNav h3 a { background-color: #edf3f8; color: #093775; display: block; font-size: 140%; padding: 6px 15px; text-decoration: none; }
#sidebarNav h3 a:hover { color: #21598D; }
#sidebarNav ul { background: #edf3f8; list-style: none; }
#sidebarNav ul li { border-bottom: 1px solid #c1d6ea; }
#sidebarNav li { margin: 0; }
#sidebarNav ul li a { text-decoration: none; color: #03306b; font-size: 110%; }
#sidebarNav ul li a:hover { background-color: #d0ddeb; }
#sidebarNav ul li ul { border-top: 1px solid #c1d6ea; }
#sidebarNav ul li ul li a { color: #21598D; font-size: 100%; padding-left: 28px; }
/*#sidebarNav ul li ul li .hitarea { padding-left: 12px; }*/
#sidebarNav ul li ul li ul li a { padding-left: 41px; }
/*#sidebarNav ul li ul li ul li .hitarea { padding-left: 25px; }*/
#sidebarNav ul li ul li ul li ul li a { padding-left: 56px; }
/*#sidebarNav ul li ul li ul li ul li .hitarea { padding-left: 40px; }*/
#sidebarNav ul li ul li ul li ul li ul li a { padding-left: 64px; }
#sidebarNav li a { display: block; padding: 4px 13px 4px 26px; }
.treeview .hitarea { cursor: pointer; float: left; height: 11px; margin: 1px 2px 0 0px; padding: 4px 0; width: 11px; padding-left: 7px; }
.expandable-hitarea { background: url(/images/decc/sidenav/expand.gif) no-repeat right center; }
.collapsable-hitarea { background: url(/images/decc/sidenav/collapse.gif) right center no-repeat; }
#sidebarNav .selected { background-color: #3974ab; color: #FFFFFF; }
#sidebarNav ul .lastCollapsable, #sidebarNav ul .lastExpandable, #sidebarNav ul li ul li ul .lastExpandable, #sidebarNav ul li ul .last, #sidebarNav ul li ul li ul .last, #sidebarNav ul li ul li ul li ul .last { border-bottom: 0; padding-bottom: 1px; }
/* jQuery UI for tabs
========================================================================== */
/*
* jQuery UI CSS Framework, Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { border: 0; outline: 0; text-decoration: none; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Tabs
----------------------------------*/
#RightCol .ui-tabs { margin: 0 0 17px; width: 300px; }
#RightCol .ui-tabs .ui-tabs-nav { margin: 0; padding: 5px 0 0 18px; background: url(/images/decc/bg_tabNavigation.png) top left no-repeat; }
#RightCol .ui-tabs .ui-tabs-nav li { float: left; list-style: none; }
#RightCol .ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; font-size: 100%; padding-top: 2px; }
#RightCol .ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
#RightCol .ui-tabs .ui-tabs-panel { padding: 10px 0 0; display: block; border: 0; background: none; overflow: hidden; }
#RightCol .ui-tabs .ui-tabs-hide { display: none !important; }
#RightCol .ui-tabs .ui-tabs-nav li { border-bottom: 0 none !important; float: left; list-style: none outside none; width: 80px; height: 37px; padding: 5px 3px 0; text-align: center; }
#RightCol .ui-state-default, #RightCol .ui-widget-content .ui-state-default { background: url(/images/decc/bg_tabNav.png) top left no-repeat; color: #092B5A; line-height: 100%; }
#RightCol .ui-state-active, #RightCol .ui-widget-content .ui-state-active { background: url(/images/decc/bg_tabNav.png) bottom left no-repeat; color: #212121; }
#RightCol .ui-widget-content { background: url(/images/decc/bg_tabContent.png) center 37px no-repeat; }
#RightCol .ui-widget-content ul { text-align: left; padding: 0 15px 0 0; margin: 0 0 0 21px; list-style: none; }
#RightCol .ui-widget-content li { background: url(/images/decc/bul_rhs.gif) 0 5px no-repeat; padding: 2px 0 2px 13px; font-family: Tahoma, arial, sans-serif; font-size: 90%; line-height: 140%; }
#RightCol .ui-widget-content li a { color: #092b5a; }
#RightCol .ui-widget-content li a:hover { color: #5A95CC; }
#RightCol .ui-widget-content ul.half li { width: 119px; float: left; }
#RightCol .ui-widget-content .imageContainer { padding: 0 0 10px 20px; }
#RightCol .ui-widget-content h3 { color: #636262; padding: 0 20px 5px; font-size: 100%; }
#RightCol .ui-widget-content p { padding: 0 20px 5px 20px; font-size: 90%; }
#RightCol .ui-widget-content p.newsLink { color: #092b5a; font-size: 90%; line-height: 140%; margin-bottom: 5px; }
#RightCol .ui-widget-content p.newsLink A { color: #092b5a; }
#RightCol .ui-widget-content p.moreLink { float: right; color: #092b5a; font-size: 90%; line-height: 140%; }
#RightCol .ui-widget-content p.moreLink A { color: #092b5a; background: url(/images/decc/iconArrowBlue.gif) 0 3px no-repeat; padding-left: 14px; }
/* Footer
========================================================================== */
#footerContainer { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; background: #2c5e8d; border-top: 13px solid #002f82; _display: none; }
#footer { clear: both; color: #FFF; width: 980px; overflow: hidden; margin: 0 auto; padding: 10px 10px 20px 0; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #5a95cc; }
#footer img { border: 0; }
#pageTools { background: url(/images/decc/bg_pagetools.gif) top left no-repeat; width: 163px; height: 20px; padding: 4px 0 0 102px; }
.footerlist { float: left; }
.footerlist ul li { list-style: none; padding-top: 12px; font-size: 12px; }
.footerlist span { text-transform: uppercase; font-size: 15px; }
.connect { width: 30%; }
.items { width: 17.5%; }
.f-icon { display: inline-block; width: 33px; height: 33px; }
.icon-text { height: 50px; float: left; }
.connect ul { padding-top: 10px; }
.connect li { display: inline; padding-left: 15px; }
.connect li:first-child { padding-left: 0; }
.mob-div { width: 42px; text-align: right; }
.share-div { width: 50px; text-align: right; }
.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(/images/footericons/footer-icons.png);}
.f-twitter {width:32px; height:32px; background-position: -36px -2px}
.f-twitter:hover {width:32px; height:32px; background-position: -70px -70px}
.f-facebook {width:32px; height:32px; background-position: -2px -70px}
.f-facebook:hover {width:32px; height:32px; background-position: -70px -104px}
.f-youtube {width:32px; height:32px; background-position: -2px -2px}
.f-youtube:hover {width:32px; height:32px; background-position: -36px -70px}
.f-flickr {width:32px; height:32px; background-position: -70px -36px}
.f-flickr:hover {width:32px; height:32px; background-position: -36px -104px}
.f-rss {width:32px; height:32px; background-position: -2px -36px}
.f-rss:hover {width:32px; height:32px; background-position: -2px -138px}
.f-enews { background: url(/images/footericons/enews-inactive.png) no-repeat scroll 0 0 transparent }
.f-enews:hover { background: url(/images/footericons/f-enews.png) no-repeat scroll 0 0 transparent }
.f-mobile {width:32px; height:32px; background-position: -36px -36px}
.f-mobile:hover {width:32px; height:32px; background-position: -2px -172px}
.f-share:hover img { visibility: hidden }
.show:hover { background: url(/images/footericons/f-share.png) no-repeat scroll 0 0 transparent }
/* Search
========================================================================== */
#title-display h1, #deccAppUcUc1_Panel1 {padding-left: 320px;}
#whole-container { /*background: #fff url(/images/decc/bgWholeContainer.png) repeat-x left top*/; overflow: hidden; padding: 0 7px; width: 1200px; margin: 0 auto; }
#content-center { float: left; left: 213px; padding: 0 17px; width: 880px; }
#content-left { float: left; width: 300px; }
#whole-container #aspnetForm { padding-bottom: 0; position: relative; }
#aspnetForm label { color: #093775; font-weight: 700; }
#aspnetForm #deccAppUcUc1_keyword { border: 1px solid #C3C3C3; margin-left: 10px; padding: .2em 2px; width: 400px; }
#aspnetForm #submit-results-label, #search-filter #label-go-filter, #searchPark label { left: -1000em; position: absolute; }
#aspnetForm #deccAppUcUc1_btnSearch { background: url(/images/decc/bgSubmitResultsSearch.png) no-repeat scroll left top transparent; border: medium none; cursor: pointer; display: block; font-size: 0; height: 20px; left: 470px; position: absolute; top: 0; width: 39px; }
#pagination { /*background: url(/images/decc/bgPagination.png) no-repeat left top;*/ color: #505050; font-size: .9em; padding: 5px 23px 5px; position: relative; background: #dddcdc; border-radius: 3px; }
#pagination label { left: 260px; position: absolute; top: 6px; }
#pagination label select { font-size: 100%; width: 45px; }
#pagination p { padding: 0; margin: 0 }
p.page-links { position: absolute; right: 23px; top: 6px; }
#pagination span { color: #05316b; font-weight: 700; }
#pagination span.current-page { background: url(/images/decc/bgCurrentPage.png) no-repeat center center; padding: .2em 6px; }
#pagination p a { padding: .2em 2px; text-decoration: none; }
#pagination p a:hover { text-decoration: underline }
#pagination p a.next-page { padding-right: 21px; text-decoration: none; vertical-align: bottom; }
#pagination p a.prev-page { padding-right: 0; text-decoration: none; vertical-align: bottom; }
#search-results { padding: 0 23px 2em; }
#search-results div { padding-bottom: 1em; }
#search-results h2, #content-left #search-filter h2 { padding: 1em 0; }
#search-results h3 { color: #306494; padding: 0 0 .2em; }
#search-results h3 a { color: #306494; text-decoration: underline; }
#search-results span.lblCleanTitle { font-family: Arial,Helvetica,sans-serif; font-size: 120%; font-weight: 400; }
#search-results span.lblSummary { font-size: 110%; padding: 0 0 .2em; position: relative; width: 585px; }
#search-results span.lblReference { padding: 0 0 .2em; position: relative; }
#search-results .docURL { font-size: 110% }
#search-results p { padding: 0 0 .2em; position: relative; }
#search-results p a { color: #306494; display: block; font-style: italic; margin-top: .6em; }
#search-results p span { bottom: .2em; color: #404040; position: absolute; right: 0; }
#search-results p span em { font-style: normal; padding-left: 20px; }
#subject-terms span.subjectTerms { color: #306494; font-family: Arial,Helvetica,sans-serif; font-size: 100%; font-weight: 400; text-decoration: underline; }
#subject-terms .subjectURL { font-size: 100% }
#subject-terms h5 { color: #d66b03 }
#search-filter label { display: block; font-weight: 400; line-height: 18px; padding: 5px; position: relative; }
#search-filter label.select-label { padding: 1em 0 1.5em }
#search-filter label select { font-size: 100%; left: 55px; position: absolute; top: 1em; width: 90px !important; }
#search-filter select.media-select1 { font-size: 100%; left: 55px; position: absolute; top: 1em; width: 50px; }
#search-filter select.media-select2 { font-size: 100%; left: 160px; position: absolute; top: 1em; width: 60px; }
#search-filter input#deccAppUcUc1_btnSearchNext { background: url(/images/decc/but_updateresults.gif) no-repeat left top; border: none; cursor: pointer; display: block; font-size: 0; height: 16px; margin: 10px 0 0 5px; width: 94px; }
#search-filter .filterContainer { padding: 0 0 0 10px; }
#search-filter .otherOptionsContainer { background: #F4F4F4 url(/images/decc/bg_otherOptionsContainer.gif) bottom left no-repeat; margin: 20px 0 0; padding: 0 0 100px; width: 187px; }
#search-filter .otherOptionsContainer H2 { background: #F4F4F4 url(/images/decc/bg_otherOptionsContainer-header.gif) top left no-repeat; padding: 11px 13px 10px 17px; width: 157px; }
#search-filter .otherOptionsContainer ol { list-style: none; margin: 0 0 0 10px; width: 154px; }
#search-filter .otherOptionsContainer ol li { border: none; width: 154px; }
#search-filter .otherOptionsContainer ol li a { background: url(/images/decc/iconArrowBlue.png) no-repeat left 2px; border: none; color: #092b5a; display: block; padding: 3px 0 8px 15px; text-decoration: underline; width: 154px; }
#pagination span.deccAppUcUc1_dbcboItemsPerPage, #pagination label.deccAppUcUc1_dbcboItemsPerPage, #pagination span.deccAppUcUc1_lbltResultsCount, #pagination span.deccAppUcUc1_lbltPagination { color: #505050; font-weight: 400; }
#pagination p a.next-page img { vertical-align: middle; padding-bottom: 4px; }
/* Firas test changes */
#search-results h3 a { color: #306494; text-decoration: underline; }
#search-results h5 { color: #306494; padding: 0 0 .4em; }
#search-results h2, #content-left #search-filter h2 { padding: 0 0; }
#search-filter .otherOptionsContainer { background: #F4F4F4 url(/images/decc/bg_otherOptionsContainer.gif) bottom left no-repeat; margin: 20px 0 0; padding: 0 0 20px; width: 187px; }
#search-filter { padding: 0 0 0;}
#search-filter .otherOptionsContainer ol li a { background: url(/images/decc/iconArrowBlue.png) no-repeat left 2px; border: none; color: #092b5a; display: block; padding: 3px 0 5px 15px; text-decoration: underline; width: 154px; }
/* Lightbox
========================================================================== */
/**
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
*/
#jquery-overlay { height: 500px; left: 0; position: absolute; top: 0; width: 100%; z-index: 900; }
#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1000; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { height: 25%; left: 0; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; }
#lightbox-container-image-box > #lightbox-nav { left: 0 }
#lightbox-nav a { outline: none; /* ACCESSIBILITY */ }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { float: left; left: 0; }
#lightbox-nav-btnNext { float: right; right: 0; }
#lightbox-container-image-data-box { background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: hidden; padding: 0 10px; width: 100%; }
#lightbox-container-image-data { color: #666; padding: 0 10px; }
#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
#lightbox-image-details-caption { font-weight: 700; }
#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1em; }
#lightbox-secNav-btnClose { float: right; padding-bottom: .7em; width: 66px; }
#lightbox-image { border: 1px solid #CCC; }
/* ==========================================================================
Print
========================================================================== */
@media print {
#links, #quick-links, div#sidebarNav, div#sidebarNav2, div#nav, #themeImage, div#links, #a-feature, div#subjectIndex, .backToTop, #footerContainer, p.feature-link, #deccAppUcUc1_leftCol { display: none; }
textarea { font-family: Verdana,Arial,Helvetica,sans-serif; }
div#mainContainer02, div#mainContainer03 { padding-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 130%; }
* { position: static; overflow: visible; }
#alert-container, .alertBox { border: 1px solid red; }
#contentArea, .fl, FORM, #mainContainer02, #topContainerMin { overflow: visible; }
#topHead{overflow:hidden;}
#mainContainer02.rhsColRequired #breadcrumb { width: 730px; }
#mainContainer02 #contentArea { width: 735px; }
#mainContainer02.visitingaparkRequired #contentArea { width: 750px; }
#mainContainer03{width: 650px;}
UL { list-style: square; }
#contentArea UL li { background: none; list-style:disc outside none; padding: 2px 0 5px 5px; margin-left:20px;}
#contentArea UL.compact li { background: none; list-style:disc outside none;}
#contentArea UL li UL.compact li { background: none; list-style:disc outside none;}
/* ---------- Multi-page pager -------------- */
.pager { display: none !important; }
.section { display: block !important; }
/* ---------- Rate this site tab -------------- */
a.feedback { display: none; }
a.feedback span { display: none; }
/* ---------- ASK Enivronment -------------- */
#askel_tabs { display: none; }
#pagerating { display: none; }
#aemain { width: 90% !important; }
#aeinfo { width: 100% !important; float: left; }
.aeright { margin: 0 0 10px; width: 100% !important; }
#aemain UL li { background: none; list-style:disc outside none; margin-left: 40px !important; padding-left: 5px !important; }
}
/*Parks menu*/
#national_parks {
background: url(http://www.environment.nsw.gov.au/images/decc/topnav/bg_topnav-parks.png);
color: #fff;
}
#national_parks a {
color: #fff;
}
#national_parks a:hover {
background: url(http://www.environment.nsw.gov.au/images/decc/topnav/bg_topnav-parks.png);
color: #fff;
}
.sf-menu #national_parks ul {
width: 406px;
height: 173px;
background: #ffffff;
border-radius: 3px 3px;
border-top: 4px solid #fdb824;
position: relative;
-moz-box-shadow: 3px 5px 6px #a6a6a6;
-webkit-box-shadow: 3px 5px 6px #a6a6a6;
box-shadow: 3px 5px 6px #a6a6a6;
position: absolute;
top: 71px;
left: auto;
right: 0;
}
.sf-menu #national_parks ul:after {
bottom: 177px;
right: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(253, 184, 36, 0);
border-bottom-color: #fdb824;
border-width: 9px;
margin-left: -4px;
border-left: 15px dashed transparent;
border-right: 15px dashed transparent;
}
.sf-menu #national_parks ul li {
background: none;
border-top: none;
border-bottom: none;
float: left;
width: 30%;
padding-bottom: 12px;
padding-left: 12px;
background: url(/images/decc/parkstooltiplink.png) no-repeat 0 3px;
font-size: 12px;
margin-left: 30px;
}
.sf-menu #national_parks ul li.left {
width: 45%;
}
.sf-menu #national_parks ul li a {
border-right: none;
width: auto;
padding: 0;
text-decoration: underline;
color:#21598d;
/* display: inline; */
}
.sf-menu #national_parks ul li a:hover {
background: none;
color: #092b5a;
}
.sf-menu #national_parks h3 {
background: #fff4de;
color: #2b2b2b;
font-size: 14px;
padding: 14px 0 14px 30px;
margin: 0;
margin-bottom: 20px;
}
.sf-menu #national_parks h3 a {
color: #21598d;
display: inline;
padding: 0;
}
.sf-menu #national_parks #np-menu-heading {
background: none;
padding-left: 0;
width: 100%;
padding-bottom: 0;
margin-left: 0;
}
/*@media all and (min-width: 1651px) {
.sf-menu #national_parks ul:after {
left: 10%;
}
}*/