/* biodiversity browser layout */
	#biobrowser #body-wrap{
           
		background:url(../images/browser/container-bg.gif)  repeat-y; 
                
	}
		#biobrowser-wrap{
			padding:15px 17px 15px 17px;
		}
			#biobrowser-navigation{
					width:auto; height:29px; position:relative;
					background:url(../images/browser/nav-bottom-edge.gif) bottom repeat-x;				
				}
					#nav-biobrowser li{
						list-style:none;                                        
						float:left; height:29px;
						border:none;
					}
						#nav-biobrowser a{
							height:29px; display:block;
							text-decoration:none;
						}
						#nav-overview a{
							width:100px;
							background:url(../images/browser/nav-overview.gif) no-repeat;
						}
						#nav-species a{
							width:100px;
							background:url(../images/browser/nav-species.gif) no-repeat;
						}
						#nav-habitat a{
							width:100px;
							background:url(../images/browser/nav-habitat.gif) no-repeat;
						}
						#nav-humanfootprint a{
							width:155px;
							background:url(../images/browser/nav-humanfootprint.gif) no-repeat;
						}
							#nav-biobrowser a:hover{
								background-position:0 -30px;
							}
							#nav-biobrowser .active a, #nav-biobrowser .active a:hover{
								background-position:0 -60px;
							}
			#biobrowser-content{
				border:1px solid #000;
				border-top:none;
				background-color:#FFF;
			}

#biobrowser-content #column1{
margin:0px;
padding:0px;
width:195px; margin: 15px 0 15px 5px; float:left;
}
#biobrowser-content #column2
{
margin:0px;
padding:0px;
width:695px; margin-top:15px; margin-left:20px; float:left;
padding-bottom:10px;
}
#column2 .rawdata-selection-button-style
{
color:#fff;
text-decoration:none;
}
#column2 .rawdata-selection-button-style:link, #column2 .rawdata-selection-button-style:visited{
text-decoration:none;
color:#fff;
}
#column2 .rawdata-selection-button-style input
{
text-decoration:none;
color:#000;
}


/* SECTION SPECIFIC SETTINGS */
/* Biodiversity browser text styles */
#biobrowser h1{
	display:block; width:100%;
}

/* Biodiversity browser column 1 styles */
/* Biodiversity browser column 1 styles */
   
#selected-area{
	width:100%;
        
      
}
	#sa-header-wrap{
		padding:7px;
		background:url(../images/browser/sa-header-bg.gif) no-repeat;
	}
	#sa-body-wrap{
		padding:7px;
		background:url(../images/browser/sa-body-bg.gif) repeat-y;
	}
	#sa-footer-wrap{
		padding:7px;
		background:url(../images/browser/sa-footer-bg.gif) no-repeat bottom left;
               
	}
	#selected-area .drop-down{
		width:100%;
		font-size:12px;
	}
        #sa-map-region{
		width:180px; text-align:left;	
	        padding-left:5px;
                padding-bottom:5px;
	}
	#sa-map{
		width:70px; text-align:center;
	}
	#sa-map-copy{
		width:105px; 
                padding-left:5px;
	}
#common.home #mapoverview{
margin: 15px 0 0 16px;
text-align:left;
}
#snav-copy{
	padding: 7px 1px 7px 7px;
}

/* Biodiversity browser text styles */
h1.box-title{
	font-size:12px; font-weight:bold; color:#666; 
}

	/* Tables & lists */
	/*table {
		border-left: 1px solid #999; border-bottom:1px solid #999; border-top: 1px solid #000;
	}
	table p{
		padding:5px 0 5px 0;
	}
	table th p{
		padding:0;
	}
	table td{
		border-right:1px solid #999; padding:0 7px 0 7px;
	}
	table th{
		border-right:1px solid #000; padding:7px; border-bottom:1px solid #000;
	}*/
        table.generic tr td{
			height:10px;
			border:none;
                         padding-left:2px;
                          vertical-align: middle;
		}
	table th.first {
		border-left:1px solid #000; padding:7px;
	}
        td.first{
		border-left:1px solid #000; padding:7px;
	}
       
        
		/* species tables */
               
                
		table.species th{
			background-color:#C9D3EF;
		}
		table.species tr.alternate td{
			background-color:#E6EAF7;
		}
		/* habitat tables */
		table.habitat th{
			background-color:#B4E0BC;
		}
		table.habitat tr.alternate td{
			background-color:#EFEFEF;
		}
		
		/* generic tables */
		table.generic tr.greenbanner {
			background-color:#e3ebdf;
			height:23px;
			border:none;
		}
                
               
                table.generic  tr.first {
			background-color:#e3ebdf;
			height:23px;
			border:none;
		}
                
		table.generic h1{
			height:23px;
			line-height:23px;
			padding:0px;
		}
		
		table.generic tr.alternate td{
			background-color:#eceef1;
			height:25px;
			border:none;
                       
		}
		table.generic input, table.generic select{
			background-color:#e9fbfb;
			margin:3px 0;
			vertical-align:middle;
		}
		table.generic input#CreateAccount{
			background-color:#FFF;
		}
		
		table.checkboxes p{
			height:25px; margin:0px; padding:0px;
			line-height:25px;
		}
		table.checkboxes input{
			background:none;
		}
		
		

