/* CSS Document for FISHBOL.org */
/* Author: James Nicol (james_nicol111@hotmail.com), Glossopteris Designs, August, 2005 */ 

/*----- General page styles -----*/
body {
	padding:0;
	text-align:center;
	background-color:#D4D5D6;
}

/*----- Layout and individual div styles -----*/
#container { 
	margin:auto; 
	padding:0;
	width:800px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	background-color:#FFFFFF;
}
#banner { 
	height:80px; 
	margin:0; 
	padding:0; 
	background:url(../images/banner_redesign_01.jpg) top center;
	overflow:hidden;
	border-top:4px solid #2C3D6B; 
	text-align:left;
}

/*----- BOLI Brand -----*/
#boli_brand {
	width:100%;
	position:fixed;
	top:0;
	background:#0C0C0C;
	border-bottom:1px solid #DBDBDB;
	z-index:2;
	margin:0;
	padding:0;
	text-align:right;
	font:12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	opacity:0.80;
  	filter:alpha(opacity:80);
}
* html #boli_brand { position:absolute; left:0; }

#boli_brand a {
	margin:0;
	padding:0 15px;
	text-decoration:none;
}
span.boli_name {
	color:#737373;
}
span.boli_partner {
	color:#C8C8C8;
}
#boli_brand a:hover {
	color:#FFFFFF;
}

/*----- Top Navigation bar -----*/
#navbar {
	height:26px;
	background:url(../images/navbar_bg.jpg) repeat-x left;
	margin:0;
	padding:0;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#navbar ul {
	margin:0;
	padding:0;
}
#nav_links li {
	float:left;
	display:inline;
	list-style:none;
	height:26px;
	margin:0;
	padding:0;
	background:url(../images/navbar_spacer.gif) no-repeat right;
}
#active {
	font-weight:bold;
}
#nav_links a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding: 6px 15px;
}
#nav_links a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	background:#0F1E49 url(../images/navbar_spacer.gif) no-repeat right;
}
#nav_links a.home {
	margin-left:20px;
	background: url(../images/navbar_spacer.gif) no-repeat left;
}
#nav_links a:hover.home {
	background: #0F1E49 url(images/navbar_spacer.gif) no-repeat right;
}
#format_links li {
	float:right;
	display:inline;
	list-style:none;
	height:26px;
	margin:0;
	padding:0;
	background:url(../images/navbar_spacer.gif) no-repeat left;
}
#format_links img {
	margin:0;
	padding:0;
}
#format_links a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 2px;
}
#format_links {
	visibility:visible;
}
*>#navbar { margin:0; }
* html #navbar { margin:0 0 0 0 }

/*----- Page Title stuff -----*/
#page_title {
	height:56px;
	background:url(../images/page_title_bg.jpg) repeat-x top left;
	padding:0;
	margin:0;
}
#page_title_text {
	float:left;
	width:400px;
	font:24px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	color:#D4D5D6;
	padding:12px 0 12px 20px;
	margin:0;
	text-align:left;
}
#page_title_img img {
	float:right;
	margin:0;
	padding:0;
}
/*----- Navigation Stuff -----*/
#nav_column {
	float:right;
	width:200px;
	margin:0;
	padding:0;
	text-align:left;
}
#search_box {
	width:200px;
	height:33px;
	margin:4px 0 0 0;
	padding:0 0 0 0;
	background:url(../images/search_bg.jpg) repeat-x top left;
}
#search_box form {
	float:left;
	text-align:center;
	margin:0;
	padding:5px;
	font-size:10px;
}
#search_box input {
	float:left;
	padding:0;
	margin:4px 0 0 0;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
}
#search_box a {
	float:right;
	margin:8px 3px 0 0;
	padding:0;
}
#styles_box {
	width:200px;
	height:33px;
	text-align:center;
	margin:4px 0 0 0;
	padding:0 0 0 0;
	background:url(../images/search_bg.jpg) repeat-x top left;
}
.styles_width {
	float:left;
	margin:4px 5px 0 5px;
	padding:0;
}
.styles_text {
	float:right;
	margin:4px 5px 0 5px;
	padding:0;
}
#style_text {
	margin:8px 0 0 5px;
}
#page_links_text {
	width:200px;
	height:33px;
	margin:4px 0 0 0;
	padding:0;
	background:#5E6694 url(../images/page_links_bg.jpg);
	text-align:center;
}
#page_links_text p {
	font:18px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	color:#D4D5D6;
	margin:0;
	padding:5px 0 0 0;
}
#page_links {
	background:url(../images/page_links_ul_bg.jpg) repeat-x top left;
	width:200px;
	margin:0;
	padding:0;
	font:10px/15px Verdana, Arial, Helvetica, sans-serif;
}
#page_links ul {
	padding:0 0 3em 0;
	margin:0 0 3em 0;
}
#page_links li {
	list-style:none;
	margin:0;
	padding:0.5em 0 0 30px;
}
#page_links a {
	color:#000000;
	text-decoration:none;
	padding:0px;
}
#page_links a:hover {
	text-decoration:underline;
}
table#campaign_stats {
	width:100%;
}
tr.stats_heading {
	background:#5E6694 url(../images/page_links_bg.jpg);
	height:33px;
}
table#campaign_stats {
	margin-bottom:20px;
}
#campaign_stats th {
	font:18px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	color:#D4D5D6;
	text-align:center;
}
#campaign_stats td {
	margin:6px 0;
}
span.progess_num {
	font:18px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	color:#5E6694;
	padding-left:25px;
}

