body {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
body, h1, h2, h3, h4, h5, h6, form {
	margin:0;
	padding:0;
}
#inner, form, .ac_results {
	text-align: left;
}
table {
	border-collapse: collapse;
	font-size: 100%;
}
tr {
	vertical-align: top;
}
.r0 {
	margin-right: 0;
}
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.auto-W {
	width: auto!important;
}
.right-align {
	text-align: right;
}
.center-align {
	text-align: center;
}
.long-name {
	width: 160px!important;
}
.border-pic {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	padding: 2px;
	border: 2px solid #4C3000;
}
.loading {
	 background: url(images/loading.gif);
	 height: 20px;
	 width: 20px;
}
.loader {
	 display: inline-block!important;
	 vertical-align: middle;
}
li.normal {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F6F6F6 url(jqueryui/css/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) repeat-x scroll 50% 50%;
	border:1px solid #FFFFFF;
	color:#0073EA;
	font-weight:bold;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
li.normal a, li.normal a :visited  {
	color:#0073EA;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
#main-tab {
	width: 1004px;
	display: none;
	text-align: left;
	margin: 0 auto;
}
#main-tab {
	height: 593px;
}
#people-outer {
	height: 500px;
}
#names ul {
	height: 470px;
}

#people-tab-1 {
	position: relative;
}
#header, #footer {
	height: 75px;
	width: 1004px;
	margin:0 auto;
	text-align: left;
}
#header {
	line-height: 75px;
	position: relative;
	margin-top: 5px;
}
#header h1 {
	font-size:30px;
	margin-left:20px;
	color: #0073ea;
	letter-spacing: 0.1em;
}
#header .people-pic {
	position: absolute; top: 0pt; right: 0pt; width: 500px;height: 75px;
}
#header .people-pic img,
#header .people-pic div {
	height: 60px;
	width: 48px;
}
#uploaded-thumbs .border-pic
#uploaded-thumbs .border-pic img,
#uploaded-thumbs .border-pic div {
	width: 46px;
}
#uploaded-thumbs .border-pic img,
#uploaded-thumbs .border-pic div {
	height: 58px;
}
#header .people-pic div {
	position:absolute;
	right:0;
}
#uploaded-thumbs {
	width: 385px;
	margin-top: 10px;
	display: none;
	position:relative;
	padding-top:15px; 
}
#uploaded-thumbs div {
	float: left;
	margin: 0px 7px 7px 0;
	position: relative;
}
#uploaded-thumbs div span {
	position: absolute;
	bottom:0;
	left: 0;
}
#uploaded-thumbs h6 {
	position: absolute;
	top:0;
	left:0;
	color: #4C3000;
	font-weight: normal;
	
}
#header .people-pic-name {
	position: absolute;
	bottom:5px;
	right: 65px;
	color: #ff0084;
	font-size: 14px;
	line-height: 20px;
}
#menu {
	height: 32px;
	margin-top:5px;
	margin-bottom: 5px;
}
#home-tab {
	position:relative;
	height: 500px;
}
#people-tab {
	position: relative;
}
#people-names {
	position: absolute;
	width: 150px;
	top: 3px;
	left:0;
	border-top: 3px solid #e4e4e4;
}
#people-names h1 {
	font-size:1.0em;
	position: absolute;
	top:0;
	left:0;
	padding-left: 5px;
}
#people-names ul {
	margin:0px;
	padding-top: 15px;
	list-style: none;
	overflow: hidden;
	overflow-y: scroll;
	height: 505px;
	white-space: nowrap;
}
#people-names ul li {
	width:150px;
	font-size: .8em;
}
#people-names li a {
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 10px;
}
#people-names li a:hover {
	background: #ddd;
}
#people-content {
	position:absolute;
	width: 850px;
	height: 556px;
	top:0;
	left: 150px;
}
.people-tab-container, #configuration-content {
	height: 500px;
}
/* Override of default theme size */
.ui-tabs .ui-tabs-nav li a {
	padding:0.5em 0.9em!important;
}
#people-content ul {
	font-size:.8em;
}
input#name-search {
	width: 100px!important;
	margin-left: 5px;
}
#person-details-panel {
	height: 100%;
	width: 810px;
}
#person-details {
	width:815px;
	height: 500px;
	position: relative;
}
#person-details #person-pic {
	width: 100px;
	text-align:center;
	position: absolute;
	top:50px;
	left:5px;
}
#person-details #detail-panel {
	position:absolute;
	top:10px;
	left: 107px;
	width: 660px;
	height: 480px;
}
#person-details #detail-panel .c1 {
	position: absolute;
	top:40px;
	left:5px;
	width: 400px;
}
#person-details #detail-panel .c2 {
	position: absolute;
	top:40px;
	left:290px;
	width: 320px;
}
#person-details #detail-panel h2, #person-details #residence h2 {
	font-size: 14px;
	margin: 10px;
}
#person-details #detail-panel label {
	display: block;
