@CHARSET "ISO-8859-1";
/*
 Logo colours 54BCEB 3B6E8F
 Map background: 3c668d
 orange: e89c14
previous font colour: 3B6E8F
current font colour:  0b5888
*/
html, body {

    font-family: Arial,Helvetica,sans-serif;;
    font-weight: normal;
    font-size: 12px;
    background-color: #EBEBEB;
    margin: 0;
    padding: 0;
}

/*
html, body *{
    color:teal;
}
*/

div.z-listbox-footer {
    background-color: #FFFFFF;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

div.z-listbox {
    border:0px;
    background-image: -moz-linear-gradient(bottom, #fafbf5, #e8eace); /* FF3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fafbf5),color-stop(1, #e8eace)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8eace', EndColorStr='#fafbf5'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8eace', EndColorStr='#fafbf5')"; /* IE8 */
}

.z-vbox {
    width: 100%;
}

.z-west-splt {
    background: #EBEBEB;
}

.hr {
    width: 80%;
    color:#7391ad;
    border: 0 none;
    border-bottom:1px solid #EEEEEE;
    margin: 8px auto;
    height: 1px;
}


.h1 { font-size: 20px! important; font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-weight: bold; padding-top: 5px; letter-spacing:-1px;}
.h2 { font-size: 16px! important; font-family:'Arial Narrow',Arial,Helvetica,sans-serif;padding-top: 15px;padding-bottom: 0px; clear:both; display:block;}
.h4 { color:teal; font-size: 10px;  padding-top: 5px;}
.h5 { color:teal; font-size: 10px; }
.h6 { color:teal; font-size: 9px; }
.h3 { color:black; font-size: 11px; /* font-weight: bold; */ margin-bottom:2px;padding-top: 5px;font-family:Arial,Helvetica,sans-serif;}

.title {
    /*background-color: #727DAD;*/
    /*background:transparent url(../img/h2background.png?) no-repeat scroll -200px 5px;*/

    border-bottom: 3px solid teal;
    margin-left:6px;
    margin-right:6px;
    padding-bottom:2px;
    padding-left:10px;
    padding-top:10px;
}

input {
    padding:0px;
    margin: 0px 4px;
    padding-left: 3px;
   /* color:#01716E;*/
}
select {

    margin: 0px 4px;
    border: 1px solid #86A4BE;
    padding-left: 3px;
}

tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited {
    color: #0b5888 !important;
}
a[rel="external"], a.external {
    /*white-space: nowrap;*/
    padding-right: 15px;
    background: url(../img/extlink.gif) no-repeat 100% 50%;
    zoom: 1;
}



.required {
    white-space: nowrap;
    padding-left: 12px;
    background: url(../img/required.png) no-repeat 0% 50%;
}

.error , .z-errbox{
    padding: 3px !important;
    margin:10px !important;
    background: #e55e04 !important;
    color: white !important;
    font-weight: bold;
    clear: both;
    display: block;
    border: 0px !important;
    cursor: inherit !important;


}

.z-errbox td{
    color: white !important;
}

.right {

    float: right;
    right: 0;
}

.extlink {
    margin-left: 2px;
}

.inputlabel {
    width: 70px;
    display: block;
    float: left;
    padding-top: 3px;

}
.inputlabelspaced {

    float: left;
    padding-top: 3px;

}

.inputlabelwide {
    width: 95px;
    display: block;
    float: left;
    padding-top: 3px;
    whitespace:nowrap;
}


.list {
    display: block;
    margin-left: 2px;
    padding-left: 2px;
    font-size: 11px;
    font-weight: normal;
}

.highlighted {
    margin: 5px 5px;
    padding: 5px;
    background-color: #fafafa;
    border:1px solid #eee;
}
.mestsearch {
    /*margin: 10px 0px 10px 5px;*/
    padding:  2px;
    /*border:1px solid #eee;*/
    overflow: scroll;
}
.mestsearch td {
    padding: 5px 2px;
}
.mestsearchContainer .mestsearch {
    background: none;
    padding: 5px;
    padding-top: 15px;
    margin: 0;

}
.mestsearchContainer .z-listcell-cnt {
    /*padding: 1px 1px;*/
}

/* paging in mest search results */
.pagingDiv {
    float: left;
    display: inline;
}
/* paging buttons in mest search results */
.pagingbutton-cm {
    font-weight:bolder;
    font-size: 9px;
    letter-spacing:-2px;
    color: inherit;
}

.searchResTitle {
    float: left;
    display: block;
    width: 460px;
    font-size: 12px;
    font-weight: bold;
}

.createSavedSearch {
    float:right;
}
.savesearchdiv {
    float: right;
}
.searchFooterContainer {
    margin:0px 5px;
}

.z-separator-hor {
    /*height:0px;*/
    clear: both;
}
.resetdiv {
    padding-bottom:4px;
    padding-right:12px;
}
.hidden_image img {
    display: none
}

.floatcentre {
    margin: 0 auto;
}


.bold {
    font-weight: bold;
}
.spaced {
    margin: 10px 0px;
}
.spacedUp {
    bottom: 5px;
    position: relative;
    margin: 0px 10px;
}
.spacedDown {
    top: 5px;
    position: relative;
    margin: 0px 10px;
}

.inputspace {
    margin-bottom: 5px ;
}
.z-center {

}
.z-center-body {
    background-color: #FFFFFF;
    /*removed for openlayers polygon borders in wkhtmltoimage
    border: 1px solid #ccc;*/
}


.z-west-header {
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;;
    padding-left: 10px;
    font-weight: bold;
    /*background-color: #375c79;
    background-image: none;*/
}

.z-border-layout {
    background-color: #EBEBEB;
}
.z-west, .z-center, .z-east, .z-north, .z-south  {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: inherit;
}

.z-west {
    background-color: #fff;
    border-right: 0px;
    border-top: 0px;
    border: 0px solid white;
}

.z-west h1, .z-west h2 {
    margin: 5px;
    padding: 2px;
}
.westContent {
    background-color: #fff;
    border: 2px solid white;
    border-top: 1px solid #eee;
}
.westMinimised {
    background-color: #EBEBEB;
    height: 100%;
}

.z-dottree {
    border: 0px;
    /*overflow:hidden;*/
}
.leftmenutabs {
    width: 100%;
    background-color: white;
}


.menuswitch  {
    background-image: none;
}
.menuswitcr  .z-tabpanels, z-tabs-space{
    display: none;
}
.menuswitch ul {
    border: none;
}
.menuswitch  .z-tabpanels, z-tabs-space{
    display: none;
}
.closebox {
    float:right;
    position: absolute;
    right: 0px;
}

.hiddentitle .z-tab-accordion-header {
    display: none;
}

.z-toolbar-tabs-outer, .z-tabs-scroll .z-tabs-cnt {
    background:#FFFFFF url(../img/base-shadow.png) repeat-x scroll left bottom;
    border:0 none !important;
    padding-top:5px;
}

.z-toolbar-tabs {
    background: transparent;
}

.z-tabs-scroll {
    border:0;
}

.z-tabpanel {
    border: 0;
}


.loginBoxCnt{
    background: none;
}
.loginBoxCnt .z-tabpanel {
    border: none;
    padding: 20px;
}


.z-tabs-space {
    display: none;
}
.z-tabpanels-accordion, .z-listbox {
    background: white;
}
.z-tabbox-accordion, .z-tabpanels-accordion, .z-tabpanel-accordion, div.z-dottree, div.z-tree {
    border: 0px;
    white-space: nowrap;
    background: white;
}
.z-tab-accordion-header div{
    background-image: none;
}

.z-tab-accordion{
    background: url(../img/base-shadow.png) repeat-x bottom left ;
}
.z-tab-accordion-header:hover {
    background-color: #e89c14;
 /*   border-bottom: 0px solid #ddd ;*/
}

.z-tab-accordion-header {
  /*  border: solid 0px white;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px solid #ddd ; */
}


.tabheader{
    display: block;
    width: 100%;
    border-bottom: 1px dotted #ddd ;
    margin-bottom: 2px ;
    padding-bottom: 2px ;
}



.z-tab .z-tab-text{
    /*color: #01716E; */
}

.z-tab .z-tab-hl:hover .z-tab-text {
    /*color: #7D8804;
    font-weight: bold; */
    color: #f00;
}


.z-tabs-cnt {
    background: #EBEBEB
}


.z-tab-accordion-seld {
    background-color: #ECECEC;
    margin-bottom: 10px;
    border-bottom: solid 2px teal ;
}
.z-tab-accordion-seld .z-tab-accordion-text,
.z-tab-accordion-header:hover  .z-tab-accordion-text{
    color: white;
}

.z-combobox .z-combobox-img {
    border-left: 1px solid #86A4BE;
}
.z-combobox-inp {
    width: 100%;
}
.z-datebox .z-datebox-img{
    border-left: 1px solid #86A4BE;
    border-bottom: 1px solid #86A4BE;
}

.z-dottree {
    border: 4px solid black;
}
.z-tree-ico {
    margin-left: 10px;
}
.z-listbox {
    margin-right: 15px;
}


.z-listcell, .z-listitem .z-listbox-odd {
    border-bottom: 1px solid #cccccc;
}

div.z-listbox-body .z-listcell {
    border-bottom: 1px solid #cccccc;
    overflow: visible;
}


tr.z-listbox-odd {
    /*background: white;*/
}
tr.z-listcell, .z-listcell-cnt{
    padding-right: 10px;
}

div.z-listbox-body .z-listcell {
    padding: 0px;
    /*padding-top: 2px;*/
}
tr.z-listitem-disd *,td.z-listcell-disd *{
    color:#C5CACB!important;
    cursor:default!important;
}
tr.z-listitem-disd a:visited,tr.z-listitem-disd a:hover,td.z-listcell-disd a:visited,td.z-listcell-disd a:hover{
    text-decoration:none!important;
    cursor:default!important;
   /* border-color:#D0DEF0!important;*/
}
/*tr.z-listitem-seld{background-color:#B3C8E8;border:1px solid #6f97d2;}*/

.mestsearchContainer tr.z-listitem-seld{
    background: #B3C8E8;
}

.z-button  {
    font-size: 10px;
}

.z-button .z-button-tl,
.z-button .z-button-tm,
.z-button .z-button-tr,
.z-button .z-button-cl,
.z-button .z-button-cm,
.z-button .z-button-cr ,
.z-button .z-button-bl,
.z-button .z-button-bm,
.z-button .z-button-br {
    background: none;
}
.z-button .z-button-cl,
.z-button .z-button-cm,
.z-button .z-button-cr {
    /*background: #eee;*/
    padding: 2px 0px;
    font-weight: bold;
}
.z-button-over * {
    color: #333 !important;
}

/*tr.z-listitem-over{background:#dae7f6;}tr.z-listitem-over-seld{background:#6eadff;}*/

.z-listcell *  {
    /* Ajay: hiding this so the images for the groupped listbox turn on */
    /*background-image: none;*/
}
/* Ajay: changing the width so the listbox groupped image displays */
.z-listgroup-img {
    width: 14px;
}

.z-listcell img {
    padding-right: 6px;
}

.z-listcell , .z-treerow, .z-treecell{
    border-bottom: none;
}

.toplinks {
    background: url(../img/mapshadow.png) repeat-x top left ;
    background-color: #EBEBEB;
    /*border: 1px solid white;
	border-top: 0px;
	border-bottom: 2px solid white;*/
    color: white;
    float:right;
    position: absolute;
    right: 0px;
    padding: 10px;
    padding-top:4px;
    padding-bottom:6px;
}
.toplinks a{
    color: teal;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 6px;
    text-decoration: none;
}
.toplinks a:hover{
    text-decoration: inherit;
}

.layerSwitcherContainer {
    margin-top:100px;
    padding: 5px;
    position: absolute;
    float: right;
    right: 0;
    z-index: 1000000000000;
    background: white;
    overflow-y: auto;
    overflow-x: hidden;
}
.layerSwitcherContainer_min {
    margin-top:100px;
    padding: 0px;
    position: absolute;
    float: right;
    right: 0;
    background: inherit;
}

.tabpanel_cnt  {
    border: 0px;
    margin:2px;
    background: white;

}
.highlighted .z-radio-cnt {
    font-size: 11px;
}

.z-radio input {
    height:20px;
    vertical-align: middle;
}

#specialoverlapped-tl {
    margin-right: 30px;
}


#ft  /* area with the copyright info */
{
    display: block;
    margin: 5px 30px;
    text-align: center;
    color: white;
    font-family: Arial,Helvetica,sans-serif;;
}

#ft * {
    font-size: 10px;
    color: teal;
}

