/* Stylesheet for BirdWalker 2 */


/* ************************ The Big Structural Sections ******************************** */

body
{
	background-color: white;
}

#contentleft
{
    font: 9pt "Gill Sans", "Gill Sans MT", SansSerif;
    font-style: italic;
	left: 0px; top: 100px; width: 120px;
	position: absolute;
	padding-bottom: 60px;
	padding-top: 10px;
	padding-left: 0px; padding-right: 0px;
    background-color: #F4F4F4;
}
#contentleft a       { color: blue; text-decoration:none; }
#contentleft a:hover { color: red; text-decoration: underline; }

#topright-trip
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/trip-banner.jpg);
}
#topright-location
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/location-banner.jpg);
}
#topright-species
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/species-banner.jpg);
}
#topright-home1
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/flower-banner.jpg);
}
#topright-home2
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/banner2.jpg);
}
#topright-home3
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/banner3.jpg);
}
#topright-home4
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background-image: url(./images/banner4.jpg);
}
#topright-photo
{
	left: 120px; width: 640px; top: 0px; height: 100px;
	position: absolute;
	background: white;
}

#topleft
{
	left: 0px; width: 120px; top: 0px; height: 100px;
	padding: 0px; margin: 0px;
	position: absolute;
    text-align: center;
    background-color: white;
}
#topleft a       { color: blue; text-decoration: none; }
#topleft a:hover { color: red; text-decoration: underline; }

#contentright
{
    font: 10pt "Gill Sans", "Gill Sans MT", SansSerif;
	left: 120px; width: 640px; top: 100px;
	padding-bottom: 30px;
	background-color: white;
	position: absolute;
}
#contentright a       { color: blue; text-decoration: none;}
#contentright a:hover { color: red; text-decoration: underline; }

#footer
{
    border-top: solid 1px #AAAAAA;
    font: 10pt "Gill Sans", "Gill Sans MT", SansSerif;
	padding-bottom: 30px; margin-left: 9px; margin-right: 9px;
	margin-top: 60px;
	position: static;
}

/* Styles for section headers, page titles, and overall report content */

.pagetitle {text-align: center; font: 16pt "Gill Sans", "Gill Sans MT", SansSerif; font-weight: bold; padding-top: 2px }
.pagetitle a       { color: blue; text-decoration: none;}
.pagetitle a:hover { color: red; text-decoration: underline; }

.pagesubtitle {text-align: center; font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-style: italic; padding-bottom: 7px; padding-left: 3px }
.pagesubtitle a       { color: blue; text-decoration: none;}
.pagesubtitle a:hover { color: red; text-decoration: underline; }

.metadata {font: 9pt "Gill Sans", "Gill Sans MT", SansSerif; padding-left: 4px; }

.superheading {font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-style: italic; color: #444444; }
.heading { font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-weight: bold; margin-left: 6px; margin-top: 15px; margin-bottom: 5px; clear: both; color: #444444 }
.subheading { font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-weight: bold; margin-top: 10px; color: #444444 }

.summaryblock { border-top: solid 1px #AAAAAA; padding-top: 5px; margin-bottom: 5px }

.inlinepict { margin-left: 10px; margin-bottom: 10px; }

.report-content {font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; margin-left: 3px}

.firstcell { padding-left: 15px; white-space: nowrap; }
.fieldlabel { padding-left: 15px; font: 9pt Courier, Fixed; text-align: right; vertical-align: top}
.bordered {border-left: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; width: 30px; text-align: right; }
.yearcell {width: 20px; border-left: solid 1px lightgray; border-bottom: solid 1px lightgray; color: #777777}
.statename { text-transform: uppercase }
.copyright { font: 8pt "Gill Sans", "Gill Sans MT", SansSerif }

/* Styles for items within lists */

.sighting-notes {margin-left: 2%; margin-right: 2%; margin-bottom: 2px; margin-top: 2px}

/* textual browse buttons */

.nextlink { padding-right: 10px; text-align: right; font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-style: italic; white-space: nowrap; }
.nextlink a       { color: blue; text-decoration: none; }
.nextlink a:hover { color: red; text-decoration: underline; }

.prevlink { padding-left: 10px; text-align: left; font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-style: italic; white-space: nowrap; }
.prevlink a       { color: blue; text-decoration: none; }
.prevlink a:hover { color: red; text-decoration: underline; }

.pagekind { text-transform: lowercase; text-align: center; font: 10pt "Gill Sans", "Gill Sans MT", SansSerif; font-style: italic; white-space: nowrap;
.pagekind a       { color: blue; text-decoration: none; }
.pagekind a:hover { color: red; text-decoration: underline; }
}

.command-disabled
{
  background-image: url(./images/command_dim.gif);
  background-repeat: no-repeat;
  padding-left: 16px; margin-left: 7px; margin-bottom: 14px;
}

.command-simple
{
  padding-left: 16px; margin-left: 7px; margin-bottom: 3px;
}

.command-spacer
{
  padding-left: 16px; margin-left: 7px; margin-right: 7px; margin-bottom: 1px; margin-top: 7px;
}

.command
{
  width: 90px;
  background-image: url(./images/command.gif);
  background-repeat: no-repeat;
  padding-left: 16px; margin-left: 2px; margin-bottom: 7px;
  white-space: nowrap;
  padding-top: 20px;
  font-weight: bold; font-style: normal;
}

.onecolumn { padding-left: 10px; padding-right: 10px; }
.leftcolumn { padding-left: 10px; padding-right: 7px; }
.rightcolumn { padding-right: 10px; padding-left: 7px; }

.widecolumn { vertical-align: top; padding-bottom: 30px }
.narrowcolumn { width: 100px; vertical-align: top; padding-bottom: 35px; padding-left: 15px }
.datecolumn { width: 60px; vertical-align: top; padding-bottom: 35px; text-align: right; padding-right: 15px; white-space: nowrap }
 
.clippingbox0 { width: 10px; height: 10px; border-top: solid 1px white; border-left: solid 1px white; background-color: #CBEB8B; }
.clippingbox1 { width: 10px; height: 10px; border-top: solid 1px white; border-left: solid 1px white; background-color: #FF7400; }
.clippingbox2 { width: 10px; height: 10px; border-top: solid 1px white; border-left: solid 1px white; background-color: #B02B2C; }
.clippingbox3 { width: 10px; height: 10px; border-top: solid 1px white; border-left: solid 1px white; background-color: #C79810; }
.clippingbox4 { width: 10px; height: 10px; border-top: solid 1px white; border-left: solid 1px white; background-color: #3F4C6B; }