/* CSS Document */

/* = clearfix taken from http://www.positioniseverything.net/easyclearing.html
======================================================================================================================================================= */
a:link {
	text-decoration: none;
	color: #0099FF;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.bg1 {
	background-image: url(../images/tt_u3.gif);
	background-repeat: repeat-x;	
}
.bgbutton{
	background-image: url(../images/bg_button.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-color: #0099FF;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
	width: auto;
	height: 22px;
}

/* forum Style bg color */

.row1{ 
	background: #DEE7F0; 
}

.row2{
	background-color: #F4F8FB;
}

TD.spaceRow {
	BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; BACKGROUND-COLOR: #d1d7dc
}
TD.spaceRow {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px
}
/* end of forum Style bg color */

/* Title page style */
.title {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* End of title page style */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clear fix */
/* --------------------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* = end of clearfix
======================================================================================================================================================== */


/* = global
============================================================================ */

body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
        
}

/* = end of global
======================================================================================================================================================== */

/* = header
============================================================================ */

#header {
	position: relative;
	height: 90px;
	padding-top: 21px;
	z-index: 999;
	background: url(../images/bg_header.gif) left top repeat-x;
}

	#header h1 {
		float: left;
	}

		#header h1 a {
			position: relative;
			display: block;
			overflow: hidden;
			width: 158px;
			height: 90px;
		}
				
			#header h1 a span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../images/eol_logo_header.png) left top no-repeat;
			}

	#header #personal-space {
		padding: 8px 0 0 10px;
		width: 310px;
		float: left;
	}
	
		#header #personal-space img {
			float: left;
			padding: 6px 7px 8px 6px;
			background: url(../images/bg_personal_img.gif) left top no-repeat;
		}
		
		#header #personal-space .desc-personal {
			float: left;
			width: 541px;
			padding: 7px 0 0 12px;
		}
			
			#header #personal-space .desc-personal p {
				font-size: 10px;
				color: #999;
			}
				
				#header #personal-space .desc-personal p strong {
					font-size: 14px;
					color: #000;
				}
				
	ul#global-navigation {
		position: absolute;
		right: 18px;
		top: 0;
		border-left: 1px dotted #fff;
		font: 9px/18px Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		z-index: 50;
	}
	
		ul#global-navigation li {
			position: relative;
			float: left;
			border-right: 1px dotted #fff;
			border-left: 1px dotted #93B52B;
		}
		
		ul#global-navigation li.last {
			border-right: none;
		}
		
			ul#global-navigation li a.dropdown {
				padding-right: 14px;
				background: url(../images/m_gn_dropdown.gif) right top no-repeat;
			}
		
			
			ul#global-navigation ul li a.dropdown:active {
				padding-right: 14px;
				background: #fff url(../images/m_gn_dropdown_hover.gif) right top no-repeat;
				color: #000;
			}
			
			ul#global-navigation li a strong {
				padding-left: 20px;
				padding-bottom: 6px;
				background: url(../images/m_gn_myeol_icon.gif) left top no-repeat;
			}
		
			ul#global-navigation li a {
				display: block;
				overflow: hidden;
				padding-left: 10px;
				padding-top: 1px;
				width: 106px;
				height: 20px;
				text-transform: uppercase;
				color: #000;
				text-decoration: none;
			}

			ul#global-navigation li a.larger {
				display: block;
				overflow: hidden;
				padding-left: 10px;
				padding-top: 1px;
				width: 136px;
				height: 20px;
				text-transform: uppercase;
				color: #000;
				text-decoration: none;
			}
			  
					ul#global-navigation li ul {			
						position: absolute;
						width: 168px;
						left: -1px;
						top: 21px;
						display: none;
						background-color: #fff;
						border: 1px solid #ccc;
						border-top: none;
						z-index: 9000;
					}
						ul#global-navigation li ul {
							display: none; /*display none*/
						}
						ul#global-navigation li:hover ul {
							display: block;
						}
					
						ul#global-navigation li ul li {
							position: relative;
							float:none;
							border: none;
							border-bottom: 1px dotted #DCDDDE;
							height: 19px;
							z-index: 9000;
						}
						
						ul#global-navigation li ul li.last {
							border-bottom: none;
						}
						
							ul#global-navigation li ul li a {
								width: 168px;
								height: 21px;
								display: block;
								text-transform: capitalize;
							}
							
							ul#global-navigation li ul.uppercase li a {
								text-transform: uppercase;		
							}
							
							ul#global-navigation li ul li a:hover {
								background: url(../images/bg_gn_dropdown.gif) left top no-repeat;
								width: 158px;
							}
							
								ul#global-navigation li ul li a em {
									position: absolute;
									left: 115px;
								}

/* = end of header
======================================================================================================================================================== */

/* = sub header
============================================================================ */

#sub-header {
	position: relative;
	overflow: hidden;
	width: 982px;
	height: 98px;
	padding-top: 2px;
}

	#sub-header .filter-content {
		float: left;
		height: 86px;
	}	
		
		#fc-biome {
			width: 254px;
			border-right: 1px solid #ccc;
		}
		
		#fc-geography {
			margin-left: 1px;
			width: 234px;
			border-right: 1px solid #ccc;
		}
		
		#fc-organism {
			margin-left: 1px;
			width: 234px;
			border-right: 1px solid #ccc;
		}
			
			.fc-header {
				position: relative;
				padding-left: 20px;
				height: 20px;
				background: #ccc url(../images/bg_fc_header.gif) left top repeat-x;
				border-bottom: 1px solid #ccc;
			}
				
				.fc-header h4 {		
					position: relative;
					display: block;
					overflow: hidden;			
					width: 118px;
					height: 20px;
					text-transform: uppercase;
					font-weight: 700;
					font: 9px/21px Verdana, Arial, Helvetica, sans-serif;
				}
				
					.fc-header h4 span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
					}
					
				
				.fc-header span {
					position: absolute;
					right: 0;
					top: 0;
					width: 88px;
					height: 20px;
					text-align: center;
					font: 9px/21px Verdana, Arial, Helvetica, sans-serif;					
				}
			
					.fc-header span a {
						float: left;
						position: relative;
						overflow: hidden;
						display: block;
						width: 44px;
						height: 20px;
							
					}
					
						.fc-header span a span {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
						}
						

			
			.fc-nav {
				overflow: auto;
				height: 65px;
				font: 9px/16px Verdana, Arial, Helvetica, sans-serif;	
			}
			
				.fc-nav table {
					margin-left: 1px;
					border-right: 1px solid #ccc;
				}
				
				#fc-biome .fc-nav table {
					width: 235px;				
				}	
				#fc-geography .fc-nav table {
					width: 215px;	
				}
		
				#fc-organism .fc-nav table {
					width: 215px;						
				}
				

					.fc-nav table td {
						text-align: left;
						vertical-align: middle;		
						padding-left: 19px;	
						border-top: 1px solid #f7f7f7;
						border-bottom: 1px solid #e3e2e2;				
						background: #efefef;
						cursor: pointer;
					}
					
					.fc-nav table td a {
						width: 100%;
						height: 100%;
						display: block;
						color: #333;
						text-decoration: none;
					}
					
					.fc-nav table td a:hover {
						text-decoration: none;
					}
						
						.fc-nav table td a span {
							float: left;
							width: 50%;
						}
					
					.fc-nav table td:hover , .fc-nav table td.selected {
						background: #C4E1EC url(../images/bg_fc_nav.gif) left top repeat-x;
					}
			
	#header #wrapper-search {
		float: left;
		padding: 10px 10px 5px;
		width: 234px;
		height: 76px;
		z-index: 0;
		font: 9px/15px Verdana, Arial, Helvetica, sans-serif;	
	}
	
		#header #wrapper-search h4 {
			position: relative;
			z-index: 0;
			padding: 2px;
			overflow: hidden;
			display:block;
			width: 109px;
			height: 12px;
			text-transform: uppercase;
			font-weight: 700;		
		}
		
			#header #wrapper-search h4 span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}
		
		#header #wrapper-search fieldset {
			padding: 5px 0 0;
		}
			
			#header #wrapper-search fieldset input.left {
				float: left;
			}
			#header #wrapper-search fieldset input.right {
				float: right;
			}
			#header #wrapper-search fieldset input.text {
				margin-top: 1px;
				width: 178px;
				font-size: 15px;
				height: 17px;
			}
			
			#header #wrapper-search fieldset input.radio {
				margin-bottom: -2px;
			}
			
			#header #wrapper-search fieldset span {
				padding-right: 15px;
			}
			
