.filterArea {
    border: 1px solid #C0C0C0;
    background-color: #f8f8f8;
    float: left;
}
.filterAreaWidth {
    width: 99.5%;
}
.filterArea .buttonPanel {
    float: right;
    padding: 7px;
    padding-right: 7px;
    border: solid 1px #ffffff;
    width: 100%;
    margin-left: 0px;
    text-align: right;
}
.filterBlock {
    float: left;
    background-color: #f8f8f8;
    padding: 10px;
    padding-right: 0px;
    width: 33%;
}
.filterBlockMarkLeft {
    border-left: solid 1px #FFFFFF;
}
.filterBlockMarkRight {
    border-right: solid 1px #FFFFFF;
}
.filterBlock h3 {
    padding: 10px;
    padding-top: 0px;
    margin-top: 0px;
}
.filterBlock h2 {
    padding-top: 0px;
    margin-top: 0px;
}
.filterBlock p {
    font-size: 0.95em;
}
.filterBlock span.info {
    font-size: 1em;
    /*color: #024383;*/
}
.filterBlock .textbox {
    font-size: 0.9em;
    color: #024383;
    width: 180px;
}
.filterBlock p label {
    color: inherit !important;
    font-weight: normal !important;
}
.filterBlock select {
    margin-bottom: 10px;
    display: block;
    font-size: 1.1em;
}
.filterBlock select {
    color: #333333;
}
.filterBlock select .optiongroup {
    color: #024383;
}


.filterButton {
    display: none !important;
}
.filterButtonShow {
    display: block !important;
}
.advancedSearchArea {
    background-color: #E9F0F7;
    float: left;
    margin-top: 5px
}
.advancedSearchLink {}

/* errorBox styling */

.errorBox {
    display: none;
    position: absolute;
    padding: 10px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
}

/* a .label element inside tooltip */

.errorBox #messageArea {
    float: left;
    color: #000000;
    font-weight: normal;
    height: 50px;
    top: 0px;
    text-align: center;
    padding: 10px;
}
.errorBox a {
    color: #ad4;
    font-size: 11px;
    font-weight: bold;
}

/* messageBox styling */
.related-links > div, #relatedLinks > div {
    background: #f7f7f7 no-repeat;
}

.messageBox {
    display: none;
    position: absolute;
    padding: 18px;
    width: 500px;
    background-color: #FFDEAD;
    border: 1px solid #C0C0C0;
    text-align: center;
}



#flashContent {
    display: none;
    width: 1px;
    height: 1px;
}
div.playSoundBox {
    border: 1px solid #808080;
    width: 100%;
    background-color: #FFFFE1;
    margin: 2px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px;
    background: url("/images/32x32/PlaySound.gif") center 5px no-repeat !important;
    background-repeat: no-repeat;
}
div.playSoundBox span {
    vertical-align: top;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
    width: 100%;
    display: inline-block;
}

