/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;}
	q:before,q:after{content:'';}

/* Our own em sizing stuff to set em size to 10px */

	html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
	body { font: normal normal 50%/100% Verdana,Helvetica,sans-serif ; } /* 50% of 20px = 10px */  
	html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */
	
	hr { display: none; }

/* Global layout */

	body { 	
		background: #f1ead8 url(/images/site/body-bg.png) repeat-x center top ; 
		color: #000;
	}

	#container {
		position: relative ;
		width: 808px ;
		margin: 0 auto ;
		padding: 170px 0 ;
	}

	#branding {
		position: absolute ;
		left: 0 ; 
		top: 0 ;		
		height: 150px ;
		width: 808px ;
		background: transparent url(/images/site/branding-bg.png) no-repeat left top ;
	}

	#branding a {
		display: block ;
		position: absolute ;
		left: 0 ;
		top: 20px ;
		height: 90px ;
		width: 320px ;
		text-indent: -9999px ;
	}

	#content {
		position: relative ;
		overflow: auto ;
		min-height: 590px ;
		z-index: 3 ;
	}

	#content-main {
		float: left ;
		margin-left: 20px ;
		width: 470px ;
		position: relative ;
		brder: 1px solid #f00 ;
	}

	#content-supp {
		float: left ;
		padding: 50px 20px 0 40px ;
		width: 250px ;
		brder: 1px solid #0f0 ;
	}

	#siteinfo-credits {
		clear: left ; 
		height: 20px ;
		margin: 10px 0 20px ;
		padding: 20px 20px 10px ;	
		background: transparent url(/images/site/siteinfo-credits-bg.png) no-repeat left bottom ;
	}

/* Navigation */

	/* Main */

	#navmain {
		position: absolute ;
		left: 0 ;
		top: 125px ;
		width: 805px ;
		height: 121px ;
		z-index: 2 ;
		padding: 0 0 0 3px ;
		background: transparent url(/images/site/navmain-bg.png) no-repeat left top ;
	}

	#navmain ul {
		list-style: none ;
	}

	#navmain li a {
		float: left ;
		height: 25px ;
		width: 71px ;
		text-indent: -9999px ;
	}

	#navmain #navhome a,
	#navmain #navbrowse a,
	#navmain #navsearch a, 
	#navmain #navabout a,
	#navmain #navcontact a {
		background: transparent url(/images/site/navmain-a-bg.png) no-repeat 1px top ;
	}

	#navmain #navbrowse a {  background-position:  -70px top ; }
	#navmain #navsearch a {  background-position: -141px top ; }
	#navmain #navabout a {	 background-position: -212px top ; }
	#navmain #navcontact a { background-position: -283px top ; }

	#navmain #navhome.active a,
	#navmain #navbrowse.active a,
	#navmain #navsearch.active a,
	#navmain #navabout.active a,
	#navmain #navcontact.active a { background: transparent ; cursor: default ; }

	/* Section */

	#navsection ul {
		margin: 0 0 20px 0 ;
		border-top: 1px solid #ffffff ;
		list-style: none ;
	}

	#navsection li {
		border-bottom: 1px solid #ffffff ;
	}

	#navsection li a {
		display: block ;
		padding: 5px 5px 5px 10px ;
		color: #7e2100 ;
		font-size: 1.1em ;
		font-weight: bold ;
		text-decoration: none ;
	}

	#navsection li a:hover {
		text-decoration: underline ;
	}

	#navsection li.active a {
		background: transparent url(/images/site/navsection-active-bg.png) no-repeat left 9px ;
	}

	/* Other sidebar navigation */

	p#subscribenow {
		clear: left ;
		padding-top: 10px ;
	}
	
	p#subscribenow a {
		display: block ;
		width: 220px ;
		height: 31px ;
		margin: 0 0 0 15px ;
		background: transparent url(/images/site/btn-notsubscriber.png) no-repeat left bottom ;
		text-indent: -9999px ;
	}
		
	#content-supp #explorebox img {
		float: left ; 
		background-color: #000 ;
		border: 5px solid #fff ;
		margin-right: 10px ;
		padding: 0 ;
	}
	
	#content-supp #explorebox a:hover img {border-color: #7e2100 ; } 
	
	#content-supp #explorebox p { clear: left ; }
	
	/* Initially hide the timeline box as it should only be displayed if the user has javascript enabled. */
	#content-supp #explorebox p#explore-timeline { display: none ; }
	