/* = end of sub header
======================================================================================================================================================== */

/* = non-species pages
======================================================================================================================================================== */

#left-pane {
		float: left;
		padding-right: 10px;
		padding-bottom: 20px;
		width: 200px;
		height: 500px;
		}

#left-pane legend { 
		color: #246f8a; 
		text-transform: uppercase; 
		font-weight: bold; 
		font-size: 70%; 
		margin: 0 0 0 5px; 
		padding: 2px; 
		background-color: #FFF; 
		letter-spacing: 1px; 
		}

#right-pane {
	margin-left: 245px;
}

#left-pane fieldset { 
		margin-top: 10px;
		color: #666666;
		border: 1px solid #CCC;
		}

#right-pane h3 {
        font-size: 16px;
        margin-bottom: 5px;
		}

#advanced_search_message {
        font-size: 14px;
		}

/* = end non-species pages
======================================================================================================================================================== */


/* = content
============================================================================ */
	
	/* = page title
	============================================================================ */

	#page-title {
		position: relative;
		padding-top: 8px;
		border-bottom: 1px solid #E5E5E5;
	}
	
	* html #page-title {
		background-position: left 10px;
	}

	#page-separator-general {
    	border-top: 6px solid #959595;
	}

	/* animalia */
	#page-separator-16097869 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #BA3C3C;
		background: #fff url(../images/bg_page_title-animalia.gif) left top repeat-x;
	}

	/* archaea */
	#page-separator-16106613 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #4B0082;
		background: #fff url(../images/bg_page_title-archaea.gif) left top repeat-x;
	}	

	/* bacteria */
	#page-separator-16098245 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #3399FF;
		background: #fff url(../images/bg_page_title-bacteria.gif) left top repeat-x;
	}

	/* chromista */
	#page-separator-16101659 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #A0522D;
		background: #fff url(../images/bg_page_title-chromista.gif) left top repeat-x;
	}

	/* fungi */
	#page-separator-16101981 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #C8A2C6;
		background: #fff url(../images/bg_page_title-fungi.gif) left top repeat-x;
	}
					
	/* plantae */
	#page-separator-16098238 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #00CC00;
		background: #fff url(../images/bg_page_title-plantae.gif) left top repeat-x;
	}

	/* protozoa */
	#page-separator-16103012 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #008080;
		background: #fff url(../images/bg_page_title-protozoa.gif) left top repeat-x;
	}

	/* viruses */
	#page-separator-16103368 {
		position: relative;
		padding-top: 18px;
		background-position: left 10px;
		border-top: 10px solid #696969;
		background: #fff url(../images/bg_page_title-viruses.gif) left top repeat-x;
	}
				
		a.page-help {
			padding: 15px 3px 3px 3px;
			font-size: 14px;
			font-weight: 600;
			text-decoration: underline;
			color: #149ACC;
			float:right;
		}	
		
		#page-help {
			float:right;
			font-size: 12px;
			color: #333;
			width: 190px;
			text-align: left;
			border: 1px solid #333;
			padding: 20px;
			background: #E6E7E8;
			position: absolute;
			left: 750px;
			top: 30px;
			margin-right: 20px;
			z-index: 100;
		}
		

		#page-help ol {
		list-style:decimal;
		list-style-position: inside;
        padding-left: 4px;
        border:0px;	
		}		
	
	    .close-button {
	    	float:right;
	    }


		#page-title h1 {
			padding: 0 0 10px 20px;
			font-size: 32px;
			line-height: 32px;
			font-weight: 700;
			color: #333;
		}
	
		#page-title h2 {
			padding: 0 0 15px 20px;
			font-size: 15px;
			color: #333;			
		}
		
		#page-title ul {
			position: absolute;
			right: 20px;
			top: 37px;
		}
		
		* html #page-title ul {
			top: 47px;
		}
	
			#page-title ul li {
				float: left;
				margin-left: 5px;
			}
			
				#page-title ul li a {
					position: relative;
					overflow: hidden;
					display: block;
					padding-top: 4px;
					width: 50px;
					height: 11px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					font: 8px/8px Verdana, Arial, Helvetica, sans-serif;
				}
				
				#page-title ul li a#link-bookmark {
					width: 70px;
				}
					
					#page-title ul li a span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: #fff;
						background-position: center top;
					}
					
						
		#post-info {
			border-top: 1px solid #E5E5E5;	
			text-transform: uppercase;
			font-weight: 700;	
			font-size: 10px;					
		}
		
		
			#post-info .iucn-status {
				float: left;
				padding-left: 20px;
				width: 471px;
				text-align: left;
				color: #333;
			}
			
				#post-info .iucn-status-value {
					font-weight: 400;
					color: #f63;
				}
		
				#post-info .iucn-status-value a {
					font-weight: 400;
					color: #f63;
					text-decoration: none;
				}
			
			#post-info .page-status a{
				float: right;
				padding-right: 20px;
				width: 471px;
				text-align: right;
				color: #666;
				text-decoration: none;
			}

		
		#page-cite {
			font-size: 12px;
			color: #333;
			width: 190px;
			text-align: left;
			border: 1px solid #333;
			padding: 20px;
			background: #E6E7E8;
			position: absolute;
			left: -90px;
			top: 0px;
			z-index: 110;
		}
		
		#page-curator {
			margin: 10px;
		}			
	
	/* = end of page title
	==================================================================================================================================================== */
	
	
	/* = media center
	============================================================================ */
	
	#page-media-center {
		position: relative;
		width: 982px;
		height: 408px;
		background: url(../images/bg_media_center.gif) left top repeat-x;
	}
	    #map
		{
			padding-left: 20px; 
			padding-top: 5px;
		}

		#media-maps
		{
			background-color: #f4f4f4;
		}
		
		#media-maps h3 {
	        font-size: 16px;
	        margin-bottom: 5px;
			text-align: center;
		}		
		 
		#left-mc {
			float: left;
			width: 702px;
			height: 408px;
		}
			
			ul#tab_media_center {
				padding: 10px 0 0 15px;
				width: 687px;
				height: 29px;
			}
			
				ul#tab_media_center li {
					margin-right: 5px;
				}
					
				ul#tab_media_center li , ul#tab_media_center li a {
					float: left;
					height: 29px;
				}
				
					ul#tab_media_center li#image , ul#tab_media_center li#sounds , ul#tab_media_center li#maps , ul#tab_media_center li#videos ,
					ul#tab_media_center li#image a , ul#tab_media_center li#sounds a , ul#tab_media_center li#maps a , ul#tab_media_center li#videos a { 
						width: 80px;	
					}
					
					ul#tab_media_center li#podcasts , ul#tab_media_center li#rss-feeds , 
					ul#tab_media_center li#podcasts a , ul#tab_media_center li#rss-feeds a { 
						width: 92px;
					}					
					
					ul#tab_media_center li#expert-chat , ul#tab_media_center li#expert-chat a { 
						width: 108px;
					}
					
						ul#tab_media_center li a {
							position: relative;
							display: block;
							overflow: hidden
						}
						
						ul#tab_media_center li a:hover {
							background-color: #fff;
						}
						
							ul#tab_media_center li a span {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								background: #fff;
							}
							
								ul#tab_media_center li#image a span { background: url(../images/mc_nav_images.gif) left top no-repeat}
								ul#tab_media_center li#sounds a span { background: url(../images/mc_nav_sounds.gif) left top no-repeat }
								ul#tab_media_center li#maps a span { background: url(../images/mc_nav_maps.gif) left top no-repeat }
								ul#tab_media_center li#videos a span { background: url(../images/mc_nav_videos.gif) left top no-repeat }
								ul#tab_media_center li#podcasts a span { background: url(../images/mc_nav_podcasts.gif) left top no-repeat }
								ul#tab_media_center li#rss-feeds a span { background: url(../images/mc_nav_rss_feed.gif) left top no-repeat }	
								ul#tab_media_center li#expert-chat a span { background: url(../images/mc_nav_expert_chat.gif) left top no-repeat } 
								
								ul#tab_media_center li#image a:hover span , 
								ul#tab_media_center li#sounds a:hover span ,
								ul#tab_media_center li#maps a:hover span , 
								ul#tab_media_center li#videos a:hover span ,
								ul#tab_media_center li#podcasts a:hover span ,
								ul#tab_media_center li#rss-feeds a:hover span , 
								ul#tab_media_center li#expert-chat a:hover span 
									{ background-position: left -30px}	
								
								ul#tab_media_center li#image a.active span , 
								ul#tab_media_center li#sounds a.active span ,
								ul#tab_media_center li#maps a.active span , 
								ul#tab_media_center li#videos a.active span ,
								ul#tab_media_center li#podcasts a.active span ,
								ul#tab_media_center li#rss-feeds a.active span , 
								ul#tab_media_center li#expert-chat a.active span 
									{ background-position: left -60px}	
										
		#left-mc .wrapper-mc {
			position: relative;
			width: 702px;
			height: 369px;
			overflow: hidden;
		}
		
			#left-mc .wrapper-mc #large-image {
				float: left;
				width: 460px;
				padding: 11px 6px 14px 13px;
			}
			
			
			#left-mc .wrapper-mc .mc-info {
				float: right;
				width: 223px;
			}

			#left-mc .wrapper-mc .mc-info .noimages {
				margin: 20px;
			}
						
				#left-mc .wrapper-mc .mc-info .mc-header {
					position: relative;
					margin: 11px 0 0 7px;
					padding: 7px 0 3px 0;
					width: 207px;
					border-top: 3px solid #ccc;
					border-bottom: 1px solid #ccc;
				}
				
					#left-mc .wrapper-mc .mc-info .mc-header h3 {
						text-transform: uppercase;
						font-size: 15px;
						color: #666;
					}
					
					#left-mc .wrapper-mc .mc-info .mc-header a {
						position: absolute;
						overflow: hidden;
						right: 0;
						top: 8px;
						width: 70px;
						height: 15px;
						text-transform: uppercase;
						text-align: center;
						font: 8px/14px Verdana, Arial, Helvetica, sans-serif;
						background: #ccc;			
					}
						
						#left-mc .wrapper-mc .mc-info .mc-header a span {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
							background: #99CC00 url(../images/bg_contribute.gif) center top no-repeat;
						}				
								
				#left-mc .wrapper-mc .mc-info select {
					margin: 7px 0 7px 7px;
					width: 207px;
				}		
				
				#left-mc #image-collection {
					
				}
				
				#left-mc .wrapper-mc .mc-img {
					height: 175px;
					text-align: center;
				}
				
				#left-mc .wrapper-mc .mc-img a {
					float: left;
					display: block;
					padding: 2px 2px 2px 0px;
					margin: 2px 0 0 2px;
					width: 68px;
					height: 48px;
					background-color: #f4f4f4;
				}
				#left-mc .wrapper-mc .mc-img a.selected, #left-mc .wrapper-mc .mc-img a:hover {
					background: url(../images/bg_thumbs.gif) left top no-repeat;
				}
				
				#left-mc .wrapper-mc .mc-img a img {
					padding: 0;
					margin: 0;
				}
				
				.mc-navigation {
					margin:1px 0 0 5px;
					width: 210px;
					height: 21px;
					border-bottom: 1px solid #ccc; 
					background: #fff url(../images/bg_mc_navigation.gif) center top no-repeat;
				}
				
					.mc-navigation span {
						height: 16px;
						display: block;
						font: 9px/16px Verdana, Arial, Helvetica, sans-serif;
						text-transform: uppercase;
					}

					.mc-navigation a {
						text-decoration: none;
						color: #666;	
					}			
				
					.mc-navigation span a {
						text-decoration: none;
						color: #666;
					}
					
					.mc-navigation span a:hover {
						text-decoration: none;
						color: #333;
					}
					
					.mc-navigation span a.active {
						color: #139ACC;
					}
					
					.mc-navigation span#back {
						float: left;
						padding-left: 15px;
						width: 50px;
						text-align: left;
						background: url(../images/arrow_left.gif) 7px 5px no-repeat;
					}

					.mc-navigation span#noback {
						float: left;
						padding-left: 15px;
						width: 50px;
						text-align: left;
					}
										
					.mc-navigation span#pages {
						float: left;
						width: 70px;
						text-align: center;
						letter-spacing: 1px;
						font-size: 9px;
						display: inline;
					}
					
					.mc-navigation span#next {
						float: left;
						padding-right: 15px;
						width: 55px;
						text-align: right;
						background: url(../images/arrow_right.gif) 60px 5px no-repeat;
					}
				.mc-info .mc-notes {
					position: relative;
					overflow: auto;
					margin: 4px 0 0 9px;
					padding: 0 4px;
					width: 186px;
					height: 93px;
					background: #f4f4f4 url(../images/bg_mc_notes.gif) center top no-repeat;
				}

						.mc-notes span em										
						{
							font-style: italic;
						}
							
					.mc-notes h4 {
						text-transform: uppercase;
						font-size: 14px;
						line-height: 28px;
						color: #999;
						border-bottom: 3px solid #ccc;
					}

					
					.mc-notes span {
						position: absolute;
						color: black;
						line-height:100%;
						margin: 1px;
						text-align:left;
						font-size: 10px;
						text-transform: none;
					}
					

					
					.mc-notes p {
						font-size: 10px;
						line-height: 24px;
						color: #333;
						border-bottom: 1px solid #ccc;
					}
				
					.mc-notes a.image-attribution-larger {
                    font-size: 12px;
					line-height: 14px;
					padding-top: 2px;
                   }
			  					
					#notes-attribution-area { 
						font-size: 10px;
						line-height: 13px; 
					}

				.mc-video-notes {
					position: relative;
					overflow: auto;
					margin: 7px 0 0 9px;
					padding: 0 10px;
					width: 186px;
					height: 178px;
					background: #f4f4f4 url(../images/bg_mc_notes.gif) center top no-repeat;
				}
				
					.mc-video-notes h4 {
						text-transform: uppercase;
						font-size: 14px;
						line-height: 28px;
						color: #999;
						border-bottom: 3px solid #ccc;
					}

					
					.mc-video-notes span {
						position: absolute;
						color: black;
						line-height:100%;
						margin: 5px;
						text-align:left;
						font-size: 10px;
						text-transform: none;
					}
					

					
					.mc-video-notes p {
						font-size: 10px;
						line-height: 24px;
						color: #333;
						border-bottom: 1px solid #ccc;
					}		
			
			.credit-open {
				position: absolute;
				left: 25px;
				bottom: 20px;
				padding: 3px 10px 0 0;
				z-index: 99;
				font-size: 9px;
				line-height: 16px;
			}
			
				tr.credit-line td {
					border-bottom: 1px solid #E6E7E8;
				}


				.tt_ul {
				    background-image: url(../images/tt_ul.gif);
				    background-position: left top;
				    background-repeat: no-repeat;
				    background-color: transparent;
					height: 17px;				
					}
				
				.tt_u {
				    background-image: url(../images/tt_u.gif);
				    background-position: top;
				    background-repeat: repeat-x;
				    background-color: transparent;
					height: 17px;			
					}
				
				.tt_ur {
				    background-image: url(../images/tt_ur.gif);
				    background-position: right top;
				    background-repeat: no-repeat;
				    background-color: transparent;
					width: 17px;
					height: 18px;
				}
				
				.tt_l {
				    background-image: url(../images/tt_l.gif);
				    background-position: left top;
				    background-repeat: repeat-y;
				    background-color: transparent;
					
				}
				
				.tt_r {
				    background-image: url(../images/tt_r.gif);
				    background-position: right top;
				    background-repeat: repeat-y;
				    background-color: transparent;	
					width:17px;
				}


				
				.tt_bl {
				    background-image: url(../images/tt_bl.gif);
				    background-position: left bottom;
				    background-repeat: no-repeat;
				    background-color: transparent;
					width:25px;
				}
				
				.tt_b {
				    background-image: url(../images/tt_b.gif);
				    background-position: bottom;
				    background-repeat: repeat-x;
				    background-color: transparent;
				}
				
				.tt_br {
				    background-image: url(../images/tt_br.gif);
				    background-position: right bottom;
				    background-repeat: no-repeat;
				    background-color: transparent;
					height: 18px;
					width: 17px;	
				}
				
				.tt {
					background-color: #ffffff;
				}				
			    			
				.credit-caption {
					width: 63px;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 9px;
					color: #999;	
					margin-left: 5px;				
				}
								
				.credit-value {
					text-align: left;
					font-size: 10px;	
					margin-left: 10px;				
				}
				
				td.credit-text {
					text-align: left;
					font-size: 10px;
					line-height: 16px;	
					margin-left: 5px;									
				}
							
			.credit-close {
				position: absolute;
				display: block;
				left: 25px;
				bottom: 20px;
				padding-top: 47px;
				width: 25px;
				height: 25px;
				z-index: 200;
			}
			
				.credit-close a {
					display: block;
					width: 25px;
					height: 25px;
					background: url(../images/credit_button.png) left top no-repeat;
				}

        /* video player */
		#video-player {
			float: left;
			width: 460px;
			padding: 11px 6px 14px 13px;			
		}
		
		#video-collection {
			margin-left: 6px;
			border-bottom: 1px solid #ddd;
			height: 134px;
 			width: 205px;
			overflow: auto;
		}

		#video-collection ul {
			list-style: disc;
			list-style-position:inside;
		}
					
		/* taxonomic browser */
		#sliding-close {
			position: absolute;
			top: 0;
			right: 0;
			background: #fff;
			z-index: 100;
			padding: 5px;
			border-left: 1px solid #e6e7e9;	
			border-bottom: 1px solid #e6e7e9;	
		}
			#browser-flash {
				background-color: #c7e2ff;
				width: 270px;
				height: 360px;
				margin-left: 0px auto;
				margin-top: 10px auto;
				margin-right: 0px auto;
	   			margin-bottom: 0px;		
				border: 0px;
				padding: 0px;
			}
			
			#classification-attribution {
				z-index: 105;
				float:right;
				font-size: 12px;
				color: #333;
				width: 230px;
				text-align: left;
				border: 1px solid #333;
				padding: 6px;
				background: #E6E7E8;
				margin-right: 20px;	
				position: absolute;
				top: 300;
				left: 500;			
			}
		
			#sliding-open {
				position: absolute;
				top: 0;
				right: 0;
				width: 982px;
				height: 408px;	
				z-index: 200;
			}
			
			#place-holder {
				position: absolute;
				top: 0;
				right: 0;	
				z-index: 300;
			}	
	
			ul#tab_taxonomic_browser {
				padding: 5px 0 0 15px;
				width: 687px;
				height: 19px;
			}
			
				ul#tab_taxonomic_browser li {
					margin-right: 5px;
				}
					
				ul#tab_taxonomic_browser li , ul#tab_taxonomic_browser li a {
					float: left;
					height: 19px;
					text-decoration: none;
				}		
			/* end taxonomic browser */
		
		/* text-based taxonomic browser */
		#taxonomic-text-container {
			width: 280px;
			height: 360px;
			border: 0px;
			margin-left: 10px auto;
			margin-top: 10px auto;
			margin-right: 10px auto;
   			margin-bottom: 0px;			
			padding: 0px;
			background: url(../images/bg.gif) top;
			font-size: 12px;
			overflow: auto;
		}
		
		.nopages {
			color:#959595;
		}

		#taxonomic-top-link {
			position: relative;
			text-align: right;	
		}
		
		#browser-text a.nopages {
			color:#959595;
		}

		
		#taxonomictext {
			font-size: 100%;
			font-weight: bold;
			margin-left: 0px;
			}
			
		#taxonomictext li ul {
			font-weight: normal;
			padding: 0;
			margin-left: 5px;
			list-style: none;
			}
			
		#taxonomictext-upone {		
			padding-left: 10px;
			background-image: url(../images/jump_up.gif);
			background-repeat: no-repeat;
			background-position: 0 .5em;
			list-style: none;
			}
			
		#taxonomictext a {
			font-weight: none;
			font-family: arial, helvetica, sans-serif;
			padding-bottom: 0;
			color: #31a7d2;
			text-decoration: none;
			border-bottom: 1px solid #dbd5c5;
			}

		#taxonomictext a.expand {
			text-decoration: none;
			border-bottom: 0px;
			font-size: larger;
			}
			
		#taxonomictext li.lastone {
			font-family: arial, helvetica, sans-serif;
			font-weight: 700;
			color: #000;
			text-decoration: none;
			border: 0;
			}

		#taxonomictext li.kingdom {
			font-family: arial, helvetica, sans-serif;
			font-weight: 700;
			text-decoration: none;
			border: 0;
			}
						
		/* end text-based taxonomic browser */
							
	/* = end of media center
	==================================================================================================================================================== */
	
	/* = image center
	==================================================================================================================================================== */	
	#main-image {
		border: 0px solid #ddd;
		vertical-align: middle;
		position: 	relative;
	}	
	
	#main-image-bg {
		background-color: #f4f4f4;
		width: 460px;
		height: 345px;
        line-height: 345px;		
		text-align: center;
		overflow: auto;
	}
	
	#main-image-table {
		cellspacing: 0px;
		cellpadding: 0px;
		border: 0px;
		width:100%;
		height:100%;
	}
	
	#main-image-table tr {
		valign: middle;
	}
	#main-image-table td {
		align: center;
	}	
	
	#video-player{
		background-color: #f4f4f4;
		width: 460px;
		height: 345px;
	}
	/* = image center
	==================================================================================================================================================== */
	
	/* = page content
	============================================================================ */

	#content {
			background: #ffffff;
	}
	#content #page-content {
		width: 982px;
		border-top: 1px solid #E6E7E8;
		padding-bottom: 10px;
	}
	
	#content #page-content-bgfauxinside {
		background-image: url(../images/faux_columns_no_rt.gif);
	}
	
		#content #page-content-bgfaux {
		background-image: url(../images/faux_columns.gif);
	}
	
	#content #page-content form {
		margin-top: 10px;
		padding: 0;
	}
	#content #page-content fieldset {
		background-color: #FFF;
		padding: 10px;
	}
	#content #page-content legend {
		font-weight: bold;
		font-size: 14px;
	}
	#content #page-content label {
		display: block;
		font-weight: bold;
	}
	#content #page-content input {
		font-size: 14px;
	}
	#content #page-content .button {
		font-size: 14px;
	}
	#content #page-content .button input{
		margin-top: 15px;
		font-size: 16px;
	}
	#content #page-content #center-page-content h1,#content #page-content #full-page-content h1 {
		padding: 2px 0 2px 0;
		font-size: 18px;
		font-weight: 700;
		color: #333;
	}
	#content #page-content #center-page-content h2,#content #page-content #full-page-content h2, #home-content-wrap h2 {
		padding: 2px 0 2px 0;
		font-size: 16px;
		font-weight: 700;
		color: #333;
	}		
	#content #page-content #center-page-content h3,#content #page-content #full-page-content h3, #home-content-wrap h3 {
		padding: 2px 0 2px 0;
		font-size: 14px;
		font-weight: 700;
		color: #333;
	}
	#content #page-content #center-page-content sup a {
		text-decoration: none;
	}	
	#content #page-content #center-page-content ul, #content #page-content #full-page-content ul, #home-content-wrap ul {
		list-style:square;
		padding-left: 4px;
		border:  0px;
	}	
	#content #page-content #center-page-content ol, #content #page-content #full-page-content ol, #home-content-wrap ol {
		list-style:decimal;
		list-style-position: inside;
        padding-left: 4px;
        border:0px;
	}		
	#content #page-content #center-page-content li, #content #page-content #full-page-content li, #home-content-wrap li {
	    padding: 0px;
    }         		

	#content #page-content #full-page-content {
		padding: 20px;
		min-height: 300px;
	}
	
	#content #page-content #full-page-content #inside-columns {
		width: 982px;
		border-top: 1px solid #E6E7E8;
	}
	
	#content #page-content #full-page-content strong, #home-content-wrap strong {
		font-weight: bold;
	}

	#content #page-content #full-page-content em, #home-content-wrap em {
		font-style: italic;
	}
	
	#content #page-content #cpc-content em {
		font-style: italic;
	}
	
	#content #page-content #center-page-content p, #home-content-wrap p {
		padding: 8px 0;
	}
	#content #page-content #center-page-content strong {
		font-weight: bold;
	}
	
	#center-page-content-loading {
		position:absolute;
		left: 530px;
		margin-top: 150px;
		z-index: 100;
	}
	
	
		/* = left page content
		============================================================================ */
		#content #page-content #left-page-content {
			float: left;
			width: 240px;
			border-right: 5px solid #E6E7E8;
		}
		

			
				#slider {
					margin-left: 20px;
					width: 205px; 
					height:28px;
					background: url(../images/slider_bar.gif) no-repeat -205px center;
				}
				#handle {
					position: absolute;
					margin-left: 20px;
					width: 13px;
					height:28px;
					background: url(../images/slider_button.gif) left top no-repeat;
					z-index: 2;
					cursor: pointer;
				}
				
				#grid {
					position: absolute;
					left: 0;
					top: 0;
					width: 240px;
					height: 71px;
					background: url(../images/sliding_toggle.gif) left top no-repeat;
					z-index: 1;
				}
			
			h4#toc-header {
				width: 220px;
				padding: 20px 0 25px 20px;
				text-transform: uppercase;
				font-size: 15px;
				border-bottom: 1px solid #E6E7E8;
			}
			
				ul#toc li {					
					width: 240px;
					border-bottom: 1px solid #E6E7E8;
				}	
				
					ul#toc li a {
						width: 200px;
						display: block;
						padding-left: 36px;
						line-height: 21px;
						color: #959595;
						text-decoration: none;
						background: url(../images/toc.gif) 20px 1px no-repeat;
					}
					
					span.no_toc_link {
						width: 200px;
						display: block;
						padding-left: 36px;
						line-height: 21px;
						color: #959595;
						font-weight: 700;
						text-decoration: none;

					}
										
					ul#toc li a:hover , ul#toc li a.active {
						text-decoration: none;
						color: #666;
						background: url(../images/toc_hover.gif) 20px 1px no-repeat;
					}

					ul#toc li.li-sub a {
						width: 190px;
						display: block;
						padding-left: 50px;
						line-height: 21px;
						color: #959595;
						text-decoration: none;
					}
					
					ul#toc li.li-sub a:hover , li.li-sub a.active {
						text-decoration: none;
						color: #666;
					}		
		/* = center page content
		============================================================================ */
		#content #page-content #center-page-content {
			position: relative;
			padding-left: 20px;
			padding-right: 10px;
			float: left;			
			width: 447px;
		}
	
		#content #page-content #center-page-content #wrapper-cpc {
			padding-bottom: 30px;
		}
		
		#content #page-content #center-page-content #cpc-header {
			margin-bottom: 12px;
			padding-bottom: 11px;
		}
		
			#content #page-content #center-page-content #cpc-header a.contribute {
				position: absolute;
				top: 13px;
				right: 20px;
				width: 70px;
				overflow: hidden;
				height: 15px;
				text-align: center;
			}
			
			#content #page-content #center-page-content #cpc-header h3 {
				padding: 13px 0 3px 0;
				text-transform: uppercase;
				font-size: 24px;
				line-height: 26px;
				font-weight: 700;
				color: #333;
				border-bottom: 2px solid #ccc;
			}
				
			#content #page-content #center-page-content #cpc-header p {
				width: 447px;
			}
				
				#content #page-content #center-page-content #cpc-header p span {
					padding: 0 7px;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 11px;
					color: #666;
					border-right: 1px solid #999;
				}

		.source a 
		{
			font-weight: 700;
		}		

		.content-article {
		}
				
		#content #page-content #center-page-content #cpc-content p {
			padding-bottom: 0px;
		}
		
		#content #page-content #center-page-content .cpc-sub-content .cpc-sub-content-header {
			width: 447px;
			padding: 10px 0;
			border-bottom: 1px solid #ccc;
		}
		
			#content #page-content #center-page-content .cpc-sub-content .cpc-sub-content-header h4 {
				float: left;
				text-transform: uppercase;
				font-size: 14px;
				font-weight: 700;
				color: #999;
			}
			
			#content #page-content #center-page-content .cpc-sub-content .cpc-sub-content-header span {
				float: right;
				text-transform: uppercase;
				font-size: 11px;
				color: #999;
			}
				
				#content #page-content #center-page-content .cpc-sub-content .cpc-sub-content-header span strong {
					padding-right: 5px;
					font-weight: 700;
					color: #666;
				}
				
		#content #page-content #center-page-content .cpc-sub-content ul {
			padding: 10px 0 20px;
		}
		
			#content #page-content #center-page-content .cpc-sub-content ul li {
				width: 447px;
				line-height: 21px;
				border-bottom: 1px dotted #ccc;
			}
			
				#content #page-content #center-page-content .cpc-sub-content ul li a {
					text-decoration: none;
				}
				
				#content #page-content #center-page-content .cpc-sub-content ul#sources li a {
					float: left;
				}
				
				#content #page-content #center-page-content .cpc-sub-content ul li a:hover {
					text-decoration: underline;
				}
				
				#content #page-content #center-page-content .cpc-sub-content ul li strong {
					font-weight: 700;
				}
				
				#content #page-content #center-page-content .cpc-sub-content ul li em {
					float: right;
					text-align: right;
				}
		

		.attribution-header1 {
			font-weight: 600;
			color: #999;
			text-transform: uppercase;
		}
						
		.attribution-header2 
		{
			font-weight: 600;
			color: #999;
			border-bottom: 1px solid #ccc;	
			text-transform: uppercase;								
		}	
	   
		.content-attribution-area {
			margin-top: 2px;
			padding-top: 2px;
			padding-bottom: 4px;
			border-bottom: 1px solid #ccc;
		}
			   		
		a.footnote {
			text-decoration: none;
		}		
  				
		/* = right page content
		============================================================================ */
		#content #page-content #right-page-content {
			float: right;
			width: 245px;
			padding-left: 1px;
			background-color: #FFF;
		}

			#content #page-content #right-page-content #internal-nav {
				padding: 0;
				border-top: solid #E6E7E8 4px;
				border-bottom: solid #E6E7E8 1px;
			}

				#content #page-content #right-page-content #internal-nav h4 {
					width: 224px;
					padding: 15px 0 15px 7px;
					text-transform: uppercase;
					font-size: 15px;
					color: #333;
					border-bottom: solid #E6E7E8 1px;
				}

				
									
			#content #page-content #right-page-content #contribute {
				padding: 16px 0 15px 0;
				background: #F6F6F7 url(../images/bg_contributetoeol.gif) left top no-repeat;
			}
		
				#content #page-content #right-page-content #contribute h4 {
					width: 224px;
					padding-left: 21px;
					text-transform: uppercase;
					font-size: 15px;
					color: #333;
				}
				
				#content #page-content #right-page-content #contribute ol {
					list-style-type: decimal;
					list-style-position: inside;
					padding: 9px 0 11px 0;
				}
					
					#content #page-content #right-page-content #contribute ol li {
						padding-left: 21px;
						line-height: 21px;
						font-size: 14px;
						font-weight: 500;
						color: #ccc;
						border-bottom: 1px solid #E6E7E8; 
					}
					
					#content #page-content #right-page-content #contribute ol li.last {
						border-bottom: none;
					}
						
					
						#content #page-content #right-page-content #contribute ol li a {
							text-decoration: none;
							font-size: 10px;
							color: #999;
						}
						
						* html #content #page-content #right-page-content #contribute ol li a {
							padding-left: 8px;
						}
						
						#content #page-content #right-page-content #contribute ol li a:hover {
							text-decoration: underline;
						} 
						
						#content #page-content #right-page-content #contribute ol li a strong {
							font-style: italic;
							font-size: 12px;
							color: #666;
						}
				
				#content #page-content #right-page-content #contribute p {
					padding-left: 21px;
					padding-bottom: 0px;
					font-size: 11px;
					color: #fff;
				}
				
				#content #page-content #right-page-content #contribute p#contribute-menu {
					padding: 0;
					padding-left: 21px;
				}
				
				#content #page-content #right-page-content #contribute p#contribute-menu a {
					width: 205px;
					height: 25px;
					display: block;
					margin-left: 1px;
					padding: 2px 0 0 0;
					text-decoration: none;
					text-align: center;
					text-transform: uppercase;
					font-size: 12px;
					font-weight: 700;
					color: #fff;
					background: url(../images/bg_contributetoeol_menu.gif) center top no-repeat;
				}
				
				#content #page-content #right-page-content #contribute p#contribute-menu a:hover {
					text-decoration: none;
					color: #779319;
				}
				
			#content #page-content #right-page-content .articles {
				position: relative;
				margin-top: 5px;
				padding: 20px 0 20px 21px;
				background-color: #F6F6F7;
			}
				
				#content #page-content #right-page-content .articles  h4 {
					padding-bottom: 20px;
					text-transform: uppercase;
					font-size: 15px;
					color: #333;					
				}
				
				ul#tab_related_articles {
					height: 27px;
				}
				
					ul#tab_related_articles li {
						float: left;
						margin-left: -2px;
						text-align: center;
						border-left: 2px solid #F6F6F7;
						background-color: #E6E7E8;
					}
					
						ul#tab_related_articles li a {
							width: 48px;
							padding: 5px 12px 5px 9px;
							display: block;
							text-transform: uppercase;
							text-decoration: none;
							color: #666;
							font: 9px/15px Verdana, Arial, Helvetica, sans-serif;
							border-bottom: 2px solid #F6F6F7;
						}
						
						ul#tab_related_articles li a.active , ul#tab_related_articles li a:hover {
							background-color: #fff;
							border-bottom-color: #fff;
						}
						
				.articles .articles-content {
					padding: 11px 10px 10px 13px;
					width: 184px;
					background-color: #fff;
				}
				
					.articles .articles-content ul li {
						line-height: 21px;
						border-bottom: 1px dotted #ccc;
					}		
							
						.articles .articles-content ul li a {
							text-decoration: none;
							font-style: italic;
							font-size: 11px;
						}	
						
						.articles .articles-content ul li a:hover {
							text-decoration: underline;
						}	
						
						.articles .articles-content ul li.last {
							border-bottom: none;
						}	
				
			/* automatic literature parsing */			
			.article {
						text-indent: -2em;
						margin-left: 2em;
					}			
							
				.book {
					text-indent: -2em;
					margin-left: 2em}		
			/* automatic literature parsing */						
			#content #page-content #right-page-content #internal-nav #related dt { 
				margin: 0;
				padding: 0;
				}
				
			#content #page-content #right-page-content #internal-nav #related dt img {
				float: left;
				display: block;
				margin: 2px 10px 0 4px;
				padding: 1px;
				border: 3px solid #E6E7E8;
				}


			#content #page-content #right-page-content #internal-nav #related dd {
				margin: 10px 0 45px 0 !important;
				padding: 0;
				}
				
			#related-species-table {
				width: 240px;
				padding: 0;
				margin: 0;
				font-size: 13px;
				}

			#related-species-table img {
				padding: 1px;
				border: solid 4px #e6e7e9;
				}


			#related-species-table td {
				padding: 5px 6px 5px 3px;
				color: #666666;
				}


			#related-species-table td.alt {
				color: #666666;
				}
				

