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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color:#f6f6f3;
	background-image:url(_skins/body.gif);
	width:100%;
}




h1, h2, h3, h4 {	
	font-family: Georgia, Times New Roman, serif;
	color:#a69;
	font-weight:normal;
	clear:left;
}

h1 {
	font-size:1.8em;
	border:0px dotted #20E0E0;
	margin-top:8px;
	margin-bottom:6px;
}
h2 {
	font-size:1.6em;
	margin-top:6px;
	margin-bottom:4px;
}
h3 {
	font-size:1.4em;}
h4 {
	font-size:1.2em;}


h1 a, h2 a, h3 a, h4 a {	
	text-decoration:none}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {	
	text-decoration:underline}

	
.input, .textarea, .select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:solid #e0e0e0;
	border-width: 1px;
}

p {margin-top:6px;margin-bottom:6px;}
ul {margin:4px;margin-left:20px;}
li {}
q {
	border-bottom: 1px #f99 dotted;
	font-style: italic;
}


hr {border:1px solid #eee;margin:20px 0}


.child {position:relative;width:160px;border:0px red solid;text-align:right}
#child1ss {border:0px red solid;position:relative;left:162px;left:316px;}

.moveLeft, .moveRight {position:absolute;top:0px;background-color:#ecc;width:auto;color:#966;text-decoration:none;font-size:16px;}
.moveLeft {left:2px;}
.moveRight {right:1px;text-align:right;}
	

		   
#container {
	position: static;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px red solid;
}

#container input, #container textarea, #container select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#header, #page, #footer{
	position:relative;
	display:block;
	width:auto;
	clear:both;
	padding:0px;margin:0px;
}


#header, #footer {
	position:relative;
	display:block;
	width:auto;
	clear:both;
	height:36px;
}
#header{
	border-bottom: solid #C0C0C0 1px;
}
#page {
	position:relative;
	display:block;
	width:100%;  
	height:auto; 
	min-height:400px;
	margin:0px;
	padding:0px;
	
	border-top:0px green solid;
	border-bottom:0px green solid;
	
	background-color: #fffff9;
	
}
#footer {
	border-top: solid #C0C0C0 1px;
}


#pageTop,#pageBottom {display:none;}






.contentTable {width:100%;padding:0px;margin:0px;height:400px;}

.contentTable table {padding:0px;margin:0px;border-collapse:collapse;}
.contentTable td  {padding:0px;margin:0px;vertical-align:top}

td#contentMain {
	position: relative;
	text-align: left;	
	padding:10px;
	display: block;
	margin:0px;
}
#contentMenu {width:125px;
	background-image:url(_skins/_contentMenu.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-attachment: fixed;
}
#contentControls {
	width:144px;
	background-image:url(_skins/_contentControls.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-attachment: fixed;
}

.controls {
	position:relative;
	float:right;
	margin:2px;
	margin-top:2px;
	margin-right:4px;
	padding-top:5px;
	
	border:0px red solid;
	
	position:fixed;
	
	right:0px;
	top:37px;
	width:140px;
	
	height:200px;
	
}

.controlsStatic {position:absolute;}
.controlsTask {clear:both;margin-top:10px;border:1px #cc0099 solid;padding:4px;background-color:#fab;color:#fff}

.contentMargin   {padding-left:160px;border:0px red solid}
.contentCentre   {text-align:center;}

.content {
	background-color:#14d;
}


.contentGroup {
	clear:left;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	margin-bottom:4px;
}


.controlsThumbnail {position:relative;width:100%;text-align:center;padding:0px;width:150px;overflow:hidden;display:block;
	border:0px red solid;
	margin:0px;
	overflow:visible}

.controlsAddress {position:relative;width:480px;left:-340px;overflow:visible}
	
.controls fieldset {margin-left:8px;background-color:transparent;}
.controls h2 {color:#999;padding-left:0px;}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


.tabs li, .portraitUnit, .portraitDate, .individualThumbEdit {
	font-size: 11px;
	border-top: solid 1px #DDDDDD;
	border-right: solid 1px #C0C0C0;
	border-left: solid 1px #DDDDE0;
	border-bottom: solid 1px #C0C0C0;
	
	background-image:url(_skins/_menu_top.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}





.tabs {
	position: relative;
	top: 0px;
	right: 1px;
	overflow:visible;
	border:1px green dotted;
	width:100%;
	height:90%;
	border-right:solid #DDDDDD 1px;
	border-top:solid #E6E6E9 1px;
	border:solid #E6E6E9 0px;
	color:#ccc;
}
.tabs b {
	color:#333;
}
.tabs ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.tabs li {
	font-size: 11px;
	list-style-type: none;
	margin:0px;	
	padding: 4px 2px;
}
.tabs li#active {
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #f9f9f3;
	background-color: #f9f9f3;
	background-image:none;
	color:#333;
}

.tabs li a {text-decoration:none;}
.tabsz li a:link {color:#1c6699;}
.tabsz li a:visited {color:#1699cc;}
.tabs li:hover {background-color:#F9F9F3;background-image:none;}




.tabLeft li#active {
	border-left: 1px #fff solid;
	background-image:none;
	background-color: #fffff9;
}




.tabMonths li {padding: 4px 2px;border-bottom:0px;}
.tabMonths {}

.tabPages li, .tabDecades li {padding: 4px 2px;border-bottom:0px;}
.tabPages li, .tabDecades li {border-bottom: solid 1px #C0C0C0;}




.tab3 {display:block;float:left;width:31%;border:0px #eee solid;margin:1px;border-right:1px #ccc solid;}
.tabFirst {clear:left;}
.tabLast {border-right:0px;}





.tabIndividual li {padding:4px 0px;border-bottom:0px;width:130px;}
.tabIndividual {border-bottom: solid 1px #C0C0C0;}
	

.tabs li#tabsHeading {background-position:bottom;color:#999;}
.tabs li#active {background-color:#fffff9;}


.tabsShort {width:0px;display:inline;border-right:1px #ccc solid;padding:4px;}
.tabsShortLast {border-right:0px;}
.tabsCentre {width:20%;}



#bookTabsMap {
	width: 32px;
	height: 14px;
	top: 475px;
}



.clear {
	clear:both;
}















/* top and bottom navigation menus */
.menu {
	position:absolute;
	display:block;
	width:100%;
	font-size: 11px;
	color: #666;
	padding:0px;
	margin:0px;
}
.menu A {
	text-decoration : none;
	color:#333;
}
.menu A:hover {
	color:blue;
}
.menu ul {
	display: inline;
	margin:0px;	
	padding: 3px 0px;
	list-style-type: none;
}
.menu li {
	height:32px;

	display: inline;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	
	margin:0px;
	background-color: #f9f9f3;
	border: solid 1px #C0C0C0;
}
.menu li:hover  {
	background-image:none;
	background-color: #f9f9f3;
	position:relative;
	top:1px;left:1px;
}
.menuTop li:hover  {
	position:relative;
	top:-1px;left:1px;
}
.menuBottom li:hover  {
}

.menu form {
	display:block;
	margin:0px;	
	padding:0px;
	overflow:visible;
	height:12px;
	width:145px;
	border:0px;
	
}
.menuInactive A {
	color:#aaa;
}


.menuTop {
	bottom:-1px;
	left:0px;
}
.menuBottom {
	top:-1px;
	left:0px;
}



.menuTop li {
	background-image:url(_skins/_menu_bottom.gif);
	background-position:bottom;
}
.menuBottom li {
	background-image:url(_skins/_menu_top.gif);
}

.menu li#active {
	background-image:none;
	background-color: #fffff9;
	position:relative;
	top:0px;left:0px;
}
.menuTop li#active {
	border-bottom: solid #fffff9 1px;
}
.menuBottom li#active {
	border-top: solid #fffff9 1px;
}


.menuLeft, .menuRight {
	position:relative;
	display:block;
}
.menuLeft {float:left;}
.menuRight {float:right;}





/* adjustments */
#menuSite {padding-right:8px;}
#menuLogin {padding-right:4px;}
#menuCopyright {width:145px;margin-left:4px;overflow:hidden}
#menuCopyright i {font-size:9px;font-style:normal;}

/* hidden menus (for community sub-sites) */
#menuCommunities {display:none;}


/* search menu */
#menuSearch {	
	height:18px;
	width:146px;
	overflow:hidden;
	margin-left:6px;
	border-bottom:1px solid #ddd;
}

#menuSearch button,#menuSearch input {
	position:absolute;
	top:0px;
	height:18px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	border:solid #C0C0C0 1px;
}
#menuSearch button {
	left:100px;
	width:45px;
	padding:1px;
}
#menuSearch input {
	left:0px;
	padding:0px;
	width:100px;
	background-image: url(_images/_background_input.gif);
}



