#body_content {
	/* start with this and then shrink in JS */
	width: 20000px;
}

h1 {
	display: inline;
	margin-bottom: 0;
}

ul#action_list {
	display: inline;
	margin: 0;
	padding: 0 10px;
	white-space:nowrap;
}
ul#action_list li {
	background-color: #DDDDDD;
	border: 3px solid #DDDDDD;
	-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
	display: inline;
	list-style-type: none;
}
ul#action_list li:hover {
	background-color: #00DDDD;
	border: 3px solid #00DDDD;
}
ul#action_list li a {
	color: black;
	font-size: 0.75em;
	font-family: georgia, verdana;
	text-decoration: none;
}
ul#action_list li a:hover {
	/*text-decoration: underline;*/
}

ul#tree_list {
	margin: 0;
	padding: 0;
}

ul#tree_list li {
	border-right: 1px dashed #CCCCCC;
	display: inline;
	list-style-type: none;
	padding: 0 10px;
}
ul#tree_list li:hover {
	background-color: #EEEEEE;
}

ul#tree_list li a {
	color: black;
	font-family: georgia, verdana;
	text-decoration: none;
}
ul#tree_list li a:hover {
	color: blue;
}

ol#tree {
	list-style-type: none;
	margin-bottom: 50px;
	padding: 0;
	text-align: center;
}

ol.children {
	display: inline-block;
	list-style-type: none;
	padding: 0;
}

li.child {
	float: left;
}

div.tree_line_container {
}
div.left_line_first, div.left_line_not_first {
	float: left;
	height: 10px;
	width: 50%;
}
div.left_line_not_first {
	border-top: 1px solid black;
}
div.right_line_last, div.right_line_not_last {
	float: left;
	height: 10px;
	width: 50%;
}
div.right_line_not_last {
	border-top: 1px solid black;
}

div.vertical_line {
	border-left: 1px solid black;
	height: 15px;
	margin: 0 auto;
	width: 1px;
}

div.relationship {
	border: 1px solid black;
	border-radius:4px;
	display: inline-block;
	height: 3em;
	margin: 0 5px;
	padding: 5px;
}
div.same_last_name {
	background-color: #FFFAED;
}
div.different_last_name {
	background-color: #DBDBDB;
}

span.person, span.spouse {
	font-size: 0.7em;
}
span.person a, span.spouse a {
	color: #000055;
}

span.person {
	display: block;
}
span.spouse {
}
span.relationship_plus {
	display: block;
}


#popup_bg {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popup {
	/*background-image: url(/images/family/bg.bmp);*/
	display:none;
	position:fixed;
	height: 600px;
	width: 600px;
	background-color:#FFFFFF;
	border:2px solid #cecece;
	border-radius:5px;
	z-index:2;
	padding:12px;
	font-size:13px;
	overflow: auto; /* only add scrollbar if needed */
}

span#family_login_error { /* the JS also uses this string */
	color: red;
	font-weight: bold;
}