/*--- title bar ---*/
h1          	{ border-bottom: 1px solid #cc2222; }
h1, h2, h3, h4
			{ color: #000000; font-family: Arial, Helvetica; sans-serif; font-weight: bold }
p, body  	{ font-family: verdana, sans-serif; color: #000000; font-size: 88%; }
a           { text-decoration: none; font-weight: bold }

/* --- image boxes ---*/
#space	{ 	width: 1150px;  border: 0px solid red; z-index: 0; }
.box		{	float: left; padding-top: 8px; padding-left: 0px; margin: 0; padding-right: 0px; padding-bottom: 0px;
				width: 105px; height: 52px; border: 0px gray solid; 
				background-repeat: no-repeat; }
.box2		{	float: left; padding-top: 8px; padding-left: 10px; margin: 0; padding-right: 0px; padding-bottom: 0px;
				width: 95px; height: 35px; border: 0px gray solid; }
table, tr, td { z-index: 1; }
				
/*---.box div	{	position: absolute; }---*/
dd img		{	float: left; }
.male, .female, .king, .none, .note, .grey
			{  	position: absolute: top: 10px; right: 0px; width: 80px;  background-image: url('../testarea/none'); text-align: center; font-size: 66%; padding: 2px 0px 2px 2px; z-index: 1; } 
.male		{	color: blue; background-color: #ddffff; border: 1px blue solid; }
.female		{	color: red; background-color: #fff0ff; border: 1px red solid; }
.king		{	color: black; background-color: #ffff66; border: 1px #ffcc00 solid; }
.none		{	color: blue; background-color: none; border: 0px white solid; margin: 1px; }
.note		{	color: black; background-color: #f6f6f6; border: 1px black solid; }
.grey		{	color: black; background-color: #dddddd; border: 1px black solid; }

/*.link		{   border: 2px; }*/
.male a		{   color: blue; }
.female a	{   color: red; }
.small		{	font-family: arial, arial narrow; }

.R-S		{	background-image: url('images/trees/R-S.gif'); }
.L-S		{	background-image: url('images/trees/L-S.gif'); }
.LR-S		{	background-image: url('images/trees/LR-S.gif'); }
.LR			{	background-image: url('images/trees/LR.gif'); }
.C-S		{	background-image: url('images/trees/C-S.gif'); }
.R-S-M		{	background-image: url('images/trees/R-S-M.gif'); }
.L-S-M		{	background-image: url('images/trees/L-S-M.gif'); }
.LR-S-M		{	background-image: url('images/trees/LR-S-M.gif'); }
.LR-M		{	background-image: url('images/trees/LR-M.gif'); }
.C-S-M		{	background-image: url('images/trees/C-S-M.gif'); }
.S			{	background-image: url('images/trees/S.gif'); }
.S-M		{	background-image: url('images/trees/S-M.gif'); }
.C			{	background-image: url('images/trees/C.gif'); }
.R			{	background-image: url('images/trees/R.gif'); }
.L			{	background-image: url('images/trees/L.gif'); }
.R-M		{	background-image: url('images/trees/R-M.gif'); }
.L-M		{	background-image: url('images/trees/L-M.gif'); }
.C-M		{	background-image: url('images/trees/C-M.gif'); }
.M			{	background-image: url('images/trees/M.gif'); }
.C-dM		{	background-image: url('images/trees/C-dM.gif'); }
.CM			{	background-image: url('images/trees/CM.gif'); }
.CM-S		{	background-image: url('images/trees/CM-S.gif'); }
.R-dM		{	background-image: url('images/trees/R-dM.gif'); }
.L-dM		{	background-image: url('images/trees/L-dM.gif'); }
.LR-dM		{	background-image: url('images/trees/LR-dM.gif'); }

.top		{	background-image: url('images/trees/top.gif'); }
.top-R		{	background-image: url('images/trees/top-R.gif'); }
.top-M		{	background-image: url('images/trees/top-M.gif'); }
.top-S		{	background-image: url('images/trees/top-S.gif'); }
.top-L		{	background-image: url('images/trees/top-L.gif'); }

.L-V		{	background-image: url('images/trees/L-V.gif'); }
.top-L-V	{	background-image: url('images/trees/top-L-V.gif'); }
.V			{	background-image: url('images/trees/V.gif'); }
.V-end		{	background-image: url('images/trees/V-end.gif'); }

.down		{	background-image: url('images/trees/down.gif'); }
.downend	{	background-image: url('images/trees/downend.gif'); }
.Rdown		{	background-image: url('images/trees/Rdown.gif'); }
.Ldown		{	background-image: url('images/trees/Ldown.gif'); }
.LRdown		{	background-image: url('images/trees/LRdown.gif'); }


.popup dl			{ position: absolute; left: -9999px; margin: 4px; padding: 0px; width: 350px; z-index: 20; }
.popup dl dt		{ font-weight: bold; text-align: left; font-size: 12px; padding: 2px; }
.popup dl dd		{ font-size: 9px; color: black; text-align: left; margin: 4px; padding: 0; }
.popup				{ position: relative; }
:hover.popup dl  	{ left: 0; top: 20px; z-index: 20; }
.popup dl			{ border: 1px solid #FF9933; background-color: #FFEECC; }
.popup dl dt		{ color: white; background-color: #669933; }
.popup dl dd img	{ margin-right: 4px; margin-bottom: 2px; }