body {
	font-family: 'Trebuchet MS', helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	background: #fff;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
h1 {font-size: 20px;font-weight: bold}
h2 {font-size: 16px;font-weight: bold}
h3 {font-size: 14px;font-weight: bold}
h4 {font-size: 13px;font-weight: bold}
h1,h3 {color: #648e97;}
h2,h4,.box h3 {color: #78ac54;}
p {
	text-align: left;
}
table {
	width: 100%;
}
tr {
	vertical-align: top;
}
td {
	vertical-align: top;
	font-size: 13px;
}
td.date {text-align: right; white-space: nowrap}
th,.autocomplete .selected {
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	color: #444;
	background: url(images/thead.png) center center repeat-x;
}
thead {
}
#trees tbody,#users tbody,#comments tbody,#search tbody tr,.recent tbody tr {
	background: #648e97 url(images/tbody.png) 50% 0% repeat-x;	
}
img {
	border: 0px;
}
form {margin:0px}
textarea {width: 500px;height:400px;}
a {color: #666;}
a:hover,th a {color:#444}
ul {list-style-image: url(images/list.png);}
#wrapper {
	width: 980px;
	margin: 0px auto 0px auto;
	padding-top: 40px;
	text-align: left;
	
}
#header {
	padding: 0px 0px 20px 0px;
}
#content {
	padding: 5px 10px 5px 0px;
	margin: 5px 0px 0px 0px;
}
#footer {
	padding: 2px 10px 2px 20px;
	clear: both;
}
#bottom {
	text-align: center;
	padding: 2px;
	font-size: 10px;
	clear: both;
}
#sidebar {
	float: left;
	margin-right: 0px;
	background: url(images/sidebar.png);
}
#main {
	margin-left: 250px;
	padding-top: 10px;
}
#title {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: bold;
	font-size: 36px;
	color: #648e97;
	margin-left: 250px;
}
#subtitle {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
	color: #78ac54;
	margin-left: 250px;
}
#top-menu {
	float: right;
	margin-bottom: 10px;
}
#change_lang_list {
	clear: right;
	float: right;
}
#change_tpl_list {
	float: right;
}
#search-form {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: +30;
	padding: 0px 0px 12px 0px;
	width: 100%;
	background: url(images/top.png) bottom left;
	color: #444;
}
#search-form table {
	margin: 0px auto 0px auto;
	width: auto;
}
#search-form input {
	max-width: 125px;
}
#search-form tbody {
	background: transparent;
}
#search-form td { padding: 0px; vertical-align: middle;}
.clear {clear: both;}
.right {float: right; margin-left: 10px;}
.left {float: left; margin-right: 10px;}
.selected{}
.media {float: right; clear:right;max-width: 300px;margin: 0px 0px 10px 10px}
.media h3 {padding-top:0px;margin-top:0px;}
.box {width: 180px; padding: 1px 25px 1px 20px; margin-top: 0px; background: url(images/box.png) bottom left no-repeat; min-height: 100px;}
.box h3 {padding:0px;margin:0px}
.boxtop {width: 180px; padding: 0px 25px 0px 20px; margin-top: 0px;height:25px; background: url(images/boxtop.png) bottom left;}
.boxbottom {width: 180px; padding: 0px 25px 0px 20px; margin-top: 0px;height:25px; background: url(images/boxbottom.png);}
.boxtop:first-child {height:160px; background: url(images/branch.png) bottom left;}
.error {color: #f00;}
.warning {color: #f60;}
.message {color: #090;}
.relbox {width: 96px; height: 96px; padding: 2px 20px 2px 14px; background: url(images/neutralbox.png) 0px -12px; overflow: hidden; text-align: center; vertical-align: middle;margin: auto; font-size: 12px;line-height:1.1;}
.relbox:last-child {padding-bottom: 20px;}
.relbox:first-child {padding: 12px 20px 2px 14px; background-position: 0px -2px;}
.relline {width: 130px; height: 20px; padding: 0px; background: url('images/relline.png') repeat-y top center;}
.relline:first-child {display:none;}
.pedbox {width: 96px; height: 96px; padding: 14px 20px 20px 14px; background: url(images/neutralbox.png); overflow: hidden; text-align: center; vertical-align: middle;position: absolute;z-index: +1; font-size: 12px;line-height:1.1;}
.pedboxmale,.relboxmale {background-image: url(images/malebox.png);}
.pedboxfemale,.relboxfemale {background-image: url(images/femalebox.png);}
.pedbg {width: 40px; height: 40px; padding: 0px; position: absolute;}
#relknot1 {background: url('images/doubleknot.png'); height: 20px; }
#relknot2 {background: url('images/knot.png'); height: 20px; }
#relknot3 {background: url('images/relline.png'); height: 20px; }
#reltb {width: auto; margin: 0px auto 0px auto; border-spacing: 0px;}
#reltb td {padding: 0px;}
#pedigree {position: relative; height: 430px;}
#pedbox0 {top: 300px;left: 300px;}
#pedbox1 {top: 180px;left: 240px;}
#pedbox2 {top: 180px;left: 360px;}
#pedbox3 {top: 240px; left: 120px;}
#pedbox4 {top: 120px; left: 120px}
#pedbox5 {top: 120px; left: 480px;}
#pedbox6 {top: 240px; left: 480px;}
#pedbox7 {top: 300px;left: 0px;}
#pedbox8 {top: 180px;left: 0px;}
#pedbox9 {top: 0px;left: 60px;}
#pedbox10 {top: 0px;left: 180px;}
#pedbox11 {top: 0px;left: 420px;}
#pedbox12 {top: 0px; left: 540px;}
#pedbox13 {top: 180px; left: 600px;}
#pedbox14 {top: 300px; left: 600px;}
#pedbg0 {display:none;}
#pedbg1 {top: 280px; left: 312px; background: url('images/vertical.png');}
#pedbg2 {top: 280px; left: 372px; background: url('images/vertical.png');}
#pedbg3 {top: 252px; left: 220px; background: url('images/horizontal.png');}
#pedbg4 {top: 192px; left: 220px; background: url('images/horizontal.png');}
#pedbg5 {top: 192px; left: 460px; background: url('images/horizontal.png');}
#pedbg6 {top: 252px; left: 460px; background: url('images/horizontal.png');}
#pedbg7 {top: 312px; left: 100px; background: url('images/horizontal.png');}
#pedbg8 {top: 252px; left: 100px; background: url('images/horizontal.png');;}
#pedbg9 {top: 100px; left: 132px; background: url('images/vertical.png');}
#pedbg10 {top: 100px; left: 192px; background: url('images/vertical.png');;}
#pedbg11 {top: 100px; left: 492px; background: url('images/vertical.png');}
#pedbg12 {top: 100px; left: 552px; background: url('images/vertical.png');}
#pedbg13 {top: 252px; left: 580px; background: url('images/horizontal.png');}
#pedbg14 {top: 312px; left: 580px; background: url('images/horizontal.png');}
#feeds {list-style-image: url('images/feed-icon-16x16.png');}
#ajaxoverlay {background-image: url('images/ajaxbackground.png');z-index: +50;}
#ajaxnavbar {background:  url(images/top.png) 0% 50%;}
#ajaxcontainer {background: #f0f4f5 url(images/ajaxcontainer.png) bottom left repeat-x;}
#ajaxcloseimage{float:right;height:20px;width:20px;background-image:url('images/ajaxclose.png');}
.ajaxloadimage {width: 16px;height: 16px;background-image: url('images/ajaxload.gif');}
.ajaxprogress {height: 16px;background: #fff;margin-top:20px}
.ajaxprogress div {height: 16px;background: url(images/top.png) 0% 50%;}
.autocomplete {background: #fff; border: 1px solid #666;padding:2px;margin:0px;min-width: 100px;text-align:left;}
.ajaxplus {width: 16px;height: 16px;background-image: url(images/plus.gif);float:left;}
.ajaxminus {width: 16px;height: 16px;background-image: url(images/minus.gif);float:left;}