/**
 * ======= General styles =======
 *
 * @WA comment: these styles may affect the looks of the site, since these
 * are not CDM Dataportal specific classes or ids.
 * See also http://groups.drupal.org/node/6355.
 */

.superscript {
    vertical-align: super;
    font-size: 80%;
    line-height: 100%;
}

#block-cdm-dataportal-back-to-search-results {
  float: right;
}

/*
 * when nesting description lists the inner dl should
 * not have a margin at top and bottom, but should be
 * indented
 * Used in occurence details.
 */
dl  {
    margin: 0 0 0 2em;
}
dd.sublist-container div {
    /* background-color: #ebffff; */
    border: #444444 1px dotted;
    clear:both;
    color: #444444;
    margin-left: 2em;
}
/* sublist-containers are currently only used for taxonomic experts */
dd.sublist-container div dl , dd.sublist-container div h3 {
    margin: 0px 0px 0px 0px;
    padding-left: 0.4em;
}

#block-system-main div.content {
  /* margin: 0 0 0.3em 0; */
}

.name {
  font-style: italic;
}

.rank,
.authors,
.appended-phrase,
.doubtful {
  font-style: normal;
}

.focused {
    font-weight: bold;
}

.relation_sign {
  margin-left: -1em; /* Same as ul.typeDesignations. */
  margin-right: 0.3em;
  float: left;
  font-family: Arial, sans-serif;
}

.highlite {
  background-color: yellow;
}

ul.primary img.refresh {
  height: 14px;
  width: 14px;
}

/* this is used to highlite the first element in the classification chooser */
select.highlite-first-child option:first-child {
  font-weight: bold;
}

.render-path {
    color: white;
    border: 2px solid #ff2300;
    background-color: #ff2300;
}

.box-shadow-rb-5-0 {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
}

.box-shadow-b-5-1 {
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
}


.box-shadow-border {
    border-color: rgb(85,85,85); /* color should match shadow in box-shadow-rb */
    border-width: 1px;
    border-style: solid;
}

/*
 * ======= Search-Form =======
 */

#edit-search-areas-area, #edit-search-areas-area-0, #edit-search-areas-area-1, #edit-search-areas-area-2, #edit-search-areas-area-3 {
  height: 100%;
  overflow: auto;
}

.resizable-container {
    /* fixed height
    height: 15em;  */
}

.resizable-box {
    /* resizable with initial height */
    height: 20em;
    min-height: 5em;
}

.resizable-container .ui-resizable-s {
    /* stolen from system.base.css .resizable-textarea .grippie */
    background: #eee url(../../../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
    /* override position: absolute from .ui-resizable-handle */
    position: relative;
}

#edit-search-areas .parent {
  /* faints the parent areas in the area selection */
  color: #999;
    font-size: 90%;
    padding-right: 2em;
}

.selected-item-label{
    float: left;
    margin: 0.25em 0.3em;
    padding: 0 0.3em;
    background-color: #eeeeee;
}

/*
 * ======= Search-Results =======
 */
#block-cdm-dataportal-2 .description {
  display: none;
}

.fragment_highlight {
  font-size: 90%;
  margin-top: 0.3em;
}

.score-bar {
  width: 50px;
  height: 10px;
  border: 1px solid #dedede;
  background-color: #f3f3f3;
}
.score-bar .score-bar-indicator {
  background-color: #acd575;
  height: 10px;
}
.score-bar-value {
  width: 50px;
  height: 10px;
  margin-top: -11px; /* 10px plus 1px border. */
  font-size: 8px;
  line-height: 10px;
  background-color: transparent;
  text-align: center;
}

li .taxon {
}

/*
 * ======= Taxon Page =======
 */
.page-part {
  clear: both;
}

.language-area-label {
    font-weight: bold;
}

/* Distribution */
.condensed_distribution .status_n, /* native */
.condensed_distribution .status_ne /* native: formerly native */
{
    font-weight: bold;
}

.distributionStatus {
    display: none;
}

#distribution_hierarchy .level_index_0 .area_label{
    font-weight: bold;
}

#distribution_hierarchy .level_index_0 .level_index_1 .area_label{
    font-weight: normal;
}

.nested-feature-tree-feature-label {
    font-style: italic;
}

.use-records th {
    font-weight: normal;
}


/*
 * ======= synonymy =======
 */

#synonymy ul {
    margin: 0;
}

#synonymy ul.heterotypicSynonymyGroup,
#synonymy ul.homotypicSynonymyGroup,
#synonymy ul.homotypicSynonyms,
#synonymy ul.taxonRelationships,
#synonymy ul.misapplied {
  margin-bottom: 0.5em;
}

#synonymy ul li {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.heterotypicSynonymyGroup li {
  margin-left: 26px;
}
.homotypic-synonymy-group,
.heterotypic-synonymy-group,
.taxon-relationships {
   border-bottom: 1px solid #dedede;
   padding: 1em 0;
}