div.soundLoading {
    background-color: #E2E2E2 !important;
    cursor: wait !important;
    background-image: url("/images/32x32/SoundPlaying.gif") !important;
}
div.playVideoBox {
    border: 1px solid #808080;
    width: 165px;
    background-color: #FFFFE1;
    margin: 2px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px;
    background-image: url("/images/32x32/Video_Reel.gif");
    background-position: 72px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
}
div.playVideoBox span {
    vertical-align: top;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 40px;
    width: 165px;
    display: inline-block;
    cursor: pointer;
}
.ErrorPanel {
    margin: 10px;
    padding: 10px;
    color: Red;
    background-color: #E1E1E1;
    font-size: 0.8em;
    display: none;
    border: solid 1px red;
}
.loadingText {
    text-align: center;
    color: #024383;
    font-weight: bold;
    padding-top: 5px;
}
.loadingPanel {
    height: 110px;
    width: 700px;
    text-align: center;
    background-position: center;
    margin: 0px;
    padding: 0px;
    color: #5c5c5c;
    position: absolute;
    background: #D8E5F2 url(/images/Ajax/ajax-loader.gif) no-repeat center 65px;
    z-index: 200;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 5px;
    margin-left: 15px;
    border: 1px solid #999999;
    display: none;
}
.loadingImage p {
    color: #527fb6;
    margin-top: -5px;
}
.resultsCount {
    /*color:#024383;*/
    font-weight: bold;
    float: left;
    padding-top: 10px;
    padding-bottom: 5px;
}
.resultsCountSpan {
    /*color:#024383;*/
    font-weight: bold;
}
.TSForms {
    margin: 0px 3px 0 0;
    float: left;
}
.TSForms fieldset {
    border: 1px solid #cc9;
    padding: 0.5em;
    margin: 0.3px;
}
.TSForms legend {
    color: #024383;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0.3em;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.TSForms fieldset label {
    font-size: 0.8em;
    font-weight: normal;
}
.TSForms label.label_error {
    color: #f00;
}
.TSForms select {
    margin: 0.5em;
    border: 1px solid #a1c1c2;
}
.TSForms input {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #666;
    color: Red;
    margin-left: 0.3em;
    margin-right: 0.3em;
    vertical-align: middle;
}
.TSFilterButton {
    float: right;
    padding-top: 40px;
    padding-left: 0px;
}
.resultsLoading {
    background-color: #E2E2E2 !important;
    cursor: wait !important;
}
.resultsLoading td,
.resultsLoading th {
    background-color: #E2E2E2 !important;
    cursor: wait !important;
}
.floatNoteHolder {
    display: none;
    position: absolute;
    background-color: #99CCFF;
    padding: 5px;
    border: 1px solid #999999;
    width: 150px;
    z-index: 200;
    color: #000000;
}
.expandAll {
    background-image: url("/images/decc/sidenav/expand.gif");
    width: 11px;
    height: 11px;
    padding-top: 50px;
}
.toggler {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.collapseAll {
    background-image: url("/images/decc/sidenav/collapse.gif");
    width: 11px;
    height: 11px;
}
#modifyAll a:link {
    display: inline-block;
    padding-top: 5px;
    padding-left: 0px;
    font-style: italic;
}
.expanded {
    display: block;
}
span.expanded {
    background-position: 4px;
    background-image: url("/images/12x12/collapse.gif");
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    padding: 0px;
    padding-left: 18px;
    margin: 0px;
    color: #024383;
    font-size: 0.9em;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 20px;
}
.collapsed {}
span.collapsed {
    background-position: 4px;
    background-image: url("/images/12x12/expand.gif");
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 18px;
    margin: 0px;
    color: #024383;
    font-size: 0.9em;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.inlineHeading {
    padding-right: 20px;
    margin-top: 10px;
    display: inline-block;
}
.smallSpacer {
    margin-top: 5px;
}
.spacer {
    margin-top: 10px;
}
#gallery {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
a.switchAJAX {
    font-size: 0.9em !important;
    padding-top: 5px;
    display: block;
    color: #092b5a;
    background: url(/images/decc/iconArrowBlue.gif) 0px 8px no-repeat;
    padding-left: 10px;
    padding-bottom: 5px;
}
.additionalAJAX {}
.cmaMapRegions {
    float: right;
    padding: 0px;
    margin-left: 30px;
}
.cmaMapHolder {
    float: left;
    border: 0px;
    width: 380px;
    margin: 0px;
    margin-right: 50px;
    padding: 0px;
    padding-bottom: 50px;
}
.cmaMap {
    float: left;
    padding-top: 0px;
    padding: 10px;
    margin-right: 150px;
    border: solid 1px #427113;
    margin-right: 5px;
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin-bottom: 80px;   
    width: 665px;
    text-align:center;
}
.lgaMap {
    float: left;
    padding-top: 0px;
    padding: 10px;
    margin-right: 150px;
    border: solid 1px #024383;
    margin-right: 5px;
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin-bottom: 10px;
    width: 380px;
}
.highlightLink {
    font-weight: bold;
    color: #024383 !important;
}
.regionInsert {
    border: solid 1px #427113;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.regionInsert img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.regionInsertRight {
    border: solid 1px #024383;
    background-color: #FFFFFF;
    float: right;
}
.exportDiv {
    float: right;
    font-weight: normal;
    margin-top: 7px;
}
.info {
    font-size: 75%;
    /*color: #024383;*/
    font-style: italic;
}
tr.actionSummary {
    background: #FFDEAD;
}
.pasSearchInput {
    border-left: 1px solid #999999;
    display: inline-block;
    width: 250px;
    background-color: #ffffff;
    margin: 0px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #BCBCBC #EAEAEA #EAEAEA #D1D1D1;
}
input.pasSearchInput {
    height: 19px;
    padding-left: 5px;
}
button.pasSearchInput {
    width: 30px;
    height: 22px;
    background-color: #C0C0C0;
    background-image: url("/images/16x16/Search.gif");
    background-position: 5px 1px;
    background-repeat: no-repeat;
}
#txtType {}
.pasSearchMenuSimple {
    border: solid 1px #666666;
    position: absolute;
    display: none;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #E9E9E9;
    z-index: 200;
}
.pasSearchMenuSimple UL {
    margin-top: 0px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}
.pasSearchMenuSimple LI {
    margin: 0px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #333333;
    font-size: 1em !important;
    cursor: pointer;
}
.pasSearchMenu {
    border: solid 1px #666666;
    position: absolute;
    display: none;
    height: 150px;
    overflow: auto;
    background-color: #E9E9E9;
    z-index: 200;
}
.pasSearchMenu UL {
    margin-top: 0px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}
.pasSearchMenu LI {
    margin: 0px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #033e8a;
    font-size: 1.2em !important;
    font-weight: bold;
    cursor: pointer;
}
.pasSearchMenu li li {
    color: #333333;
    font-size: 0.9em !important;
    font-weight: normal;
}
select.geoHabitatSearch {
    width: 400px;
    font-size: 1.1em;
}
select.geoHabitatSearch .optiongroup {
    color: #024383;
    font-weight: bold;
}
.geoSearchFormation {
    margin: 0px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #033e8a;
    font-size: 1.2em !important;
    font-weight: bold;
    cursor: pointer;
}
.geoSearchClass {
    margin: 0px !important;
    margin-left: 20px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #033e8a;
    cursor: pointer;
}
.liLevelOne {
    margin: 0px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #033e8a;
    font-size: 1.2em !important;
    font-weight: bold;
    cursor: pointer;
}
.liLevelTwo {
    margin: 0px !important;
    margin-left: 20px !important;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    color: #033e8a;
    cursor: pointer;
}
.searchPanel .infoArea {
    float: left;
    width: 300px;
    font-size: 1em;
    color: #024383;
}
.searchPanel .labelArea {
    font-size: 1em;
    color: #5c5c5c;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    padding-top: 3px;
}
.searchPanel .notes {
    float: left;
    font-size: 1em;
    color: #024383;
}
.searchPanel .infoArea i {
    color: #000000;
}
.searchPanel .inputArea {
    float: left;
}
#googleMap {}
#map_canvas {}
#googleMap H3 {
    margin: 0px;
    padding-left: 10px;
    padding-bottom: 5px;
    width: 180px;
}
#googleMap > div {
    border: solid 1px #80ACD4;
    width: 290px;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0px;
    padding-bottom: 1px;
    padding-right: 1px;
    background-color: #E4E4E4;
}
.googleMapKey {
    float: left;
    border-top: solid 1px #80ACD4;
    width: 280px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    background-color: #E4E4E4;
    margin-top: 1px;
}
.knownPredictedKey {}

