* {margin:0; padding:0; font-family:Verdana, Arial, Helvetica;}
body {background-color:#FFFFFF; padding:6% 1% 1% 1%; font-size:20px; height:100%; overflow:auto;}
#wrapper {width:960px; margin:0 auto; text-align:left; padding:0; background-color:#FFFFFF; border:1px solid #003366; border-radius:5px;}
header {position:fixed; width:960px; top:0px; padding-bottom:4%; z-index:10;}
.logotext {width:100%; position:relative; font-size:150%; text-align:center; color:#FFFFFF; font-variant:small-caps; font-weight:bold; background-color:#003366; padding-top:2%; padding-bottom:2%; text-shadow:3px 3px 3px #000000;}
nav {width:100%; padding-bottom:5%;}
nav ul {margin:0 auto; padding:0;}
nav ul li {display:block; position:relative; float:left; font-size:75%; width:12.5%; white-space:nowrap;}
nav ul li a {background-color:#003366; display:block; color:#FFFFFF; text-decoration:none; text-align:center; padding:8% 0 8% 0; vertical-align:middle; transition:background .25s ease-in-out;}
nav ul li a:active {background-color:#0033FF; color:#FFFFFF;}
nav ul li a:hover {background-color:#0033FF; color:#FFFFFF;}
nav ul li a:visited {background-color:#003366; color:#FFFFFF;}
nav ul li a:visited:hover {background-color:#0033FF; color:#FFFFFF;}
nav li ul {display:none;}
nav li:hover ul {display:block; position:absolute; background-color:#003366;}
nav li:hover li {font-size:100%;}
nav li:hover a {background-color:#003366; color:#FFFFFF;}
nav li:hover a:visited {background-color:#003366; color:#FFFFFF;}
nav li:hover li a:hover {background-color:#0033FF; color:#FFFFFF;}
nav ul li ul li {width:100%;}
nav ul li ul li a {font-size:80%; color:#FFFFFF;}
nav a:link {color:#FFFFFF;}
nav a:active {color:#FFFFFF;}
nav a:hover {color:#FFFFFF;}
nav a:visited {color:#FFFFFF;}
.nav_about, .nav_search, .nav_australia {z-index:10;}
.nav_species, .nav_other {z-index:5;}
#content {margin-top:8%;}
h1 {font-size:110%; margin:2% 3%; color:#003366;}
h2 {font-size:100%; margin:2% 3%; color:#003366;}
h3 {font-size:100%; margin:2% 3%; color:#003366; text-align:center;}
h4 {font-size:80%; margin:2% 3%; color:#003366;}
p {font-size:60%; color:#000000; line-height:200%; margin:0 3%;}
.slideshowlink {font-size:60%; color:#000000; line-height:200%; margin:0 3%;}
a:link {color:#003366; text-decoration:none;}
a:active {color:#003366; text-decoration:none;}
a:hover {color:#0033FF; text-decoration:none;}
a:visited {color:#003366; text-decoration:none;}
hr {margin:2% 2%;}
.hidden {display:none;}
.unhidden {display:block;}
.ulindent li {font-size:60%; color:#000000; line-height:200%; margin:0 3%; list-style-type:none;}
.ulindentbullet li {font-size:60%; color:#000000; line-height:200%; margin:0 6%;}
ol li {font-size:60%; text-align:center; line-height:200%; list-style-position:inside; padding:0 2%;}
#checklist {font-size:55%; width:94%; border-collapse:collapse; margin:5% 3%;}
#checklist th {padding:1%; border:1px solid #909090; border-radius:3px; background-color:#E0E0E0; text-align:left;}
#checklist td {padding:1%; border:1px solid #909090; border-radius:3px;}
#checklist td a {color:#000000;}
#checklist td a:hover {color:#0033FF;}
#checklist tr.even td {background-color:#E0E0E0;}
#checklist .ralign {text-align:right; width:5%;}
#areachecklist {font-size:60%; width:70%; border-collapse:collapse; margin:5% 3%; margin-left:auto; margin-right:auto;}
#areachecklist th {padding:2%; border:1px solid #909090; border-radius:3px; background-color:#E0E0E0; text-align:left;}
#areachecklist td {padding:2%; border:1px solid #909090; border-radius:3px;}
#areachecklist td a {color:#000000;}
#areachecklist td a:hover {color:#0033FF;}
#areachecklist tr.even td {background-color:#E0E0E0;}
#areachecklist .ralign {text-align:right; width:5%;}
#auschecklist {font-size:55%; width:94%; border-collapse:collapse; margin:5% 3%;}
#auschecklist th {padding:1%; border:1px solid #909090; border-radius:3px; background-color:#E0E0E0; text-align:left;}
#auschecklist td {padding:1%; border:1px solid #909090; border-radius:3px;}
#auschecklist td a {color:#660000; font-weight:bold;}
#auschecklist td a:hover {color:#0033FF;}
#auschecklist tr.even td {background-color:#E0E0E0;}
#auschecklist .ralign {text-align:right; width:5%;}
#auskeylist {font-size:55%; width:94%; border-collapse:collapse; margin:5% 3%;}
#auskeylist th {padding:1%; border:1px solid #909090; border-radius:3px; background-color:#E0E0E0; text-align:left;}
#auskeylist td {padding:1%; border:1px solid #909090; border-radius:3px;}
#auskeylist td a {color:#660000; text-align:center; font-weight:bold;}
#auskeylist td a:hover {color:#0033FF;}
#auskeylist tr.even td {background-color:#E0E0E0;}
#auskeylist .ralign {text-align:right; width:5%;}
#auskeylist .calign {width:5%;}
#ausdist_checklist {width:100%;}
#ausdist_checklist #areamap {width:400px; margin:3%; border:1px solid #003366; border-radius:5px; box-shadow:5px 5px 5px #333333;}
#ausdist_checklist .ausdist_thmb {width:35px; border:0; padding-left:1%; vertical-align:middle;}
#ausdist_checklist img {width:24px; border:0; vertical-align:middle; padding:10px;}
#ausdist_checklist .ozmapcallout {font-size:90%; text-align:center; line-height:150%;}
#ausdist_checklist .ozmappng {width:94%; border:1px solid #003366; border-radius:5px; margin:1% 0;}
#ausdist_checklist a {color:#660000; font-weight:bold;}
#ausdist_checklist a:hover {color:#0033FF;}
.ausdist_map {position:relative; z-index:0; cursor:default; text-decoration:none;}
.ausdist_map:hover {background-color:transparent; z-index:5;}
.ausdist_map span {position:absolute; left:-1000px; visibility:hidden; color:#000000; background-color:#FFFFFF; padding:10px; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px;}
.ausdist_map:hover span {width:600px; visibility:visible; top:24px; left:-200px;}
#coupletslist {width:65%; border-collapse:collapse; margin-top:5%; margin-bottom:5%; margin-left:auto; margin-right:auto;}
#coupletslist input {display:block; width:50%; line-height:200%; border:0; border-radius:5px; margin:0 auto; background-color:#003366; color:#FFFFFF;}
#coupletslist input:hover {background-color:#0033FF;}
#coupletslist .btn_auskey_small_prev {width:20%; float:left;}
#coupletslist .btn_auskey_small_next {width:20%; float:right;}
#coupletslist td {font-size:60%; border:1px solid #909090; padding:1%; border-radius:3px; text-align:center;}
#coupletslist th {font-size:60%; border:1px solid #909090; padding:1%; border-radius:3px; text-align:center; background-color:#E0E0E0; color:#000000;}
#coupletslist tr.even td {color:#000000; background-color:#E0E0E0;}
#coupletslist .ralign {text-align:right; width:5%;}
#photosbyspecies_damselflies {font-size:55%; width:60%; border-collapse:collapse; margin:0 auto; margin-top:5%; margin-bottom:5%;}
#photosbyspecies_damselflies th {padding:2%; border:1px solid #909090; border-radius:3px; text-align:center; font-size:150%;background-color:#E6F0FF; color:#003366;}
#photosbyspecies_damselflies td {padding:2%; border:1px solid #909090; border-radius:3px; text-align:center;}
#photosbyspecies_damselflies td a {color:#000000;}
#photosbyspecies_damselflies td a:hover {color:#0033FF;}
#photosbyspecies_damselflies tr.even td {background-color:#E6F0FF;}
#photosbyspecies_damselflies .ralign {text-align:right; width:10%;}
#photosbyspecies_dragonflies {font-size:55%; width:60%; border-collapse:collapse; margin:0 auto; margin-top:5%; margin-bottom:5%;}
#photosbyspecies_dragonflies th {padding:2%; border:1px solid #909090; border-radius:3px; text-align:center; font-size:150%;background-color:#E6F0FF; color:#003366;}
#photosbyspecies_dragonflies td {padding:2%; border:1px solid #909090; border-radius:3px; text-align:center;}
#photosbyspecies_dragonflies td a {color:#000000;}
#photosbyspecies_dragonflies td a:hover {color:#0033FF;}
#photosbyspecies_dragonflies tr.even td {background-color:#E6F0FF;}
#photosbyspecies_dragonflies .ralign {text-align:right; width:10%;}
#Names_Map_Details {width:90%; border-collapse:collapse; margin:5% 3%; padding-bottom:2%;}
#Names_Map_Details input {display:block; line-height:200%; float:left; width:25%; border:0; border-radius:5px; margin:auto 3%; background-color:#003366; color:#FFFFFF; padding:1% 1%;}
#Names_Map_Details input:hover {background-color:#0033FF;}
#Names_Map_Details p {font-size:55%;}
.notpresent {font-size:50%; padding:1%; margin:1%; line-height:100%; display:inline-block; border:1px solid #003366; border-radius:5px; background-color:#FFFFFF; color:#000000;}
.pre1990 {font-size:50%; padding:1%; margin:1%; line-height:100%; display:inline-block; border:1px solid #003366; border-radius:5px; background-color:#00FF00; color:#000000;}
.post1990 {font-size:50%; padding:1%; margin:1%; line-height:100%; display:inline-block; border:1px solid #003366; border-radius:5px; background-color:#008000; color:#FFFFFF;}
.prepost1990 {font-size:50%; padding:1%; margin:1%; line-height:100%; display:inline-block; border:1px solid #003366; border-radius:5px; background-color:#008080; color:#FFFFFF;}
.post2015 {font-size:50%; padding:1%; margin:1%; line-height:100%; display:inline-block; border:1px solid #003366; border-radius:5px; background-color:#FFA500; color:#000000;}
.shownamespopup {width:100%; max-width:400px; border:1px solid #333333; display:inline-block; left:50%; background-color:#FFFFFF; opacity:0; padding:10px; position:fixed; text-align:center; top:40%; visibility:hidden; z-index:10; transform:translate(-50%, -50%); border-radius:5px; box-shadow:5px 5px 5px #333333; transition:opacity .5s, top .5s;}
.overlay:target+.shownamespopup {top:50%; opacity:1; visibility:visible;}
.showmappopup {width:620px; border:1px solid #333333; display:inline-block; left:50%; background-color:#FFFFFF; opacity:0; padding:10px; position:fixed; text-align:center; top:40%; visibility:hidden; z-index:10; transform:translate(-50%, -50%); border-radius:5px; box-shadow:5px 5px 5px #333333; transition:opacity .5s, top .5s;}
.showmappopup img {border:1px solid #003366; border-radius:5px;}
.overlay:target+.showmappopup {top:50%; opacity:1; visibility:visible;}
#descriptiontable {width:100%; font-size:55%; border-collapse:collapse; margin:5% 3%;}
#descriptiontable td {border:1px solid #CCCCCC; padding:0.5%; border-radius:5px}
#descriptiontable td a {color:#000000;}
#descriptiontable td a:hover {color:#0033FF;}
#descriptiontable .rtlss {border-right-color:white;}
#descriptiontable .bmlss {border-bottom-color:white;}
#descriptiontable .rtbmlss {border-right-color:white; border-bottom-color:white;}
#etymologylist {font-size:55%; width:94%; border-collapse:collapse; margin:5% 3%;}
#etymologylist th {padding:1%; border:1px solid #909090; border-radius:3px; background-color:#E0E0E0; text-align:left;}
#etymologylist td {padding:1%; border:1px solid #909090; border-radius:3px;}
#etymologylist tr.even td {background-color:#E0E0E0;}
#etymologylist .ralign {text-align:right;}
.overlay {background-color:rgba(0, 0, 0, 0.6); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index:1; transition:opacity .5s;}
.overlay:target {visibility:visible; opacity:1;}
.popup {background-color:#FFFFFF; border:1px solid #003366; display:inline-block; left:50%; opacity:0; padding:15px; position:fixed; text-align:justify; top:40%; visibility:hidden; z-index:10; transform:translate(-50%, -50%); border-radius:10px; box-shadow:0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; transition:opacity .5s, top .5s;}
.overlay:target+.popup {top:50%; opacity:1; visibility:visible;}
.close {background-color:rgba(0, 0, 0, 0.8); height:30px; line-height:30px; position:absolute; right:0; text-align:center; text-decoration:none; top:-15px; width:30px; border-radius:15px;}
.close:before {color:rgba(255, 255, 255, 0.9); content:"x"; font-size:24px; text-shadow:0 -1px rgba(0, 0, 0, 0.9);}
.close:hover {background-color:rgba(64, 128, 128, 0.8);}
.popup p, .popup div {margin-bottom:10px;}
.popup li {font-size:60%; line-height:200%; list-style:none;}
#photothumbs {text-align:center; border:1px solid #003366; border-radius:5px; margin:5% 3%;}
#photothumbsallls {text-align:center; border:1px solid #003366; border-radius:5px; margin:5% 3%;}
.thumbls {width:22%; height:auto; margin:1% 1%; outline:0; border:0; border-radius:5px; box-shadow:5px 5px 5px #333333;}
.thumbpt {width:15%; height:auto; margin:1% 2%; outline:0; border:0; border-radius:5px; box-shadow:5px 5px 5px #333333;}
#jumpslists {margin:5% 3%; text-align:center;}
.btn_prev {width:30%; line-height:200%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_prev:hover {background-color:#0033FF;}
.btn_prev_ital {width:30%; line-height:200%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0; font-style:italic;}
.btn_prev_ital:hover {background-color:#0033FF;}
.btn_next {width:30%; line-height:200%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_next:hover {background-color:#0033FF;}
.btn_next_ital {width:30%; line-height:200%; height:auto; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0; font-style:italic;}
.btn_next_ital:hover {background-color:#0033FF;}
.btn_da {width:30%; line-height:200%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_da:hover {background-color:#0033FF;}
.btn_dr {width:30%; line-height:200%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_dr:hover {background-color:#0033FF;}
.btn_showinfo {width:60%;}
.btn_showmap {width:60%;}
.btn_ausprev {width:30%; font-style:italic; text-align:center; margin-left:auto; margin-right:auto; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_ausprev:hover {background-color:#0033FF;}
.btn_ausnext {width:30%; font-style:italic; text-align:center; margin-left:auto; margin-right:auto; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_ausnext:hover {background-color:#0033FF;}
.btn_ausdist {padding:3% 3%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0;}
.btn_ausdist:hover {background-color:#0033FF;}
.auskeypopup {width:100%; max-width:618px; border:1px solid #333333; display:inline-block; left:50%; background-color:#FFFFFF; opacity:0; padding:10px; position:fixed; text-align:justify; top:40%; visibility:hidden; z-index:10; transform:translate(-50%, -50%); border-radius:5px; box-shadow:5px 5px 5px #333333; transition:opacity .5s, top .5s;}
.overlay:target+.auskeypopup {top:50%; opacity:1; visibility:visible;}
.auskeypopup p, .auskeypopup div {margin-bottom:1%;}
.auskeypopup li {line-height:80%; list-style:none;}
.auskeypopup li h3 {text-align:center;}
.jumpslistcouplet {overflow:auto; max-height:640px;}
.phototipmodal {width:auto; max-width:800px; border:1px solid #333333; display:inline-block; left:50%; background-color:#FFFFFF; opacity:0; padding:10px; position:fixed; text-align:justify; top:40%; visibility:hidden; z-index:100; transform:translate(-50%, -50%); border-radius:5px; box-shadow:5px 5px 5px #333333; transition:opacity .5s, top .5s;}
.overlay:target+.phototipmodal {top:50%; opacity:1; visibility:visible;}
.phototipmodal p, .phototipmodal div {margin-bottom:1%;}
.phototipmodal li {line-height:80%; list-style:none;}
.phototipmodal li h3 {text-align:center;}
.phototippopup {overflow:hidden; width:auto; max-width:800px; height:auto; max-height:695px;}
footer {background-color:#003366; text-align:center; color:#FFFFFF; font-size:55%; padding-top:1%; padding-bottom:1%; margin-top:2%;}
.quizwrap {width:96%; border:1px solid #003366; border-radius:5px; margin:4% 2%; background-color:#E0E0E0;}
.quizwrap img {width:100%; border-radius:5px; margin-bottom:2%;}
.quizbuttons {text-align:center; margin:1% 0;}
.quizwrap option {background-color:#FFFFFF;}
.quizwrap input {border-radius:5px; display:inline; font-size:60%;}
.quizwrap select {border-radius:5px; font-size:60%;}
.quizwrap label {font-family:Courier; text-align:right; color:#000000; font-size:60%;}
.txtbx {width:34%; padding:1% 1%; margin-bottom:1%; text-align:center; background-color:#FFFFFF; color:#000000; border:0;}
.monthctry {width:34%; padding:1% 1%; margin-bottom:1%; text-align:center; background-color:#FFFFFF; color:#000000; border:0;}
.answerbtn {width:28%; padding:1% 1%; margin-bottom:1%; background-color:#003366; color:#FFFFFF; border:0;}
.speclst {width:28%; padding:1% 1%; border:0;}
.scorebx {width:3%; padding:1% 1%; margin-bottom:1%; text-align:right; background-color:#FFFFFF; color:#000000; padding-right:1%; border:0;}
.photosshownbx {width:3%; padding:1% 1%; text-align:right; background-color:#FFFFFF; color:#000000; padding-right:1%; border:0;}
.showbtn {width:18%; padding:1% 1%; margin-bottom:1%; background-color:#003366; color:#FFFFFF; border:0;}
.restartbtn {width:18%; padding:1% 1%; background-color:#003366; color:#FFFFFF; border:0;}
.answerbtn:hover, .showbtn:hover, .restartbtn:hover {background-color:#0033FF; color:#FFFFFF;}
.txtbx:hover, .monthctry:hover, .scorebx:hover, .photosshownbx:hover {background-color:#FFFFFF; color:#000000;}
.showinfo {position:relative; z-index:0; border-bottom:1px dotted; cursor:default; text-decoration:none;}
.showinfo:hover {background-color:transparent; z-index:50;}
.showinfo .infobullets {font-size:90%; line-height:150%; position:absolute; left:-1000px; visibility:hidden; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px; padding:10px;}
.showinfo:hover .infobullets {visibility:visible; top:20px; left:20px; opacity:1; background:#FFFFFF;}
.showmap {position:relative; z-index:0; border-bottom:1px dotted; cursor:default; text-decoration:none;}
.showmap:hover {background-color:transparent; z-index:50;}
.showmap .distmap {width:618px; font-size:90%; position:absolute; left:-1000px; visibility:hidden; text-align:center; color:#000000; background-color:#FFFFFF; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px; padding:10px;}
.showmap .distmap img {width:618px; border:1px solid #003366; border-radius:5px;}
.showmap:hover .distmap {visibility:visible; top:20px; left:20px;}
.lndrw {position:relative; z-index:0; border-bottom:1px dotted; cursor:default; text-decoration:none;}
.lndrw:hover {background-color:transparent; z-index:50;}
.lndrw span {position:absolute; left:-1000px; visibility:hidden; background-color:#FFFFFF; padding:1%; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px;}
.lndrw span img {width:800px; border:0;}
.lndrw:hover span {width:800px; visibility:visible; top:20px; left:-100px;}
.phototip {position:relative; z-index:0; border-bottom:1px dotted; cursor:default; text-decoration:none;}
.phototip:hover {background-color:transparent; z-index:50;}
.phototip span {position:absolute; left:-1000px; visibility:hidden; color:#000000; text-decoration:none; background-color:#FFFFFF; padding:10px; text-align:center; line-height:150%; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px;}
.phototip span img {border:0;}
.phototip:hover span {visibility:visible; top:20px; left:-20px;}
.phototip span {top:50%; left:50%; transform:translate(-50%, -50%);}
.auskeymap {position:relative; z-index:0; cursor:default; text-decoration:none; vertical-align:middle;}
.auskeymap img {border:0; width:35px;}
.auskeymap:hover {background-color:transparent; z-index:50;}
.auskeymap span {position:absolute; left:-1000px; visibility:hidden; color:#000000; background-color:#FFFFFF; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px;}
.auskeymap span img {width:480px;}
.auskeymap:hover span {visibility:visible; top:20px; left:-500px;}
.ozkey h3 {text-align:center;}
.ozkey hr {margin-top:1%; margin-bottom:1%;}
.ozkey li {list-style:none; line-height:150%; text-align:center;}
.ozkey li img {border:0;}
.ozkey .relevant {font-size:100%; color:#0033FF; padding-left:5%; padding-right:5%;}
.ozkey .irrelevant {font-size:100%; color:#999999; padding-left:5%; padding-right:5%;}
.searchform {margin:2% 3%; padding:2%; width:40%; border:solid 1px #003366; border-radius:5px;}
.searchform select {width:100%; border:solid 1px #003366; border-radius:5px; padding:2%; margin:1%;}
.searchform input {display:block; width:100%; line-height:200%; margin-top:5%; background-color:#003366; color:#FFFFFF; border:0; border-radius:5px;}
.searchform input:hover {background-color:#0033FF;}
#PhotosFound {width:90%; border-collapse:collapse; margin:5% 5%;}
#PhotosFound th {font-size:60%; border:1px solid #909090; text-align:center; padding:1%; background-color:#E0E0E0; border-radius:3px;}
#PhotosFound td {font-size:60%; border:1px solid #909090; text-align:center; padding:1%; border-radius:3px;}
#PhotosFound td a {color:#000000;}
#PhotosFound td a:hover {color:#0033FF;}
#PhotosFound img {width:80%;}
#PhotosFound .col09 {width:9%;}
#PhotosFound .col24 {width:24%;}
#PhotosFound .col24_hide320 {width:24%;}
#DetailsTable {width:50%; border-collapse:collapse; margin:5% 25%;}
#DetailsTable td {font-size:60%; border:1px solid #909090; text-align:center; padding:1%; border-radius:3px;}
#DetailsTable td a {color:#000000;}
#DetailsTable td a:hover {color:#0033FF;}
#DetailsTable img {width:60%;}
#DetailsTable .col35 {width:35%;}
#DetailsTable .col55 {width:55%;}
.btn_goback {width:20%; height:auto; padding:1% 1%; background-color:#003366; color:#FFFFFF; border-radius:5px; border:0; margin:5% 3%;}
.btn_goback:hover {background-color:#0033FF;}
.dbthumb {width:50%; height:auto; border-radius:5px; outline:0; text-align:center;}
.detailspic {position:relative; z-index:0; border-bottom:1px dotted; cursor:default; text-decoration:none;}
.detailspic:hover {background-color:transparent; z-index:50;}
.detailspic span {position:absolute; left:-1000px; visibility:hidden; background-color:#FFFFFF; padding:10px; border:1px solid #003366; box-shadow:5px 5px 5px #333333; border-radius:5px;}
.detailspic span img {border:0; border-radius:5px; max-height:600px;}
.detailspic:hover span {visibility:visible; top:25px; left:-25px;}
details > summary {font-family:Verdana; font-size:60%; margin:1% 3%; padding: 4px; width: 40%; background-color: #e6f0ff; border: none; box-shadow: 1px 1px 2px #bbbbbb; cursor: pointer;}
.smfolder {list-style-image:url('src/smfolder.gif'); list-style-position:inside; padding-left:1%;}
.smfile {list-style-image:url('src/smfile.gif'); list-style-position:inside; padding-left:2%;}
.smimg {list-style-image:url('src/smimg.gif'); list-style-position:inside; padding-left:4%;}
.flagalb {list-style-image:url('src/41flags/alb2.webp'); list-style-position:inside; padding-left:2%;}
.flagand {list-style-image:url('src/41flags/and2.webp'); list-style-position:inside; padding-left:2%;}
.flagaus {list-style-image:url('src/41flags/aus2.webp'); list-style-position:inside; padding-left:2%;}
.flagaut {list-style-image:url('src/41flags/aut2.webp'); list-style-position:inside; padding-left:2%;}
.flagbel {list-style-image:url('src/41flags/bel2.webp'); list-style-position:inside; padding-left:2%;}
.flagbgr {list-style-image:url('src/41flags/bgr2.webp'); list-style-position:inside; padding-left:2%;}
.flagbih {list-style-image:url('src/41flags/bih2.webp'); list-style-position:inside; padding-left:2%;}
.flagblr {list-style-image:url('src/41flags/blr2.webp'); list-style-position:inside; padding-left:2%;}
.flagche {list-style-image:url('src/41flags/che2.webp'); list-style-position:inside; padding-left:2%;}
.flagcyp {list-style-image:url('src/41flags/cyp2.webp'); list-style-position:inside; padding-left:2%;}
.flagcze {list-style-image:url('src/41flags/cze2.webp'); list-style-position:inside; padding-left:2%;}
.flagdeu {list-style-image:url('src/41flags/deu2.webp'); list-style-position:inside; padding-left:2%;}
.flagdnk {list-style-image:url('src/41flags/dnk2.webp'); list-style-position:inside; padding-left:2%;}
.flagesp {list-style-image:url('src/41flags/esp2.webp'); list-style-position:inside; padding-left:2%;}
.flagest {list-style-image:url('src/41flags/est2.webp'); list-style-position:inside; padding-left:2%;}
.flagfin {list-style-image:url('src/41flags/fin2.webp'); list-style-position:inside; padding-left:2%;}
.flagfra {list-style-image:url('src/41flags/fra2.webp'); list-style-position:inside; padding-left:2%;}
.flaggbr {list-style-image:url('src/41flags/gbr2.webp'); list-style-position:inside; padding-left:2%;}
.flaggrc {list-style-image:url('src/41flags/grc2.webp'); list-style-position:inside; padding-left:2%;}
.flaghrv {list-style-image:url('src/41flags/hrv2.webp'); list-style-position:inside; padding-left:2%;}
.flaghun {list-style-image:url('src/41flags/hun2.webp'); list-style-position:inside; padding-left:2%;}
.flagirl {list-style-image:url('src/41flags/irl2.webp'); list-style-position:inside; padding-left:2%;}
.flagisl {list-style-image:url('src/41flags/isl2.webp'); list-style-position:inside; padding-left:2%;}
.flagita {list-style-image:url('src/41flags/ita2.webp'); list-style-position:inside; padding-left:2%;}
.flagltu {list-style-image:url('src/41flags/ltu2.webp'); list-style-position:inside; padding-left:2%;}
.flaglux {list-style-image:url('src/41flags/lux2.webp'); list-style-position:inside; padding-left:2%;}
.flaglva {list-style-image:url('src/41flags/lva2.webp'); list-style-position:inside; padding-left:2%;}
.flagmda {list-style-image:url('src/41flags/mda2.webp'); list-style-position:inside; padding-left:2%;}
.flagmkd {list-style-image:url('src/41flags/mkd2.webp'); list-style-position:inside; padding-left:2%;}
.flagmlt {list-style-image:url('src/41flags/mlt2.webp'); list-style-position:inside; padding-left:2%;}
.flagmne {list-style-image:url('src/41flags/mne2.webp'); list-style-position:inside; padding-left:2%;}
.flagnld {list-style-image:url('src/41flags/nld2.webp'); list-style-position:inside; padding-left:2%;}
.flagnor {list-style-image:url('src/41flags/nor2.webp'); list-style-position:inside; padding-left:2%;}
.flagpol {list-style-image:url('src/41flags/pol2.webp'); list-style-position:inside; padding-left:2%;}
.flagprt {list-style-image:url('src/41flags/prt2.webp'); list-style-position:inside; padding-left:2%;}
.flagrou {list-style-image:url('src/41flags/rou2.webp'); list-style-position:inside; padding-left:2%;}
.flagrus {list-style-image:url('src/41flags/rus2.webp'); list-style-position:inside; padding-left:2%;}
.flagsrb {list-style-image:url('src/41flags/srb2.webp'); list-style-position:inside; padding-left:2%;}
.flagsvk {list-style-image:url('src/41flags/svk2.webp'); list-style-position:inside; padding-left:2%;}
.flagsvn {list-style-image:url('src/41flags/svn2.webp'); list-style-position:inside; padding-left:2%;}
.flagswe {list-style-image:url('src/41flags/swe2.webp'); list-style-position:inside; padding-left:2%;}
.flagtur {list-style-image:url('src/41flags/tur2.webp'); list-style-position:inside; padding-left:2%;}
.flagukr {list-style-image:url('src/41flags/ukr2.webp'); list-style-position:inside; padding-left:2%;}
.modal-content ul {font-size:60%; list-style-type:none; line-height:200%; margin-bottom:5%;}
.newtitle {display:none;}
.newcallout {font-size:87.5%; text-align:center;}
.name_gender {font-size:150%;}
.prevnext {text-align:center;}
.faqlist li {font-size:60%; line-height:150%; list-style-type:none; margin:0 3%;}
.faqlist .ulindent {margin:0 6% 2% 6%;}
.faqlist .ulindent ul li {font-size:inherit; list-style-type:circle;}
#fadeshow {margin:0 auto; text-align:center; border-radius:5px; margin-top:5%; margin-bottom:5%; z-index:0;}
#fadeshow .gallerylayer img {width:360px; height:240px; border-radius:5px;}
#flags img {margin:2% 3%; border:0;}
#ausmap img {display:block; width:400px; margin:3% 0; margin-left:auto; margin-right:auto; border:1px solid #003366; border-radius:5px; box-shadow:5px 5px 5px #333333;}
img.otherpix_ls {display:block; width:100%; max-width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:2%; border:1px solid #003366; border-radius:5px; box-shadow:5px 5px 5px #333333;}
img.otherpix_pt {display:block; width:100%; max-width:600px; height:auto; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:2%; border:1px solid #003366; border-radius:5px; box-shadow:5px 5px 5px #333333;}
.weblinks li {font-size:60%; list-style:none; line-height:400%; padding:2% 3%;}
.weblinks li img {border:0; vertical-align:middle; padding:2% 3%;}
#sswrap {width:94%; border:1px solid #003366; border-radius:5px; margin:5% 3%;}
#slideshowContainer {width:100%; height:586px; border-radius:5px; margin:2%;}
#slideshowContainer img {width:96%; height:586px; border-radius:5px; margin:0 auto;}
.slideshowThumbnail img {width:19%; border:0; outline:0;}
#thumbnailContainer {margin:2%;}
#thumbnailContainer img {border:0; border-radius:5px;}
.loading {background:url('src/loading.gif') center no-repeat;}
.outline {border:3px solid #0033FF; z-index:0; position:absolute; border-radius:5px;}
.tb2lr3 {margin:2% 3%;}
.tb2lr3 span {color:#000000; width:300px; font-size:87.5%; text-align:center; margin:1%;}
#damsellist ol {color:#003366;}
#dragonlist ol {color:#003366;}
#damsellist ol li {line-height:300%;}
#dragonlist ol li {line-height:300%;}

@media screen and (max-width:960px) {
#wrapper {width:96%;}
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
.showinfo:hover .infobullets {top:20px; left:0;}
.showmap .distmap {width:450px; font-size:90%; padding:5px; line-height:150%;}
.showmap .distmap img {width:450px;}
.showmap:hover .distmap {top:20px; left:-100px;}
.lndrw span img {width:600px; border:0;}
.lndrw:hover span {width:600px; visibility:visible; top:30px; left:-100px;}
.auskeymap span img {width:480px;}
.auskeymap:hover span {visibility:visible; top:20px; left:-500px;}
.btn_da {width:40%;}
.btn_dr {width:40%;}
.btn_prev, .btn_prev_ital {width:40%;}
.btn_next, .btn_next_ital {width:40%;}
.slideshowlink {visibility:hidden;}
.detailspic span img {border:0; border-radius:5px; max-width:600px; max-height:600px;}
.detailspic:hover span {visibility:visible; top:25px; left:-25px;}
}
@media screen and (max-width:800px) {
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
nav ul li {font-size:60%;}
}
@media screen and (max-width:640px) {
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
nav ul li {float:left; font-size:70%; width:25%;}
nav ul li ul {width:100%; font-size:110%;}
.nav_about, .nav_search, .nav_australia {z-index:10;}
.nav_species, .nav_other {z-index:5;}
h1, h2, h3 {font-size:90%; padding-top:10%;}
p {font-size:70%;}
#flags {width:40%; margin:2% 3%; border:0; padding-top:10%;}
.showmap .distmap {width:309px; font-size:90%; padding:5px; line-height:150%;}
.showmap .distmap img {width:309px;}
.lndrw span img {width:400px; border:0;}
.lndrw:hover span {width:400px; visibility:visible; top:30px; left:-100px;}
#ausdist_checklist #areamap {width:300px;}
.ausdist_map:hover span {width:300px; top:20px; left:-100px;}
.btn_da, .btn_dr, .btn_prev, .btn_prev_ital, .btn_next, .btn_next_ital {width:40%; font-size:50%;}
.btn_auskey {font-size:80%;}
.auskeymap span img {width:400px;}
.auskeymap:hover span {top:20px; left:-50px;}
.btn_ausprev, .btn_ausnext {width:40%; font-size:60%;}
.auskeypopup {max-width:400px;}
.phototipmodal {max-width:400px;}
.detailspic span img {border:0; border-radius:5px; max-width:480px; max-height:480px;}
.detailspic:hover span {visibility:visible; top:25px; left:-25px;}
.txtbx, .monthctry, .answerbtn, .speclst, .showbtn, .restartbtn {width:45%;}
.scorebx, .photosshownbx {width:5%;}
.shownamespopup {max-width:300px;}
.showmappopup {max-width:320px; max-height:380px; font-size:90%; padding:5px; line-height:150%;}
.showmappopup img {width:309px; height:252px;}
}
@media screen and (max-width:480px) {
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
nav ul li {line-height:200%;}
header {padding-bottom:25%;}
nav ul li {width:50%; font-size:60%;}
nav ul li a {padding:4% 0 4% 0;}
h1, h2, h3 {font-size:80%;}
p {font-size:70%;}
.tb2lr3 {visibility:hidden;}
#ausmap img {width:240px;}
.auskeymap span img {width:240px;}
.auskeymap:hover span {top:20px; left:-50px;}
#ausdist_checklist #areamap {width:200px;}
.btn_auskey {font-size:80%;}
.btn_ausprev, .btn_ausnext {font-size:60%;}
.auskeypopup {max-width:300px;}
.phototipmodal {max-width:300px;}
#checklist td {padding:5px;}
#auschecklist td {padding:5px;}
.hide320 {display:none;}
}
@media screen and (max-width:400px) {
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
.tb2lr3 {visibility:hidden;}
#fadeshow {display:none;}
.phototip span {display:none;}
}
@media screen and (max-width:320px) {
body {padding:1%;}
header {width:100%; position:relative; padding-bottom:4%;}
nav ul li {font-size:60%; line-height:220%;}
nav ul li a {padding:4% 0 4% 0;}
h1, h2, h3 {font-size:70%;}
p {font-size:70%;}
#flags {width:70%; display:block;}
.tb2lr3 {visibility:hidden;}
.btn_da, .btn_dr, .btn_prev, .btn_prev_ital, .btn_next, .btn_next_ital {width:80%; margin-left:10%; margin-right:10%;}
.auskeymap span img {width:240px;}
.auskeymap:hover span {top:20px; left:0;}
.ausdist_map:hover span {width:240px;}
.btn_auskey {font-size:80%;}
.btn_ausprev, .btn_ausnext {width:80%; margin-left:10%; margin-right:10%;}
.auskeypopup {max-width:240px;}
.phototipmodal {max-width:240px;}
#fadeshow {display:none;}
#flags img {margin:8% 3% 2% 3%;}
.phototip span {display:none;}
.searchform {width:50%;}
.detailspic span img {max-height:180px;}
.detailspic:hover span {top:20px; left:-10px;}
#PhotosFound td {padding:5px;}
#PhotosFound .col24_hide320 {display:none;}
#DetailsTable {width:80%; margin:5% 10%;}
#auskeylist {font-size:50%;}
#auskeylist td {padding:5px;}
#coupletslist {width:90%;}
#coupletslist td {padding:5px;}
#coupletslist input {width:80%;}
#damsellist ol {padding:5%;}
#dragonlist ol {padding:5%;}
#ausdist_checklist li {padding:5px;}
.ozkey {margin-top:5%; margin-bottom:5%;}
.weblinks img {max-width:150px; height:auto;}
}