/**
 * Lorenzo Bruni
 * <lorenzo.bruni@version1.com>
 *
 * History
 * *****************************************************************************
 * 21/01/2009 - CR v.2
 */

body {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

table {
	font-family: Arial;
	font-size: 12px;
	color: #000000; 
}

input {
	font-family: Arial;
	font-size: 11px;
}

select {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

td {
	text-align: left;
}

div.icbf_logo {
	background-image:url(../../images/logo_icbf.gif); 
	height: 41; 
	width: 52;
}

div#container {
	z-index:1;
	text-align: left;
}

div#container h1 {
	font-size: 16px;
	font-family: Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #000000;
	/*text-decoration: underline;*/
}

table.content {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	border-collapse: collapse;
	/*border: 1px solid #C3C3C3;*/
}

table.content td {
	font-size: 12px;
	/*border: 1px solid #C3C3C3;*/
	height: 28px;
	padding: 2px 6px 2px 6px;
	white-space: nowrap;
	vertical-align: middle;
}

table.content td a {
	font-size: 12px;
	color: #444444;
}

table.content td a:hover {
	font-size: 12px;
	color: #444444;
}

table.content th {
	font-size: 12px;
	background-color: #F0F0F0;
	color: #000000;
	height: 28px;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	/*border: 1px solid #C3C3C3;*/
	vertical-align: middle;
	text-align: left;
}

table.summary {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	border-collapse: collapse;
	border: 1px solid #999999;
	width:100%;
}

table.summary td {
	font-size: 12px;
	height: 22px;
	padding: 2px 6px 2px 6px;
	white-space: nowrap;
	vertical-align: middle;
}

table.summary td a {
	font-size: 12px;
	color: #0000FF;
}

table.summary td a:hover {
	font-size: 12px;
	color: #444444;
}

table.summary th {
	font-size: 12px;
	color: #235B96;
	height: 22px;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	vertical-align: middle;
	text-align: left;
}

table.graph_table {
	font-size: 30px;
	border-collapse: collapse;
	/*border: 1px solid #C3C3C3;*/
}

table.graph_table td {
	font-size: 12px;
	/*border: 1px solid #C3C3C3;*/
	white-space: nowrap;
	vertical-align: middle;
}

table.graph_table tr.data_row {
	padding: 0px;
}

table.graph_table tr.data_row td {
	height: 23px;
	padding: 0px 6px 0px 6px;
	text-align: left;
}

table.graph_table tr td.top_row {
	height: 21px; 
	border-right: 0px;
}

table.graph_table tr.bottom_row {
	height: 5px;
}

table.graph_table th {
	font-size: 12px;
	background-color: #F0F0F0;
	color: #000000;
	height: 20px;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	/*border: 1px solid #C3C3C3;*/
	vertical-align: middle;
}

table.graph_table tr.marked {
	background-color: #B7DBF2;
}

table.ebi_graph_table {
	font-size: 12px;
	border-collapse: collapse;
}

table.ebi_graph_table td {
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
}

table.ebi_graph_table tr.data_row {
	padding: 0px;
	background-color: #E8FC98;
}

table.ebi_graph_table tr td.cell_right {
	background-color: #FFFFFF;
}

table.ebi_graph_table tr.data_row td {
	height: 29px;
	padding: 0px 6px 0px 6px;
	text-align: center;
	color: #000000;
	* height: 28px;
}

table.ebi_graph_table tr td.top_row {
	height: 1px; 
}

table.ebi_graph_table tr.bottom_row {
	* height: 30px;
}

table.ebi_graph_table th {
	font-size: 12px;
	background-color: #E9EEF2;
	color: #235B96;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	vertical-align: middle;
}

table.ebi_graph_table tr.header_row th {
	font-size: 13px;
	background-color: #E9EEF2;
	color: #235B96;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	vertical-align: middle;
}

table.ebi_graph_table tr.marked {
	background-color: #FFFF00;
}

table.listings tr td.marked {
	background-color: #FFFF00;
}

table.listings {
	font-size: 12px;
	padding: 2px 6px 2px 6px;	
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999;
	border-collapse: collapse;
	
}