/* Key colours */

#knownBox {
    float: left;
    margin-top: 4px;
    width: 30px;
    height: 11px;
    background-color: #FA9E9D;
    margin-right: 4px;
    border: solid 1px #c0c0c0;
}
#predictedBox {
    float: left;
    margin-top: 4px;
    width: 30px;
    height: 11px;
    background-color: #A17FC8;
    margin-right: 4px;
    border: solid 1px #c0c0c0;
}
.vegClassKey {
    font-size: 0.8em;
    height: 75px;
    display: block;
}
#vegClassBox1 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #00FF00;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
    display: inline-block;
}
#vegClassBox2 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #CC66FF;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
#vegClassBox3 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #0000FF;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
#vegClassBox4 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #FF0000;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
.vegFormationKey {
    font-size: 0.8em;
    height: 75px;
    display: block;
}
#vegFormationBox1 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #00FF00;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
    display: inline-block;
}
#vegFormationBox2 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #CC66FF;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
#vegFormationBox3 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #0000FF;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
#vegFormationBox4 {
    float: left;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    background-color: #FF0000;
    margin-right: 2px;
    border: solid 1px #c0c0c0;
}
.profileInfoBlock {
    background-color: #FFFFFF !important;
    border: 0px !important;
	font-size: 12px;
}
.validationError {
    border: 1px solid red;
}
.profilePadding {
    padding-bottom: 5px;
}

