/* @override 
	http://www.algaebase.local/_domain/css/styles.20140126205012.css
	http://www.algaebase.local/_domain/css/styles.20140126210701.css
	http://www.algaebase.local/_domain/css/styles.20140126211135.css
	http://www.algaebase.local/_domain/css/styles.20140208083827.css */


/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,caption,em,strong,th { font-weight: normal; font-style: normal; }
ul.AccordionPanelTab { list-style: none; margin: 0; padding: 0; }
ul#TJK_dropDown, ul#TJK_dropDown li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* CORE STYLES */
body {
	color: #535154 ;
	font: 100.1% "Lucida Grande", Verdana, Arial, sans-serif;
	background: #FFF url(images/ab-top-03.jpg) repeat-x;
	text-align: center;
}
.wrap {
	font-size: 100%; /* Changes overall font size */
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	text-align: left;
	clear: both;
}
a {
	color: #535154;
	text-decoration: none;
}
a:link, a:visited, a:active {
}
a:hover {
	color: #1a171b;
}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
p {
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 150%;
	margin-bottom: 12px;
	border-bottom: 2px solid #e3e2e3;
	padding-bottom: 0.3em;
}
h1 .highlight {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	color: #bf9510;
}
h2 {
	font-size: 125%;
	margin-bottom: 8px;
	border-bottom: 1px solid #e3e2e3;
	padding-bottom: 0.3em;
}
h3 {
	font-size: 120%;
	color: #2f8a26;
	line-height: 1.5em;
}
h4 {
	font-size: 110%
}

blockquote {
	color: #1a171b;
	background: #f1f1f1;
	padding: 15px 15px 15px 50px;
	line-height: 1.2em;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.top {
	background: #f7ac15 url(images/ab-top-bg-01.gif) no-repeat center top;
	display: block;
	height: 12px;
}
.topOverlay {
	background: url(images/ab-top-bg-02.gif) no-repeat left top;
	height: 12px;
}

/* HEADER */
#header {
	height: 110px;
	position: relative;
	color: #8d8d8e;
	margin-top: 12px;
}
#stats {
	background: #f1f1f1;
	margin-bottom: 1em;
	padding-top: .7em;
	padding-bottom: .7em;
	color: #2f8a26;
	font: 95% Georgia, "Times New Roman", Times, serif;
}
#stats strong {
	font-weight: normal;
	color: #535154;
}

/* FOOTER */
#footer {
	background: #f1f1f1;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	clear: both;
	color: #8c8b8d;
	font: 90% Georgia, "Times New Roman", Times, serif;
}
#footer p {
	margin-bottom: 0px;
	line-height: 1.5em;
}
#footer a {
	color: #8c8b8d;
}
#footer div.sitemaplinks {
    text-align: center;
}
#footer a.sitemap {
    white-space: nowrap;
    padding-right: 12px;
}

#footer a.sitemap:after {
	content: '|';
	margin-left: 12px;
}
#footer a:hover {
	color: #1a171b;
}
#footer a.link {
}
#signoff {
	font-size: 70%;
	color: #aeaeaf;
}
#signoff a {
	color: #aeaeaf;
}

/* NAVIGATION */



/* CONTENT */
#content {
	background: #FFFFFF;
}
.contentSidebar {
	padding-right: 220px;
}
#content p, #content div {
	line-height: 1.5em;
}
#content img {
	border: 4px solid #e3e2e3;
}
#content img:hover {
	border: 4px solid #d1d1d1;
}

#content img.notes_highlight {
	border: 0;
}
#content img.notes_highlight:hover {
	border: 0;
}