/*	width: 250px; */
	padding: 5px;
	font-weight: bold;
	color: #0073ea;
	position: relative;
}
#person-details #detail-panel label span {
	font-weight: normal;
	color: #000000;
	position: absolute;
	}
.c1 label span {
	left:110px;	
}
.c2 label span {
	left:115px;
}
#person-details #person-pic img {
	height: 120px;
	width: 100px;
}
#person-details #person-pic h2 {
	font-size: 10px;
}
#person-details #residence {
	position: absolute; 
	top: 260px;
	width: 100%;
	height: 170px;
}
.person.details-form td, .person.details-form th {
	padding-bottom: 10px;
}
.details-form table tbody {
	font-size: 0.8em;
}
.details-form table th {
	color:#0073ea;
	padding-left: 10px;
	text-align: left;
}
.details-form tbody input {
	width: 100px;
	border: 1px solid #aaa;
}
img.ui-datepicker-trigger {
	vertical-align:middle;
	margin:3px 0 4px;	
}
#photo-list {
	height: 500px;
}
.photo-uploader {
	position: relative;
	width: 830px;
	display: none;
}
.photo-uploader th {
	color: #888;
	text-align: left;
}
.photo-uploader form.action {
	position: absolute;
	border:1px solid #ddd;
	height: 170px;width:340px;
	left:20px;
	top:20px;
}
.photo-uploader form.action .file-input {
	font-size: 10px;
	width: 200px;
	position: absolute;
	top: 130px;
	left: 20px;
}
.photo-uploader form.action .sidebar {
	position:absolute;
	top:  15px;
	left: 120px;
}

.photo-uploader .sidebar textarea {
	width: 200px;
	height: 85px;
	margi-bottom: 5px;
	overflow-x:hidden;
	overflow-y:auto;
}
.photo-uploader .sidebar label {
	display: block;
	height: 10px;
	margin-bottom: 5px;
}
div.gallery {
	border:1px solid #ddd;
	height: 500px;
	width: 360px; 
	position: absolute;
	top:10px;
	right: 30px;
	padding-top: 0px;
}
div.gallery-scroll {
	height: 425px;
	overflow:hidden;
	overflow-y: scroll;
}
div.gallery label {
	display: block;
	padding: 10px 20px;
}
div.gallery a {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	padding: 2px;
	border: 2px solid #000;
	margin: 0px 0px 20px 20px;	
	float: left;
	position: relative;
}
div.gallery a span {
	position: absolute; 
	bottom: 0pt; 
	left: 0pt;
}
.emptyphotocell span {
	position: absolute; 
	right: 0px; 
	background-color: #ddd; 
	bottom: 0px;
}
div.gallery img {
	height: 100px;
	width: 80px;
/*	border: 1px solid #ddd; */
	border: none;
	display: block;
}
div#login-logout {
	margin: auto;
	position: absolute;
	top: 65px;
	left: 307px;
	box-shadow: 0 0 10px 0;
	display: none;	/* Inititally hidden */

}
.alt-grid-row td {
	background-color: #f1f1f1;
}
.ui-row-ltr.ui-state-highlight td {
	background: #ccd;
}
#detail-dialog {
	display: none;
}