/* = tables
============================================================================ */	
				
			.results_table {
				padding: 0;
				margin: 0;
			}
			
			
			.results_table th {
				font: bold 11px Arial, Helvetica, sans-serif;
				color: #246f8a;
				border-right: 1px solid #e6e7e9;
				border-bottom: 1px solid #e6e7e9;
				border-top: 1px solid #e6e7e9;
				border-left: 1px solid #e6e7e9;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 6px 6px 12px;
				background: #9cdef6;
			}
			
			.results_table th.nobg {
				border-top: 0;
				border-left: 0;
				border-right: 1px solid #C1DAD7;
				background: none;
			}
			
			.results_table td.odd {
				border-right: 1px solid #e6e7e9;
				border-bottom: 1px solid #e6e7e9;
				border-left: 1px solid #e6e7e9;
				background: #fff;
				padding: 6px 6px 6px 12px;
				color: #666666;
			}
			
			
			.results_table td.even {
				border-right: 1px solid #e6e7e9;
				border-bottom: 1px solid #e6e7e9;
				border-left: 1px solid #e6e7e9;				
				background: #F5FAFA;
				padding: 6px 6px 6px 12px;				
				color: #666666;
			}						
									
	/* = end of page content
	==================================================================================================================================================== */
	

/* = end of content
======================================================================================================================================================== */