#ft a {
    color: blue;
}

#ft a:hover {
    color: white;
}
/*
.z-west-colpsd {
    display: none;
}*/

.motd-title {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #e89c14;
    padding: 10px;
    margin: 4px;
}

.white-background {
    background-color: white;
}


 /*
.buttons, .helpButtonMain, .goButton {
    -webkit-appearance: button;
    margin: 0em;
    font: -webkit-small-control;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    -webkit-box-align: center;
    text-align: center;
    cursor: default;
    color: buttontext;
    border: 2px outset buttonface;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 1px 6px;
    float: right;
}
*/

.buttons:hover, .helpButtonMain:hover, .goButton:hover {    
    /*background: #DD3102 url("../img/menu/hover.gif") bottom center no-repeat;*/
    /*background: #DD3102;*/
    /*color:#FFFFFF;
    text-decoration:none;*/
}

.fUploadButton {
   /* padding: 0px !important;* /
    margin: 0px 1px 0 0;
}

.helpButton {
    color: #EEEEEE;
    /*background:transparent url('/img/help.png') no-repeat left top;*/
    padding: 2px; 
}

.helpButtonMain {
    position: absolute;
    right: 30px;
    padding: 3px 10px;
    /*
    border: 1px solid #7EAAC6;
    background-color: #B4E7FF;
    */
    line-height: 1.6em; 

}
closebox a.helpButtonMain {
    text-decoration: none;
    color: teal;
}
.helpButtonMain:hover {
    background-color: #DEF4FF; /*#EFFBFF;*/
}
closebox a.helpButtonMain:hover {
    font-weight: bold; 
}