#menuEdits {display:none;}





















.albumCanvas {
	position:relative;
	display:block;
	width:98%;
	text-align: center;
	border: dashed 0px #90E0E0;
	min-height:540px;
	
}
.albumCanvasImage {
	position:relative;
	display:block;
	margin:0px auto 20px auto;
	border: dashed 0px #30E010;
}
.albumNotes1 {
	position:absolute;
	left:-50px;
	bottom:-20px;
	border:0px;
	padding:5px;
}
.albumNotes2 {
	position:absolute;
	right:-50px;
	bottom:-20px;
	border:0px;
	padding:5px;
}
.albumNotes1 img,.albumNotes2 img {border:0px;}

.albumText {
	position:relative;
	width:50%;
	margin:0px auto 10px auto;
	border:0px solid #eee;
	padding:5px;
	background-color:transparent;
}













.albumPeople {
	position:relative;
	clear:left;
	display:block;
	margin:5px;padding-top:15px;padding-bottom:15px;
}


/* now used in family context control - needs checking */
.contextGroup {position:relative;top:0px;left:-4px;width:280px;border:0px solid #e46;height:82px;}
.contextLabel {position:absolute;top:0px;left:8px;border:0px solid #e46;color:#999;}
.contextList {position:absolute;top:20px;left:0px;width:280px;border:0px solid #246;}
.contextSpacer {display:block;width:75px;border:0px solid #246;float:left;}



.thumbnail {position:relative;padding:0px;margin:0px}
.thumbnail img {padding:0px;border-width:0px;}
.thumbnail a {color:#3333cc;}
.thumbnail a:visited {color:#99ccff;}


.spacer {position:relative;padding:1px;margin:4px;float:left;border:1px red solid;

	border:1px solid #ececec;
	border-right: solid #e9e9e9 1px;
	border-bottom: solid #e9e9e9 1px;
	
	background-color:#fffcfc;
}








/* faces and links to appear on photos */
.faces {display:none;}
.face {
	position:absolute;
	overflow:visible;
	opacity:0.8
}
.faceLinks {border:dotted 1px #ccc}
.faceLinks:hover {border:dotted 1px #fff;font-weight:bold}

.faceName, .faceLookup, .faceEdit, .facePrev, .faceNext, .faceListPrev, .faceListNext  {
	position:absolute;
	border:0px #ccc solid;
	background-color:#333;
	display:block;
	color:#fff;
	text-decoration:none;
	padding:2px;
}
.faceName {top:100%;left:-2px;}
.faceLookup {top:-2px;right:-2px;background-color:#363}
.faceEdit {top:-2px;left:-2px;background-color:#003}
.faceListPortrait {background-color:#003}
.face a {color:#fff;text-decoration:none;}
.face a:visited {color:#ccc;}

.faceList {display:inline;width:100%;border:0px;}
.faceListName, .faceListLookup, .faceListEdit {display:inline;position:relative;top:0px;left:0px;margin:1px;}


.facePrev {left:0px;bottom:0px;}
.faceNext {right:0px;bottom:0px;}

.faceListPrev, .faceListNext {position:relative;display:inline;width:20px}
.faceListPrev {}
.faceListNext {}


/* front page only */

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	font-weight : bold;
	margin-top:16px;
}
.header i {
	color: #ccc;
	font-style:normal;
}

.formControls {width:140px;overflow:hidden;border-bottom:1px solid #ccc;margin:0px;padding:0px;padding-top:10px;}
.formControls fieldset {border:0px;background-image:none}
.formControls label, .formControls input {display:block;width:120px;}











.data table {
	}
.data th {
	text-align:left;
	border-bottom: solid #ccc 1px;
}
.data td {
	border-bottom: dashed #ddd 1px;
	border-left: solid #eee 1px;
	padding: 2px;
	text-align:left;
}












/* containing cells .cell,, .individualThumb */
.individualSmall, .individualDouble, .individualLarge, .individualThumb, .individualThumbSmall {
	position: relative;
	display: block;
	float: left;
	border: solid #E0E0E0 1px;
	border-bottom: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
	text-align: center;
	overflow: visible;
	
	z-index:0;
	
	background-image: url(_images/_background.gif);
}

.individualSmall A, .cell A, .individualDouble A, .individualLarge A, .individualThumb A { text-decoration : none; }
.individualSmall A:hover, .cell A:hover, .individualDouble A:hover, .individualLarge A:hover, .individualThumb A:hover { text-decoration : underline; }

.individualSmall {
	width:70px;
	height:80px;
}
.individualDouble {
	width:120px;
	height:80px;
}
.individualLarge {
	width:130px;
	height:130px;
}

/* thumbnail images */
.individualThumbnail {
	display:block;
	border:0px;
	border-right: solid #eee 1px;
	border-left: solid #eee 1px;
}
.individualSmall img {
	position:absolute;
	top:0px;
	width:50px;
	height:50px;
	left:10px;
}
.individualLarge img {
	position:absolute;
	top:0px;
	width:100px;
	height:100px;
	left:15px;
}

/* for second thumb image in double - special photo album links */
.individualDouble img {
	position:absolute;
	top:0px;
	width:50px;
	height:50px;
	left:10px;
}
.individualThumbnail2 img {
	left:60px;
}


/* move target into margin when confirming from individual_add and individual_connect */
.individualMargin {
	position:absolute;
	left:-100px;
	top:16px;
}


/* add photo add person links in album */
.individualSmallLink {
	margin-top:5px;
}


/* AJAX lookup */
#lookup {position:fixed;left:0px;bottom:0px;height:0px;width:100%;overflow:visible;display:none;color:#363;}
#lookupBackground {position:absolute;left:0px;bottom:0px;background-color:#cfc;height:100%;width:100%;padding:4px;border-top:#9c9 1px solid;}
#lookupClose {position:absolute;right:16px;top:0px;display:block;font-size:3em}
#lookupClose a {color:#363;text-decoration:none}
#lookupClose a:hover {color:#fff;background-color:#9c9}
#lookupText {position:relative;top:40px;padding:8px;color:#363}
#lookupFamily {width:300px;right:4px;top:8px;position:absolute}



/* dated portrait container */

/* places large portrait in margin */
.portraitSpacer {
	position:relative;
	overflow:visible;
	clear:left;
	float:left;
	
	left:-102px;
	top:4px;
	
	width:102px;
	height:102px;
	
	margin-right:-110px;
	margin-bottom:5px;
	
	border-right:2px solid #e9e9e3;
	padding-right:1px;
}/* places large portrait float left */
.portraitUnit {
	position:relative;
	overflow:visible;
	float:left;
		
	width:102px;
	height:102px;
	
	margin:5px;
	margin-left:70px;
}
.portraitDate {
	position:absolute;
	overflow:visible;
	
	text-align:center;
	left:-50px;
	top:1px;
	
	width:50px;
	height:15px;
	border-right:0px;
}



/* places between borders with 1px margin */
.portrait img, .portraitSmall img {
	position:absolute;
	border:0px;
	left:1px;top:1px;
}

.portraitSmall {
	position:relative;
	width:60px;
	height:85px;
	border:0px;
	background-color:#F3F3F0;
	border:1px solid #C9C9C3;
}
.portraitSmall img {
	position:absolute;
	width:50px;
	height:50px;
	left:5px;top:5px;
}
.portraitSmallDate {
	position:absolute;
	text-align:center;
	left:0px;
	bottom:0px;
	
	width:60px;
	height:18px;
	
	border:1px solid #C9C9C3;
	
	padding-top:2px;
	color:#666;
	background-color:#F3F3F0;
}







.individualThumb {
	position:absolute;
	overflow:visible;
	
	text-align:center;
	left:-55px;
	
	width:50px;
	
	border:1px solid #C9C9C3;
	border-left:1px solid #D9D9D3;
	border-top:1px solid #D9D9D3;
	border-right:1px solid #E9E9E3;
	
	color:green;
	background-color:#f3F3F0;
	padding:2px;
	background-image:url(_skins/_menu_top.gif);
}
.individualThumb A {text-decoration:none;}
.individualThumb A:hover {text-decoration:underline;}


.individualThumbDate {top:0px;}
.individualThumbEdit {top:20px;}
.individualThumbSelect {top:70px;}





/* height overridden in php currently, as IE not resizing to 100% */
.individualDeceased {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#e9e9e3;
	width:100%;
	height:100%;
}

.individualCreated {
	position:absolute;
	left:1px;
	top:1px;
	border:1px solid #cda;
	border-top:0px;
	border-left:0px;
	width:100%;
	height:100%;
}
.individualModified {
	position:absolute;
	left:1px;
	top:1px;
	border:1px solid #deb;
	border-top:0px;
	border-left:0px;
	width:100%;
	height:100%;
}
.individualEmail {
	position:absolute;
	right:-2px;
	top:12px;
	width: 8%;
	color:#999;
	background-color: #f0f0f0;
	line-height:10px;
	overflow:visible;
}
.individualWebsite {
	position: absolute;
	right:1px;
	top:0px;
	font-size:8px;
	background-color: #9ab;
	color:#fff;
	line-height:7px;
	height:8px;
	width:8px;
}

/* links */
.individualLinkUp, .individualLinkDown, .individualLookup, .thumbLookup {
	display:block;
	position: absolute;
	height:16px;
	width:8px;
	font-size:8px;
	background-color: #6c9ccc;
	color:#fff;
	line-height:7px;
}
.thumbLookup {right:2px;top:2px;height:12px;font-size:12px;color:#66f;}





.individualLinkUp a, .individualLinkDown a, .individualLookup a,.thumbLookup a { color: #fff;text-decoration : none;}
.individualLinkUp a:hover, .individualLinkDown a:hover,.individualLookup a:hover{ color: #fff;background-color: #678;text-decoration : none;}
.individualLinkUp {
	left:1px;
	z-index:3;
}
.individualLinkDown {
	right:1px;
	bottom:30px;
}

.individualLookup {font-size:12px;padding-top:2px;height:12px;
	background-color: #cfc;left:1px;bottom:30px;}
.individualLookup a {color:#797;}

	


/* name */
.namePlaque {
	position:absolute;
	display:block;
	width:100%;
	bottom:0px;
	left:0px;
	height:28px;
	background-color: #fff;
	z-index:9;
	overflow:hidden;
	border-top: solid #ececec 1px;
}
/* name */
.name {
	position:absolute;
	display:block;
	width:100%;
	bottom:0px;
	left:0px;
	height:28px;
	color:#aaa;
	z-index:10;
	overflow:visible;
	text-align:center;
}
.name A, .individualEmail A { text-decoration : none;
	color: #369; }
.name A:hover, .individualEmail A:hover { text-decoration : underline; color: #036;}

.forename,.surname {
	display:block;height:14px;overflow:visible;border:0px red solid;
	width:100%;text-align:center;}


.admin {
	position:absolute;
	top:0px;
	right:0px;
	width:8px;
	line-height:8px;
	border:dotted #99c 1px;
	background-color:#eef;
	color:#99c;
	font-size: 8px;
	text-align:center;
	z-index:20;
}




.thumbnailCommunity {display:block;position:absolute;top:1px;left:0px;border:0px red solid;width:70px;height:60px;}
.thumbnailCommunity img {position:absolute;width:100%;left:0px;}



/* search spacer for individual's */
.individualSpacer, .individualSpacerConnect {
	position:relative;
	float:left;
	margin:5px;
	margin:3px;
	border:0px dotted #333333;
}
.individualSpacerConnect {
	height:95px;
	border:0px dotted #333333;
}


/* 'connect' link in duplicate check */
.individualConnect,.individualInfo,.individualActive {
	display:block;
	float:left;
	clear:left;
	width:70px;
	height:13px;
	text-align:center;
}
/* save colours as formSave */
.individualConnect a {
	color:#fff;font-weight:bold;
}

.individualInfo {
	background-color: #dfe;
	border: solid #cfd 1px;
}
.individualActive {
	background-color: #efe;
	border: solid #dfe 1px;
}

.individualConnect a {text-decoration:none;}



.individualThumbnailLink {
	position:absolute;
	display:block;
	top:0px;
	left:10px;
	width:50px;
	padding-top:10px;
	height:40px;
	text-align:center;
	border: solid #dce 1px;
	background-color: #edf;
}
.individualThumbnailLink a {
	text-decoration:none;
}


.individualThumbnailLinkAdditional {
	position:absolute;
	display:block;
	top:-8px;
	right:0px;
	text-align:left;
	padding:1px;
}
.individualThumbnailLinkAdditional a {
	background-color: #edf;
	text-decoration:none;
	border: solid #dce 1px;
}





.individualPortraitLink {
	position:absolute;
	display:block;
	top:0px;
	right:9px;
	width:50px;
	height:50px;
	text-align:center;
	border: solid #ddd 1px;
	background-color: #edf;
	line-height:12px;
}
.individualPortraitLink a {
	text-decoration:none;
}




.individualTraceRights, .individualTraceRightsMessage {color:#999;}
.individualTraceRights {
	position:relative;
	height:178px;
	overflow:visible;
	border-bottom: solid #ddd 1px;
	margin-bottom:0px;
}
.individualTraceRightsMessage {height:24px;overflow:hidden;}
.individualTraceRightsClose, .individualTraceRightsDistant, .individualTraceRightsDefault {
	position:absolute;
	top:0px;
	height:160px;
	padding:5px;
}
.individualTraceRightsClose i, .individualTraceRightsDistant i, .individualTraceRightsDefault i {color:#ccc;font-style:normal;}
.individualTraceRightsClose {
	width:350px;
	background-color: #fff;
}
.individualTraceRightsDistant {
	left:340px;
	width:350px;
	background-color: #f3f3f3;
}
.individualTraceRightsDefault {
	left:690px;
	background-color: #ececec;
	width:auto;
}





.individualHelp {
	position:absolute;
	width:155px;
	height:95px;
	
	bottom:-20px;
	right:10px;
	
	border:dotted #99c 1px;
	background-color:#eef;
	background-image: url(_images/individualHelp.gif);
}


/* tracing relationships */
.individualTrace {
	position:relative;
	height:100px;
	border-bottom: dashed #ddd 1px;
}
.individualTraceStart {
	position:absolute;
	height:100px;
	top:40px;
	border: solid #1dd 0px;
	width:50px;
}
/* description of relationship */
.individualTraceRelationship,.individualTraceRelationshipBackground {
	position:relative;
	left:0px;
	text-align:center;
	width:70px;
	height:16px;
	color:#363;
	overflow:visible;
}
.individualTraceRelationshipBackground {
	position:absolute;
	left:1px;
	top:1px;
	color:#ccc;
	z-index:-1;
	background-color:#fcfcfc;
	background-color:transparent;
}


/* thumbnail */
.individualTraceThumb {
	width:50px;
	left:-50px;
	text-align:center;
}
.individualTraceLinkUp,.individualTraceLinkDown,.individualTraceLinkAcross,.individualTraceLinkAcrossMarriage {
	position:absolute;
	left:80px;
	width:72px;
	padding:0px;margin:0px;
}
.individualTraceLinkUp {
	top:-16px;
}
.individualTraceLinkDown {
	top:16px;
}
.individualTraceLinkAcross,.individualTraceLinkAcrossMarriage {
	top:0px;
}
.individualTraceLinkAcrossMarriage {
	top:0px;
	border-left: dashed #ace 1px;padding-left:8px;
}










.day {
	position:relative;
	width:100%;
	border-right: solid #fcf3f3 1px;
	border-top: solid #dcc 1px;
	min-height:80px
}

.dayDate {
	display:block;
	float:left;
	position:relative;
	
	left:0px;
	width:70px;
	height:100%;
	font-family: Georgia, Times New Roman, serif;
	font-size: 16px;
	color: #a69;
	text-align:right;
	border-right: solid #fcf3f3 1px;
	background-color:#fff9f9;
	border-left: solid #fcf3f3 1px;
	height:auto;
	padding:4px;
	min-height:80px;
}
.dayWeekend {
	position:relative;
	background-color: #fcf3f3;
	width:100%;
	min-height:90px;
}

.dayToday {
	display:block;
	position:relative;
	border:2px #9cc solid;
	border-right:2px #699 solid;
	border-bottom:2px #699 solid;
}
.dayTodayLabel {
	position:absolute;
	left:-2px;
	top:-28px;
	width:74px;
	display:block;
	font-family: Georgia, Times New Roman, serif;
	font-size:18px;
	color:#fff;
	background-color:#699;
	border:0px;
	padding:3px;
}

.dayEvents {
	display:block;
	float:left;
	position:relative;
	border:0px red solid;
	clear:none;
	width:87%;
}

.dayEvent {
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:2px;
	color:#966;
	border:0px red solid;
	border-right:1px #ecdcdc solid;
	margin:0px;padding:4px;
	margin-right:4px;
	width:160px;height:120px;
	overflow:hidden
}
.dayEventLabel {
	position:absolute;
	padding:2px;
	left:78px;
	top:70px;
	border:0px green solid;
	width:80px;
	background-color:#fffff9;
	opacity:0.7
	
}
.dayEventLabel a {
	text-decoration:none;
}
.dayEventLabel a:hover {
	text-decoration:underline;
}
.dayEventWeekend {background-color:#fcf3f3}

.dayAddress {
	width:480px
}
.dayAddressLabel {
	left:390px;
}


.dayTrim {
	position:absolute;
	left:4px;
	width:72px;
	overflow:hidden
}
.dayTrimShift {
	position:relative;
	left:-82px
}



.itemLink {
	border: dotted #3cc 1px;
	background-color: #eff;
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:9px;
}
.itemLinkExtra {
	border: dotted #c3c 1px;
	background-color: #eff;
	position:absolute;
	right:20px;
	bottom:0px;
	font-size:9px;
}







/* addresses */

.address {
position:relative;display:block;width:330px;text-align:left;border:1px #eee solid;border-bottom:1px #ddd solid;
margin:0 0 12px 148px;clear:both;background-color:#fcfcfc;min-height:110px;
break-inside:avoid-column;}

.address H3 {text-align:left;border-bottom:0px;padding:4px 4px 2px 4px;display:block;border-bottom:1px #ddd dotted;background-color:#fff;}
.address H3 a {text-decoration:none;}
.address H3 a:hover {text-decoration:underline;}

.addressText {position:relative;padding:4px;display:block;border:0px #1ff solid}

.addressThumbs {position:absolute;width:146px;top:0px;left:-150px}

.addressDates {position:absolute;width:146px;top:60px;left:-150px;font-style:italic;font-size:1.2em;color:#999}

.addressMap {display:block;position:absolute;right:0px;top:0px;}

.addressNotes {
	margin-top:4px;
	background-color:#eee;
}


.addressType {border:0px green solid}

.addressLink {position:absolute;top:2px;right:1px;}



.addressColumns {
-moz-column-width:480px;-webkit-column-width:480px;
-moz-column-gap:10px;-webkit-column-gap:10px;
}
.addressSpacer {clear:left;position:relative;left:-140px}



#book h1 {
	height:20px;
	border-bottom: solid #ccc 1px;
	font-size:16px;
	font-weight:normal;
	color:#666;
	margin-top:0px;
	margin-bottom:8px;
}
#book h2 {
	position:relative;
	height:14px;
	left:12px;
	border-bottom: solid #ddd 1px;
	font-size:12px;
	font-weight:normal;
	color:#777;
	margin-top:8px;
	margin-bottom:4px;
	clear: both;
}
#book h2 i {color:#ccc;}

.newsGraph {
	color:#666;
	position:relative;
	height:200px;
	border-left: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	background-color:#fff;
	text-align:right;
	font-size:9px;
}
.newsGraphDate {
	position:absolute;
	display:block;
	bottom:-14px;
	left:-4px;
	border:0px red solid;
	width:24px;
	text-align:center;
	overflow:visible;
}
.newsGraphMonth {
	position:absolute;
	top:200px;
	height:12px;
	width:20px;
	text-align:center;
}
.newsGraphBar {
	position:absolute; 
	border-top: solid #99c 1px;
	text-align:center;
	background-color:#cce;
	left:6px;
	bottom:13px;
	width:3%;
	width:100%;
}




/* for small personal contact data displayed on individual page */
#contact {
	position:relative;
	width:260px;
	top:20px;
	left:2px;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	border: solid #EEEEE0 1px;
}
#contact label {
	display:block;
	width:auto;
	height:14px;
	margin-top:3px;
	color:#999999;
}
#contact input {
	display:block;
	float:right;
	border:#ffffff solid 0px;
	height:16px;
	border-width: 1px;
	width:210px;
}





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


/* formData - standard for large and small */
fieldset {
	position:relative;
	display:block;
	padding:0px;
	padding-top:0px;
	margin:0px auto 16px auto;
	border: solid #E0E0E0 1px;
	border-bottom: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
	background-color:#edd;
}

fieldset H2 {
	border-bottom:#ccc 1px solid;
	margin:0px;
	margin-bottom:4px;
	background-color:#a99;
	padding:4px;
	padding-left:8px;
	color:#fcefef;
	font-size:1.7em
}

.fieldsetContent {margin:4px;}


/* set default width for main edit page fieldsets */
.formPosition {width:480px;position:relative;float:left;margin:16px;border:0px green solid}
.formPosition2 {margin-left:200px}




.formIndividual select, .formPhoto select {width:75px;}  /* address dropdowns */




.fieldsetLink{position:absolute;left:2px;bottom:2px;}


#formPassword fieldset {width:400px;position:relative;}
#formPassword textarea {height:12em;}


.formSection {
	position:relative;
	display: block;
	text-align:left;
	margin-top:8px;
	clear:both;
	width:auto;
	padding:12px 8px 4px 8px;
	font-size:1.5em;
	color:#666;
	border-bottom:2px #cbb solid
}


/* row for displaying normal data fields */
.formRow {
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	padding:0px;
	clear:both;
	border-bottom:1px #dcc solid;
	background-color:#fcf3f3;
	margin-bottom:1px
}
.formRow label {
	display:block;
	border: dotted 0px #ec4;
	width:32%;
	text-align:right;
	color:#666;
	float:left;
	clear:left;
}

/* set border and tidy spacing, given border width */
.formRow input,.formRow select,.formRow textarea {
	border:solid 1px #bbb;
	width:65%;
	float:right;	
}

.formRowInput {
	height:1.4em;
}
.loginInput {	
	border:solid 1px #bbb;
	height:18px;
}

.formRow input,.formRow select,.formRow textarea,.formRow label {padding:1px;}
.formRow textarea {height:6em;}

.formRow i {color:#bbb;}

.formInfo {
	position: absolute;
	display: block;
	top: 2px;
	right: -18px;
	color: #b9a;
	width:12px;
	text-align:center;
	background-color: #fcdcec;
	border: 1px solid #dbc;
	border-right-color: #cab;
	border-bottom-color: #cab;
	padding:1px;
}


.formNotes {
	position:relative;
	display: block;
	float:right;
	text-align:right;
	width:100%;
	margin-top:16px;
	margin-bottom:4px;
	color:#999;
	clear:both;
}





.formNote {
	display:block;
	width:auto;
	padding:4px 8px;
	border:0px;
	font-style:italic
}
.formMessage {
	display:block;
	width:auto;
	text-align:left;
	clear:both;
	padding:2px;
	padding-left:29%;
	background-color:#ecf3fc;
	color:#999;
}




.formDateTime {
	border: solid #ddd 0px;
	position:relative;
	width:65%;
	float:right;
}


.formSetting {
	position: relative;
	display: block;
	float:left;
	width:33%;
	
	margin-bottom:4px;
}
.formSetting label {
	color:#666;
	display:block;
	text-align:right;
	width:95%;
}
.formSetting select,.formSetting input {
	display:block;
	width:95%;
}

.formRowMessage {
	display: block;
	text-align:right;
	margin:4px;
	color:#c33;
	clear:both;
}




/* radio buttons on address edit form - needs work */
#formAdd,#formModify {
	width:20px;
}



/* row for displaying link data - partly to set position of formEditButton */
.formLink {
	position: relative;
	margin-bottom:8px;
	width:100%;
	clear:both;
}
.formLinkIndividual {
	border:0px red solid;
	position:absolute;
	bottom:12px;
	left:12px;
	display:block;
}
.formLinkData {
	position:relative;
	display:block;
	left:10%;
	width:90%;
}
.formLinkUse  {
	position:absolute;
	display:block;
	right:-8px;top:-8px;
}









.controlsRow {width:100%}




/* ==================================== */
/* family */



/* family tree layout */
.familyTreeParents, 
.familyTreeParentCell, 
.familyTreeParent, 
.familyTreeParentLink,
.familyTreeMarriage,
.familyTreeChildren, 
.familyTreeChild, 
.familyTreeChildRelationship, 
.familyTreeChildPartner, 
.familyTreeChildChildren {
	position:relative;
	overflow:visible;
	border:dotted red 0px;
	padding:0px;
}

/* parents */
.familyTreeParents {
	height:230px;
	width:325px;
	margin:0 auto auto;
}
.familyTreeParentCell {
	float:left;
	top:0px;
	width:150px;
	height:230px;
	margin-left: 5px;
	margin-right: 5px;
}
.familyTreeParent {
	position:absolute;
	width:130px;
	height:130px;
	left:10px;
	bottom:0px;
	border:0px red solid;
	overflow:visible;
}



/* second marriages */
.familyTreeParentSecondMale, .familyTreeParentSecondFemale {
	position:absolute;right:-95px;bottom:0px;
	width:70px;height:80px;
	border:0px red solid;
	display:block;
}

.familyTreeSecondLinkMale, .familyTreeSecondLinkFemale {
	position:absolute;
	bottom:-17px;right:10px;
	height:16px;width:130px;
	border:0px dotted blue;
	display:block;
}

.familyTreeParentSecondFemale {left:-95px;border:0px solid green;}
.familyTreeSecondLinkFemale {
	border:0px dotted blue;
	left:10px;
}




/* grandparents */
.familyTreeGrandfather, .familyTreeGrandmother {
	position:absolute;
	width:70px;
	height:80px;
	top:0px;
}
.familyTreeGrandfather {left:0px;}
.familyTreeGrandmother {right:1px;}

/* linking parents to grandparents */
.familyTreeParentLink {
	top:82px;
	left:10px;
	height:16px;
	width:130px;
}
.familyTreeLinkSmall {
	position:absolute;
	bottom:0px;
	left:10px;
	height:16px;
	border:0px dotted blue;
}
.familyTreeParentLinkBackground {
	position:absolute;
	width:150px;
	height:98px;
	top:-82px;
	left:-10px;
	background-image: url(_images/familyTreeParentLinkBackground.gif);
	background-repeat:no-repeat;
	background-position: top;
	border:0px dashed green;
}










	
.familyTreeLinkChild {border:0px dotted blue;height:16px;}
.familyTreeChildLink {position:relative;height:18px;top:0px;width:130px;border:0px solid red;margin:0 auto auto;overflow:visible;}
.familyTreeChildLinkBackground {
	position:absolute;
	background-repeat:no-repeat;
	background-position: top;
}



.familyTreeMarriage {margin: 0 auto auto;width:300px;height:30px;}
.familyTreeMarriageImage {margin: 0 auto auto;width:300px;height:30px;}



/* children */
.familyTreeChildren {
	margin: 0 auto auto;
	height: auto;
}
.familyTreeChildren table {
	margin: 0 auto auto;
	position:relative;
}
.familyTreeChildren td {
	vertical-align: top;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}
.familyTreeChild 	{
	position:relative;
	width:130px;
	height:130px;
	margin: 0 auto;
}
.familyTreeChildRelationship {
	position:relative;
	display:block;
	top:0px;
	width:160px;
	margin-bottom:8px;
	
	border:0px red dotted
	
}
.familyTreeChildPartner {
	display:block;
	width:70px;
	float:left;
	clear:both;
	
	margin-left:4px
}
/* height stops screen resize as grandchildren timeline */
.familyTreeChildChildren {
	height:80px;
	width:70px;
	float:right;
	clear:right;
	
	margin-right:4px
}


#familyYears {
	position:absolute;
	display:block;
	
	top:14px;
	left:20px;
	
	height: 230px;
	width: 16px;
	
	border-top:1px #ecece6 solid;
	border-bottom:1px #ecece6 solid;
	background-image: url(_skins/_slider_track.gif);
}

#familyYearsSlider {	
	left:-3px;
	width:20px;
	height:20px;
	border:1px #336699 solid;
	border-top:1px #6699cc solid;
	border-left:1px #6699cc solid;
	border-radius:10px;
	background-color:#6c9ccc;
	cursor:row-resize;
}
#familyYearsDisplay {
	position:absolute;
	display:block;
	
	width:50px;
	height:12px;
	top:244px;
	left:2px;
	
	text-align:center;
	color:#999;
	font-size:12px
	
}










.familyHelp {
	position:absolute;
	top:20px;
	right:20px;
	width:230px;
	height:150px;
	border:dotted #99c 1px;
	background-color:#fcfcff;
	background-image: url(_images/familyHelp.gif);
}

.familyTreeTimelineHelp {
	position:absolute;
	top:185px;
	left:-290px;
	width:120px;
	height:40px;
	
	overflow:visible;
	border:dotted #99c 1px;
	background-color:#eef;
	color:#99c;
}

	





/* iframe for looking up possible duplicates before adding individuals */


/* iframe */
#familyLookup {
	position:fixed;
	top:270px;
	left:20px;
	
	
	border:0px red solid;
	border:none;
	width:280px;
	height:280px;
}
#familyLookupCanvas {
	position:absolute;
	top:0px;
	left:0px;
	height:280px;
	width:280px;
	background-color:#fffff9;
}
.familyLookupSpacer {
	height:82px;
	width:72px;
	float:left;
}
.familyLookupParents, .familyLookupChildren, .familyLookupSpouse, .familyLookupSiblings {
	position:absolute;
	display:block;
}
.familyLookupParents {
	top:0px;
	left:50px;
}
.familyLookupSpouse {
	top:96px;
	left:0px;
}
.familyLookupSiblings {
	top:96px;
	left:90px;
	height:82px;
	overflow:hidden;
}
.familyLookupChildren {
	top:194px;
	left:50px;
	height:82px;
	overflow:hidden;
}

.familyLookupChildrenLink, .familyLookupParentsLink {
	position: absolute;
	height: 16px;
	width: 130px;
	overflow: hidden;
	background-image: url(_images/familyMarriageSmall.gif);
}


.familyLookupParentsLink {
	top:80px;
	left:60px;
}
.familyLookupChildrenLink {
	top:177px;
	left:20px;
}


.familyLookupLookupPrivate {
	position: absolute;
	border: dashed 2px red;
	color:red;
	top: 10px;
	left: 10px;
	font-weight: bold;
	font-family: Courier;
}















.loginNote {display:block;padding:10px;background-color:#eff;color:#699;border-top:1px dotted #99c;text-align:center;}

.loginMessage {margin:20px auto auto;width:250px;padding:10px;background-color:#eff;color:#699;border:1px dotted #699;text-align:center;}
.loginImages {position:relative;height:150px;margin:20px auto auto;width:auto;padding:10px;border:0px dotted #699;text-align:center;}
.loginImage1 {position:absolute;top:0px;left:30px;}
.loginImage2 {margin:0px auto auto;top:0px;}
.loginImage3 {position:absolute;right:30px;top:0px;}



.loginOption{
	position:relative;
	display:block;
	float:left;
	width:120px;
	border:1px #9ad solid;
	background-color:#fff;
	color:#9ad;
	margin:16px;
	margin-left:0px;
	padding:4px;
	text-align:center;
}





.message {
	position:relative;
	display:block;
	width:400px;
	border: solid #dce 1px;
	margin-top:8px;
}
.messageHeader {
	display:block;
	background-color:#9ad;
	background-color:#dce;
	height:16px;
	font-size: 14px;
	color:#fff;
	padding:2px;
}

.messageDate {
	float:right;
}
.messageFrom {
	float:left;
	position:relative;
}
.messageComments {
	display:block;
	color:#9ad;
	padding:2px;
}




.messageBox {
	display:block;
	border: solid #AA6699 1px;
	background:#eeccdd;
	color: #cc6699;
	text-align: center;
	margin:10px auto;
	padding:4px;
	width:580px;
	font-weight:bold;
}
.messageBoxHeader {
	display:block;
	background:#cc6699;
	position:relative;
	top:-3px;
	margin-bottom:2px;
	color: #fff;
	border-bottom:1px #993366 solid;
	padding:2px;
}




.newsLogin {position:relative;display:block;width:400px;border-top:2px solid #ede;padding-top:4px;text-align:left;clear:both;}

.newsUser {position:relative;float:left;width:200px;height:100px;color:#999;border-right:1px solid #eee;border-bottom:1px solid #eee;margin-top:8px;margin-right:8px;}
.newsUserThumb {position:relative;left:10px;top:-10px;width:70px;height:70px;}
.newsUserActions {position:absolute;left:90px;top:15px;width:120px;height:70px;color:#999;text-align:left;}



.mapSmall,.newsBlog {width:155px;height:80px;position:relative;overflow:hidden;
	border: solid #ddd 1px;
	border-right: solid #ccc 1px;
	border-bottom: solid #ccc 1px;}
.mapSmallWorld {position:absolute;top:0px;left:0px;background-image: url(_images/world.png);height:420px;width:810px;}
.mapSmallCentre {position:absolute;top:30px;left:100px;}

.newsBlog {width:235px;padding-left:4px;margin-top:2px;}

.thumbnails {border:0px solid red;}
.thumbnails img, .thumbnailMenu img, .thumbnailsIndividual img, .thumbnailsAlbum img {
	border: solid #EEEEE0 1px;
	border-right: solid #DDDDE0 1px;
	border-bottom: solid #DDDDE0 1px;
}
.thumbnails A {
	display:block;
	height:98%;
	border:1px solid #9cf;
	border-right: solid #69c 1px;
	border-bottom: solid #69c 1px;
	padding:0px;
}








.thumbnailSpacerAddress {
	background-color:transparent;
	top:0px;
	border:0px solid red;
	height:142px;
}

.story {
	clear:left;width:90%;margin:0 auto auto;
	margin:3px;
	background-color:#f9f9f9;
	border:1px solid #fcfcfc;}

/* edit buttons */


/* links for actions and to spiral on family pages */
.familyOptions {position:absolute;left:20px;top:20px;}
.familyAction, .familyView {
	float:left;
	clear:left;
	display:block;
	
	border:solid #f99 1px;
	border-bottom:solid #c66 1px;
	border-right:solid #c66 1px;
	background-color:#faa;
	
	width:80px;
	margin-bottom:2px;
	font-size: 11px;
	padding:2px;
	text-align:center;
	
	color:#ccc;
}
.familyView {
	border:solid #99f 1px;
	border-bottom:solid #96c 1px;
	border-right:solid #96c 1px;
	background-color:#c9f;
}
.familyAction A, .familyView A {
	color:#fff;
	text-decoration:none;
}





/* buttons below individual */
.action {
	clear:both;
	display:block;
	border:solid #f99 1px;
	border-bottom:solid #c66 1px;
	border-right:solid #c66 1px;
	background-color:#faa;
	width:125px;
	font-size: 11px;
	padding:2px;
	text-align:center;
	margin-bottom:4px;
}
.action A {
	color:#fff;
	text-decoration:none;
}








.familyEdit,.familyMarriageEdit {
	position:absolute;
	padding:1px 3px;
	
	border:solid #016 1px;
	background-color:#03c;
	
	color:#fff;
	text-decoration:none;
	text-align:center;
	top:4px;
	right:-4px;
	border-radius:8px
}

.familyMarriageEdit {
	top:0px;
	right:-16px
}

.grey {background-color:#888}





/* edit buttons and functions */
/* edit button not displaying properly in IE */
.fieldsetEdit {
	position:absolute;
	display:block;
	top:1px;
	padding:2px;
	margin:0px;
	right:0px;
}



.formEditFamily {
	position:absolute;
	top:20px;
	left:20px;
	width:0px;
}
.formEditButton, .sectionEdit {
	height:18px;
	padding:2px;
}


.shortLink {width:305px;height:154px;display:block;float:left;padding:2px;border:1px solid #f9f9f3;border-right:1px solid #eee;border-bottom:1px solid #eee;margin:4px;}
.shortLink i {color:#999;}
.shortLink img {float:left;margin-right:5px;}





.taskOptions {
	position:relative;
	float:left;
	width:33%;
}
.taskOptions fieldset {width:90%;}








.formActive input,.formActive select,.formActive textarea  {
	border: solid #66C 1px;
	background-color:#fff;
}

#map {position: relative;border:2px solid #ccc;border-top:2px solid #aaa;border-left:2px solid #aaa;}

.warning {display:block;position:absolute;top:20px;right:20px;border:2px red solid;padding:10px;width:300px;background-color:#fdd;color:red;}
.warningCheck {position:absolute;top:0px;right:0px;border-bottom:2px red solid;border-left:2px red solid;padding:2px;color:#fff;background-color:red;font-weight:bold;}


.menuLinks {display:block;position:relative;overflow:visible;width:530px;}
.menuNext, .menuLast {display:block;position:absolute;font-size:24px;color:#ccc;font-family: Georgia, Times New Roman, serif;}
.menuNext {top:120px;right:-25px;}
.menuLast {left:-30px;top:160px;}

.moreless {width:16px;height:16px;border:1px solid blue;text-align:center;}


.graphHorizontal {position:absolute;height:1px;width:100%;border-top:1px dotted #ccc;bottom:0px;}
.graphHorizontalLabel {position:relative;top:-8px;left:-50px;text-align:right;color:#999;width:45px;background-color:#fff;}
.graphVertical {border-left:1px #ccc solid;bottom:-10px;color:#999;}




.column {font-family: Georgia, Times New Roman, serif;color:#666663;float:left;margin-right:4px;border:0px;border-left:1px #ddd solid;width:220px;position:relative;padding:10px;}
.column th {text-align:left;font-weight:normal;}
.column td {text-align:right;font-weight:normal;padding:2px;color:#666663;font-size:14px;}
.columnFirst {border:0px;}

/* Anand */
.columnAnand {height:42em;border-bottom:1px #ddd solid;text-align:center;}

.contentBlock {width:296px;margin:8px;display:block;float:left;height:505px;}

.contentThumb {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:8px;padding:4px;width:154px;height:160px;overflow:hidden;text-align:center;display:block;float:left;}

.contentThumb img {
	border:1px;
	border:1px #ddd solid;
	border-left:1px #ccc solid;
	border-top:1px #ccc solid;
	margin:0px;
	margin-top:5px;
	padding:0px;
}
.contentThumb a {
	text-decoration:none;
}

.whiteBorder {border:1px #f6f6f6 solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;text-align:center;background-color:#fff;}








/* waiting box used in login and uploads */

.waitingBackground {position:absolute;width:100%;height:100%;overflow:hidden;}
.waiting, .waitingDone {
	position:absolute;
	display:none;
	top:20%;
	left:40%;
	width:198px;
	border:1px solid #996699;
	padding:4px;
	background-image: url(_images/waiting.gif);
	z-index:200;
	background-color: #CCFFCC;
}
.waitingDone {
	background-image: none;
	background-color: #CCCCFF;
}

.waitingText {
	border:1px solid #996699;
	text-align:center;
	width:180px;
	height:48px;
	background-color: #fff;
	padding:8px;
}







.controlsActiveFieldset {background-color:#fffff9;}
.controlsActiveFieldset fieldset {border:1px solid #1ee;}

.controls h2 {background-color:transparent;background-image:none;}





.clipAddressContainer {position:relative;width:200px;height:120px;overflow:hidden;border:0px red solid;}
.clipAddress {position:absolute;left:-105px;top:-24px;border:0px green solid;}


#dragFace {position:absolute;width:100%;height:100%;border:dashed 2px #fff;background-color:#0000ff;cursor:move;box-shadow:2px 2px 4px #ccc;}
#dragSize {position:absolute;width:15px;height:15px;border-bottom:7px #fff solid;border-right:7px #fff solid;background-color:transparent;cursor:nw-resize;;box-shadow:2px 2px 4px #ccf;}
.dragCircle {position:absolute;width:70%;height:90%;left:15%;top:5%;border:1px #ccc dashed;border-radius:50%}
.dposition {position:relative;display:block;height:100px;width:100px;float:left;margin:5px}

.bottomRight {position:absolute;bottom:-2px;right:0px}
.floatRight {display:block;float:right;padding:10px;}



input.button, .edit, .individualConnect {
	background-image:url(_skins/_menu_top.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	
	border:1px solid #ccc;border-bottom:1px solid #999;border-right:1px solid #999;
	
	display:inline;
	float:right;
	margin-left:8px;
}

input.button:hover, .edit:hover , .individualConnect:hover {
	background-image:url(_skins/_menu_bottom.gif);
	background-position:center top;
	border:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc;
}

.go {color:#006600;}
.stop {color:#660000;}

.individualConnect {float:none;clear:both;display:block;margin-left:0px;width:70px;font-weight:normal;
	}
.individualConnect a {font-weight:normal;text-decoration:none;color:red} /*border:1px solid #009900;border-bottom:1px solid #006600;border-right:1px solid #006600;background-color:#009900;}*/




/* buttons on forms */
.edit {
	padding:2px;
	text-decoration:none;
	font-size: 11px;
	margin-left:4px;
	text-align:center;
	color:#660000;
}



#formSave, #formCancel {width:32%;float:right}



.deleteIndividual {position:absolute;right:2px;top:20px;color:red}

.formAccordion {padding-left:10px;background-color:#EEDDDD;height:1px;overflow:hidden}
.formAccordionLink {text-decoration:none}
.formAccordionLink:hover {text-decoration:underline}

.formContainer {position:relative}

.formThumbnail {position:absolute;left:2px;bottom:4px}

.formNote {
	display:block;
	width:auto;
	padding:4px 8px;
	border:0px;
	background-color:#FCF3F3;
	color:#666;
	border-bottom:1px solid #bcd;
	font-style:italic
}
.formMessage {
	display:block;
	width:auto;
	text-align:left;
	clear:both;
	padding:2px;
	padding-left:32%;
	background-color:#FCF3F3;
	color:#999;
}


.controlsNew, .controlsNew2 {
	border:0px green solid;padding:10px;float:left;position:relative
}
.controlsNew {
	clear:left;width:245px;border:#ccc dotted;border-width:0px
}
.controlsNew2 {
}

.imageNames {border:0px blue solid}
.photoList {padding:0 10px 24px 0;border:0px blue solid;float:left;position:relative}
.photoLink {top:80px;right:4px}


.position {position:relative;text-align:center;height:1px;clear:both;width:100%;text-align:center;border:0px red solid}
.familyUp,.familyDown {display:block;position:absolute;top:-22px;text-decoration:none;background-color:#eff;border-radius:4px;left:40px}
.familyUp:hover, .familyDown:hover {text-decoration:underline}
.familyDown {top:6px}


.portrait {position:relative}

.portraitEdit {position:absolute;left:-55px;width:50px;background-color:#f3f3f3;padding:2px;border:1px solid #ddd}
.portraitEdit a {text-decoration:none}
.portraitEdit a:hover {text-decoration:underline}

.portraitHide {position:absolute;background-color:#eee;width:auto;height:35px;top:60px;padding:5px;opacity:0.5}
.pe1 {top:26px}
.pe2 {top:60px}
.pe3 {top:80px}


.tasks {border:0px solid green;margin:10px;padding:0;text-align:center;list-style:none;color:#fff}
.tasks li {border:1px #336 solid;border-radius:20px;background-color:#669;width:100px;padding:4px 2px;margin:4px auto auto}
.tasks a {text-decoration:none;color:#fff}
.tasks a:hover {text-decoration:underline}
.tasks li#active {background-color:#ccc;border:1px solid;border-color:#99c;border-right-color:#336;border-bottom-color:#336;color:#336}

.familyMargin {padding:30px 0}