/* = footer
============================================================================ */

#footer { 
    width: 962px;
	padding: 5px 0 5px 20px;
	background-color: #ccc;
	color: #666;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
	}



/* = end of footer
======================================================================================================================================================== */

/* = Error Messages
============================================================================ */

#errorExplanation {
	padding: 10px;
	border: 2px solid #C20404;
	background-color: #F7E9E9;
}
#errorExplanation h2{
	color: #C20404;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0;
}
#errorExplanation p{
	color: #000;
}
#errorExplanation ul{
	list-style: disc;
	color: #C20404;
}
#errorExplanation ul li {
	margin-left: 30px;
	padding: 0px;
}
ul.errors { 
	list-style: none; 
	padding: 0 0 5px 15px;
}
ul.errors li { 
	color: red; 
}
span.error {
	color: #B00000;
	font-size:1.0em;
	line-height:1em;	
}
span.warn { 
	display: none;
	color: #B00000;
	font-size:0.8em;
	line-height:1em;
}
fieldset.invalid { 
	border-color:#B00000;
}
label.invalid {
	color:#B00000;
}
label span {
	color: #B00000;
}
label.invalid span.warn {
	display:inline; 
	color:#B00000;
	font-style:italic; 
}
input.invalid {
	border-color:#B00000;
	background:#FFF3F3 url(../images/stop.png) no-repeat 98% 50%; 
}
textarea.invalid { 
	border-color:#B00000; 
	background:#FFF3F3 url(../images/stop.png) no-repeat 100% 0; 
}
fieldset.warn { 
	border-color: #555;
}
label.warn { 
	color:#B00000; 
}
label.warn span.warn { 
	display: inline; 
	color:#B00000; 
	font-style:italic;
}
input.warn, textarea.warn { 
	border-color:#aaa; 
	background-image: none;
}
/* = end of errors
======================================================================================================================================================== */