.exampleText {
    color: #AAA;
}

.z-tree-body {
    text-align: left; 
}
/*
* hide the north and south panels as the site will now be wrapped
* within an iframe via the test.ala.org.au

.z-north, .z-south {
    display: none;
}
*/

.z-tabs-cnt {
    color: #fff;
}

.z-tab .z-tab-text {
    color: #fff;
}

.z-tabs-left-scroll, .z-tabs-right-scroll, .z-tab-seld .z-tab-text  {
    /* color: #01716e; */
}

.z-loading {
    top: 50% !important;
    left: 45% !important;
    align: center;
    vertical-align: middle;
}


/*******************************/
/* scatterplot start           */
/*******************************/
.chartDiv {
    float:left;
    width: 320px;
    height: 320px;
    padding:0;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    cursor: crosshair;
    border: 0;
    margin: 0;
}
#rband {
    position:absolute;
    display:none;
    width:0px;
    height:0px;
    padding:0;
    cursor: crosshair; 
    border: 2px solid red;
    background-color: white;
    opacity: 0.50;
    filter: alpha(opacity=50);
}
/*******************************/
/* scatterplot end             */
/*******************************/

.btnAddSpecies, .btnAddPlace, .btnAddArea, .btnAddLayer, .btnAddModel {
    margin:0 0 0 0;
    /*padding: 5px 10px;*/
    display:block;
    border-style:outset;
    /*height:5em;*/
    /*width:127px;*/
    overflow:hidden;    
    line-height: 1em;
    padding: 5px;
    font-size: 9px;
    font-weight: bold;
    width: 80px;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.btnAddSpecies {
    background-color: RGB(230,185,184)
}

.btnAddPlace {
    background-color: RGB(215,228,189)
}

.btnAddArea {
    background-color: RGB(198,217,241)
}

.btnAddLayer {
    background-color: RGB(252,213,181)
}

.btnAddModel {
    background-color: RGB(204,193,218)
}

.selectedLayer {
    background-color: white;
    color: #000000;
/*    font-style: italic; */
    font-size: 22px;
    font-family: 'Arial Narrow',Arial,Helvetica,sans-serif;
    padding: 1px 1px 1px 4px;
}

.selectedLayerDiv {
    padding-top: 15px;
    border-top: 4px solid #D9D9D9;
}

/*******************************/
/* modal window styles start   */
/*******************************/

.wLabel {
    margin-left:5px;
}

.wSubLabel {
    font-weight: bold;
}

.wCaption {
    margin-left:20px;
    font-style:italic;
}

.wButtons {
    float:right;
    margin-right:5px;
}

.wizButtonContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px 5px 5px 0px;
    padding: 0px 5px 5px 0px;

}