#content  a {
	border-bottom: 1px dotted #8d8d8e;
}
#content a:hover {
	border-bottom: 1px solid;
}
#content a.no_underline {
	border-bottom: 0;
}
#content a.no_underline:hover {
	border-bottom: 0;
}
#contentright {
	float: left;
	width: 540px;
}
#contentright ul {
	font-size: 85%;
	padding-right: 1em;
	padding-left: 1em;
}
#contentright ul li {
	margin-bottom: 0.4em;
	list-style: disc;
}
#contentright ul li a {
}
#contentright p a {
	color: #383738;
}
.home #contentright {
	float: right;
	width: 448px;
}
#contentleft {
	float: left;
	width: 200px;
	margin-right: 20px;
}
#detailsidebar {
	float: right;
	width: 200px;
	margin-left: 20px;
}
#contentleft p, #detailsidebar p {
	font-size: 80%;
	line-height: 1.2em;
	margin-bottom: 8px;
}
.home #contentleft p {
	font-size: 85%;
	line-height: 1.5em;
	margin-bottom: 8px;
}
#contentleft p.speciesimages, #detailsidebar p.speciesimages {
	font-size: 80%;
	line-height: 1.4em;
}
#contentleft ul, #detailsidebar ul {
	margin-bottom: 12px;
	list-style: none;
}
#contentleft img {
}
#contentleft li, #detailsidebar li {
	border-bottom: 1px solid #e3e2e3;
	font-size: 90%;
	line-height: 1.8em;
	font-weight: bold;
}
#contentleft ul li a, #detailsidebar ul li a {
	display: inline;
	border-style: none;
	font-weight: normal;
	font-style: normal;
}
#contentleft ul li a:hover, #detailsidebar ul li a:hover {
	border-style: none;
}

#rightsidebar {
	float: right;
	width: 200px;
}
#rightsidebar p {
	font-size: 80%;
	line-height: 1.4em;
}
#rightsidebar a {
	font-weight: bold;
}
.home #contentleft {
	width: 510px;
}

div#distribution_by_country {
	margin-bottom: 12px;
}
div#distribution_by_country p {
	margin-bottom: 5px;
}

div#world_map_canvas {
	margin-top: 0px;
	line-height: 1px;
}

.links #contentright, 
.about #contentright, 
.news #contentright, 
.content #contentright, 
.team #contentright, 
.contributors #contentright, 
.contact #contentright, 
.search #contentright, 
.search_detail #contentright, 
.search_results #contentright, 
.browse #contentright,
.browse_detail #contentright,  
.copyright #contentright, 
.submit #contentright {
	width: 760px;
}
.search #contentleft, 
.browse #contentleft, 
.submit #contentleft  {
	width: 760px;
}
.contact #contentright {
	padding-top: 1em;
}




/* ITEMS */
.sidebarSection {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e3e2e3;
}
.redHighlight {
	color: #d12840;
}
#news img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}
.section {
	margin-bottom: 12px;
	border-bottom: 1px solid #e3e2e3;
	border-top: 1px solid #e3e2e3;
	padding-top: 10px;
	padding-bottom: 10px;
}
.section img {
	float: left;
	margin-right: 12px;
	margin-top: 0px;
}
#speciesblurb {
	background: url(images/arrow-up.gif) no-repeat 8px 4px;
	font-size: 90%;
	padding-top: 6px;
	padding-left: 32px;
}
#speciesblurb p a {
	font-weight: bold;
}
.speciesimages {
	padding-top: 8px;
	border-top: 1px solid #e3e2e3;
}
.speciesimages img {
}