/* = Flash Message
============================================================================ */
#progress-open {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .50;
}

#progress-bar {
	z-index: 10001;
	text-align: center;
	position: absolute;
	top: 35%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
	
#flash-good {
	background: #D4ECB8;
	border: 2px solid #38BD17;
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	color: #38BD17;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible;
	font-size: 14px;
}
#flash-warning {
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	background: #FF6966;
	border: 2px solid #FF4A47;
	color:#fff;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible;
	font-size: 14px;
}

#flash-error {
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	background: #FF6966;
	border: 2px solid #FF4A47;
	color:#fff;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible;
	font-size: 14px;
}
#flash-survey {
	background: #D4ECB8;
	border: 2px solid #38BD17;
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	color: black;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible;
  text-align: left;
	font-size: 14px;
}
/* = end of flash message
======================================================================================================================================================== */

/* = homepage 
======================================================================================================================================================== */
.photo_slider {
	position: relative; 
	width: 946px; 
	margin: 0 auto 5px auto;  
	background: #ffffff;	
}

#photos_area_slider {
	overflow: hidden;
	width:934px;
	background: #ffffff;	
}

#top-photos-table img {
	padding: 0px;
	margin: 0px;
}

#top-photos-table {
	border-top:1px solid  #E6E7E8;
	width:936px;
	height:204px;
	margin-top: 10px;
}
	