/*******************************/
/* modal window styles end     */
/*******************************/


/*******************************/
/* MENU DROPDOWN START         */
/*******************************/

.menu{
    border:0px;
    margin:0px;
    padding:0px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
}
.menu ul{
    height:30px;
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{
    float:left;
    padding:0px;
}
.menu li a{
    background: white;
    color:#3a5c83;
    display:block;
    font-weight:normal;
    line-height:30px;
    margin:0px;
    padding:0px 15px;
    text-align:left;
    text-decoration:none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.menu li a:hover, .menu ul li:hover a{
    background: #08525F;
    color:#ffffff;
    text-decoration:none;
}
.menu li ul{
    background:#2899AE;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:150px;
    z-index:200;
    /*top:1em;
		/*left:0;*/
}
.menu li:hover ul{
    display:block;

}
.menu li li {    
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:150px;
}
.menu li:hover li a{
    background:none;

}
.menu li ul a{
    display:block;
    height:30px;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    margin:0px;
    padding:0px 10px 0px 10px;
    border-bottom: 1px solid #CCC;
    text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
    background:#DD3102;
  /*  border:0px;
    border-bottom: 1px solid #CCC;
    padding:0px 10px 0px 10px;     */
    color:#ffffff;
    text-decoration:none;
}
.menu p{
    clear:left;
}


/* addSpecies #CCFFCC */

/* addArea #FFFFCC */

/* addLayer #CCFFFF */

/* tool #FFCCCC */

.mapoptsel {background: #eee url(../img/arrow_right.png) no-repeat 1px 6px;}

/*******************************/
/* MENU DROPDOWN END           */
/*******************************/


.embedWindows{
    position:absolute;
    left:0px;
    top:0px;
    width: 400px;
    height: 100%; 
}
.embedWindowsContent{
    padding:10px;
    width: 100%; 
}
.embedWindowsButtons{
    float:right;
    margin-right:5px;
}


.z-button-os-disd {
 /*  background: #ccc;
    color: #888;*/
}
.z-button-os-disd:hover {
    /*background: #ccc;
    color: #888;*/
}

.z-window-embedded-tl, .z-window-modal-tl, .z-window-highlighted-tl, .z-window-overlapped-tl, .z-window-popup-tl,
.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl,
.z-window-embedded-hr, .z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr,
.z-window-embedded-hm, .z-window-modal-hm, .z-window-highlighted-hm, .z-window-overlapped-hm, .z-window-popup-hm,
.z-window-embedded-tr, .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr {
    background-color: white;
    background-image: none;
    padding: 0px;
}

div.z-listbox-body .z-listcell {
    border-bottom: none;
   /* overflow: visible; */
}

tr.z-listbox-odd {
    background: #F0F0F0;
}

a:link, a:visited, #page-95 h2 span a:link, #myprofile h2 span a:link, #page-95 h2 span a:visited, #myprofile h2 span a:visited, span.head-link-right a:link, span.head-link-right a:visited, .news h3 a:link, .news h3 a:visited {
    color: #3a5c83;
    text-decoration: underline;
    outline: none;
}

a:hover, a:active, #nav-tabs li a:hover.selected, h2 a:hover, h2 a:active, #page-95 h2 span a:hover, #myprofile h2 span a:hover, #page-95 h2 span a:active, #myprofile h2 span a:active, span.head-link-right a:hover, span.head-link-right a:active, h3 a:hover, h3 a:active, .news h3 a:hover, .news h3 a:active {
    color: #DD3102;
    text-decoration: underline;
    outline: none;
}

tr.z-listitem-seld, tr.z-listitem-seld span, tr.z-listitem-seld div  {
    background-color: #08525F;
    color: white;
}


tr.z-listitem-over, tr.z-listitem-over span, tr.z-listitem-over div {
    background-color: #DD3102;
    color: white;
    /*padding: 0;
    border: 0;
    margin: 0;*/
}

.menudiv {
/*    background-color:#efefef;
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);  FF3.6 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #efefef));  Saf4+, Chrome 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef');  IE6,IE7 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#efefef')";  IE8 
    height:40px;
    background-repeat:no-repeat;*/

    position: absolute;
    z-index: 200;
}


div.z-center-body {
    overflow: auto;
}

/*
.contextualDiv {
    overflow: auto;
    background:RGB(228,210,124);
    height: auto;
    margin: 0;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    -icab-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -o-box-shadow: 4px 4px 0px #b9b9b9;
    -icab-box-shadow: 4px 4px 0px #b9b9b9;
    -khtml-box-shadow: 4px 4px 0px #b9b9b9;
    -moz-box-shadow: 4px 4px 0px #b9b9b9;
    -webkit-box-shadow: 4px 4px 0px #b9b9b9;
    box-shadow: 4px 4px 0px #b9b9b9;
    border-top-left-radius: 7px 7px;
    border-top-right-radius: 7px 7px;
    border-bottom-right-radius: 7px 7px;
    border-bottom-left-radius: 7px 7px;

    background-color:#dfdfdf;
}

*/

.contextualDivMenu{ overflow: auto; padding-bottom: 10px; height:90px; bottom:0px; }

.contextualDivMenu ul { list-style: none; }

.ctxbox ul {
    border-top : 2px solid #FFF;
    padding-left: 5px;
}
.ctxbox li{
    margin-top: 0px;
}
.ctxbox a {
    font-size: 11px;
    padding: 5px;
}

div.z-listheader-cnt {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 5px 7px;
}

.z-comboitem .z-comboitem-text .z-comboitem-text-disd .z-comboitem-text-invalid .z-comboitem-cnt {
    /*color: #01716E; */
}

.z-comboitem-disd, .z-comboitem-disd td {

    opacity: 1;

    background: white;

    /*color: #01716E!important; */

    text-align:center;

}
.z-checkbox-cnt {
    /* color: #01716E; */
}

.z-modal-mask {
    background-color: #777;
    opacity: 0.7;
    cursor: pointer;
    display: block;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox-x.png');
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../img/fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../img/fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../img/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../img/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../img/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../img/fancybox-y.png');
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../img/fancybox.png');
    background-position: -40px -122px;
}

.fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../img/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
}