/* Content styling */

	a {
		color: #7e2100 ;
		font-weight: bold ;
		text-decoration: none ;
	}

	a:hover {
		text-decoration: underline ;
	}

	blockquote { margin-left: 2em ; font-style: italic ; }
	h1,h2,h3,h4,h5 {
		clear: left ; 
		margin: 0 0 1em ;
		line-height: 1.4 ;
		font-family: "Rockwell",Georgia,Verdana,Helvetica,sans-serif ;
		color: #3E3429 ;
	}

	h1 { margin-bottom: 0.6em ; line-height: 1.2 ; font-size: 2.9em ; }

	#about h1 { margin-left: 250px ; }

	h2 { font-size: 1.9em ;  margin: 1em 0 1em ; }

	h3 { font-size: 1.6em ; font-weight: normal ; margin-bottom: 0.5em ; }

	h4 { font-size: 1.3em ; margin-bottom: 0.4em  ; }

	h5 { font-size: 1.2em ; }

	#content-main img,
	#content-supp img,
	#nav-supp img {
		margin-bottom: 10px ;
		border: 5px solid #fff ;
		padding: 1px ;
		background-color: #000 ;
	}

	#content-main img {
		border-width: 10px ;
	}

	#content-main p,
	#content-main ol,
	#content-main ul {
		line-height: 1.4 ;
		font-size: 1.2em ;
		margin: 0 0 1em ;
	}

	#content-main ul ul { margin-top: 1em ; font-size: 100% ; }
	
	#content-main li {
		margin: 0 0 0.5em 2em ;
	}

	#content-main p#introduction {
		line-height: 1.4 ;
		letter-spacing: -1px ;
		font-weight: bold ;
		font-size: 1.6em ;
		color: #3E3429 ;
	}

	#content-supp p,
	#nav-supp {
		margin: 0 0 1.0em ;
		line-height: 1.3 ;
		font-size: 1.1em ;
		font-family: Arial,Helvetica,sans-serif ;
	}

	#content-supp p#introduction { padding: 0 1em ; color: #654 ;
	                               font: italic normal 1.1em/1.4 Arial, Helvetica, sans-serif ; }
	#content-main li { margin-left: 2em ; }


