
.list_CookieCrumb {
  font: 100% Arial,sans;
  font-weight: bold;
  margin: 16px 12px 12px 12px;
}

.list_ViewAsWrap {
  text-align: right;
  padding: 3px; 
  background: url('../graphics/viewGradient.jpg') no-repeat top right; 
}

.list_ViewAsSelect {
  font: 9pt Verdena,Arial,sans;
  width: 130px;
  height: 20px;
  margin: 0px;
  border: 1px solid #000000;
  background-color:#FFFFFF;
}

/* Used: */
.list_Indent0 { margin-left: 0px; }
.list_Indent1 { margin-left: 20px; }
.list_Indent2 { margin-left: 40px; }
.list_Indent3 { margin-left: 60px; }
.list_Indent4 { margin-left: 80px; }
.list_Family { padding-top: 12px; }
.list_Taxon { font: 1.1em Arial,sans; line-height: 1.2em; }
.list_Infraspecies { font: 1.0em Arial,sans; }
.list_TaxonComments { margin: 6px 12px 6px 20px; line-height: 1.3em;}
.list_SeeAlso { margin: 0px 0px 0px 20px; }
.list_Publication { margin: 2px 0px 0px 20px; }
.list_CommonNames { margin: 2px 0px 0px 20px; font-family: Century Gothic,CenturyGothic,sans-serif; }
.list_CommonNamesInline { padding-left: 12px; font-family: Century Gothic,CenturyGothic,sans-serif;}
.list_HybridParents { font-size: 0.9em; }
.list_Synonyms { margin: 6px 0px 0px 20px; }
.list_Synonym { text-indent: -10px; margin-left: 10px; }
.list_SynonymComments {  margin-left: 20px; font: 0.9em Arial,sans; }
.list_LiteratureCodes { padding-left: 8px; }
.list_Reference { text-indent: -10px; margin-left: 30px; margin-top: 6px; font: 0.9em Arial,sans; }
.list_Misapplied { color: #AA0000; }
.list_Excluded { color: #AA0000; }

@media (min-width: 621px)
{
  /* ----------- List View ----------- */


  /* ----------- Table View ----------- */

  .list_Header {
    display: block;
    margin: 36px 12px 16px 12px;
    font-size: 1.4em;
    font-weight: bold;
  }
  
  .list_TableWrap {
    display: block;
    border: 1px solid #CCCCCC;
  }
  .list_Table {
    display: table;
    width: 100%;
  }
  .list_TableTopBorder {
    border-top: 1px solid #CCCCCC;
  }
  .list_TableBottomBorder {
    border-bottom: 1px solid #CCCCCC;
  }
  .list_TableLeftBorderWide {
    border-left: 1px solid #CCCCCC;
  }
  .list_TableRightBorderWide {
    border-right: 1px solid #CCCCCC;
  }
  .list_TableBlue {
    background-color: #6385A6;
  }
  .list_TableWhite {
    background-color: #FFFFFF;
  }
  .list_TableGray {
    background-color: #F3F3F3;
  }
  .list_TableRow {
    display: table-row;
    width: 100%;
  }
  .list_TableCell {
    display: table-cell;
    vertical-align: top;
  }
  .list_TableHeaderCell {
    display: table-cell;
    vertical-align: top;
    color: #FFFFFF;
  }
  .list_TableCellPadding {
    padding: 3px 3px 3px 3px;
  }
  
  .list_TableToolsCell {
    width: 52px;
  }
  .list_TableFamilyCell {
    width: 150px;
  }
  .list_TableTaxonCell {
  }
  .list_TableCommonNameCell {
    width: 30%;
  }
  .list_TableSynonymCell {
  }
  .list_TableSynonymCountCell {
    width: 94px;
    text-align: center;
  }
  .list_TableSeeAlsoCell {
  }
  .list_TableExcludedCell {
  }
  .list_TableTaxaCountCell {
    width: 82px;
    text-align: center;
  }
  .list_TableLastUpdatedCell {
    width: 102px;
  }
  .list_TableDownloadCell {
    width: 90px;
  }
  
  .list_TableFamily {
    float: left;
    width: 150px;
  }
  .list_TableSciName {
    float: left;
  }
  .list_TableExcludedFamily {
    float: left;
    width: 150px;
  }
  .list_TableExcludedName {
    float: left;
  }
  .list_TableCommonName {
    float: left;
  }
  .list_TableSeeAlso {
    float: left;
    padding-left: 12px;
  }
}

@media (max-width: 620px)
{
  /* ----------- List View ----------- */


  /* ----------- Table View ----------- */

  .list_Header {
    clear: both;
    display: block;
    margin-top: 48px;
    padding: 16px 12px 16px 12px;
    background-color: #6385A6;
    font-size: 1.4em;
    font-weight: bold;
    color: #FFFFFF;
  }
  
  .list_TableWrap {
    display: block;
    border-bottom: 1px solid #CCCCCC;
  }
  .list_Table {
    clear: both;
    width: 100%;
  }
  .list_TableTopBorder {
    border-top: 1px solid #CCCCCC;
  }
  .list_TableBottomBorder {
    border-bottom: 1px solid #CCCCCC;
  }
  .list_TableLeftBorderWide {
  }
  .list_TableRightBorderWide {
  }
  .list_TableBlue {
    background-color: #6385A6;
  }
  .list_TableWhite {
    background-color: #FFFFFF;
  }
  .list_TableGray {
    background-color: #F3F3F3;
  }
  .list_TableRow {
    display: block;
    padding: 0px 10px 0px 10px;
  }
  .list_TableCell {
  }
  .list_TableHeaderCell {
    color: #FFFFFF;
  }
  .list_TableCellPadding {
    padding: 0px 0px 3px 0px;
  }
  
  .list_TableToolsCell {
    float: left;
    width: 24px;
    padding: 0px 12px 0px 0px;
  }
  .list_TableFamilyCell {
    display: block;
    font-size: 1.1em;
    padding: 3px 0px 3px 0px;
  }
  .list_TableTaxonCell {
    display: block;
    font-size: 1.1em;
    padding: 3px 0px 3px 0px;
  }
  .list_TableCommonNameCell {
    float: left;
    padding: 0px 0px 3px 16px;
  }
  .list_TableSynonymCell {
    display: block;
    font-size: 1.1em;
    padding: 3px 0px 3px 0px;
  }
  .list_TableSynonymCountCell {
    padding: 0px 0px 3px 0px;
  }
  .list_TableSeeAlsoCell {
    padding: 0px 0px 0px 0px;
  }
  .list_TableExcludedCell {
    padding: 3px 0px 0px 0px;
  }
  .list_TableTaxaCountCell {
    float: left;
    padding: 0px 0px 3px 16px;
    font-size: 0.9em;
  }
  .list_TableSynonymCountCell {
    float: right;
    padding: 0px 0px 3px 16px;
  }
  .list_TableLastUpdatedCell {
    float: left;
    padding: 0px 0px 3px 6px;
    font-size: 0.9em;
  }
  .list_TableDownloadCell {
    float: right;
    padding: 0px 0px 0px 16px;
    font-size: 0.9em;
  }
  
  .list_TableFamily {
    float: left;
    padding: 0px 12px 0px 0px;
  }
  .list_TableSciName {
    float: left;
    padding: 0px 12px 0px 0px;
  }
  .list_TableExcludedFamily {
    padding: 0px 12px 0px 0px;
  }
  .list_TableExcludedName {
    padding-left: 24px;
  }
  .list_TableCommonName {
    float: left;
    padding: 0px 0px 0px 0px;
  }
  .list_TableSeeAlso {
    padding-left: 12px;
  }
}