.fancybox-help {
    position: absolute;
    top: -15px;
    right: 15px;
    width: 30px;
    height: 50px;
    background: transparent url('../img/fancybox_help.png');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1103;
}

.z-window-modal, .z-window-overlapped {
    overflow: visible;
}

.z-caption .z-caption-l {
    font-family: "Arial Narrow", Arial, Helvetica,sans-serif;
    /* color: #718804; */
    font-weight: normal;
    padding-left: 10px;
    font-size: 24px;
}

.left-cover {
    position:fixed;left:0;top:0;height:100%;width:400px;z-index:-1;
    background-color: #777;
    opacity: 0.7;
    cursor: pointer;
    display: block;
}

.z-window-modal-cm {
    border: 0;
}

.z-window-highlighted-cl, .z-window-highlighted-cr, .z-window-highlighted-bl {
    padding: 0;
}
.z-window-highlighted-bl {
    height: 0;
}

.legendlist div.z-listbox-body {
    overflow: visible;
    border: 0px;
}

.legendlist td.z-listcell {
    padding: 0px;
    border: 0px;
}

.legendlist td.z-listcell-over {
    padding: 0px;
    border: 0px;
}

.legendlist2 .z-listheader-cnt input, .z-list-group-inner div input, .z-listheader-img  {
 display: none;
 }

 .legendlist2 div.z-listcell-cnt {
 font-size: 11px;
 }