/* Form styling */

	/* General */

	form {
		background: transparent url(/images/site/form-bg.png) repeat-x left top ;
		padding: 15px ;
		margin-bottom: 0 ;
		width: 440px ;
	}

	label {
		display: block ;
		float: left ;
		clear: left ;
		width: 7em ;
		margin: 4px 0 0 ;
		font: normal bold 100%/1.0 Arial,Verdana,Helvetica,sans-serif ;
	}
	
	label.after { display: inline ; float: none ; clear: none ; width: auto ; }

	legend {
		font: normal normal 1.6em/1.4 "Rockwell",Georgia,Verdana,Helvetica,sans-serif ;
		color: #3E3429 ;	
	}
	
	select,
	input.txt {
		display: block ;
		width: 18em ;
		float: left ;
		margin: 0 0 10px ;
		border: 1px solid #7E2100 ;
		padding: 2px 2px ;
		background-color: #e9dcbd ;
		font: normal bold 100%/1.0 Verdana,Arial,Helvetica,sans-serif ;
	}

	select { width: 18.4em ; padding: 0 ; }

	textarea {
		width: 19.8em ;
		height: 10em ; 
		margin: 0 0 10px ;
		border: 1px solid #7E2100 ;
		padding: 1px 3px ;
		background-color: #e9dcbd ;
		font: normal bold 1.1em/1.4 Verdana,Arial,Helvetica,sans-serif ;
	}
	
	input.btn {
		clear: left ;
		float: left ;
	}

	input.chk { float: none ; width: auto ; padding: 0 ; background: none ; }
	
	div.box { clear: left ; margin-bottom:  10px ; overflow: auto ; }
	
	div.box label, div.box input { font-size: 1.1em ; }
	
	/* Subscriber sign in */

	form#signinBox { 
		width: 250px ;
		margin: 0 0 15px ;
		padding: 0 ;
		background-position: left 3em ;
	 }

	body#services.login form#signinBox { background: none ; width: 270px ; }
	form#signinBox fieldset { padding-top: 1em ; }
	body#services.login form#signinBox fieldset { padding-top: 0 ; }
	
	form#signinBox p { margin: 1.5em 0 0 ; }
		
	form#signinBox input.txt { width: 145px ; }

	form#signinBox input.btn { 
		width: 65px ;
		height: 30px ; 
		margin: 0.5em 0 0 15px ;
		border: 0 ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-signin.gif) no-repeat left top ;
		cursor: pointer ;
	}
	
	form#signinBox label {
		width: 6em ;
		margin-left: 15px ;
	}

	form#signinBox a#forgottenpassword {
		position: relative ;
		left: 35px ;
		top: 12px ;
	}

	form#signinBox p.error {
		
		margin: 5px 15px 15px 15px ;
		font-weight: bold ;
		color: #900 ;
		font-size: 1.2em ;
	}
	
	/* Search */
	
	form#search input.btn { 
		width: 109px ;
		height: 30px ; 
		margin: 0.5em 0 1.5em ;
		border: 0 ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-search.gif) no-repeat left top ;
		cursor: pointer ;
	}
	
	/* Contact and Subscription */
	
	form#frmEnquiries,
	form#signupBox { padding: 0 ; background: none ; }
	
	form#frmEnquiries h3,
	form#signupBox h3 { margin-top: -1px ; padding-bottom: 0.5em ; }
	
	form#frmEnquiries label,
	form#signupBox label { width: 12em ; margin-left: 2em ; color: #3e3429 ; }
	
	form#signupBox label { width: 14em ; }
	form#signupBox label.after { width: auto ; margin-left: 10px ; }
	
	form#frmEnquiries legend,
	form#signupBox legend { padding-bottom: 15px ; }
	
	form#frmEnquiries input.txt { width: 25em ; }
	
	form#signupBox input.txt { width: 22em ; }

	form#signupBox select { width: 22.5em ; height: 17px ; }

	form#frmEnquiries textarea,
	form#signupBox textarea { width: 24.8em ; }
	
	form#frmEnquiries input.btn,
	form#signupBox input.btn {
		width: 135px ;
		height: 30px ; 
		margin-top: 0.5em ;
		border: 0 ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-sendinfo.gif) no-repeat left top ;
		cursor: pointer ;
	}
	
	/* Subscription */
	
	form#signupBox input.btn { width: 182px ; background-image: url(/images/site/btn-payment.gif) ; }
	
	form#signupBox fieldset { clear: left ; margin-bottom:  10px ; overflow: auto ; }
	
	form#signupBox fieldset label { font-size: 1.2em ; }
	 
	form#signupBox fieldset input,
	form#signupBox fieldset select { font-size: 1.1em ; }
	
	/* Payment */
	
	form#paymentBox { margin-top: 1.5em ; padding: 0 ; background: none ; }
	
	/* Password change */
	
	form#frmForgottenPW label,
	form#frmChangePW label { width: 16em ; }
	
	form#frmForgottenPW input.btn,
	form#frmChangePW input.btn { 
		width: 142px ;
		height: 31px ; 
		margin-top: 0.5em ;
		border: 0 ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-changepassword.gif) no-repeat left top ;
		cursor: pointer ;
	}
	
	form#frmForgottenPW input.btn { width: 144px ; background-image: url(/images/site/btn-sendpassword.gif) ; }
	
	/* IP administration */
	
	form#frmManageIPs input.btn {
		height: 31px ; 
		margin-top: 0.5em ;
		border: 0 ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-changepassword.gif) no-repeat left top ;
		cursor: pointer ;
	}
	
	form#frmManageIPs input.add { margin-bottom: 1em ; width: 66px ; background-image: url(/images/site/btn-addip.gif) ; }
	form#frmManageIPs input.ok { width: 43px ; background-image: url(/images/site/btn-ok.gif) ; }
	form#frmManageIPs input.delete { width: 66px ; background-image: url(/images/site/btn-delete.gif) ; }

	form#frmManageIPs li { list-style: none ; clear: left ; }
	form#frmManageIPs li { margin-left: 0.5em ; line-height: 31px ; }
	form#frmManageIPs a.editbtn {
		display: block ; 
		width: 43px ; 
		height: 31px ; 
		float: left ;
		margin-right: 0.5em ; 
		text-indent: -9999px ;
		background: transparent url(/images/site/btn-edit.gif) no-repeat left top ;
	}

	form#frmManageIPs li input.txt { display: inline ; float: none ; width: 10em ; margin-bottom: 0 ; }
	form#frmManageIPs li input.btn { clear: none ; float: none ; position: relative ; left: 5px ; top: 3px ; }
	
