/******************************************************************
 * vwgvl.css - style sheet for website of VWG Vlietland
 * Copyright © 2003 VWG Vlietland
 */

/******************************************************************
 * Standard table: nested table, outer had red title bar, inner holds data
 */
table.standard {
        border: 1px solid darkred; 
        border-collapse: collapse; 
        padding: 0;
}
table.standard td {
        border-width: 0; 
        border-spacing: 0px; 
        padding: 0;
}
table.standard th {
        background-color: darkred;
        font: bold 13px Verdana,Arial,sans-serif;
        color: white;
        padding-left: 5px;
        vertical-align: top;
        text-align: left; 
}
table.standard table {
        width: 100%;
        background-color: white; 
        border-collapse: separate; 
        border-width: 0; 
        border-spacing: 1px; 
        padding: 0;
}
table.standard table td { 
        background-color: #F9FBDD; 
        text-align: left; 
        vertical-align: top;
        padding-left: 5px;
        font: normal 80% Verdana,Arial,sans-serif;
        color: rgb(0, 0, 102);
}
table.standard table th {
        background-color: #FFDD77; 
        vertical-align: top;
        text-align: left;
        padding-right: 5px;
        font: normal 80% Verdana,Arial,sans-serif;
        color: rgb(0, 0, 102);
}

table.standard table th.axis {
        text-align: right;
        padding-right: 0;
}

table.standard table.raster {
        background-color: gray; 
}


/******************************************************************
/* Botanics: normal cells are centered
 */
table.botanic table td,
table.botanic table th.center {
        text-align: center;
}

/******************************************************************
/* Calendar: normal and header cells are centered
 */
table.calendar table td {
        text-align: center;
}
table.calendar table th.center {
        text-align: center;
}

/******************************************************************
/* Charts: same as standard but TD aligns right,
 * plus extra class for TH that is bold and aligns right
 */
table.chart table {
        border-spacing: 1;
        padding: 0;
}

table.chart table td {
        vertical-align: bottom;
        text-align: center;
        border-spacing: 0;
        padding: 0;
        font: normal 10px Verdana,Arial,sans-serif;
}

table.chart table th {
        text-align: center;
        vertical-align: bottom;
        padding: 0;
        font: normal 10px Verdana,Arial,sans-serif;
}

/******************************************************************
/* Breeding table: same as standard but TD aligns right,
 * plus extra class for TH that is bold and aligns right
 */
table.breeding table td { 
        text-align: right;
        padding-right: 10px;
}
table.breeding table th.right {
        text-align: right;
        padding-right: 10px;
        font: bold 80% Verdana,Arial,sans-serif;
}

/******************************************************************
/* Overview tables in avifauna: same as standard but TD aligns right,
 * plus extra class for TH that is bold and aligns right, and smaller font
 */
table.statistics table td { 
        text-align: right;
        padding-right: 5px;
        font: normal 70% Verdana,Arial,sans-serif;
}
table.statistics table th.right {
        text-align: right;
        padding-right: 5px;
        font: bold 70% Verdana,Arial,sans-serif;
}

/******************************************************************
/* Simple table, without red title bar and no background colors
 */
table.list {
        border-width: 0; 
        border-spacing: 1px; 
        padding: 0;
}
table.list th { 
        vertical-align: top;
        padding-right: 5px;
        text-align: left;
        font: bold 80% Verdana,Arial,sans-serif;
        color: rgb(0, 0, 102);
}
table.list td {
        vertical-align: top;
        padding-right: 5px;
        text-align: left; 
        font: normal 80% Verdana,Arial,sans-serif;
        color: rgb(0, 0, 102);
}
table.list h5 {
        font: bold 100% Verdana,Arial,sans-serif;
}

/******************************************************************
/* Navigation table
 */
table.nav {
        border-width: 0; 
        border-spacing: 1px; 
        padding: 0;
}
table.nav td {
        padding-right: 5px;
        font: normal 80% Verdana,Arial,sans-serif;
        color: rgb(0, 0, 102);
}
table.nav img {
        position: relative;
        top: 2px;
}

/******************************************************************
 * For ringing overview use a somewhat smaller font
 */
table.rings {
        border-width: 0;
        border-spacing: 0;
        padding: 0;
}
table.rings th {
        font: bold 70% Verdana,Arial,sans-serif;
        padding-left: 3px;
        padding-right: 3px;
}
table.rings td {
        font: normal 70% Verdana,Arial,sans-serif;
        padding-left: 3px;
        padding-right: 3px;
}
table.rings tr.new td {
        background-color: #FFEE99;
        padding-left: 3px;
        padding-right: 3px;
}

/******************************************************************
 * For ring detail pages use smaller font plus background colors
 */
table.ring th,
table.color th {
        font: bold 70% Verdana,Arial,sans-serif;
        background-color: #FFDD77; 
}
table.ring td,
table.color td {
        font: normal 70% Verdana,Arial,sans-serif;
        background-color: #F9FBDD; 
}

/******************************************************************
/* News table
 */
table.news {
       border-width: 0; 
       border-spacing: 3px;
}

table.news th {
       vertical-align: top;
       padding: 3px;
       text-align: left;
       font: bold 100% Palatino,'Book Antiqua',serif;
       color: rgb(0, 0, 102);
}

table.news td {
       vertical-align: top;
       padding: 3px;
       font: normal 100% Palatino,'Book Antiqua',serif;
       color: rgb(0, 0, 102);
}

/******************************************************************
 * Some custom styling
 */
hr {
        height: 0px;
        border: 0px solid rgb(0, 96, 96);
        border-top-width: 1px;
}

body {
        margin-left: 0;
        margin-top:5px;
        margin-right: 10px;
        padding-left: 0;
        padding-top: 0;
        padding-right: 10px;
}

table caption {
        font: italic 80% Verdana,Arial,sans-serif;
        text-align: left;
        padding-bottom: 5px;
}

.bird {
        color: #990033;
}

.author,
.version,
.date {
        font-style: italic;
        font-weight: bold;
        margin: 0;
        padding: 0;
}

.summary {
        font-weight: bold;
}

.intro {
        font-style: italic;
}

.footnote {
        font: italic 80% Verdana,Arial,sans-serif;
        font-style: italic;
}

.copyright {
        font: normal 9px Verdana,Arial,sans-serif;
        color: #8B0000;
        padding: 0;
        margin: 0;
}

.copyright a:link,
.copyright a:visited {
        color: #8B0000;
}

.revised {
       font: normal 70% Verdana,Arial,sans-serif;
 }

.picture { 
       font: italic 80% Verdana,Arial,sans-serif;
}

p.news {
       font: normal 80% Palatino,'Book Antiqua',serif;
}

ul.home
{
        list-style-image: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
}

ul.home li
{
        background-image: url('arrow.gif');
        background-repeat: no-repeat;
        background-position: 0 .4em;
        padding-left: .6em;
}