.fUploadButton td.z-button-tl, .fUploadButton td.z-button-tm, .fUploadButton td.z-button-tr,
.fUploadButton td.z-button-cl, .fUploadButton td.z-button-cr,
.fUploadButton td.z-button-bl, .fUploadButton td.z-button-bm, .fUploadButton td.z-button-br {
    display: none;
}
.fUploadButton td.z-button-cm {
    -webkit-appearance: button;
    margin: 0em;
    font: -webkit-small-control;
/*    letter-spacing: normal; */
    /*    word-spacing: normal;
 line-height: normal;
 text-transform: none;
 text-indent: 0px;
 text-shadow: none;
 display: inline-block;
 text-align: center;
 cursor: default; */
 color: buttontext;
 border: 2px outset buttonface;
 background-color: buttonface;
 box-sizing: border-box;
 padding: 1px 6px;
 float: right;
 font-weight: normal;
}

span.z-button {
 -webkit-margin-before: 0px;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
}

.z-south {
 background-color: white;
}

div.z-window-modal-header, div.z-window-overlapped-header {
 font-family: "Arial Narrow", Arial, Helvetica,sans-serif;
 /* color: #718804; */
    font-weight: normal;
    padding-left: 10px;
    font-size: 24px;
}

.z-window-modal-cl, .z-window-modal-bl, .z-window-modal-br, .z-window-modal-cr {
    padding: 0;
    margin: 0;
    height: 0px;
}

