/* CSS Document */



body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;color:#003366;background-image:url(../IMAGE/trees/Top_rpt.gif); background-repeat:repeat-x;}

table{font-size:100%}

input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;color:#003366;}

textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;color:#003366;}

select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;color:#003366;}

ul {margin:0px; padding:0px; list-style:none;}

li {margin:0px; padding:0px; list-style:none;}

form {margin:0px; padding:0px;}

img {border: 0px;margin: 0;}

/*.star {color:#660000;font-weight:bold;}*/

.clear {clear:both;}



#siteSearch {display:none; visibility:hidden;}

#treeSearch {display:none; visibility:hidden;}

#views {display:none; visibility:hidden;background-color:#FFFFFF}

#lastsearchresults {display:none; visibility:hidden;}

#kincalculator {display:none; visibility:hidden;}

#readonlydetails {display:none; visibility:hidden; position:absolute; width:700px}



.headmid {background-image:url(../IMAGE/trees/Nav_rpt.gif); background-repeat:repeat-x; height:34px; width:520px; z-index:1000;}

.headright {font-size:90%; color:#ffffff; padding:3px 3px 0px 20px; line-height:1em; width:250px}

.headright select {font-size:90%; width:165px;}

.headright .btn_plain {margin-top:1px; float:none;}

.btn_plain {background-image:url(../IMAGE/trees/btn_back.gif); background-repeat:repeat-x; border:1px solid #660000; padding: 0px 3px; line-height:1em; height:18px; /*color:#660000; */float:left; margin-left:3px;}

#infobar{margin:0px; width:100%; height:20px; padding:3px; background-color:#FFFFFF; border:1px solid #044124; border-left:0px; border-right:0px; position: absolute; left: 0px; top: 34px; z-index:1002}



.topnav{position:absolute; z-index:1000; top:0; left: 0;background-image:url(../IMAGE/trees/Top_rpt.gif); background-repeat:repeat-x; background-color:#23896d; border-bottom:1px solid #006666}



ul.topmenu{margin:0px; padding:0px; width:510px; position: absolute; left: 160px; top: 6px; z-index:1003}

.topmenu img{margin:0px 5px 0px 0px; padding:0px;}

.topmenu li{float:left; width:100px;}

ul.topmenu li a, ul.topmenu li a:visited {color:#660000;text-decoration:none;background-image:url(../image/tree/Nav_Rpt.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; background-repeat:repeat-x; border-right:1px dotted #999999; margin:4px 0px 4px 5px;display:block;}

ul.topmenu li.lastone a, 

ul.topmenu li.lastone a:visited {border-right:0px;}



.topmenu li ul{margin:0px; padding:0px; clear:both; border-top:0px; background-color:#FFFFFF; font-size:80%;}

.topmenu li ul li{margin:0px; padding:5px; width:90px;}

.topmenu li ul li input{border:1px solid #ccc; width:115px; font-size:100%; border:1px solid #330000;}

.topmenu li ul li a,.topmenu li ul li a:visited,.topmenu li ul li a:hover{margin:0px; padding:0px; background: none; border:0px; font-size:100%; color:#003366;}

.topmenu li ul li a:hover{ background-color:#efefef;}

#dd_bg {background-color:#ffffff; height:100px; border:1px solid #330000;}

#dd_bg_show {visibility:hidden; display:none;}



/*.container {font-size:80%;background-image:url(../IMAGE/trees/bot_rpt.gif); background-repeat:repeat-x; position:absolute; top:299px; left:0px; width:100%; text-align:center;}*/

/*.container .bottom {width:1000px;}

.container .bottom .buttBar {color:#FFFFFF; font-size:165%;}

.container .bottom .left {width: 690px; float: left; padding: 0px 3px;}

.container .bottom .right {width: 300px; float: left; padding:0px 3px 0px 0px;}

.container .bottom .header {background-image:url(../IMAGE/trees/box_top_rpt.gif); background-repeat:repeat-x; height: 25px; color:#660000; font-size:165%; line-height:1.6em; text-align:left;}

.container .bottom .header small {float:right; font-size:70%;}

.container .bottom .content .buttons {text-align:center;}

.container .bottom .content {border:1px solid #044124; border-top: 0px; border-bottom: 0px; background-color:#FFFFFF;}

.container .bottom .content .photos img {margin:10px 0px;}

.container .bottom .content .photos textarea {width:213px; height:53px;}

.container .bottom .content .photos .photonotes {text-align:left; padding:0px 40px 10px 40px;}

.container .bottom .content .btn_plain {float:none;}

.container .bottom .foot {background-image:url(../IMAGE/trees/box_bot_rpt.gif); background-repeat:repeat-x; height:5px;}


*/
.sector { margin-left:5px; float:left; text-align:left;}

.sector ul {width:320px; margin:0px;padding:5px; list-style:none;}	

.sector ul li {margin:7px 0px;padding:0px;clear:both;line-height:2em;} 				

.sector ul li input {float:right;width:182px;}

.sector ul li select {float:right;width:182px;}

.sector ul li small {float:right; margin:0px 2px 0px 0px;}

.sector ul li small .checkbox {float:none; width:15px;}

.sector ul li .checkbox {float:none; width:15px;}

.sector .notes {padding:5px; clear:both;}

.sector .partner {clear:both;}

.sector textarea {width:314px; height:70px; margin-bottom:10px;}



#viewDetails ul li {font-weight:bold;}

#viewDetails ul li b {font-weight:normal;}



#addphoto .content form {text-align:left; padding:5px;}

#addphoto .content form input{margin:10px 0px 0px 0px;}

#cantaddphoto {display:none; visibility:hidden; padding:10px}



#mainDetails {}

#extraDetails {display:none; visibility:hidden;}



#dragtree{

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

}



/*----------------CSS below could do with a clean------------------------*/



/* Photos */



#photopreview {display:none; visibility:hidden;}



/* Validator */



#validator{position: absolute; top: 34px; left: 0px; display: none; height:100%; background-color:#ffffff;}



/* HTML Tree Viewer */



#dragviewer{

	position:absolute; 

	top:56px; 

	left:0px; 

	z-index:200; 

	width:100%;

	height:100%; 

	background-color:#ffffff;

	overflow:hidden;

	visibility:hidden; 

	display:none

}

#dragviewernav{

	position:absolute; 

	top:100px; 

	left:20px; 

	width:10px; 

	height:250px; 

	z-index:3000

}

#dragviewernav img{

	position: absolute; 

	z-index:3000

}

#dragviewernav .uparrow{

	top:0px; 

	left:20px; 

	width:19px; 

	height:19px;

}

#dragviewernav .rightarrow{

	top:20px; 

	left:40px; 

	width:19px; 

	height:19px;

}

#dragviewernav .downarrow{

	top:40px; 

	left:20px; 

	width:19px; 

	height:19px;

}

#dragviewernav .leftarrow{top:20px; left:0px; width:19px; height:19px;}

#dragviewernav .homearrow{top:20px; left:20px; width:19px; height:19px;}

#dragviewernav .scaleup{top:60px; left:20px; width:19px; height:19px; z-index:3000}

#dragviewernav .scaledown{top:160px; left:20px; width:19px; height:19px; z-index:3000}

#zoomscale {position: absolute; z-index:3000; top:80px; left:20px;border:0px solid #000000}

#zoomscale li{margin:1px; height:10px; width:17px; border:1px solid #000000;background-color:#ffffff}

#zoomscale li.on {background-color:#5DAA96}

#zoomscale li.up, #zoomscale ul li.down {height:19px; width:19px; border:0px}

/*#zoomscale li.up {background-image:url(../image/nav_plus.gif); background-repeat:none;}

#zoomscale li.down {background-image:url(../image/nav_minus.gif); background-repeat:none;}*/



/* Tree Viewer */



#viewer {position:absolute; top: 0px; left:0px; z-index:100; width:100%;height:100%;background-color:#ffffff;}

#viewermovie {overflow:auto; z-index:99;}



/* viewer errors */



.maincontent{

	position:absolute; top: 0px; left:0px; padding:60px 10px 10px 10px; z-index:100; width:100%; height:100%; background-color:#ffffff; visibility:hidden; display:none

}



/* Tree Builder */



#builder {display: none;background-color:#FFFFFF;}

#builder #basic {}



#report {position: absolute; top: 34px; visibility:hidden; display:none}

#errorslink {}





/* TREE BUILDER DIAGRAM */
.node:link, .node:visited {
color:#ffffff;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:6px;
}

.node:hover {
color:#ffffff;
text-decoration:underline;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:6px;
}

.node:active {
color:#ffffff;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:6px;

}


#diagram {background-color:#FFFFFF; display:block; margin:0px 0px 0px 0px; overflow:auto;height: 265px;width: 100%;FONT-SIZE: 11px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;clear:both;position: absolute; top: 34px; border-bottom:1px solid #006666}

.malenode, .malenodesel, .femalenode, .femalenodesel{position: relative;overflow:hidden;PADDING-RIGHT: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px;z-Index:101; width:58px; height:58px; float: right;}

.malenode {background-image:url(../images/nodem.gif); background-repeat:no-repeat;/*#d7e3fe;BACKGROUND-COLOR: #ECF1FF;*/}

.femalenode { background-image:url(../images/nodef.gif); background-repeat:no-repeat;/* fed7d7;BACKGROUND-COLOR: #FEE2E2;*/}

.malenodesel {BORDER: #000000 1px solid;BACKGROUND-COLOR: #d7e3fe;color:#000000}

.femalenodesel {BORDER: #000000 1px solid;BACKGROUND-COLOR: #FEC5C5;color:#000000}

.maletext{COLOR: #FFFFFF;}

.femaletext{COLOR: #cc3399}



.maletextsel{COLOR: #003399}

.femaletextsel{COLOR: #cc3399}

.more{text-align:center;position:absolute;padding:0px 0px 0px 0px;}

.marriage{position:absolute;height:4px;z-Index:100;BORDER-TOP: #b5b5b5 1px solid;BORDER-BOTTOM: #b5b5b5 1px solid;}

.vline{position:absolute;BORDER-LEFT: #b5b5b5 1px solid;}

.hline{position:absolute;BORDER-TOP: #b5b5b5 1px solid;height:1px;z-Index:100}



/* PROGRESS BAR */



/*#progressbarholder{
	textAlign:center;
	border:1px solid #000000;
	width:400px;
	background-color:#ffffff;
	position:absolute;
	top:300px;
	left:470px;
	visibility:hidden;
	z-Index:100;
}*/

#progressbartitle{font-weight:bold;	padding:5px 10px 5px 10px;margin:0px 0px 10px 0px;background-color:#3F9981;background-image:url(../image/tree/Top_rpt.gif);background-repeat:repeat-x;}

#progressbarsteps{margin:0px 10px 10px 10px;}

#progressbarstatus{margin:0px 10px 10px 10px;padding-bottom:10px;}

#progressbarlimit{margin:0px 10px 10px 10px;border:1px solid #000000;}

#progressbar{background-image:url(../image/progressbg.gif);	width:30px;	height:10px;background-color:#3F9981;}

#progressbarbuttons{
	margin:0px 10px 10px 10px;
}

#progressbarinfo{width:100%;height:10px;margin:0px 0px 0px 0px;	background-image:url(../image/tree/Nav_Rpt.gif);border-top:1px solid #cccccc;}

#progressbarsteptime{float:left;width:49%;padding-left:4px;	background-image:url(../image/tree/Nav_Rpt.gif);}

#progressbartotaltime{float:left;width:49%;padding-left:4px;border-left:1px solid #cccccc;}

#locationres{left:24px; top:128px;display:none; visibility:hidden; position:absolute; background-color:#FFFFFF; border:5px solid #f0f0f0;}

/*div.suggestions {-moz-box-sizing: border-box; box-sizing: border-box;border: 1px solid black; position: absolute; background-color:#FFFFFF;}*/

div.suggestions div {
	cursor: default;
	padding: 0px 3px;
}

/*div.suggestions div.current {background-color: #3366cc;color: white;}*/

#statusinfo{
	position: absolute; 
	top: 277px;
	left: 0px;
	visibility:hidden;
	display:none;padding:10px;
	border:1px solid #cccccc;
	background-color: #f0fff0;
}

#statusinfo img{margin-right:5px;}

.funcselect{position: absolute;display: none;clear:both;visibility: hidden;background-color: #ffffff;BORDER: #9fe39a 1px solid;	PADDING: 2px;}

.funcselect .funcoption {clear:both;background-color: #C5F5C5;BORDER: #9fe39a 1px solid;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;MARGIN-BOTTOM: 2px;}

/*.funcselect .funcoption. .over{clear:both;BORDER: #333333 1px solid;background-color: #C5F5C5;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;MARGIN-BOTTOM: 2px;}*/

.off{color: #cccccc;}

.sel{color: green;}

#searchresbox{display:none; visibility:hidden; padding:10px;}

.searchresname{cursor:pointer;text-decoration:underline;}

#partnerseldiv, #parentseldiv{cursor:pointer;}



/*.infoboxholder{z-Index:4000;textAlign:center; border:1px solid #000000; width:400px; background-color:#ffffff;position:absolute; top:300px; left:470px; visibility:hidden}
*/
.infoboxtitle{width:100%; font-weight:bold;padding:5px 10px 5px 10px;margin:0px 0px 10px 0px;background-color:#3F9981;background-image:url(../image/tree/Top_rpt.gif);background-repeat:repeat-x;color:#ffffff}

/*.infoboxclose{float:right; width:18px; height:18px; padding-left: 4px; background-image:url(../image/icons/close.gif);background-repeat:none;}*/

.infoboxbody{margin:0px 10px 10px 10px;}



#searchresults{height:200px;overflow:auto}

/*.resultrow {text-decoration:underline; cursor:hand;}*/

.resultrow td {padding: 4px;}

.odd {BACKGROUND-COLOR: #efeff6;}

/*For the Top line in the family tree*/
.topline{
background-image:url(../images/top_line.gif);
background-repeat:repeat-x;
}
.nodesel:link{
color: #FFFFFF;
text-decoration:none;
text-align:center;
font-size:12px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
}
.nodesel:visited{
color: #FFFFFF;
text-decoration:none;
text-align:center;
font-size:12px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
}
.nodesel:hover{
color: #FFFFFF;
text-decoration:underline;
text-align:center;
font-size:12px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
}
.nodesel:active{
color: #FFFFFF;
text-decoration:none;
text-align:center;
font-size:12px;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
}