/*----- Content Stuff -----*/
#content {
	margin:0 200px 0 0;
	padding:0 1.5em 3em 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:left;
}
#content a {
	color:#5E6997;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}
#image_rotate {
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:151px;
	height:100px;
	overflow:hidden;
}
.page_up { 
	float:right; 
}
.partner_name, .standardtextheading {
	font:15px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	padding-left: 30px;
	color:#333333;
	background:url(../images/icon_bullet.gif) no-repeat left;
}
.content_pic {
	margin:0 0 35px 0;
}
.content_pic img {
	margin:10px 0 5px 0;
	padding:0;
	border:1px solid black;
}
.content_pic p {
	padding:0 50px;
	font-weight:bold;
	margin:0;
}
#breadcrumbs {
	margin:4px 0 0 0;
	background:url(../images/breadcrumb_bg.jpg) repeat-x top left;
	padding:0 2px 0 8px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
}
.breadcrumb a { 
	text-decoration:none; 
	color:#5E6997 
}
.breadcrumb a:hover { 
	color:#5E6997; 
}
.section_heading {
	font:18px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
}
.news_date {
	padding:1em;
	font-size:12px;
	color:#333333;
}
#links_list li {
	padding-top:1em;
	list-style-image:url(../images/icon_bullet.gif);
}
.gov_list li {
	list-style:none;
	padding-top:15px;
}
#cl_warning {
	text-align:right;
	font-size:85%;
	margin:0 0 25px 0;
}
a.toplink {
	float:right;
	font-size:85%;
}

/*--- Content XML feed styles ---*/
div.xml_list {
	margin:20px 0;
}
div.xml_item {
	margin:0 0 20px 0;
	padding:5px 10px 20px 10px;
	font-weight:normal;
	background:#F3F3F3;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
div.xml_item a {
	color:#476172;
	text-decoration:none;
}
div.xml_item a:hover {
	color:#ee972d;
	background:#E4E4E4;
	text-decoration:underline;
}
span.xml_title, span.xml_title a {
	font:18px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
}
span.xml_date {
	padding-left:15px;
	color:#333333;
	font-weight:bold;
}
div.prop {
	width:50px;
	height:600px;
}

/*----- Taxa list stuff -----*/
ul.taxa_list {
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
}
ul.taxa_list a {
	background:url(../images/plus_icon.gif) no-repeat left;
	padding-left:14px;
}
li.species a {
	background:none;
	padding-left:0px;
}

/*--- List search styles --*/
#search_stream {
	margin:5px 0 0 0;
	padding:5px;
	font:10px/11px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	border-top:1px solid #5E6997;
	border-bottom:1px solid #5E6997;
	background:#E4E4E4;
}
#search_stream form{
	padding:0;
	margin:0;
}
#search_stream input {
	margin:0;
	font:10px/13px Verdana, Arial, Helvetica, sans-serif;
}
#search_stream a {
	margin:0;
	color:#5E6997;
	text-decoration:none;
}
#search_stream a:hover {
	text-decoration:underline;
}

/*----- Species Images -----*/
div#species_img {
	text-align:center;
}
p.img_heading {
	font:14px "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	color:#5E6997;
	border-bottom:1px solid #5E6997;
}
table#lvl_imgs th {
	text-align:center;
	font-size:110%;
	color:#28345A;
	background:url(../images/search_bg.jpg) repeat-x top left;
}
td.img_desc {
	text-align:center;
	border:1px solid #28345A;
	padding:0 10px;
}