/* footnotes in synonymy */
#synonymy ul.foototes {
  margin: 0;
}

.heterotypicSynonymyGroup li.footnotes,
.homotypicSynonymyGroup li.footnotes,
.homotypicSynonyms li.footnotes,
.misapplied li.footnotes,
.content li.descriptionText, /* TODO this line has only left for debugging: remove it */
.block-cdm-dataportal-feature .content li.cdm\:TextData,
.block-cdm-dataportal-feature .content li.cdm\:CommonTaxonName{
  margin-top: 10px;
  margin-left: 6px;
  padding-left: 6px;
  list-style: none;
  list-style-image: none;
  background-image: none;
}


#synonymy li.footnotes {
  list-style: none;
  list-style-image: none;
  background-image: none;
}

ul.typeDesignations {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -1em; /* Same as .relation_sign. */
}
ul.typeDesignations li {
  background-image: none;
  list-style-type: none;
  list-style-image: none;
}

.form-item fieldset {
  font-size: 80%;
  margin-top: -3px;
  margin-left: 25px;
}
.form-item fieldset .featuretree_structure {
  height: 13em;
  overflow: auto;
}

.misapplied .name {
  /* font-style: normal; */
}
.misapplied .authors {
  display: none;
}
#edit-search-domisappliednames {
  vertical-align:baseline;
}

img.preview {
  margin: 5px 30px;
}

ul li.synonym {
  list-style-type: none;
  background-image: none;
}

li.firstentry {
  margin-left: 6px;
}

ul.cdm_names, ul.cdm_names li{
  background-image: none;
  list-style-type: none;
  list-style-image: none;
}

.dynabox .label:hover {
  color: #0174bb;
}

ul.cdm_names .dynabox_content {
  margin-top:-1em;
}

.tickbox_content {
  display: none;
}

.pager strong,
.pager a {
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  background-color: #dfedf7;
  border: 1px solid #90c2e1;
  margin: 0px 0.25em;
  padding: 2px 5px;
}
.pager strong {
  background-color:#0174BB;
  color:#FFFFFF;
}
.pager-list-dots-right,
.pager-list-dots-left {
  display: inline;
}

a.filter_add:link,
a.filter_add:visited {
}

a.filter_remove:link,
a.filter_remove:visited {
  color: red;
}

a.synonym:LINK, a.synonym:VISITED,
.Synonym a:LINK, .Synonym a:VISITED,
.misapplied-name a:LINK,
.misapplied-name a:VISITED {
  color: #7c7c7f;
}

/* Synonyms with more than one accepted taxa. */
a.label:link,
a.label:visited {
  color: #7c7c7f;
}

.block-cdm-taxontree .content,
.block-cdm-dataportal-3 .content {
  font-size: 90%;
}
.content dt {
  float: left;
  font-weight: bold;
  margin-right: 0.3em;
}
.content dd {
  margin-left: 0;
  font-weight: normal;
}

.block-cdm-taxontree div.settings {
  /* background-color: #2587c3; */
  border-bottom: 1px solid #e0dfe3;
  border-top: 1px solid #e0dfe3;
}

.concept_switch {
  padding:0 0.2em;
}

.descriptionText,
.descriptionReference {
  vertical-align: top;
}

.annotation_box {
  display: none;
  background: #ffffcc;
  border: 1px solid #ffcc66;
  font-size: 9pt;
  padding: 5px
}
.annotation_box ul,
.annotation_box li {
  list-style-type: none;
  line-height: 11pt;
  padding: 0;
  margin: 0;
}

.annotation_box li {
  padding-left: 15px;
}

.annotation_create {
  margin-top: 20px;
  text-align: right;
}

.annotation_create textarea {
  width: 100%;
}

.annotation_create form {
  margin-bottom: 0;
}

/*
 * ==== Maps ====
 */

.openlayers-container {
  position: relative;
  z-index: 1;
  margin-bottom: 0.75em; /* Should match the margin-bottom of .description. */
  width: 100%;
}

#cdm-settings-geo #openlayers_container {
    max-width: 50em; /* avoid too big maps in the settings */

}

#openlayers_map {
  width: 100%;
  height: 200px;
  border: 1px solid;
}
.openlayers_legend {
    background-color: white;
    filter:alpha(opacity=75); /* IE's opacity. */
    opacity: 0.75;
}

.distribution_map_caption {
    font-size: 90%;
    font-style: italic;
    margin-bottom: 0.75em;
}


.distribution_map {
  border: 1px solid #ddd;
  background-color: #fff;
}

/*
 * ======= Media =======
 */
.media .viewer {
  margin-top: 20px;
}

/*
WA: Important, otherwise the media viewer will be displayed over the
Drupal Admin Overlay when this is used.

AK: this is not working since 'position: absolute;' will cause the content container
to be not extended to the side of
the image viewer
*/
div.cdm_media_viewer_image {
  /* position: absolute; */
  z-index: 1;
}