/* Section specific layout */

	/* About */
	
	#about #content-main {
		width: 300px ;
		margin-left: 250px ;
	}

	#about #content-supp {
		float: left ;
		width: 200px ;
		margin-left: 40px ;
		padding: 0 ;
	}
	
	#about #nav-supp {
		width: 200px ;
		position: absolute ;
		left: 20px ;
		top: 50px ;
	}
	
	/* Subscription */
	
	#content-main #content-subscribe a {
		display: block ;
		width: 126px ;
		height: 31px ;
		margin: 1.5em 0 0 ;
		background: transparent url(/images/site/btn-subscribenow.gif) no-repeat left top ;
		text-indent: -9999px ;
	}
	
	/* Payment */
	
	body#services.payment #content-supp { padding-top: 0 ; }
		
	/* Terms and Conditions */

	body#terms_conditions #content-main blockquote { font-style: normal ; margin-left: 3em ; }

	body#terms_conditions #content-main h3 { margin: 1.5em 0 1em ; }
	
	body#terms_conditions #content-main p {
		text-indent: 2em ;	
	}

	/* Browse */
	
	#browse #browsetype {
		list-style: none ;
		overflow: auto ;
		padding: 2px 0 ;
		width: 470px ;
		position:relative ;
	}

	#browse ul#browsetype li {
		float: left ;
		margin: 0 ;
	}

	#browse ul#browsetype a {
		border-right: 1px solid #7e2100 ;
		padding-right: 10px ;
		margin-right: 10px ;
		font-weight: normal ;
		text-transform: uppercase ;
		font-size: 0.835em ;
	}

	#browse ul#browsetype li.last a {
		border-right: none ;
	}

	#browse ul#browsetype a:hover {
		text-decoration: underline ;
	}

	#browse ul#browsetype li.active a {
		font-weight: bold ;
		color: #000 ;
		cursor: default ;
	}

	#browse ul#browsetype li.active a:hover {
		text-decoration: none ;
	}
			
	/* Browse control panels */
	
	#browse #controlpanel {
		background: transparent url(/images/site/form-bg.png) repeat-x left top ;
		padding: 5px 0 ;
		width: 470px ;
		height: 28px ;
		position: relative ;
	}

	#browse #controlpanel p#firstletterlabel,
	#browse #controlpanel p#decadelabel,	
	#browse #controlpanel p#surnamegrouplabel,
	#browse #controlpanel p#conflictlabel {
		position: absolute ;
		top: 14px ;
		font: normal bold 1.2em/1.0 Arial,Verdana,Helvetica,sans-serif ;
	}
		
	#browse #controlpanel p#firstletterlabel,
	#browse #controlpanel p#decadelabel       { left: 15px ; }
	#browse #controlpanel p#surnamegrouplabel { left: 135px ; }
	#browse #controlpanel p#conflictlabel     { left: 165px ; }
	
	#browse #controlpanel .dropdown {
		position: absolute ;
		left: 0 ;
		top: 10px ;
		height: 18px ;
		overflow: hidden ;
		border: 1px solid #7e2100 ;	
		z-index: 10000 ;
	}

	#browse #controlpanel .dropdown:hover {
		height: auto ;
		overflow: visible ;
	}
		
	#browse #controlpanel #c_firstletter { width: 32px ; left: 87px ; }
	#browse #controlpanel #c_firstletter.longtitle { left: 281px ; }
	#browse #controlpanel #c_surnamegroup { width: 275px ; left: 183px ; }
	#browse.by_pseudonym #controlpanel #c_firstletter { left: 297px ; }	
	#browse #controlpanel #c_decade { width: 60px ; left: 95px ; }	
	#browse #controlpanel #c_decade.longtitle { left: 280px ; }	
	#browse #controlpanel #c_conflicts { width: 240px ; left: 220px ; }
	
	#browse #controlpanel ul {
		padding: 2px 0 ;
		margin: 0 ;
		background: #F1EAD8 url(/images/site/controlpanel-ul-bg.gif) no-repeat right top ;
		list-style: none ;
		z-index: 100 ;
	}

	#content-main #controlpanel ul { font-size: 1.1em ; line-height: 1.0 ; }
	
	#browse #controlpanel ul a {
		display: block ;
		margin: 0 0 0 1px ;
		padding: 1px 3px 3px ;
	}

	#browse #controlpanel ul a:hover {
		background-color: #fff ;
		text-decoration: none ;
	}
				
	#browse #controlpanel li { margin: 0 ; }
	#browse #controlpanel li.first { margin: 1px 0 3px 3px ; }
			
	#browse #controlpanel #c_firstletter ul a:hover { width: 24px ; }
	#browse #controlpanel #c_surnamegroup ul a:hover { width: 267px ; }
	#browse #controlpanel #c_decade ul a:hover { width: 50px ; }
	#browse #controlpanel #c_conflicts ul a:hover { width: 231px ; }
	