/* Formation / class / type list */

ul.tight {}
ul.tight li {
    padding: 0px;
    background-repeat: no-repeat !important;
    list-style-type: none !important;
    margin-bottom: 0px;
}
ul.tight li.veg {
    background-position: left 2px !important;
    line-height: 1.2em;
}
ul.tight li.vegFormation {
    background-image: url(/images/Profile/blue_icon_formations.gif) !important;
    background-position: left 4px !important;
}
ul.tight li.vegClass {
    background-image: url(/images/Profile/blue_icon_class.gif) !important;
    padding-left: 18px !important;
}
ul li.vegType {
    background-image: url(/images/Profile/blue_icon_type.gif) !important;
    padding-left: 18px !important;
}
ul.tight ul li.showMore {
    list-style-type: none !important;
    margin: 0;
    background-image: url(/images/decc/iconArrowBlue.gif) !important;
    padding-left: 18px !important;
}
ul.tight ul li.hideExtra {
    list-style-type: none !important;
    margin: 0;
    background-image: url(/images/decc/iconArrowBlue.gif) !important;
    background-image: none !important;
}

/* Output Options Control */

div.left_column3 {
    width: 27%;
    float: left;
}
div.middle3 {
    width: 52%;
    float: left;
    text-align: center
}
div.right_column3 {
    width: 18%;
    float: right;
}
div.left_column2 {
    width: 49%;
    float: left;
    text-align: left;
}
div.right_column2 {
    width: 49%;
    float: right;
    text-align: right
}

/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .50;
    filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .50;
    filter: Alpha(Opacity=50);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#GeographicInfoTable {
    background-color: #FFFFFF;
    padding: 5px;
    display: none;
}
#tblGeographicInfoPart1 tr {}
#tblGeographicInfoPart1 th {
    text-align: left;
    vertical-align: middle !important;
    height: 30px;
}


#GeographicInfoTableInner {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}
.GeographicInfoTableFooter {
    text-align: right;
    width: 100%;
    height: 25px;
}
.GeographicInfoTableFooter button {
    width: 100px;
}
html:not(.resp) #mainContainer02 > .fl,
html:not(.resp) #mainContainer03 > .fl,
html:not(.resp) #mainContainer04 > .fl {
    float: left;
    width: 75%;
}
#ContentPlaceHolder1_ucSpeciesByType1_btnSearch {
    padding: 0.625em 1em;
    font-size: 1.13333em;
    line-height: 1.13333;
    border-radius: 0;
    background-image: none;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    text-shadow: none;
    touch-action: manipulation;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #557521;
    border-color: #557521;
}
.searchPanel ~ .filterBlock:nth-of-type(2) {
    width: 260px !important;
}

#ContentPlaceHolder1_ucKeyWordSearch1_searchPanel .checkbox 
{
    display: block !important;
    margin-top: 0;
    margin-bottom: 0;
}

#ContentPlaceHolder1_ucKeyWordSearch1_searchPanel .checkbox label 
{
	padding-left: 5px;
	padding-right: 10px;
}

#ContentPlaceHolder1_ucKeyWordSearch1_cbManangement 
{
    vertical-align: top;
}

label[for="ContentPlaceHolder1_ucKeyWordSearch1_cbManangement"] 
{
    width: 240px;
}


form[action^="profile.aspx"] #mainContainer02 > .fl 
{
    float: left;
    width: 50%;
}