#content {
    margin: 1em 0em 0em 0em;
    padding: 0em;
    border: 0em;
}


#specieswrapper  {
    position:relative;
    width: 790px;
    height:  948px;
    margin: 0em auto;
    padding: 0em;
    border: 0em;
}

#species {
    position:absolute;
    width: 790px;
    height:  948px;
    margin: 0em;
    padding: 0em;
    border: 0em;
}

#species img {
    position: absolute;
    width: 790px;
    height:  948px;
    margin: 0em;
    padding: 0em;
    border: 0em;
}

#species  ul {
    margin: 0em;
    padding: 0em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#species  ul li {
    margin: 0em;
    padding: 0em;
   line-height: 0em;
}
#species  a {
    position: absolute;
   /* font-size: 1.4em; */
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border: none;
    padding: 0em;
    margin: 0em;
    display:block;
   line-height: 1em;

}


#species  a:visited {
    color: #000;
    text-decoration: none;
}

#species a:hover,
#species a:focus,
#species a:active {
    color: #FF0000;
    text-decoration: none;
    z-index: 2;

}


#species a img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0em;
    left: 0em;
    border: none;
    padding: 0em;
    margin: 0em;
}


/* Positions legends on main images
------------------------------------*/

.legend {
    position: absolute;
}


.smalltext {
    font-size: 0.8em;
}

#helplegend {
    position: absolute;
    font-size: 1.3em;
    top: 76.7%;
    left: 65.8%;

}

#text, #muller_footnotes{
    font-size: 1.3em;
    padding: 0em 0em  1em 0em;
}


/* Male and Female symbols
------------------------------------*/

#mel_subgroup, 
#mel_group, 
#obs_group, 
#wil_group, 
#repleta_group, 
#vir_group, 
#hawaiian, 
#drosophila, 
#sophophora
{
    position: absolute;
    font-size: 0.9em;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    border: none;
    padding: 0em;
    margin: 0em;
    display:block;
   line-height: 1em;

}



#mel_subgroup{
    width: 20%;
    height: 1.2%;
    top: 31%;
    left: 13%;
    text-align:right;
}


#mel_group {
    width: 17%;
    height: 1.2%;
    top: 38%;
    left: 13%;
    text-align:right;
}


#obs_group {
    width: 17%;
    height: 1.2%;
    top: 51%;
    left: 22%;
}


#wil_group {
    width: 17%;
    height: 1.2%;
    top: 58%;
    left: 15%;
}


#repleta_group {
    width: 17%;
    height: 1.2%;
    top: 63%;
    left: 23%;
}


#vir_group {
    width: 17%;
    height: 1.2%;
    top: 71%;
    left: 23%;
}


#hawaiian {
    width: 20%;
    height: 1.2%;
    top: 77%;
    left: 18%;
}

#drosophila {
    width: 17%;
    height: 1.2%;
    top: 73%;
    left: 4%;
}

#sophophora {
    width: 17%;
    height: 1.2%;
    top: 50%;
    left: 3%;
}

/* Help legend
------------------------------------*/

#help
{
    position: absolute;
    font-size: 1.2em;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border: none;
    padding: 0em;
    margin: 0em;
    display:block;
    line-height: 1.5em;

}

#help {
    width: 37%;
    top: 5%;
    left: 10%;
  text-align:center;
}

/* Credits
------------------------------------*/

#credit
{
    float:right;
    font-size: 1.2em;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    border: none;
    padding: 0em 0em 2em 0em;
    margin: 0em;
    display:block;
    line-height: 1.5em;

}




/* Dsim
------------------------------------*/


#species .dsim a {
    width: 27%;
    height: 6%;
    top: 6%;
    left: 71%;
}


#species .dsim .legend {
    left: -115%;
    top: 250%;
}

/* Dsec
------------------------------------*/




#species .dsec a {
    width: 27%;
    height: 6%;
    top: 13.5%;
    left: 71%;
}


#species .dsec .legend {
    left: -115%;
    top: 210%;
}



/* Dmel
------------------------------------*/





#species .dmel a {
    width: 27%;
    height: 6%;
    top: 21%;
    left: 71%;
}


#species .dmel .legend {
    left: -115%;
    top: 165%;
}




/* Dyak
------------------------------------*/


#species .dyak a {
    width: 27%;
    height: 6%;
    top: 28%;
    left: 71%;
}


#species .dyak .legend {
    left: -115%;
    top: 130%;
}


/* Dere
------------------------------------*/


#species .dere a {
    width: 27%;
    height: 6%;
    top: 35%;
    left: 71%;
}


#species .dere .legend {
    left: -115%;
    top: 90%;
}


/* Dana
------------------------------------*/


#species .dana a {
    width: 27%;
    height: 6%;
    top: 43%;
    left: 71%;
}


#species .dana .legend {
    left: -115%;
    top: 32%;
}



/* Dpse
------------------------------------*/

#species .dpse a {
    width: 27%;
    height: 6%;
    top: 50%;
    left: 71%;
}


#species .dpse .legend {
    left: -115%;
    top: -5%;
}



/* Dper
------------------------------------*/


#species .dper a {
    width: 27%;
    height: 6%;
    top: 57%;
    left: 71%;
}


#species .dper .legend {
    left: -115%;
    top: -45%;
}



/* Dwil
------------------------------------*/





#species .dwil a {
    width: 27%;
    height: 6%;
    top: 64%;
    left: 71%;
}


#species .dwil .legend {
    left: -115%;
    top: -85%;
}



/* Dmoj
------------------------------------*/





#species .dmoj a {
    width: 27%;
    height: 6%;
    top: 71%;
    left: 71%;
}


#species .dmoj .legend {
    left: -115%;
    top: -115%;
}

/* Dvir
------------------------------------*/


#species .dvir a {
    width: 38%;
    height: 8%;
    top: 78%;
    left: 60%;
}


#species .dvir .legend {
    left: -53%;
    top: -110%;
}




/* Dgri
------------------------------------*/


#species .dgri a {
    width: 51%;
    height: 12%;
    top: 87%;
    left: 48%;
}


#species .dgri .legend {
    left: -16%;
    top: -100%;
}