.dateshow {
	font-size: 90%;
}
#date {
	font-size: 0.8em;
	margin-top: 0.5em;
}
.logo {
	position: absolute;
	left: 0px;
	top: 28px;
}
.team .section {
	border-top-style: none;
	padding-top: 0;
}
.team .section h3 {
	padding-left: 220px;
}
.team .section img {
	float: left;
}
.team .section p {
	padding-left: 230px;
	display: block;
}
.contact #contentright p {
	font-size: 95%;
	padding-left: 1.5em;
	padding-right: 4em;
}
#randomspeciesdisplay {
	float: right;
	width: 308px;
	margin-left: 30px;
	margin-bottom: 20px;
	border: 1px solid #e3e2e3;
	padding: 12px;
	font-size: 85%;
	border-bottom-width: 2px;
}
/* SEARCH PAGES */
#quicksearch {
	background: #f1f1f1;
	padding: 0.5em 1.5em 1.5em;
	font-size: 1em;
	margin-bottom: 12px;
	position: relative;
}
#quicksearch h4 {
	color: #2f8a26;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	font-size: 1em;
}
#quicksearch #forminfo {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 400px;
	font-size: 90%;
}
#quicksearch select {
	color: #535154;
	font-size: 14px;
	line-height: 27px;
	height: 27px;
}
#quicksearch .distro {
	width: 250px;	
}
.search  {
	position: relative;
}
.searchfield {
	width: 260px;
	color: #535154;
	padding-left: 0.3em;
	font-size: 14px;
	line-height: 27px;
}
.LSIDsearchfield {
	width: 320px;
	color: #535154;
	padding-left: 0.3em;
	font-size: 14px;
	line-height: 27px;
}
input.searchfield {
	border: 2px solid #e3e2e3;
}
.gobutton {
	background: #c6c5c6;
	height: 29px;
	width: 29px;
	position: absolute;
	left: 270px;
}
.searchbuttonwrapper {
	margin-top: 12px;
}
.searchbutton {
	background: #c6c5c6;
	line-height: 27px;
	padding-right: 1em;
	padding-left: 1em;
	border: 2px solid #e3e2e3;
	color: #535154 ;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.gobutton:hover, .searchbutton:hover {
	background: #bf9510;
	cursor: pointer;
	color: #fff;
}
.browse #resultsnav {
	font-size: 85%;
	margin-bottom: 12px;
}
.browse_detail #resultsnav {
}
.search_results #resultsnav, .browse_detail #resultsnav {
	background: #f1f1f1;
	margin-bottom: 12px;
	padding: .7em 1em;
	font-size: 90%;
}
.search_results #resultsnav p {
	margin-bottom: 4px;
}

#random-img-grid {
	
}

.resultsgrid_preview {
	float: left;
	margin: 2px;
	width: 147px;
	height: 148px;
	background-color: silver;
	background-position: center center;
	background-repeat: no-repeat;
}

#content table p {
	margin-bottom: 0px;
	font-size: 100%;
}
table {
	margin-bottom: 12px;
	width: 100%;
	font-size: 85%;
	border: 4px solid #f1f1f1;
}
table tbody {
}

table td, table th {
	margin-bottom: 0px;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	padding: 6px 8px 6px 12px;
}
table th {
	font-weight: bold;
}
#content table img, #content table img:hover {
	border: none;
}
/* HACKS */
#content:after,
.section:after,
#spenser:after
{
	content: ".";
	display:  block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html #content,
* html .section
 { height: 1%; } /* for IE5+6 */

*:first-child+html #content,
*:first-child+html .section
{ min-height: 1px; } /* for IE7 */



/* @group Form Layout */

div.row
{
	clear: both;
	padding-top: 5px;
	width: 420px;
	border-top: 1px solid silver;
}

div.formsubheader
{
	padding: 3px;
	border: 1px solid #666;
	display: block;
	height: auto;
	background: #ccc;
	clear: both;
}

div.row div.formw
{
	float: left;
	width: 190px;
	clear: right;
	text-align: left;
	position: relative;
	padding-bottom: 5px;
}

div.formw select, div.formw textarea {
	width: 260px;
}

div.formw textarea {
	height: 50px;
}

.input_text {
	width: 255px;
}

div.formw input[type="submit"], div.formw input[type="button"] {
	width: 60px;
}

div.formw input[type="radio"] {
	width: auto;
}

div.formw input[type="checkbox"] {
	width: auto;
}

div.row div.label
{
	float: left;
	width: 140px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	padding-bottom: 5px;
}

div.row_adv
{
	clear: both;
	padding-top: 5px;
	width: 420px;
}

div.row_adv div.formw_adv
{
	float: left;
	width: 200px;
	clear: right;
	text-align: left;
	position: relative;
}

div.row_adv div.label_adv
{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

#rightpanel div.row, #rightpanel div.row div.label, #rightpanel div.row div.formw {
	float: left;
	clear: both;
	width: auto;
}

#dataEntry, #dataEdit
{
	visibility: hidden;
	background-color: white;
	border: 1px dotted #000;
	position: fixed;
	left: 50%;
	top: 200px;
	width: 400px;
	margin-left: -200px;
	/* half of the width */
	padding: 15px;
}



#spenser-txt {
	display: none;
	font: 0.7em Georgia, "Times New Roman", Times, serif;
	float: left;
	clear: both;
}