table.listings tr, table.listings th, table.listings td {
    empty-cells: show;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

table.listings td {
	font-size: 12px;
	/*border: 1px solid #C3C3C3;*/
	padding: 0px 6px 0px 6px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
}

table.listings th {
	font-size: 12px;
	background-color: #E9EEF2;
	color: #235B96;
	/*height: 28px;*/
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	/*border: 1px solid #C3C3C3;*/
	vertical-align: middle;
	text-align: center;/*
	border-right:1px solid #FFFFFF ; 
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	*/
}

table.listings th a {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

table.listings_traits tr, table.listings_traits th, table.listings_traits td {empty-cells: show; 
														border-style: solid;
													 	border-width: 1px; 
													 	border-color: #CCCCCC;}
														
table.listings_traits {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999;
	border-collapse: collapse;
	/*border: 1px solid #C3C3C3;*/
}

table.listings_traits td {
	font-size: 12px;
	/*border: 1px solid #C3C3C3;*/
	height: 25px;
	padding: 0px 6px 0px 6px;
	white-space: nowrap;
	vertical-align: middle;
}

table.listings_traits th {
	font-size: 12px;
	background-color: #F0F0F0;
	color: #000000;
	height: 25px;
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	/*border: 1px solid #C3C3C3;*/
	vertical-align: middle;
	text-align: center;
}

table.main td {
	vertical-align: top;
}

div.ancestry_module {
	border: 1px solid #7EA4BE;
	font-size: 11px;
	cursor: pointer;
}

div.ancestry_module_empty {
	border: 1px solid #7EA4BE;
	font-size: 11px;
	height: 30px;
}

div.single_panel {
	border: 1px solid #235B96;
	font-size: 12px;
	* height: 100%;
	* width:100%;
	padding: 6px 6px 6px 6px;
}

div.bgblue {
	background-color: #E9E9E9;
	margin-bottom: 10px;
}
.bgwhite {
	background-color:#FFFFFF; 
	border-style:solid; 
	border-color:#CCCCCC;
	border-width:1px;
	padding:1px;
	* width:100%;
	margin-top:6px;
}

div.details_panel {
	border: 1px solid #C3C3C3;
	font-size: 12px;
	* height: 100%;
	padding: 6px 6px 6px 6px;
}

div.details_panel table td {
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
}

table.view_ancestry td.link {
	width: 29px; 
	padding: 0px 0px 0px 0px; 
	border: 0px none;
}

div.single_panel h2 {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	margin: 4px;
}

div#single_panel h1 {
	font-size: 13px;
	font-family: Arial;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-align: center;
}

div.single_panel table {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	/*border-collapse: collapse;*/
	/*border: 1px solid #C3C3C3;*/
}

div.single_panel table td {
	font-size: 12px;
	/*border: 1px solid #C3C3C3;*/
	/*height: 28px;*/
	/*padding: 2px 6px 2px 6px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #FFFFFF;
}

div.single_panel table th {
	font-size: 12px;
	background-color: #E9EEF2;
	color: #235B96;
	/*height: 28px;*/
	line-height: 15px;
	padding: 2px 6px 2px 6px;
	/*border: 1px solid #C3C3C3;*/
	vertical-align: middle;
}

div.single_panel p {
	line-height: 10px;
	margin: 10px 10px 10px 0px;
}

div.errors {
	font-size: 12px;
	color: #dd0000;
	font-weight: bold;
	font-family: Arial;
}

div.errors p {
	line-height: 16px;
	margin: 0px;
}

div.errors ul {
	margin-top: 5px;
}

div.success {
	background-color: #6CA336;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	padding: 3px 10px 3px 10px; 
}

div.single_panel table.sortable {
	border-spacing: 0;
	border: 0;
}

div.single_panel table.sortable th{
	font-size: 12px;
	background-color: #F0F0F0;
	color: #235B96;
	height: 30px;
	padding: 0px 0px 0px 0px;
	
	border: 1px solid #C3C3C3;
	vertical-align: middle;
	text-align: center;
}

div.single_panel table.sortable td{
	font-size: 12px;
}

div.single_panel a.sortheader {
    font-size: 12px;
    background-color: #F0F0F0;
    color: #000000;
    display: block;
}

/*div#help {
	z-index:10;
	width: 750px; 
	height: 320px; 
	position: absolute; 
	left: 10px; 
	top: 10px; 
	background-color: #FFFFFF;
	border: 1px solid #235B96;
	overflow: auto;
	text-align: center;
	vertical-align: middle;
	display: none;
}*/

#help {
	width: 920px; 
	height: 420px; 
	position: absolute; 
	left: 10px; 
	top: 10px;
	background-color: #FFFFFF;
	border: 1px solid #235B96;
	text-align: center;
	vertical-align: middle;
	padding: 10px 20px 10px 20px;
	display: none;
	z-index:10;/*any value*/
	overflow-y:auto;/*must have*/
}
#help iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 100%;/*must have for any big value*/
	height: 700px; /*must have for any big value*/;
}