#top-photos-table td.image {
	padding: 4px;
	width:147px;
	height:147px;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid #E6E7E8;
}

#top-photos-table td.name {
	padding-left: 4px;
	width:147px;
	height:40px;
	vertical-align: top;
	border-right: 1px solid #E6E7E8;
}

#top-photos-table td.image-last {
	padding: 4px;
	width:147px;
	height:147px;
	vertical-align: top;
	text-align: center;
	border-right: 0px;
}
	
#top-photos-table td.name-last {
	padding-left: 4px;
	width:147px;
	height:40px;
	vertical-align: top;
}

#photo-area-wrapper {
    width: 983px; 
    margin-bottom: 10px; 
   	padding:0;
   	border-bottom: 6px solid #d1d960;
	background: #ffffff;
}
		
#photo-area-wrapper h1 {
		font-size: 24px;
		margin: 20px 0 10px 4px;  
		color: #666666;
}
		
		
#home-content-wrap {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		background: #fff url(../images/homepage/faux_columns.gif) repeat-y 50% 0;
}
		
		
#home-content-species {
		padding: 10px;
}
	
	
#home-content-wrap h1 {
		font-size: 20px;
		margin: 10px 0 15px 7px;  
		color: #333;
}

#sidebar-a {
			float: left;
			width: 315px;
			margin: 0;
			padding: 10px;
			height: 100%;
}
		