/*----- Progress Page -----*/
#summary_pie {
	margin:0;
	padding:0;
	text-align:center;
}
*>#summary_pie object { }
* html #summary_pie object { border:1px solid #0C1439; }
#summary_table {
	margin:0 0 0 0;
	width:100%;
}
#summary_table td {
	border-bottom:1px solid #0C1439;
}
#summary_table th {
	color:#28345A;
	background:url(../images/search_bg.jpg) repeat-x top left;
	text-align:center;
}
td.table_link {
	padding-left:10px;
}
td.sum_perc_big {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#009933;
	text-align:right;
}
td.sum_perc_zero {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0C1439;
	text-align:right;
}
td.summary_values {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0C1439;
	text-align:right;
}
div.summary_pic {
	float:left;
	text-align:center;
	width:160px;
	height:140px;
	padding:3px;
	margin:2px;
	border:1px solid #0C1439;
	background:#F1F2F7;
}
img.summary_pic {
	text-align:center;
}
#summary_pic_container {
	width:555px;
	margin-bottom:50px;
}

/*----- Search Taxa Styles -----*/
input.st_input {
	border:1px solid #2c3d6b;
	background:#F3F3F3;
	padding:0 3px;
}
input.st_submit {
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	color:#2c3d6b;
	cursor:pointer;
}
div.result_div {
	margin:8px 0;
	padding:0;
	border-top:1px solid #2c3d6b;
	border-bottom:1px solid #2c3d6b;
	background:#F3F3F3;
}
div.result_div p {
	margin:0;
	padding:0 10px;
}
div.result_div td {
	margin:0;
	padding:0 10px;
	font-size:11px;
}
p.rd_title {
	background:#2c3d6b;
	color:#FFFFFF;
	font-size:16px;
	line-height:24px;
}
#search_taxa_form p.rd_title a {
	color:#FFFFFF;
	text-decoration:none;
}
#search_taxa_form p.rd_title a:hover {
	text-decoration:underline;
}
p#sr_comment {
	font-size:14px;
}
span#st_progress {
	color:#2c3d6b;
	font-size:14px;
	line-height:16px;
}

/*----- Footer stuff -----*/
#footer {
	clear:both;
	background:url(../images/navbar_bg.jpg) repeat-x top left;
	height:26px;
}
#footer p {
	padding:6px 0 0 0;
	color:#D4D5D6;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

/*----- Contact Details Popup CSS -----*/
#contactpageid{ 
	position:absolute; 
	visibility:visible; 
	left:55%; 
	top:25px; 
	width:250px; 
	height:1px; 
	font-family: 
	Verdana, Arial, Helvetica, sans-serif; 
	font-size:7pt; 
}
#contactpageid td { 
	text-align:left; 
}
#contactpageid a {
	color:#5E6997;
	text-decoration:none;
}
#contactpageid a:hover {
	text-decoration:underline;
}
#contactpageid a:visited { 
	color:#000000; 
}
#contactpageid img { 
	border:0; 
}
#contactclose { 
	float:right; 
}

/*----- People popup box styles -----*/
#people_popup {
	position:absolute; 
	visibility:visible; 
	left:200px; 
	top:125px; 
	width:400px; 
	background:#344475;
	font:10px Verdana, Arial, Helvetica, sans-serif; 
	padding:5px; 
	cursor:move;
	z-index:3;
	text-align:left;
}
#people_popup table {
	vertical-align:top;
	text-align:left;
}
#people_popup a {
	color:#5E6997;
	text-decoration:none;
	font-weight:bold;
}
#people_popup a:hover {
	color:#D47D18;
	text-decoration:underline;
}
#people_text {
	-moz-border-radius:10px;
	background:#ffffff;
	padding:5px;
}
table#pp_table td{
	vertical-align:top;
}
a#pp_close{
	float:right;
	font-weight:bold;
}
#pp_img {
	margin:5px;
	border:1px solid #476071;
}
span.pp_name_title {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#344475;
	margin-left:5px;
}
div.hr {
	text-align:center;
	width:100%;
}
hr.pp_hr {
	width:80%;
	color:#4d5f48;
	background:#4d5f48;
	border:0;
	height:1px;
}