#suggestions_bg
{
	width: 300px; 
	height: 170px; 
	position: absolute; 
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
}

#suggestions_bg iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 100%;/*must have for any big value*/
	height: 100%; /*must have for any big value*/;
}

div#help h2 {
	font-size: 12px;
	font-family: Arial;
	padding: 5px 0px 0px 5px;
	color: #235B96;
	text-align: left;
}

div#help table {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	border-collapse: collapse;
	border: 1px solid #C3C3C3;
}

div#help table td {
	font-size: 12px;
	border: 1px solid #C3C3C3;
	height: 25px;
	padding: 2px 6px 2px 6px;
	white-space: nowrap;
	vertical-align: middle;
}

div#help table th {
	font-size: 12px;
	background-color: #F0F0F0;
	color: #000000;
	height: 25px;
	padding: 2px 6px 2px 6px;
	border: 1px solid #C3C3C3;
	vertical-align: middle;
	text-align: left;
}

div#help p {
	line-height: 10px;
	margin: 10px 10px 10px 0px;
}


div#suggestions {
	width: 220px; 
	height: 160px; 
	left: 0px; 
	top: 0px; 
	background-color: #333333;
	overflow-y: auto;
	position: absolute; 
	display: none;
	padding: 10px 10px 10px 10px;
	z-index:11;
}

div#prompt {
	width: 220px; 
	height: 160px; 
	left: 0px; 
	top: 0px; 
	background-color: #333333;
	overflow-y: none;
	position: absolute; 
	display: none;
	padding: 10px 10px 10px 10px;
	z-index:12;
}

table#suggestions_view {
	border: 0px none;
	width: 100%;
}

table#suggestions_view td {
	border: 0px none;
	height: 20px;
}

table#suggestions_view tr {
	cursor: pointer;
	color: #FFFFFF;
}

.transparent {
   filter:alpha(opacity=85); 
   -moz-opacity: 0.85; 
   opacity: 0.85; 
}


table.sortable tr {
	cursor: pointer;
}

.bg_green {
	background-color: #E8FC98;
}

.bg_yellow {
	background-color: #FDFB97;
}

.bg_light_red {
	background-color: #FDB0B0;
}

.bg_blue {
	background-color: #DAF4FE;
}

.bg_grey {
	background-color: #F7F5EE;
}

.amount {
	text-align: right;
}

.center {
	text-align: center;
}

div.single_panel table.sortable {
	border: 0;
}

div.single_panel table.sortable th{
	font-size: 12px;
	background-color: #F0F0F0;
	color: #000000;
	height: 30px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #C3C3C3;
	vertical-align: middle;
	text-align: center;
}

div.single_panel table.sortable td{
	font-size: 12px;
}

div.details_panel table.view_ancestry td {
	padding: 4px 0px 4px 0px;
	vertical-align: middle;
	font-size: 11px;
}

div#indicator {
	text-align: center;
	display: none;
}

div.single_panel table.stars_table td {
	height: 18px;
}

.odd {
	background-color: #f3f3f3;
}



/* -------------------------- MAIN PAGE STYLES -------------------------- */ 
/*
CSS specifically for IC type interface

Author: Silverarm.
Amended AR : 31/01/2007
*/

html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:#fff;
	font-family: arial,verdana, palatino linotype, times new roman, serif;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
}