/* Browser sub navigation styles */
#snav-box-wrap h1.box-title{
	font-size:12px; font-weight:bold; color:#000;
}
#snav-header-wrap{
	padding:7px 7px 0px 7px; height:27px;
	background:url(../images/browser/snav-overview-header-bg.gif) no-repeat;
}
#snav-footer-wrap{
	height:10px;
	background:url(../images/browser/snav-overview-footer-bg.gif) no-repeat;
}
ul#sub-nav, ul#sub-nav li{
	list-style:none;
	width:100%;
	/*margin-left:-20px;  Joan removed this, but don't know who added it initially **/
	}
#sub-nav li a{
	width:auto; height:auto; padding: 4px 0px 4px 21px; display:block;  
	border-bottom:1px solid #676767; 
	line-height:14px; color:#000; text-decoration:none;
}
#sub-nav li a:link, #sub-nav li a:visited{
	background:url(../images/browser/snav-overview.gif) repeat-y;
}
#sub-nav li a:hover, #sub-nav li.active a:link, #sub-nav li.active a:visited{
	background:url(../images/browser/snav-overview-hover.gif) no-repeat;
	font-weight:bold;
}
#sub-nav li.active a:link,#sub-nav li.active a:visited{
	color:#000;
}
#snav-copy{
	background:url(../images/browser/snav-overview-bg.gif) repeat-y;
}

/* SPECIES */
.species .breadcrumb a:link, .species .breadcrumb a:visited{
	color: #2563A7; text-decoration: underline; font-size:11px;
}
.species .breadcrumb a:hover{
	text-decoration: none; color:#000;
}

.species .breadcrumb a:active {
	color: #2563A7; text-decoration: none;
}
	/* Browser subnav-species styles */
	#snav-box-wrap.species a{
		color:#2563a7;
                padding-right:2px;
	}
	.species #snav-header-wrap{
		padding:17px 7px 0px 55px; height:30px;
		background:url(../images/browser/snav-species-header-bg.gif) no-repeat;
	}
	.species #snav-footer-wrap{
		background:url(../images/browser/snav-species-footer-bg.gif) no-repeat;
	}
	.species #sub-nav li a:link, .species #sub-nav li a:visited{
		background:url(../images/browser/snav-species.gif) repeat-y;
	}
	.species #sub-nav li a:hover, .species #sub-nav li.active a:link, .species #sub-nav li.active a:visited{
		background:url(../images/browser/snav-overview-hover.gif) no-repeat;
		font-weight:bold;
	}
	.species #snav-copy{
		background:url(../images/browser/snav-species-bg.gif) repeat-y;
	}


/* SPECIES DETAILS */
#biobrowser-content  #column2 ul{
margin-left:0px;
}

#biobrowser-content #column2 ul li{
margin-left:0px;
}

