/* CSS for BioImages and BioInfo Websites */
/* 16 Oct 2010, M. W. Storey */

/*
 * GENERAL CLASSES
 */
h1
{
	text-align: center;
	font-size: 140%;
	color: navy;
}
h2
{
	font-size: 115%;
	color: navy;
	margin-top: 30pix;
}
h3
{
	font-size: 110%;
	font-weight: bold;
	margin-top: 30pix;
}
h4
{
	font-size: 105%;
	font-style:italic;
	margin-top: 0pix;
	margin-bottom: 0pix;
        padding-top:0px;
        padding-bottom:0px;
}
h5
{
	font-style:italic;
	margin-top: 0pix;
	margin-bottom: 0pix;
        padding-left: 2em;
        padding-top:0px;
        padding-bottom:0px;
}
title
{
	text-align: center;
	font-size: 120%;
	color: green;
}
body
{
	background:  #E0E0E0; /* pale silver */
	color: #505050; /* soft black */
	font-size: 14px;
}

div.imagebox
{
	width: 500px;
	/* height: 500px; */
	font-size: 12px;
	vertical-align: text-top;
	text-align: center;
}

div.imagebox2
{
	font-size: 12px;
	vertical-align: text-top;
	text-align: center;
}

div.thumbscrollbox
{
	height: 618px;
	width: 146px;
	text-align: center;
	overflow: auto;
	border-style: solid;
	border-color: Gray;
	border-width: 2px;
}

div.detailbox
{
	width: 490px;
	border-style: solid;
	border-color: Silver;
	border-width: 2px;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}


div.imagescrollbox
{
	height: 225px; 
	width: 100%;
	overflow: auto;
	border-style: solid;
	border-color: gray;
	border-width: 2px;
}

div.scrollbox
{
	height: 500px;
	width: 100%;
	overflow: auto;
	border-style: solid;
	border-color: gray;
	border-width: 2px;
}
div.shortscrollbox
{
	height: 200px;
	width: 100%;
	overflow: auto;
	border-style: solid;
	border-color: gray;
	border-width: 2px;
}

div.noscrollbox
{
	width: 100%;
	border-style: solid;
	border-color: gray;
	border-width: 2px;
}

img.photo
{
	border-style: solid;
	border-color: #E0E0E0; /* pale silver */
	border-width: 7px;
	border-style: outset;
}

img.thumb
{

	position: absolute;
	marginBottom: 0px;
}

p.website
{
	text-align: center;
	color: green;
	margin: 10px;
}
p.h1
{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}
p.h2
{
	font-style: italic;
	font-size: 110%;
}
p.icon
{
	float: left;
}
p.prompt
{
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-size: 200%;
	color: blue
}
p.prompt2
{
	font-style: italic;
	color: blue;
}

table
{
	width: 100%;
}


th
{
	color: navy;
	padding-left: .5em;/* reduce padding */
	padding-right: .5em; 
}
.rankcolumn
{
	width: 100px;
}
.taxoncolumn
{
/* leave the width undefined - let it grow */
}
.summarycolumn
{
	width: 150px;
}
.countcolumn
{
	width: 18px; /* 18 is width of camera icon */
}
.datecolumn
{
	width: 75px;
}
.vccolumn
{
	width: 100px;
}
.countrycolumn
{
	width: 60px;
}
}
th.rankcolumn
{
}
th.taxoncolumn
{
}
th.summarycolumn
{
}
th.countcolumn
{
	text-align: center;
}
th.lastcountcolumn
{
	text-align: center;
	width: 18px; /* as above */
	padding-right: 16px; /* nominal width of scrollbar */
}
th.lastcountrycolumn
{
	text-align: center;
	width: 60px; /* as above */
	padding-right: 16px; /* nominal width of scrollbar */
}
th.datecolumn
{
}
th.vccolumn
{
}
th.countrycolumn
{
}
td.rankcolumn
{
}
td.taxoncolumn
{
}
td.subtaxoncolumn
{
	text-indent: 25px;
}
td.summarycolumn
{
}
td.countcolumn
{
	text-align: right;
}
td.datecolumn
{
	text-align: right;
}
td.vccolumn
{
}
td.countrycolumn
{
}

tr
{
	background: #F3F3F3; /* (soft white) */
}
tr.odd
{
	background: #EAEAEA; 
}
tr.even
{
	background: #E3E3E3; 
}
tr.field
{
}
td
{
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: top;
}

td.nested
{
	padding: 0;
	border: 0;
}

.pcode
{
	color: red;
	font-size: 120%;
}
td.warning
{
	color: red;
}


/*
 * NAVIGATION PANEL
 */
table.navpanel
{
 	float: left;
 	width: 150px;
}
td.navpanel
{
	padding-top: 5px;
	padding-bottom: 5px;
}



td.Subtaxon 
{
	text-indent: 25px;
}

p.Lit /* Literature */
{
	color: navy;
}

p.Reviewer /* Reviewer */
{
	text-align: right;
}

/*
 * MY OLD TABLE CLASSES
 */
th.FieldTitle /* Title of Field */
{
	color: navy;
}
p.FieldTitle, td.FieldTitle /* Title of Field */
{
	color: navy;
	padding-top: 3px;
	padding-bottom: 3px;
}
p.FieldValue, td.FieldValue /* Contents of Field (text) */
{
	padding-top: 3px;
	padding-bottom: 3px;
}
p.FieldCount, td.FieldCount /* Contents of Field (numeric) */
{
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
td.FieldRef /* Reference for Field */
{
}