/* Geneology tab styling */

		#gene-outer {
/*			width: 665px; */
				width: 830px;
				height: 500px;
				overflow-y: scroll;
		}
		#parents, #person-spouse, #children {
			position: relative;
			clear: both;
			text-align: center;
			width: auto;
			margin-bottom: 10px;
			padding-left: 40px;
/*			border: 1px solid red; */
		}
		#parents h2, #person-spouse h2, #children h2 {
			color: #0073ea;
			font-size: 12px;
			position: absolute;
			top:0;
			left:10px;
		}
		#parents h3 {
			font-size: 10px;
			color: #999;
			position: absolute;
		}
		.float-box {
			margin: auto auto;
			width: auto;
			clear:both;
/*			border: 1px solid blue; */
		}
		.gene-picture {
			float: left;
			text-align: center;
			color:#0073ea;
			height: 200px;
		}
		.float-box .gene-picture {
			margin: 15px 15px 0 15px;
		}
		.gene-picture img {
			height: 100px;
			width: 80px;
			padding: 3px;
/*			border: 2px solid #aaa; */
		}
		.gene-picture p {
			padding:0;
			margin:0;
			font-size: .8em;
			width: 90px;
		}
		.active {
			color: #ff0084;
			cursor: pointer;
		}
		.default {
			color: #0073ea;
			cursor: default;
		}
		.gene-picture.first {
			padding-left: 5px;
		}
		.gene-picture.spouse-spacer {
			width: 95px;
		}
		.ui-datepicker {
			z-index: 2000;
		}
		.captioned-form-fields div { /* Container for form field & caption */
			float: left;
			margin-right: 4px;
			margin-bottom: 10px;
			width: 110px;
		}
		.captioned-form-fields div p { /* caption */
			font-size: 0.8em;
			color: #666;
			margin: 0;
			padding: 0;
		}

/* Photo gallery extensions to Geneology photo layout */
		#gallery-detail {
			position: absolute;
			top:50px;
			left:0;
		}
		#gallery-outer {
			width: 770px;
		}
		#people-gallery .gene-picture img {
			height: 110px;
			width: 88px;
			padding: 3px;
		}
		#gallery-index {
			height: 450px;
		}
		#people-gallery {
			height: 365px;
		}
		#gallery-index, #people-gallery {
			position: relative;
		}
		#gallery-index, $gallery-index ul {
			display: hidden;
		}
		#more-thumbs .gene-picture {
			padding: 12px;
		}
/* Photo Manager */
		form.photo-edit {
			text-align: left;
			width: 365px;
			margin-top: 10px;
		}
		form.photo-edit input {
			vertical-align: middle;
		}
		form.photo-edit table {
			font-size: 100%;
		}
		form.photo-edit table td,
		form.photo-edit table th {
			line-height: 22px;
			color: #4C3000;
		}
		form.photo-edit .photo-date {
			width:80px;
		}
		form.photo-edit .photo-caption {
			width:200px;
		}
		form.photo-edit div.border-pic img {
			height: 60px;width:48px;
		}
		form.photo-edit textarea.description {
			width: 361px;float:right;
			height: 60px;
		}
		#btnCancel2 {
			height: 22px;
			width: 61px;
			background-image: url(swfupload/cancel.png);
			background-position: 0 0;
			display: inline-block;
			vertical-align: middle;
			margin-left: 7px;
		}
		#btnCancel2.hover {
			background-position: 0 -22px;
		}
		#btnCancel2.inactive {
			background-position: 0 -66px;
		}
.login {
	position: relative;
}
.login img {
    box-shadow: 0 0 7px #444444;
}
.login p {
	font-size: 20px;
}
.login p:nth-of-type(1) {
margin:0;
padding: 0;
font-size: 2.2em;
}
#wedding-list {
	width: 780px;
	margin-left: 23px;
}
#residence-list {
	width: 780px;
	margin-left: 23px;
}
#political-list, #license-list, #realestate-list {
	width: 780px;
	margin-left: 23px;
}