#biobrowser-content  #column2 a:hover{
text-decoration: none;
}
	#species-details-nav-wrap{
		width:auto; height:25px; position:relative;
		background:url(../images/browser/nav-bottom-edge.gif) bottom repeat-x;
		background-position:left bottom;
		color:#000;				
	}
		#species-details-nav{
			list-style-type:none;
			height:25px;
			margin:0px;  
			padding:0px;
			background:url(../images/browser/species/details_bg.gif) repeat-x;
			color:#000;
			}   
		/*NORMAL LINK STATE*/     
		#species-details-nav li{
			float:left; height:24px;
			list-style-type:none;
			margin-right:3px;
			background:url(../images/browser/species/details.gif) no-repeat;
			display:inline;
			border-bottom:solid 1px #000;
			white-space:nowrap;
			color:#000;
		}
		#species-details-nav li:hover{
			float:left; height:24px;
			list-style-type:none;
			margin-right:3px;
			background:url(../images/browser/species/details_over.gif) no-repeat;
			display:inline;
			border-bottom:solid 1px #000;
			color:#000;
			
		}
			#species-details-nav li a{
				height:20px; display:block;
				text-decoration:none;
				background:url(../images/browser/species/details_right.gif) no-repeat;
				background-position:right top;
				padding-left:5px; padding-right:5px; padding-top:4px;line-height:1.2em;
				white-space:nowrap;
				color:#000;
				text-decoration:none;
			}
			#species-details-nav li a:link,#species-details-nav li a:visited{
				color:#000;
				text-decoration:none;
			}
			#species-details-nav li a:hover{
				height:20px; display:block;
				text-decoration:none;
				background:url(../images/browser/species/details_right_over.gif) no-repeat;
				background-position:right top;
				padding-left:5px; padding-right:5px; padding-top:4px;line-height:1.2em;
				white-space:nowrap;
				color:#000;
				text-decoration:none;
			}
			
		/*Selected LINK STATE*/     
		#species-details-nav li.selected{
			float:left; height:24px;
			list-style-type:none;
			margin-right:3px;
			background:url(../images/browser/species/details_over.gif) no-repeat;
			display:inline;
			border-bottom:solid 1px #EDF0FA;
			white-space:nowrap;
			color:#000;
		}
		#species-details-nav li.selected:hover{
			float:left; height:24px;
			list-style-type:none;
			margin-right:3px;
			background:url(../images/browser/species/details_over.gif) no-repeat;
			display:inline;
			border-bottom:solid 1px #EDF0FA;
			color:#000;
			
		}
			#species-details-nav li.selected a{
				height:20px; display:block;
				text-decoration:none;
				background:url(../images/browser/species/details_right_over.gif) no-repeat;
				background-position:right top;
				padding-left:5px; padding-right:5px; padding-top:4px;line-height:1.2em;
				white-space:nowrap;
				color:#000;
				text-decoration:none;
				font-weight:bold;
			}
			#species-details-nav li.selected a:link{
				color:#000;
				text-decoration:none;
				font-weight:bold;
			}
			#species-details-nav li.selected a:hover{
				height:20px; display:block;
				text-decoration:none;
				background:url(../images/browser/species/details_right_over.gif) no-repeat;
				background-position:right top;
				padding-left:5px; padding-right:5px; padding-top:4px;line-height:1.2em;
				white-space:nowrap;
				color:#000;
				text-decoration:none;
				font-weight:bold;
			}
			
			#species-details-copy-wrap{
				padding:10px 15px 10px 10px;
				border:1px solid #000; border-top:none; background-color:#edf0fa;
			}
				#species-details-column1{
					width:125px; padding-right:5px;
				}
				.three-column #species-details-column2{
				width:350px; padding:10px;  border-left:thin dotted #aaa;
                                 
				}
				.three-column #species-details-column2-no-border{
				width:480px; padding:10px;
				}                              
                                
                                .three-column #species-details-column2-images{
				width:500px; padding-left:10px;
				}                                                              
                                
                                 .two-column #species-details-column2-images{
				width:655px; padding-left:10px;
				}      
				.two-column #species-details-column2{
				width:500px; padding:10px;  border-left:thin dotted #aaa;
                               
				}
				.two-column #species-details-column2-no-border{
				width:655px; padding:10px;
				}                                
				#species-details-column3{
				width:145px; padding-left:15px;
                                 border-left:thin dotted #aaa;
                                 
				}


/* HABITAT */
.habitat a:link, .habitat a:visited, .habitat .breadcrumb a:link, .habitat .breadcrumb a:visited{
	color: #1F4E27; text-decoration: underline; font-size:1.0em;
}
.habitat a:hover, .habitat .breadcrumb a:hover{
	text-decoration: none; color:#000;
}
.habitat a:active, .habitat .breadcrumb a:active {
	color: #1F4E27; text-decoration: none;
}
/* Browser subnav-habitat styles */
#snav-box-wrap.habitat a{
	color:#1f4e27;
}
.habitat #snav-header-wrap{
	padding:17px 7px 0px 55px; height:30px;
	background:url(../images/browser/snav-habitat-header-bg.gif) no-repeat;
}
.habitat #snav-footer-wrap{
	background:url(../images/browser/snav-habitat-footer-bg.gif) no-repeat;
}
.habitat #sub-nav li a:link, .habitat #sub-nav li a:visited{
	background:url(../images/browser/snav-habitat.gif) repeat-y;
}
.habitat #sub-nav li a:hover, .habitat #sub-nav li.active a:link, .habitat #sub-nav li.active a:visited{
	background:url(../images/browser/snav-overview-hover.gif) no-repeat;
	font-weight:bold;
}
.habitat #snav-copy{
	background:url(../images/browser/snav-habitat-bg.gif) repeat-y;
}






.profileSpacing{
    margin-bottom: 5px;
    margin-left:10px;
}

.selectedProfileSpacing{
    font-weight:bold;
    text-decoration:none;
    margin-bottom: 5px;
    margin-left:10px;    
}

.af_column_header-icon-format{
    border-right:1px solid #000; padding:7px; border-bottom:1px solid #000;background-color:#C9D3EF;    
}

.af_tableSelectOne_cell-icon-format{
    padding-left: 20px;
    border-left:1px solid #999;    
    border-bottom:1px solid #999;
    border-top  :1px solid #999;
}

.af_inputText_content{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
/***************/
/**Joan's**/
#moreregions {
text-align:left;
padding:10px;}



#popup_tooltip{
color:#df1262;
text-align:left;}


.h2-class-black{
display:block;
color:#000;
padding-top:3px;
padding-bottom:12px;
font-size:12px;
text-decoration:none;
font-weight:bold;
text-align:center;
}

.graphradio  {margin-left:20px; }