@charset "utf-8";
/* CSS Document */

.dna-page-subtitle {
    color: black;
	text-align: center;
	font-size: 165%;	
}

.kits {
	font-weight: bold;
	color: #aa0000;
}

/* FOR HAPLOGROUP PAGES */
.toolbar {
    background-color: #cccccc; 
	padding: 1px 1px 1px 1px; 
	// border: 3px ridge #003300;
	border: 3px ridge #333333;
	text-align: center;	
}

table.toolbox {
	border-width: 3px;
	border-spacing: 0px;
	border-style: ridge;
	//border-color: green;
	border-color: #666666;
	border-collapse: separate;
	background-color: #cccccc;
	font-weight: bold;
}
table.toolbox th {
	border-width: 3px;
	padding: 1px;
	border-style: outset;
	border-color: #666666;
	//padding: 5px;
	//background-color: #FFF8DC;
	-moz-border-radius: 0px;
}
table.toolbox td {
	border-width: 3px;
	padding: 1px;
	border-style: outset;
	//border-color: green;
	border-color: #666666;
	//padding: 5px;
	//background-color: #FFF8DC;
	-moz-border-radius: 0px;
}

.icongraphic {
	border: 3px groove #333333;
}

.haplotable {border: thin solid #cc9900; width: 100%; }
.clsTblTitle{font-size: larger; font-weight: bold; background-color:#FFFFDD; text-align: center; vertical-align: top; line-height: 105%}
.relPosRow   {vertical-align: top; white-space: nowrap; font-weight: bold; line-height: 95%; background-color: #ffcba4; font-size: smaller;}
.relPosHeader {vertical-align: middle; text-align: left; font-size: x-small;}
.relPosCell  {padding: 1;}
.lblRow {vertical-align: top; white-space: nowrap; line-height: 105%; font-weight: bold;}
.lblCell { text-align: center; }
.lblCellHeader { text-align: center; vertical-align: middle; font-size: small;}
.idCell { vertical-align: top; white-space: nowrap; line-height: 95% }
.snp { font-size: smaller }
.mdlRow { vertical-align: top; white-space: nowrap; line-height: 95%; font-weight: bold;}
.mdlCell { font-weight: bold;}
.clDataRow { vertical-align: top; line-height: 95%; }
.clsRef {background-color: #FFFFFF; color:#6060FF; white-space:nowrap; text-align: center; font-weight: bold; }
/* genetic distance */
.gd0 { text-align: center; background-color: #white; white-space: nowrap;}
.gd1 { text-align: center; background-color: #ddffdd; white-space: nowrap;}
.gd2 { text-align: center; background-color: #ffffcc; white-space: nowrap; }
.gd3 { text-align: center; background-color: #ffcccc; white-space: nowrap;}
.noread { text-align: center; background-color: #dddddd; white-space: nowrap;}
/* relative marker mutation rates */
.xslow { text-align: center; background-color: #aaccff;}
.slow  { text-align: center; background-color: #dbf0f7;}
.slow-med { text-align: center; background-color: #cbc5f5;}
.med { text-align: center; background-color: #e8c6ff;}
.fast-med { text-align: center; background-color: #ff86c2;}
.fast { text-align: center; background-color: #ff8a8a;}
.xfast { text-align: center; background-color: #ff0000;}
.unmutrate { text-align: center; background-color: #cccccc;}
.gdtable {border: thin solid #cc9900; font-size: smaller;}
.gdRow { vertical-align: top; line-height: 95%;}
/* relatedness measure */
.veryTightlyR { background-color: #dddddd; white-space: nowrap; padding: 1; text-align: center;}
.tightlyR     { background-color: #ddffdd; white-space: nowrap; padding: 1; text-align: center;}
.R            { background-color: #ffffdd; white-space: nowrap; padding: 1; text-align: center;}
.probablyR    { background-color: #ffeeee; white-space: nowrap; padding: 1; text-align: center;}
.possiblyR    { background-color: #ddffff; white-space: nowrap; padding: 1; text-align: center;}
.notR         { background-color: white;   white-space: nowrap; padding: 1; text-align: center;}