#sidebar-a p {
			margin-left: 7px;
			margin-right: 10px;
}
		
#sidebar-b {
			float: right;
			width: 315px;
			margin: 0;
			padding: 10px;
			height: 100%;
			background: #ffffff;			
}
		
#sidebar-b p {
			margin-left: 7px;
			margin-right: 10px;
}
		
#home-content-wrap #helplist { 
		list-style-image: url(../images/homepage/help_icon.gif); 
		margin: 20px 0 0 30px;
		padding: 0;
}
		
#helplist li {
		margin: 7px 0 0 0;
		padding: 0;
}
		
		
#footer {
		clear: both;
		margin-top: 1px;
}
		
		
#top-species-table {
		width: 300px;
		padding: 0;
		margin: 0;
		font-size: 13px;
}

#top-species-table img {
		padding: 1px;
		border: solid 4px #e6e7e9;
}

#top-species-table td {
		padding: 5px 6px 5px 3px;
		color: #666666;
		text-align: left;
}

#top-species-table td.image {
		padding: 5px 6px 5px 3px;
		color: #666666;
		text-align: right;
}



#featured-species-table {
		width: 300px;
		padding: 0;
		margin: 0;
		font-size: 13px;
}

#featured-species-table img {
		padding: 1px;
		border: solid 4px #e6e7e9;
}


