StyleSheetFamilyTree

.tiddler {position: relative;}
.tiddlerOrigin {position: absolute; top: 60px; right: 5px;}
.tiddler .modifier {
position:absolute;
right:10px;
top:120px;
}
.tiddler .modifier .siteIcon {
width:48px;
height:48px;
}
.niceTaggerAdder input {width:auto;display:inline;}
.niceTaggerAdder .adder {display:inline;width:auto;}
.clear {clear:both;}
.tagged a {display:block;}
body {background-color:white;}
.tip {font-style:italic;font-weight:bold;}
.dp-popup {position:absolute;background-color:white;} 
a.dp-choose-date { float: left; 
width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; 
text-indent: -2000px; overflow: hidden; background: url(calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default;}input.dp-applied { width: 140px; float: left;}
.niceTagger input {width:200px; float:left;}
.deleter {color:red; font-weight:bold; padding:2px; cursor:pointer;}
.tiddler img {
	-moz-box-shadow: 2px 2px 4px 4px black;
	-webkit-box-shadow: 2px 2px 4px 4px black;
}

.ftLabelText {float:left;}
.ftLabelImage {height:25px;float:left;}
#contentWrapper .FamilyTree .VGraph {height:150px;width:600px;margin:auto;}
.FamilyTree {
background-color:white;
border-bottom:7px solid black;
border-left:7px solid black;
height:230px;
left:420px;
position:absolute;
right:7px;
top:0;
z-index:3;
}

.changeAlgorithm {right:65px;}
.canvasLabel {position:absolute; font-size:0.7em;color:black;cursor:pointer;}
.fromRoot0 {font-size:1.2em;}
.fromRoot1 {font-size:1.1em;}
.fromRoot2 {font-size:1.0em;}
.fromRoot3 {font-size:0.9em;}
.fromRoot4 {font-size:0.8em;}
.hoverNode {background-color:white;font-weight:bold;z-index:2;font-size:1.2em;}

.ac_results {	padding: 0px;	border: 1px solid black;	background-color: white;	overflow: hidden;	z-index: 99999;}
.ac_results ul {	width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0;}
.ac_results li {	margin: 0px;	padding: 2px 5px;	cursor: default;	display: block;	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;	font-size: 12px;	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;	overflow: hidden;}
.ac_loading {	background: white url('indicator.gif') right center no-repeat;}
.ac_odd {	background-color: #eee;}
.ac_over {background-color:#4DA6C9;color: white;}


a,.tabSelected,#sidebarOptions .sliderPanel a{color:#008500;}
.button {background-color:white;border:1px solid #FFFFFF;color:green;margin-right:2px;padding:10px;}
#topToolbar {margin-top:10px;margin-left:-12px;}
#messageArea {background:#39ac1b;border:1px solid white;z-index:100;}
.nodeLabel {width:200px; overflow:hidden;}
.factbox {border:1px dashed #024E02;
color:black;
font-weight:bold;
padding:10px;}
.subtitle {padding-top:5px;}
.ftSubTitle {color:white;
font-size:1.2em;
left:20px;
position:relative;
top:80px;
z-index:3;}
.ftSubTitle a {color:white;}
#sidebarOptions input,.tagging, .tagged {
background-color:none;
border:1px dashed #024E02;
}



.tagsection input {width:150px;}
.button:hover {background-color:rgb(110,220,90);color:white;border-left:solid 1px black;border-right:solid 1px black;border-top:solid 1px black;}
.tiddler .button {padding:0.4em 1.2em;} 

.sexMale .title,.command_addFather, .sexFemale .command_addSpouse {border-bottom:solid 5px #71B4FF;}
.sexFemale .title,.command_addMother,.sexMale .command_addSpouse{border-bottom:solid 5px #ed00f5;}
.yourSearchResult {z-index:99999;}
.tiddler {background-color:white;margin-top:10px;padding:0 10px 20px;}
#displayArea {margin:1em 17em 0 1em;padding:0px;}
body {font-family: Helvetica, Arial, Sans-serif;color:#024E02;}
h1,h2,h3,h4,h5,.title{color:#39ac1b;}
.title {font-size:3em;}
.siteIcon {float:left;height:51px;margin-right:10px;}
.ftTitle {color:#39ac1b;font-size:52px;float:left;position:relative;font-weight:700;margin-bottom:10px;}
.ftContainer {background-color:#39ac1b;padding:20px;position:relative;top:-12px;margin-right:17px;left:10px;z-index:2;}
#sidebarOptions .sliderPanel {background-color:#EEEEEE;}
.ftTitleBG {color:white;z-index:2;}
.ftContainer #displayArea {background-color:auto;}
.ftContainer #sidebar {background-color:white;margin-right:40px;}
.ft_tooltip {background-color:white;padding:10px;color:#39ac1b;z-index:40; font-weight:bold;}
#tiddlerDisplay {margin-top:70px;}

.tiddlerContainer {margin-left:10px;margin-right:10px;}
.toolbar {margin-top:10px;}

.tabContents {
color:black;
}
.tagging .listTitle, .tagged .listTitle {
color:black;
}

.ftHideCorner {border-color:#39AC1B #39AC1B white white;
border-style:solid;
border-width:20px 20px 10px 10px;
position:absolute;
left:0;
bottom:0;
z-index:1;
}
.zooming {cursor:crosshair;}
.panning {cursor:move;}
.VismoCanvas {z-index:11;margin-left:10px;}
.changeroot {margin-left:50%;width:200px;right:100px;z-index:10;position:relative;}
.changeAlgorithm {z-index:100;position:absolute;right:70px;bottom:0px;}
.yourSearchNaviBar .currentPage {color:#39AC1B;}

#yourSearchResult {background-color:#EEEEEE;background:#EEEEEE none repeat scroll 0 0;}
.yourSearchResult .button {padding:0px;}