/*

background: fae6aa
boxes: e9d69e
headings: eab175
entry: edf7c6
lines: a98055
buttons: a16b30
form-bg: ccbc8b

*/

BODY { background-color: #fae6aa;
      color: black; font-family: /*"Trebuchet MS",*/Arial,Helvetica,sans-serif; }

TABLE.img, TABLE.img_s { border: solid 1px; background-color: white;
            display: inline-block; margin: 0.5em;
            max-width: -moz-min-content;}
TABLE.img TD, TABLE.img_s TD { text-align: center; }
TABLE.img CAPTION, TABLE.img_s CAPTION { caption-side: bottom;}
TABLE.img_s { font-size: 0.7em;}
TABLE.img_s IMG:hover { cursor: pointer;}

H1, H2, H3, HR {clear: left;}

TABLE.changelog { width: 100%; border: 0; font-size: 0.9em;}
TABLE.changelog TH, TABLE.changelog TD { background: transparent; border: 0;}
TABLE.changelog TH { white-space: nowrap; width: 8em; color: black; }

A { text-decoration: none }
A:link { color: green }
A:visited { color: #006000; }
A:link:hover, A:visited:hover { text-decoration: underline; }

P.error,P.message { text-align: center; border: solid 1px; padding: 1em; margin: 1em;
                    font-weight: bold;}
P.error { color: black; background: red; }
P.message { background: #eab175; color: black;  }
SPAN.notice { font-style: italic; }

P.footer { font-size: 0.8em; text-align: center; }

P.menu { font-size: 0.8em; text-align: center; background: #eab175;
          -moz-border-radius: 0.4em;
          -webkit-border-radius: 0.4em;
          border-radius: 0.4em;
          vertical-align: middle;}
P.menu A { -moz-border-radius: 0.3em;
           -webkit-border-radius: 0.3em;
           border-radius: 0.3em;
           text-decoration: none;
            -moz-box-shadow: 3px 3px 3px 0 gray;
           -webkit-box-shadow: 3px 3px 3px gray;
           box-shadow: 3px 3px 3px 0 gray;}
          
P.menu A:link, P.menu A:visited { border: solid white 1px;
                                  background: #a16b30; color: white; padding: 3px;}
P.menu A:hover { text-decoration: none; border: solid red 1px;}


A.funclink { font-size: 0.8em; text-align: center;}
A.funclink:link, A.funclink:visited { text-decoration: none; border: solid white 1px;
                  background: #a16b30; color: white; padding: 3px;}

A IMG { border: none; }

BODY.map { background: #f0f0f0; padding: 0px; margin: 0px; }

TABLE.findings { background: #e9d69e; border: solid white 5px;
                 -moz-border-radius: 1em;
                 -webkit-border-radius: 1em;
                 border-radius: 1em;
                 font-size: 0.9em;
                 box-shadow: 3px 3px 10px gray;
                 -moz-box-shadow: 3px 3px 10px 0 gray;
                 -webkit-box-shadow: 3px 3px 10px gray;}
TABLE.findings TD { vertical-align: top; color: black; padding: 0.1em; border-bottom: dotted 1px gray; }
TABLE.findings TH {  background: #eab175;
                     -moz-border-radius: 0.4em;
                     -webkit-border-radius: 0.4em;
                     border-radius: 0.4em;
                     padding: 0.2em; vertical-align: top; text-align: left;
                    }
EM.rl { color: #e04848; font-size: 0.8em; font-style: normal;}
EM.ref { font-size: 1em; font-variant: small-caps; font-style: normal; }
EM.species, H1.species { font-style: italic;}
EM.species { white-space: nowrap; }

TABLE.findings A:link { color: darkgreen }
TABLE.findings A:visited { color: #004000; /*forestgreen*/ }
TABLE.findings A:hover { text-decoration: underline; }

TABLE.legend { font-size: 0.7em; background: #f0f0f0; margin: auto auto;}
ABBR, ACRONYM { border-bottom: 1px dotted; cursor: help; }

DIV.sr { border: 1px solid; padding: 1em; background: #f0f0f8; }
INPUT.searchbox {font-size: 0.6em; }
P.searchbox {vertical-align: middle; text-align: center;}
TABLE.menu {margin: 0; padding: 0;}
TABLE.menu TD {margin: 0; padding: 0;}

TABLE.adulttable { font-size: 0.8em; }
TABLE.adulttable TD {width: 3em; background: #e9d69e; padding: 3px; border: solid 1px white; text-align: center;}
TABLE.adulttable TH {background: #eab175; border: solid 1px white;}
TABLE.adulttable TH.family { font-size: 1.25em; }
TABLE.adulttable TD.adult {background: black;}
TABLE.adulttable TD.nonadult {background: #a0a0a0;}

FIELDSET { background: #ccbc8b; border: 0px solid #a16b30;
           border-radius: 3px 3px 0 0;
           -moz-border-radius: 3px 3px 0 0;
           -webkit-border-radius: 3px 3px 0 0;
           margin-top: 1em;
           -moz-box-shadow: 3px 3px 3px 0 gray;
           -webkit-box-shadow: 3px 3px 3px gray;
           box-shadow: 3px 3px 3px 0 gray;
           display: inline-block;
           padding: 0.35em 0.625em 0.75em;}
FIELDSET FIELDSET { box-shadow: none; display: block;}
LEGEND { padding: 0 0.5em;
         border-radius: 3px 3px 0 0;
         -moz-border-radius: 3px 3px 0 0;
         -webkit-border-radius: 3px 3px 0 0;
         background: #e9d69e;
         width: 80%; font-weight: bold;
         -moz-box-shadow: 3px 3px 3px 0 gray;
         -webkit-box-shadow: 3px 3px 3px gray;
         box-shadow: 3px 3px 3px 0 gray;
         position: relative;
         float: left;
         top: -1em;
         clear: right;
         border-top: solid 1px #ccbc8b;
         border-left: solid 1px #ccbc8b; }
LEGEND[onclick] {cursor: pointer; white-space: nowrap;}
LEGEND[onclick]:after {content: url(/images/logo_edit.png);}
SPAN.inputset { background: #e9d69e; padding: 0.3em;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                display: inline-block;}
SPAN.inputset LABEL { color: black;}
SPAN.inputset INPUT,
 SPAN.inputset SELECT,
 SPAN.inputset TEXTAREA {border: 0;}
SPAN.inputset SELECT[size],
 SPAN.inputset TEXTAREA {vertical-align: top;}
DIV.inputblock { margin-top: 0.3em; clear: both;}

INPUT,TEXTAREA,SELECT { background: #edf7c6; border: solid 1px;}
INPUT,TEXTAREA { padding: 0.3em;}
INPUT[type=submit], BUTTON, A.funclink { padding: 1px; background: #a16b30; border: solid 1px; color: white; cursor: pointer;
                             -moz-border-radius: 0.3em;
                             -webkit-border-radius: 0.3em;
                             border-radius: 0.3em;
                             -moz-box-shadow: 2px 2px 2px 0 gray;
                             -webkit-box-shadow: 2px 2px 2px gray;
                             box-shadow: 2px 2px 2px 0 gray;}
BUTTON:hover, INPUT[type=submit]:hover, A.funclink:hover { text-decoration: none; border: solid red 1px;}
BUTTON[disabled] { background: grey; color: black;}
BUTTON[disabled]:hover { border: solid black 1px; cursor: not-allowed;}
IMG.button { padding: 2px; background: #a16b30; color: white; border: solid 1px;}
IMG[onclick] { cursor: pointer; }

TABLE.loglist {font-size: 0.7em; background: #e9d69e; border-collapse: collapse;}
TABLE.loglist TD {white-space: nowrap; padding: 2px; margin: 2px;}
TABLE.loglist TH { background: #eab175; }

TABLE.reife {font-size: 0.8em; border: 1px solid gray; }
TABLE.reife TD {background: white; padding-left: 2px; padding-right: 2px; width: 0.8em;}
TABLE.reife TD.reif {background: darkred; color: white; }

DIV.map { position: relative; padding: 0px;}

SELECT#species OPTGROUP {font-style: normal;}
SELECT#species OPTION {font-style: italic;}

DIV.specselect { background: #edf7c6; border: solid 1px; overflow: auto; padding: 3px;}
DIV.specselect P { margin: 0.2em 0;}
DIV.specselect P.sel_lev11 { }

DIV.specselect P.sel_lev12 { font-weight: bold;}
DIV.specselect P.sel_lev22 { padding-left: 1em;}

DIV.specselect P.sel_lev13 { font-weight: bold; font-size: 1.2em;}
DIV.specselect P.sel_lev23 { padding-left: 1em; font-weight: bold;}
DIV.specselect P.sel_lev33 { padding-left: 2em;}

UL.bibref { font-size: 0.8em;}
UL LI { list-style-type: square; }

DIV#largepicbg { display: none; background: black;
               position: fixed; width: 100%; height: 100%;
               top: 0; left: 0;
               z-index: 1;
               opacity: 0.7;
               filter: alpha(opacity=70);}
DIV#largepic { display: none; background: white;
               text-align: center;
               position: absolute;
               z-index: 2;
               box-shadow: 0 0 10px white;
               -moz-box-shadow: 0 0 10px white;
               -webkit-box-shadow: 0 0 10px white;
               }
DIV#largepic IMG { border: solid white 10px;}
DIV#largepic P { font-size: 0.8em; margin: 0;}
DIV#largepic IMG.largepicfunc {float: right;}

TABLE.speciespage,
 TABLE.profile,
 TABLE.main,
 TABLE.findstats,
 TABLE.speclist,
 TABLE.redlist { background: #e9d69e; border: solid white 5px;
                                   -moz-border-radius: 1em;
                                   -webkit-border-radius: 1em;
                                   border-radius: 1em;
                                   box-shadow: 3px 3px 10px gray;
                                   -moz-box-shadow: 3px 3px 10px 0 gray;
                                   -webkit-box-shadow: 3px 3px 10px gray;}
TABLE.speciespage TD,
 TABLE.profile TD,
 TABLE.main TD { vertical-align: top; }
TABLE.speciespage > TD,
 TABLE.profile TD  { vertical-align: top; padding: 0.3em;}
TABLE.findstats TD {text-align: center; padding: 0.5em; }
TABLE.speciespage TH.section,
 TABLE.profile TH.section,
 TABLE.main TH.section,
 TABLE.findstats TH,
 TABLE.speclist TH,
 TABLE.redlist TH { background: #eab175;
                    -moz-border-radius: 0.4em;
                    -webkit-border-radius: 0.4em;
                    border-radius: 0.4em;
                    padding: 0.1em 0.3em;}
TABLE.main { font-size: 0.8em; }
H2.trname {}
P.sppic { text-align: center;}
P.sppic IMG { border: solid white 10px;}
P.synonyms, P.famname { text-indent: -3em; margin-left: 3em;}
TABLE.rl { margin-left: auto; margin-right: auto;}
TABLE.rl TH, TABLE.redlist TH.cat { width: 2.5em; }
TABLE.rl TD, TABLE.redlist TD.cat { text-align: center; }

TABLE.reife_outer { margin-left: auto; margin-right: auto;}
DIV.picform { display: none;
              position: absolute;
              background: white;
              border: 1px solid black;
              padding: 0.6em;
              z-index: 2;
              -moz-border-radius: 0.4em;
              -webkit-border-radius: 0.4em;
              border-radius: 0.4em;
              -moz-box-shadow: 3px 3px 3px 0 gray;
              -webkit-box-shadow: 3px 3px 3px gray;
              box-shadow: 3px 3px 3px 0 gray;}

TABLE.speclist TD { vertical-align: top; }

TABLE.mtbcross { border-spacing: 0; border-collapse: collapse;}
TABLE.mtbcross TD { text-align: center; vertical-align: middle; padding: 0; }

DL.calendar DT {font-weight: bold; margin-top: 0.5em;}

DIV.resultspopup { width: auto; max-width: 30em; position: absolute; z-index: 2;
                   opacity: 0;
                   -moz-transition-property: opacity;
                   -moz-transition-duration: 0.5s;
                   -moz-transition-timing-function: ease-out;}