/* Results table */
	
	table#results {
		margin-top: 10px ;
		width: 470px ;
		z-index: 10 ;
	}

	table#results tr.head {
		position: absolute ;
		left: 0 ;
		top: 0 ;
		height: 0 ;
		text-indent: -9999px ;
	}

	table#results tr {
		height: 28px ;
	}

	table#results td {
		font-size: 1.2em ;
		line-height: 28px ;
		background: transparent url(/images/site/results-td-bg.gif) no-repeat -5px top ;
	}

	table#results tr.even td { background: none ; }
	
	table#results td.name {
		padding: 0 10px ;
		width: 270px ;
		background-position:  left top ;
	}

	table#results tr.even td.name { background-image: none ; }
	
	table#results td.name a {
		font-weight:normal ; 
		color: #000 ;
	}
		
	table#results td.relevance {
		padding-left: 3px ;
		width: 18px ;
		background: transparent url(/images/site/relevanceindicators.png) no-repeat left 4px ;
		text-indent: -9999px ;
	}

	table#results td.relevance span {
		display: block ;
		width: 18px ;
		height: 18px ;
		cursor: help ;
	}
		
	table#results td.score10 { background-position:    0 4px ; }
	table#results td.score9 { background-position:   -21px 4px ; }
	table#results td.score8 { background-position:   -42px 4px ; }
	table#results td.score7 { background-position:   -63px 4px ; }
	table#results td.score6 { background-position:   -84px 4px ; }
	table#results td.score5 { background-position:  -105px 4px ; }
	table#results td.score4 { background-position:  -126px 4px ; }
	table#results td.score3 { background-position:  -147px 4px ; }
	table#results td.score2 { background-position:  -168px 4px ; }
	table#results td.score1 { background-position:  -189px 4px ; }
	table#results td.score0 { background-image: none ; }

	table#results td.moreinfo {
		padding: 0 1px 0 19px ;
		width: 19px ;
	}

	table#results td.dob,
	table#results td.dod,
	table#results td.picture,
	table#results td.life,
	table#results td.career { width: 27px ; }
		
	table#results td.dob span,
	table#results td.dod span,
	table#results td.picture span,
	table#results td.life span,
	table#results td.career span {
		text-indent: -9999px ;
		display: block ;
		width: 27px ;
		height: 28px ;
		background: transparent url(/images/site/results-dob-s.gif) no-repeat center 3px ;
		cursor: help ;
	}

	table#results td.dob span {
		background-image: url(/images/site/results-dob-s.gif) ;
		background-position: center 2px ;
	}
	table#results tr.even td.dob span { background-image: url(/images/site/results-dob-l.gif) ; }
	
	table#results td.dod span {
		width: 26px ;
		background-image: url(/images/site/results-dod-s.gif) ;
		background-position: center 2px ;
	}
	table#results tr.even td.dod span { background-image: url(/images/site/results-dod-l.gif) ; }

	table#results td.picture span {
		width: 28px ;
		background-image: url(/images/site/results-picture-s.gif) ;
	}
	table#results tr.even td.picture span { background-image: url(/images/site/results-picture-l.gif) ; }

	table#results td.life span {
		width: 27px ;
		background-image: url(/images/site/results-life-s.gif) ;
	}
	table#results tr.even td.life span { background-image: url(/images/site/results-life-l.gif) ; }

	table#results td.career span {
		width: 28px ;
		background-image: url(/images/site/results-career-s.gif) ;
	}
	table#results tr.even td.career span { background-image: url(/images/site/results-career-l.gif) ; }

	table#results td.moreinfo {
		background-position: right top ; 
	}
	
	table#results td.moreinfo a {
		display: block ;
		height: 28px ;
		width: 24px ;
		background: transparent url(/images/site/results-moreinfo-s.gif) no-repeat 4px 3px ;
		text-indent: -9999px ;
		z-index: 0 ;
	}
	table#results tr.even td.moreinfo a { background-image: url(/images/site/results-moreinfo-l.gif) ; }
	
/* Text list page */

	#content-main #letters {
		list-style: none;
		height: 22px;
		line-height: 22px;
		margin-bottom: 15px;
		border-top: 1px solid #7E2100;
		border-bottom: 1px solid #7E2100;
	}
	
	#content-main #letters li {
		float: left;
		margin-left: 0.7em;
	}
	
	#list #content-main ul {
		clear: left;
	}

/* Miscellaneous */

	div.error {
		margin: 1em 0 ; 
		border: 2px solid #7E2100 ;
		padding: 15px ; 
		color: #7e2100 ;
		background-color: #fff6f6 ; 
	}
	
	strong.search {
		color: #fff ;
		background-color: #7E2100 ;
		padding: 1px 2px ;
	}
	
	p#nopeople { margin: 1em 0 0 15px ; }
	
	p#prevnextlinks {
		position: relative ;
		width: 470px ;
		margin-top: 1.5em ;
	}
	
	p#prevnextlinks a#nx { position: absolute ; right: 0 ; top: 0 ; }