#spencer-cpt {
	display: none;
	font-size: 0.7em;
	float: right;
}

#spenser {

}
/* Experts page */
table#ExpertDataTable {
	width: 740px;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-top: 7px;
	margin-left: 20px;
	border: none; }
.ExpertName {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 10px; }
.ExpertData {
	font-size: 0.9em;
	line-height: 1.4em;
	padding-top: 7px;
	border: none; }
.ExpertDataResearchInterest {
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 4px; }

.alert { 
	font: normal normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
	color: red;
	margin: 0 0 10px 21px;
	padding: 10px 10px 10px 30px;
	font-weight: normal;
	border: 1px solid teal;
	text-align: center;
	background: #f4f7d3 url(../images/bang.png) no-repeat 10px;
}

/* For Debugging */
.debug {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000; 
	margin: 12px;
	text-align: left;
	background-color: #f6ffca; }
.debugCT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000; 
	margin: 12px;
	text-align: left;
	background-color: #ccff99; }

/* @end */

#footer div.wrap p a img {
	float: left;
	position: relative;
}
div.wrap.logofarm {
    background-color: #fff;
    height: auto;
    margin-bottom: 1em;
}
div.wrap.logofarm:after {
content: ".";
display:  block;
height: 0;
clear: both;
visibility: hidden;
}

/* @group Carousel */

#carousel-footer {
	float: left;
	width: 980px;
	height: 120px;
	overflow: hidden;
	z-index:10;
}
#carousel-footer .holder {
	width: 980px;
	margin: 0 0px;
	padding: 1px 0 0;
}
.carousel {
	overflow:hidden;
	width: 980px;
}
.carousel div {
	width:980px;
	overflow:hidden;
	position:relative;
	clear: both;
	padding: 12px 0;
	margin:0 0px;
	height: 95px;
}
.carousel div ul {
	position:relative;
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.carousel div ul li {
	float:left;
	width:170px;
	overflow:hidden;
	padding: 0 10px 0 0;
}
.carousel div ul li img {
	margin: 0 5px 0 0;
}
* html .carousel div ul li img {margin-right: 4px;}
.carousel div ul a {
	display: block;
	width:170px;
	overflow: hidden;
	position: relative;
	font: 11px/12px  Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.carousel div ul a span {
	position: absolute;
	bottom: 0px;
	width: 170px;
	color: #ccc;
}
.carousel div ul a:hover span {text-decoration: underline;}
span.mark {
	display: block;
	position: static !important;
}

tr#row-website {
    display:none;
}

div.infraspecific-class {
	display: none;
	padding-left: 20px;
}

div.api-docs h2 {
	padding-top: 1em;
}

div.api-docs pre {
	background-color: #ddd;
	overflow-x: auto;
	padding: 5px;
	margin-bottom: 5px;
}

div.api-docs ul {
	list-style: disc;
	margin-left: 1em;
}

div.api-docs ul ul {
	list-style: disc;
	margin-left: 2em;
}

                #stickyheader {
                        width: auto;
                        height: 10px;
                }
                #stickyalias {
                  display: none;
                  height: 10px;
                }

img.culture-provider-logo {
    max-width: 200px;
}

/* @end */