.envlist .z-listheader-cnt input, .z-list-group-inner div input, .z-listheader-img  {
 display: none;
 }

 .envlist div.z-listcell-cnt {
 font-size: 10px;
 }

 .lcWhite {
 background: #ffffff;
 }

 .lcRed {
 background: #bb2222;
 }
 .lcYellow {
 background: #ffff22;
 }
 .lcGreen {
 background: #22aa22;
 }
 .lblRed {
     color: red;
}

 .xRemove {
 text-decoration: underline;
 }

 .notFoundSciname div.z-listcell-cnt {
 color: red;
}

 .notFoundFamily div.z-listcell-cnt {
 color: red;
 text-decoration: underline;
}

 .underline {
     text-decoration: underline;
     cursor: pointer; 
}

.z-west-header {
    display: none;
}

.atstep {
    height:180px;
    width:400px;
    overflow:auto;
}



/* species info table start */
.md_heading {
    font-family: "Arial Narrow", Arial, Helvetica,sans-serif;
    font-size:22.1px;
    /* color:#718804; */
    padding:5px;
    margin:0px;
}

.md_th{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:700;
    font-style:normal;
    color:#000000;
    text-transform:none;
    text-decoration:none;
    letter-spacing:normal;
    word-spacing:0;
    line-height:20.8px;
    text-align:left;
    vertical-align:top;
    direction:ltr;
}

.md_th, .md_td, .md_spacer{
    padding: 0.5em 5px;
}

.md_spacer{
    width:20px;
}

.md_table {
    border-collapse: collapse;
    border-spacing: 0px;
    padding-left: 15px;
    width: 100%;
}
.md_value{
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20.8px;
    padding:5px;
    width: 80%;
}

.md_grey-bg{
    background-color: #F0F0F0;
    border-collapse: collapse;
    border-spacing: 0;
}
/* species info table end */
/*
.z-button .z-button-tl, .z-button .z-button-tr {
    height: 0;
}
*/