#head {
	font-size:1em; 
	position:absolute; 
	margin:0; 
	top:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:42px; 
	font-size:1em; 
	z-index:5; 
	color:#000; 
}
#head td p {
	font-size:80%;
	text-align:right;
	margin : 0; 
	padding:0;
}
#foot { 
	position:absolute; 
	margin:0; 
	bottom:0; 
	left:0; 
	display:block; 
	width:100%; 
	height:30px; 
	font-size:90%; 
	z-index:5; 
	text-align:center;
	line-height: 30px;
	background:rgb(233,238,242);
}
#foot a{
	color: #DFE4EC;
	text-decoration:none;
	padding: 0px 20px 0px 20px;
	margin:0 0 0 0;
}
#foot a:hover
{
text-decoration: none;
}

#center {position:absolute; left:0; top:43px; bottom:30px; width:100%; font-size:1em; z-index:4; overflow:auto; padding-bottom: 20px;}
* html #center {height:100%; top:0; bottom:0; border-top:43px solid #fff; border-bottom:30px solid #fff;}
#center {left:0; }


.inner {display:block; padding:0 5px 5px 5px;}


/* ----------------------------- MENU STYLES ----------------------------- */ 

.menu ul {
	height: 100%;
	margin: 0px 0px 0px 0px;
}

.menu ul li{
	position: relative;
	display: inline;
	float: left;
	font-family: Arial;
	font-size: 12px;
	height: 37px;
	vertical-align: bottom;	
}

.menu ul li a{
	display: block;
	height: 100%;
	width: 150px;
	text-decoration: none;
	color: #EDF1F4;
	padding: 0px 0px 0px 0px;
	border: 0px none;
	vertical-align: bottom;	
	line-height: 35px;
}

.menu ul li a:hover{
	background-color: #132D46;
	color: white;
}

div#head table.top_menu td {
	padding: 1px 0px 0px 0px;
	height: 42px;
}

div.top_bar {
	background-image:url(../../images/bt_bg.jpg); 
	height: 41px; 
	text-align: center;
}

li.spacer {
	background-image: url(../../images/bt_l.jpg); 
	width: 6px;
}

.wide_button {
	width: 110px;
	font-size: 11px;
	margin-top: 1px;
}

div.single_panel table.simple_info th {
	font-size: 12px;
	font-family: Arial;
	padding: 5px 0px 0px 5px;
	color: #235B96;
	text-align: left;
	background: none;
	border: none;
	height: 20px;
}

div.single_panel table.simple_info td {
	padding: 5px 0px 0px 10px;
	border: none;
	height: 20px;
}

div.single_panel table.simple_info {
	border: none;
}

div#print_head {
	display: none;
}

#reports {
	font-size: 0.9em;
	border: 1px solid #7DBE3F;
	background-color: #235B96;
	padding: 8px;
	color: #fff;
	/*float: left;*/
}

#reports a:link, #reports a:visited {
	color: #fff;
}

#reports h2 {
	font-size: 1.2em; 
	margin-top: 0;
}

  table.stars
, table.stars th
, table.stars td {
    border: 1px solid #999999;
    border-collapse: collapse;
}

table.stars th {
	font-size: 13px;
	background-color: #E9EEF2;
	color: #235B96;
	height: 20px;
	padding: 0px 6px 0px 6px;
    /*
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
    */
	vertical-align: middle;
	text-align: center;
}

table.stars tr.subheader th {
	background-color: #FFFFFF;
}

table.stars td {
	font-size: 12px;
	background-color: #ECE9D8;
	vertical-align: middle;
	padding: 2px 6px 2px 6px;
	/* border-right: 2px solid #FFFFFF; */
	
}

table.stars tr {
	height: 23px;
}

table.stars tr.info td {
	background-color: #FFFFFF;
	text-align: center;
}

table.stars td.within {
	font-size: 12px;
	background-color: #FFFF99;
	vertical-align: middle;
}

table.stars td.across {
	font-size: 12px;
	background-color: #66FF99;
	vertical-align: middle;
}

div.single_panel table.stars_listing td {
	text-align: center;
	empty-cells: show;
	
}

table.stars_listing{
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-collapse: collapse;
}
												

table.stars_listing td, table.stars_listing th, table.stars_listing tr {
	empty-cells: show; 
}

div.single_panel table.stars_listing td.within {
	font-size: 12px;
	background-color: #FFFF99;
	vertical-align: middle;
}

div.single_panel table.stars_listing td.across {
	font-size: 12px;
	background-color: #66FF99;
	vertical-align: middle;
}