/*
  Use this style sheet to customize the output of the NPSpecies widget.
  The widget is made up entirely of 'divs' and 'spans', with some anchor links,
  and is wrapped in an outer 'div'.
  Its entire height, width, and appearance of the display text, file links, and profile link, can be customized.
*/

/* The entire NPSpecies widget 'table' wrapper */
#npsNPSpeciesDisplay {
	width:700px;
}

div.npsSpecies-scroll-container,
div.npsSpeciesDiv-body
{
    /*width: 816px;*/
    width: 100%;
    border:1px solid #aaa;
    background:#ccc;
    /*max-height:504px;*/
}
div.npsSpecies-scroll-container
{
    position: relative;
    background:#D6E3BC;
    overflow:hidden;  
    border:#aaa 1px solid;
}
div.npsSpeciesDiv-header
{
    overflow: hidden;
    /*width: 800px;*/ /*the width of the header needs to be 16px less than the width of the body, to account for the scroll bar*/
    width: calc(100% - 16px);
    position:relative;
    max-height: 38px;
}
div.npsSpeciesDiv-body
{
    overflow-x:scroll;
    overflow-y:visible;
    max-height: 400px;
}
table.npsSpeciesTable-control,
table.npsSpeciesTable-header,
table.npsSpeciesTable-body,
table.npsSpeciesTable-footer
{
    border-collapse:collapse;
    table-layout: fixed;
    width: 100%;
    font-family:  arial, helvetica, sans-serif;
    font-size: 12px;
    line-height:14px;
}
table.npsSpeciesTable-control {
	margin-bottom:-0px;
}

table.npsSpeciesTable-header tr,
table.npsSpeciesTable-body tr
{
    vertical-align: top;
    border-top: 1px solid #eee;
    padding: 4px;
}
table.npsSpeciesTable-header td,
table.npsSpeciesTable-body td
{
    padding:6px 4px 6px 4px;
    border:#aaa 1px solid;
}
table.npsSpeciesTable-header td
{
    border-right : 1px solid #aaa;
    text-align: left;
    margin-top: 0px;
}

thead tr td {
	font-weight: bold;
	background: #e4ecd4;	
}

table.npsSpeciesTable-body td
{
    border-right: 1px solid #eee;
    border-top:none;
    border-bottom:none;
    border-left:none;
    overflow: hidden;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
}
table.npsSpeciesTable-control td,
table.npsSpeciesTable-footer td
{
    width: 100%;
    text-align: right;
    /*border:#aaa 1px solid;*/
    border:none;
}
table.npsSpeciesTable-control td
{
    padding-right: 16px;
}
table.npsSpeciesTable-footer td
{
    padding-right: 16px;
}
table.npsSpeciesTable-header tr
{
    background-color:#D6E3BC;
}
table.npsSpeciesTable-body tr
{
    background: #FFFFCC;
}
table.npsSpeciesTable-body tr:nth-child(2n+1)
{
    background:#FFFFFF; color:#000;
}
tbody tr td.npsScientificName {
	font-style:italic;
	font-weight:bold;
}

.npsId,
.npsUnitCode,
.npsTaxaCode
{
    width: 70px;
}

.npsCategory,
.npsOrder,
.npsFamily,
.npsOccurrence,
.npsAbundance,
.npsNativeness,
.npsRecordStatus,
.npsNPSTags,
.npsParkTags,
.npsReferences,
.npsObservations,
.npsVouchers,
.npsTEStatus,
.npsStateStatus,
.npsOzoneStatus,
.npsGRank,
.npsSRank
{
    width: 100px;
}

.npsOccurrenceTags,
.npsNativenessTags
{
    width: 120px;
}

.npsScientificName,
.npsCommonNames
{
    width: 200px;
}
#srchCategory, #srchPark {
	margin-left: 6px;
}