#featured-species-table td {
		padding: 5px 6px 5px 3px;
		color: #666666;
}


.nav_buttons {
	position: absolute;
	top: 4px;
	right: 10px;
}

.nav_buttons #more-button a {
	font: normal 16px arial, sans-serif;
	padding: 0px;
	text-decoration: none;
	color: #149ACC;
}

.nav_buttons .more a {
	float: left;
	display: block;
	font: normal 18px arial, sans-serif;
	padding-top: 4px;
	padding-right: 30px;
	text-decoration: none;
	color: #149ACC;
}

.nav_buttons p {
	float: left;
	margin-left: 4px;	
}

.nav_buttons #next-button {
	padding-left: 9px;
}

.nav_buttons p.play {
	background-position: -30px -572px;
}

/* = end of homepage
======================================================================================================================================================== */




/* = text taxonomic browser
======================================================================================================================================================== */
.current_node {
	font-weight: bold;
	font-style: italic;
}

#textarea {
	text-transform: uppercase; 
	border-bottom: medium solid #CCC;
	text-align: center;
	}
	
#textarea a {
	font-weight: normal;
	font-style: none;
	text-decoration: none;
	}
	
#textarea a. {
	color: #CCC
	}
	

/* = end of text taxonomic browser
======================================================================================================================================================== */

/* = Image media center pagination
============================================================================ */
#pages .pagination span {
    display: inline;
}

.thinborderfloat {
  float:center;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  } 
  .dropcap {
float:left;
color:firebrick;
font-size:40px;
line-height:20px;
padding-top:2px;
font-family: Times, serif, Georgia;
}