.media ul.primary li a,
.media ul.primary li.active a,
.media ul.primary li a:hover,
.media ul.primary li a:visited,
.media ul.secondary li a,
.media ul.secondary li.active a,
.media ul.secondary li a:hover,
.media ul.secondary li a:visited {
  margin-left : 0px;
}

.media ul.primary li a.active {
  font-weight: bold;
}

.media_thumbnails {
  margin-top: 0px;
  margin-left: 0.3em;
}

.media_gallery tbody {
  border: 0px none;
}

.media_gallery td.caption {
  vertical-align: top;
}

.media-caption {
  margin-left: 0;
}

.media-caption dt.title {
  display: none;
}

.image-passe-partout{
  border: 0px none;
  background-color: #eee;
}

.image_viewer {
  border: 1px solid;
  background-color: #eee;
}

#media-representations table.active {
    border: black solid 1px;
}

/*
 * ======= Reference Page =======
 */

table.cdm\:Reference {
    width: 100%;
}

/*
 * ======= specific blocks =======
 */

#print_button {
  cursor: pointer;
}
#print_button span {
  color: #027AC6;
  margin-left: 0.3em; /* Spacing between image and text. */
}
#print_button span:hover {
  color: #0062A0;
  text-decoration: underline;
}

#classification-breadcrumbs .children ul{
    background: inherit;
    margin: 0;
    padding: 0;
}

#classification-breadcrumbs .children li {
    display: list-item;
}

#classification-breadcrumbs .taxonomic_children .children {
    padding-right: 1em;
    background: inherit;
    white-space: nowrap;
}

#classification-breadcrumbs .taxonomic-children-button i {
    cursor: pointer;
}

#classification-breadcrumbs .taxonomic-children-button i:hover {
    color: #8a918e;
}

#block-cdm-dataportal-taxonomic-children  ul {
    max-height: 20em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    overflow: auto;
}
#block-cdm-dataportal-taxonomic-children li {
    background: none;
}

.messages .cdm\:Taxon { /* taxa in warning box */
    font-weight: bold;
}

#block-phycobank-registration-data table {
    width: 100%;
}

/*
 * ======= footnotes and annotations =======
 */

.footnotes {
    margin-top: 0.5em;
    display: block;
}

.annotations, .footnote{
  font-size: 88%;
}

.footnote-key {
  vertical-align: super;
  font-size: 80%;
  line-height: 100%; /* Compensate the line-height increase by vertical-align: super;. */
  font-style: italic;
}
.footnote-anchor {
  font-weight: bold;
}

/*
 * Feature tree
 */

.featuretree_structure {
   font-size: 90%;
   line-height: 1em;
   color: #999;
}
/* For compatibility with d5 themes. */
.block-cdm-dataportal-feature {
  clear: both;
}

#block-cdm-dataportal-feature-bibliography .footnote {
    font-size: 100%; /* reset fontsize */
}


/* for compatibility with d5 themes */
.block-cdm-dataportal-feature ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/*
 * ======= specimens =======
 */
#specimens table.specimens {
    width: 100%;
}

#specimens .description_list h4 {
  clear: left;
    margin-bottom: 0;
    font-style: italic;
}

#specimens  .block-cdm-dataportal-feature h2 {
  font-size: 11px;
    font-weight: bold;
}

#specimens ul.footnotes {
    padding: 0;
}

#specimens .dna-sequence div {
    font-family: monospace;
}

#derivate_hierarchy_table {
    width: 100%;
}

#derivate_hierarchy_table th{
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

#derivate_hierarchy_table td{
    vertical-align: middle;
}
#derivate_hierarchy_table td.summary_row_cell {
}
#derivate_hierarchy_table td.summary_row_icon {
    text-align: center;
}
#derivate_hierarchy_table .expand_column {
    border-right: hidden;
    width: 18px;
}

.specimen_table_label{
    font-weight: bold;
}


/*
 * ======= Identification keys =======
 */

#identificationKey .sources span {
  display: block;
}

.polytomousKey_linkedStyle td {
  vertical-align: top;
  padding-top: 0;
}
.polytomousKey_linkedStyle tr.new_section td {
  padding-top: 1em;
}
.polytomousKey_linkedStyle tr:hover {
  background-color: #eee;
}
.polytomousKey_linkedStyle .nodeLink {
  float: right;
  text-align: right;
  padding-left: 2em;
}
.polytomousKey_linkedStyle td.edge-indent {
  padding-left: 2em;
}

/*
 * ======= Experts =======
 */

#experts table {
    width: 100%;
}

#experts table td, #experts table th {
    text-align: left;
    padding: 0px 1em;
}

#experts .managed_taxa {
    margin-left: 2em;
    max-height: 20em;
    overflow: auto;
}

#experts .managed_taxa .cdm\:Taxon {
    display: block;
}

/*
 * Overriding default style from drupal?
 * This prohibits select elements from overflowing the parent container
 */
select {
  max-width: 100%;
}