/* Style sheet used by ptree.php */

body, input, select, button, textarea, pre { font-family: Verdana; font-size: 8.5pt; }
body { margin: 0; padding: 0; }
form { margin-bottom: .25em; }


/*	There used to be a line:
 *		input {font-family: Verdana; font-size: 8.5pt; color: black;}
 *	but with Firefox 50 on Arch Linux the <input type='text' ... > fields (as on Login screen and Search screen), they became much taller and overlapped
 *
 *	Further investigation showed that it was OK with Firefox 47.0.2 but had gone off in Firefox 48 - cannot see, in Firefox changelogs etc, what has changed
 *	Problem can be bypassed by adding "background-color: rgb(248,248,255);" to the "input" definition but that takes away the "focus" highlighting for the selected box
 *	The "focus" highlighting can be restored with the "input:focus" line (which must be before the "input" line) which puts a 1px blue outline round the selected box
 *	but "not:[type="submit"]" or the Home screen P-number and Member Number buttons are affected
 *	The "padding: 3px;" stops the selected box shrinking in size when selected and the "border: 0;" stops a top and a left grey border appearing
*/
input:not([type="submit"]):focus {outline: 1px solid blue; padding: 3px; border: 0;}
input, select, textarea { color: black; background-color: rgb(248,248,255);}
pre
{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/* ID and Class
 * Use 'ID' for divs which are scrollable and used by 'getElementById'
 * (there will only be one instance of any of these on any one screen)
 * Use 'Class' for everything else
*/

/* IDs for main panels within P-tree, Search, Update, Records Officer
 * 'le' for List of Events, 'ld' for Detail of one event, 'lb' for list of Baskets
 * These are the divs for which 'scrollTop' is saved and restored when switching screens
*/
#le, #ld, #lb
{
	position: absolute;
	overflow: auto;
	left: 0; right: 0;
	padding: 0.5em;
}
#le, #ld
{
	top: 2em;	/* leaves space for header */
	bottom: 2.2em;
}
#lb
{
	top: 4em;		/* leaves space for header */
	bottom: 2.2em;	/* If there are messages, ptreer.php adjusts bottom to leave space, with: <div id='lb' style='bottom: 26em;'> */
	padding: 0;		/* helps to fit Basket list into minimum width screen */
}

/* IDs with scroll bars
 * 'sp-' for P-tree, 'ss-' for Search, 'su-' for Update (for Update Change, so also covers Records Officer)
 * where '-' is 'p' for P-sheet, 'm' for Members, 'g' for Gallery, 'a' for Articles, 'u' for Update change
*/
#spp, #spm, #spg, #spa, #ssg, #ssa, #suu
{
	position: absolute;
	top: 0;
	left: 1em;
	right: 0;
	overflow: auto;
}
#spp, #spm, #suu
{
	bottom: 2.2em;
}
#spg, #spa, #ssg, #ssa
{
	bottom: 0;
}
/* Update change or add new form details */
#suu
{
	left: 0;
	padding: 0.5em;
}


/* Classes */

/* Colour Background
*/
.cbl { background-color: rgb(188,210,238); }	/* MemuBar, Home, Login, Logout, Event row updated since last login, UPdate: Changed field */
.cbp { background-color: rgb(230,240,250); }	/* P-tree */
@media print{.cbp { background-color: rgb(255,255,255); }}	/*	Set P-tree background color white, for P-sheet print */
.cba { background-color: rgb(155,205,155); }	/* Ancestor */
.cbc { background-color: rgb(162,181,205); }	/* Child */
.cbs { background-color: rgb(210,240,200); }	/* Search */
.cbu { background-color: rgb(248,192,192); }	/* Update, Greyed out because not updateable, hidden Save button on Update screen, readonly Background colour, EVent Row record Deleted from database (for Update Basket), Record officer Right Top (basket properties) */
.cbr { background-color: rgb(103,177,131); }	/* Records Officer */
.cbh { background-color: rgb(237,223,159); }	/* Help */
.cbw { background-color: rgb(248,248,255); }	/* White */
.cbt { background-color: rgb(235,220,200); }	/* P-tree event list and details windows and buttons */

/* Colour Border
*/
.cb0 { border-color: red; }			/* Direct line */
.cb1, .cb2, .cb3 { border-color: rgb(70,70,160); }	/* all other borders execpt cb0 are blueish */
.cb0, .cb1, .cb3 { border-style: solid; }
.cb0, .cb3 { border-width: 3px; }	/* cb0 is border-color: red; cb3 is border-color: rgb(70,70,160); both are border-style: solid; border-width: 3px; */
.cb1, .cb2 { border-width: 1px; }	/* cb1 is border-color: rgb(70,70,160);  border-style: solid; border-width: 1px; */
.cb2 { border-top-style: solid; }	/* cb2 is border-color: rgb(70,70,160);  border-top-style: solid; border-width: 1px; */

/* Menu Main
*/
.imm
{
	position: absolute;
	top: 0;
	height: 2.3em;
	left: 1px; right: 1px;
}
@media print{.imm{display:none}}	/*	Suppress printing of Menu Bar */


/* ptree selectline. preferences, email, login, logout, help
*/
.tsel, .pref, .meme, .logi, .logo, .help
{
	position: absolute;
	top: 2.4em;
	left: 2em;
	font-size: larger;
}
/* login
*/
.logi
{
	width: 996px;	/* sets a minimum width for login etc, such that if there is no horizontal scroll bar, then other screens will also be OK, matched by firefox width 950 */
	height: 424px;	/* sets a minimum height for login etc, such that if there is no vertical scroll bar, then other screens will also be OK, 440px is max for 576 high screen using FF under Unity on Netbook, matched by firefox height 514 */
}
/* ptree selectline
*/
.tsel
{
	bottom: 0;	/*	without this, the Menu bar scrolls off the top of the screen */
	right: 0;
}
/* Preferences Colour - float: left; clear: both; background-Color
*/
.prec
{
	float: left;
	clear: both;
	min-width: 35em;
	padding: 1em;
}


/* Screens with more than one panel: P-tree, Search, Update, Records Officer
 * Vertical split of the screen into Left and Right sides
 * 'x' prefix common across more than one Main Menu screen
 * 'u' prefix for Update (LHS of Update similar to RHS of P-tree, etc)
*/
.xlr, .xl, .xr, .ul, .ur, .rl, .rr
{
	position: absolute;
	float: left;
	bottom: 0;
}
	.xlr
	{
		clear: both;
		top: 2.4em;
		left: 0; right: 0;
	}
	.xl, .xr, .ul, .ur, .rl, .rr
	{
		top: 0;
		margin: 1em;	/* round outside edge of all, works better than padding: 1em; on tlmrS */
	}
	.xl, .ur, .rr {width: 53%;}
	.xr, .ul, .rl {width: 44%;}
	.xl, .ul, .rl {left: 0;}
	.xr, .ur, .rr {right: 0;}

/* next, the horizontal splits of the screen into Top, Middle and Bottom
 * 'trm' is for Tree Right Middle, 'slm' is for Search Left Middle, etc
 * the div used are:
 *				Tree		Search		Update		Records Officer
 *		Top		tlt			slt			ult				rrt
 *		Middle	tlm	trm		slm	trm			urm		rlm	rrm
 *		Bottom	tlb									rlb
 * the PHP code generating 'trm' is common to Tree and Search, so there is no 'srm'
*/

/* common to all Tree, Search, Update, Records Officer
*/
.tlt, .tlm, .tlb, .trm, .slt, .slm, .ult, .urm, .rrt, .rlm, .rrm, .rlb
{
	position: absolute;
	float: top;
	left: 0; right: 0;
}
/* framed with a thin blue border and with padding to keep what is inside away from edge
*/
.tlm, .trm, .slm, .urm, .rrt, .rrm, .rlb { border: rgb(70,70,160) solid 1px; padding: 0.5em; }

/* individual div definitions for the above */
/* individual div definitions for Tree */
.tlt { top: 0; height: 9em; }									/* Tree Left Top (Ancestors) */
.tlm { top: 9em; bottom: 10.5em; }								/* Tree Left Middle (P-number's event list); top matches height of 'tlt'; bottom matches height of 'tlb' + 0.5em separation */
.tlb { height: 10em; bottom: 0; overflow-x: auto; }				/* Tree Left Bottom (Descendants; leaves enough room in case there is a hoizontal scroll bar */
.tftc { float:left; margin-right:-999em; white-space:nowrap; }	/* Footer Children */
.trm { top: 0; bottom: 0; }										/* Tree Right Middle (event detail) */

/* individual div definitions for Search */
.slt { top: 0; height: 20.5em; }								/* Search Left Top (search criteria); height matches 'slm' top */
.slm { top: 20.5em; bottom: 0; }								/* Search Left Middle (search results); top matches 'slt' height */

/* individual div definitions for Update manager */
.ult, .urm { top: 0; bottom: 0; }								/* Update manager Left Top (basket properties); Right Middle (events in basket) */

/* individual div definitions for Records Officer */
.rlb { bottom: 2.4em; height: 22em; overflow: auto; }			/* Record officer Left Bottom (messages from P-tree to Records Officer) */
.rrm { top: 17.2em; bottom: 0; }									/* Record officer Right Middle (events in basket); 'top' fits below 'rrt' */
.rrt { top: 0; height: auto; }									/* Record officer Right Top (basket properties) */

/* P-tree P-sheet and Gallery
*/
.psgf
{
	position: absolute;
	top: 2.4em;
	bottom: 0;
	left: 0;
	right: 0;
}

/* Member screen and Member message
*/
.memf, .memm
{
	position: absolute;
	bottom: 0;
}
/* Member screen */
.memf
{
	top: 2.4em;
	right: 0;
	left: 0;
}
/* Member message */
.memm
{
	height: 2.25em;	/* 2.35 + 0.35 = 2.7 */
	width: 100%;
}

/* Member Email (used for member to P-sheet linked member and for member to P-tree administrator
*/
.meme { top: 0; }	/* no menu bar at the top */

/* Member Email Content - float: left; clear: both; background-Color; margin
*/
.memc { float: left; clear: both; margin-top: 1em; margin-bottom: 1em; padding: 1em; }


/* Help
*/
.help
{
	margin-left: 1em;
	margin-right: 1em;
	width: 90%;	/* Safari needs 95% rather than 100% to fit within minumum width window (even though there's no text near the right hand edge! */
}


/* Header menu buttons
*/
.thdm, .thdo
{
	position: absolute;
	text-align: right;
	clear: right;
	width: 32em;	/* used to be 30em but IE7 with searchSelect needs more */
}
.thdm
{
	top: 0.4em;
	right: 2.5em;
}
.thdo
{
	top: 4.8em;
	right: 0.4em;
}


/* Footer Menu Buttons
*/
.xdf
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2.2em;			/* height of standard bottom menu button bar at bottom of screen */
	width: 100%;
}
@media print{.xdf{display:none}}	/*	Suppress printing of footer, for P-sheet print */


/* SEarch QUery and REsults
 * Top and Middle
*/
.sequ, .seqr
{
	position: absolute;
	float: top;
	left: 0; right: 0;
}
/* Search Query Criteria*/
.sequ
{
	top: 3.5em;	/* space for 'seqr' */
	height: 18em;	/* top+height match 'slt' height */
}
/* SEarch Query Radio buttons */
.seqr
{
	top: 0;
	height: 3em;
	font-weight: bold;
}


/* Update Change and Add
 * View Form Right hand side panel, Detail, View Form Menu buttons, New P-number
 * UPdate View Form
*/
.upvf
{
	position: absolute;
	top: 2.4em;
	bottom: 0;
	right: 0;
	left: 0;
}

.upam { top: 3em; height: 2em; font-weight: bold; }	/* UPdate Add Menu buttons */


/* Button Main menu Margin*/
.bmm { width: 11em; margin-left: 0.2em; margin-right: 0.2em; }

/* Auto adjusting Height of Container div */
.ahc {clear:both; margin:0; padding:0; font-size:0; line-height:0;}

/* MessageBox  */
.msg, .msgi, .msgb { margin-top: 1em; font-weight: bold; clear: both; }
.msg { color:red; }
.msgi, .msgb { color: blue; margin-left: 1em; }
.msgb { position: absolute; top: 10em; margin-left: 5em; }
.msgs { color: blue; font-weight: bold; margin: 0.2em; }
.msgp, .msgp2, .msgp4 { color: blue; }
.msgp {font-size: x-small;}
.msgp2, .msgp4 { color:blue; }
.msgp2 { margin-left: 2% }
.msgp4 { margin-left: 4% }
.msgp5b { margin-left: 5%; color:blue; }
.msgp5r { margin-left: 5%; color:red; }
.msge { color: blue; font-weight: bold; margin: 0.2em; margin-left: 1em; }
.msgn { color: blue; font-weight: bold; margin: 1em; text-align: center; }
.msgl { border: 0.3em blue solid; width: 50em; }
.msgu { color: blue; clear: both; text-align: left; margin-left: 1em; }
.msgf { left: 1em; float: left; margin-top: 0.5em; margin-left: 0.5em; text-align: center; }

/* Event Buttons */
.bef, .ben { height: 2em; width: 6.75em; padding: 0; }	/* Button Event ofF and oN */
.bcg { width: 7.5em; text-align: center; }	/* inactive submit button in Update Manager */
.bpm { margin-left: 0.5em; margin-right: 0.5em; }
.bcv { width: 0; color: transparent; overflow: hidden; border: 0; }	/* hidden Save button on Update screen (to do a "save" if Enter key is pressed) */

/* Headings for Login, Logout, SelectLine, Help and Psheet and Update Manager, Preferences, Member Email*/
.hdl, .hdp, .hdu, .hdr
{
	clear: both;
	font-weight: bold;
}
/* Headings for Login, Logout, SelectLine, Help and Psheet */
.hdl, .hdp
{
	margin-top: 2em;
}
@media print{.hdp{margin-top: 0em;}}	/*	Suppress blank line, for P-sheet print */
/* Headings for Login, Logout, SelectLine, Help */
.hdl
{
	margin-bottom: 2em;
}
/* Headings for Update Manager, Preferences, Member Email, Records Officer */
.hdu, .hdr
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.hdr
{
	margin-bottom: 0;
}

/* Heading for Search */
.hds
{
	position: absolute;
	bottom: 0.5em;
	left: 17em;	/* positions right-hand edge in line with right-hand edge of 'Select:' radio buttons, whatever the window size */
	font-weight: bold;
}

/* CLASSes for Form Labels */
/* Login */
.fll
{
	min-width: 24em;
	width:20%;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
/* Form View */
.flf
{
	min-width: 12em;
	width:20%;
	float: left;
	clear: both;	/*	this stops a field label leaking back onto the line above */
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

/* CLASSes for Search */
.ssb { margin-left: 10em; }				/* Search Select radio Buttons */
.sqb { margin: 0.5em; }					/* Search Query Criteria Boxes */
.sqr { clear: left; height: 2.2em; }	/* Search Query Row */

/* CLASSes for SelectLine */
/* NearP */
.tsn
{
	margin: 1em;
	bottom: 0;
	left: 0;
	width: auto;
	min-width: 8em;
	height: 8em;
	text-align: left;
}
.tsn { float:left; }	/* NearP */
/* SuperUser */
.tss
{
	clear: both;
	width: auto;
	text-align: left;
}

/* P-sheets changed since last login */
/* EVent row */
.tsr
{
	clear: left;
	margin: 1em;
}
/* Date, Pnum */
.tsd, .tsp
{
	float: left;
	vertical-align: middle;
	margin-left: 1em;
	margin-bottom: 0.5em;
}


/* CLASSes for Preferences */
.prs, .pri, .prc, .prr { float: left; }	/* Standard colours, Instructions, "Change" button, "Don't change" button, Radio button Row */
.prs { margin-left: 1em; }	/* Standard colours */
.pri, .prc { clear: both; }	/* Instructions and "Change" button */
.pri { margin-bottom: 1em; }	/* Instructions */
.prr { min-width: 6em; }	/* Radio button Row */
.prd { float: right; }	/* Don't change button */


/* CLASSes for P-tree screen */
/* IE5.5 & IE6 need to set padding for .ptree - not sure what this means any more! */
.ptree
{
}


/* Parent and Child */
.tpa, .tch
{
	margin-left: 0.5em;	/* provides separation between parents/children */
	left: 0;
	float:left;
	width:auto;
	min-width: 8em;
	height: 8em;
}
.tpa { top: 0; }	/* Parent */
.tch { bottom: 0; }	/* Child */

/* No parent */
.tno
{
	margin: 1em;
	top: 0;
	left: 0;
	float:left;
	width:auto;
	min-width: 8em;
	height: 8em;
}
.tpe { margin: 0.25em; }	/* Person */


/* Button Right, Left, Centered */
.tbr, .tbl, .tbc
{
	margin-top: 0.25em; margin-bottom: 0.22em;	/* used to be 0.25 but "Open a new search window/tab" came on second line with IE6 */
	margin-left: 0.5em;
	width: auto;
}
.tbr { float: right; margin-right: 0.5em; }		/* Button Right;  'margin-right' keeps off right-hand edge, especially with IE */
.tbl { float: left; }							/* Button Left */
.tbc { float: left; margin-left: 3em; }			/* Button Centered; gap of half button width */


/* CLASSes for Events */

/* Event Colour classes */
.eca { color: rgb(0,0,0) }	/* blAck */
.ecd { color: rgb(255,0,0); }	/* reD */
.eco { color: rgb(165,42,42); }	/* brOwn */
.ecu { color: rgb(0,0,255); }	/* blUe */
.ece { color: rgb(0,139,69); }	/* grEen */
.ecp { color: purple; }	/* Purple for P-number Plist records (not stored in RMnumPrefs) */

.evh { font-weight: bold; }	/* EVent Header */
.evr { margin-left: 0; margin-top: 0.1em; clear: left; height: 2em; }	/* EVent Row */
/* event Date, Pnum, Misc, Name, Type, Other, Born/Died, Arrow PMarr */
.evd, .evp, .evm, .evn, .evt, .evo, .evb, .eva
{
	top: 0;
	left: 0;
	float:left;
	width: auto;
	line-height: 2em;
	vertical-align: middle;
}
.evd { min-width: 17%; }	/* EVent Date button; (evd+evp+evn = 60%) + ((evt+evo = 39.5%) or (evb+eva = 39.5%)), total 99.5% */
.evp { min-width: 12%; }	/* EVent Pnum; 'min-width' was 10 but not enough for "P012345?" or "P01234+" on census */
.evm { min-width: 70%; }	/* EVent Misc */
.evn { min-width: 31%; }	/* EVent Name */
.evt { min-width: 10%; }	/* EVent Type */
.evo { min-width: 29.5%; }	/* EVent Other */
.evb { min-width: 27.5%; }	/* EVent Type for B or D (no Other) but need room for 'birth registered' or 'death registered' */
.eva { min-width: 12%; float: right; }	/* EVent Type for B or D (no Other but need room for 'birth registered' or 'death registered'; need 'min-width' 12% to fit ">P01234?" */

/* CLASSes for FormView */
.fvl { margin-top: 1em; float: left; width: 96%; }	/*	form view large; with 'float: left;', also need 'width' otherwise box is only as large as text needs rather than full width whatever the text; 96% gives a reasonable full width */
.fvs { width: 57%; float: left; }	/* form view small; maximum that will fit on P-tree view with minimum size browser window */
.fvt { width: 99%; color: black; }	/* form view textarea */

/* form view census */
.fcp { width:12%; }	/* Pnum */
.fcn { width:19%; }	/* Name */
.fcr { width:15%; }	/* Relationship and role */
.fcm { width:7%; }	/* Marital status and gender */
.fca { width:15%; }	/* Age and birth date */
.fco { width:34%; }	/* Occupation */
.fcc { width:10%; }	/* birth Country */
.fcs { width:20%; }	/* birth State/county */
.fct { width:26%; }	/* birth Town */
.fcb { width:35%; }	/* Born in census county */
/* Cen Notes uses .fvl */

/* CLASSes for full P-sheet */
.psh { margin-left: 1em; margin-right: 1em; color:rgb(0,0,155); }	/* p-sheet Header and footer */
.pss { margin-left:0.1em; margin-top: 0.1em; clear: left; }			/* p-sheet Screen */
/* event Group row */
.psg
{
	top: 0;
	left: 0;
	clear: left;
	line-height: 1.25em;	/* 1em OK except on IE7 where decenders clipped so use 1.25em  */
	min-height: 2em;
	margin: 0.5em;
	vertical-align: middle;
	page-break-inside: avoid;	/* trying to stop a psg group of records being split by a page break when printing a P-sheet */
}

.psm { border: 0.25em rgb(155,205,155) solid; }	/* BapM event border colour */

.psr, .psn { clear: left; }	/* event Row (.pst and .psv pair or .psn - to stop these elements leaking onto the line above)*/
/* event Date, Pnum, Body, Tag, Notes */
.psd, .psp, .psb, .pst, .psn { 	float:left; }	/* float left for all except .psv */
/* event Date, Pnum, Body */
.psd, .psp, .psb
{
	/* for events that only have the first row, this helps the separation from the line above */
	/* without too much extra spacing when the event has more than a first row */
	margin-top: 0.4em;
	/* and make this first row bold */
	font-weight: bold;
}
.psd { min-width: 8em; }							/* event Date */
.psp { min-width: 6em; }							/* event Pnum */
.psn { margin-left: 14em; margin-bottom: 0.25em; }	/* event Notes with 0.25em spacing - helps to separate a long Note from a Source */
@media print{.psn { width: 85%; }}	/*	Limit Notes width, for P-sheet print */
.psl { line-height: 35%; }							/* used with Notes when converting '#' to '<br>' to get a half-height blank line */
.pst { min-width: 14em; margin-left: 14em; }		/* event Tag */
.psv { margin-left: 28em; }							/* event Value */

.br0 {font-size:0px;}	/* when printing P-sheet to PDF, helps to prevent leakage back to an earlier line */


/* full P-sheet Census */
.pcr { clear: left; }								/* Census Row (to stop elements leaking onto the line above)*/
.pcp, .pcn, .pcs, .pcm, .pca { float:left; }		/* float left for all except the last field on a line which just has margin-left */
.pcp { min-width: 6em; margin-left: 8em; }			/* Pnum */
.pcn { min-width: 15em; }							/* Name */
.pcs { min-width: 10em; }							/* relationShip*/
.pcm { min-width: 1em; }							/* Marital status*/
.pca { min-width: 8em; text-align: right; }			/* Age */
.pco { margin-left: 48em; }							/* Occupation and place of birth */
.pct { margin-left: 48em; }							/* noTes */


/* CLASSes for P-sheet Members */
.mr { clear: left; line-height: 1.8em; }			/* Row */
.mm, .mp, .ml { margin-bottom:0.5em; margin-top: 0.5em; float:left; text-align: center; }	/* Member, P-numbers, Lapsed */
.mm { min-width: 15%; }								/* Member */
.mp, .ml { text-align: left; }						/* P-numbers, Lapsed */
.ml { font-weight: bold; margin-left: 1em; }


/* CLASSes for Email */
.emi { float: left; clear: both; }					/* Instructions */
.ems { position: absolute; left: 0; }				/* Send button */
.emc { position: absolute; right: 2em; }			/* Cancel button */


/* CLASSes for Gallery */
.gr { margin-left: 1em; margin-right: 1em; }
.gt { float: top; margin: 1em; }
.gi { float: left; margin: 1em; }
.gb { clear: both; margin-left: 1em; }


/* CLASSes for Update Manager */
.uml { min-width: 9em; width:15%; float: left; text-align: right; margin-right: 0.5em; }	/* Label for textarea */
.umt { width:70%; margin: 0.2em; overflow-x: hidden; }	/* Textarea; 'overflow-x: hidden;' stops Firefox adding an extra row in case there is a horinontal scroll bar */


/* CLASSes for Update */
.upf { min-width: 20em; width:30%; float: left; text-align: right; margin-right: 0.5em; display: block; }
.upt, .upr { width: 68%; }
.ups { width: 33.5%; }	/* Smaller textarea for Registration Date YYYY */
.upb { width:27%; }	/* Smaller textarea for Bap Pnum and PMarrNum, and for "Change Parent" (Plist Update screen) */
.upr { margin-left: 26%; }	/* all but Misc (large text area) are indented */
.upp { float: left;  padding: 3px; }	/* Cen entry fields need to float left; 'padding' matches 'padding' on 'input' to preserve Cen field layout */

/* UPdate: Header (basket number) */
.uph
{
	float: right;
	margin: 0.5em;
	color: blue;
	font-weight: bold;
}
/* UPdate: Information message */
.upi
{
	float: right;
	margin: 0.5em;
	margin-bottom: 0;
	color: blue;
	font-weight: bold;
}
/* UPdate: Warning message */
.upw
{
	float: right;
	margin: 0.5em;
	margin-bottom: 0;
	color: rgb(204,0,0);
	font-weight: bold;
}
.upl
{
	float: left;
	margin: 0.5em;
	margin-bottom: 0;
	color: red;
	font-weight: bold;
}

.upm { color: red; }	/* UPdate: Message within field */

/* UPdate new p-number, column 1 */
.up1
{
	min-width: 18em;
	width:50%;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
.up2 {left: 50%}	/* UPdate new p-number, column 2 */
.upa {float: left; margin-left: 0;}	/* UPdate Add radio button row; need "0" so that "Article" fits on Search Select */
.upd {float: left; margin-top: 0.4em; margin-left: 0.1em;}	/* UPdate add radio button row heading*/

/* census household members */
.uch { width: 6%; text-align:right; }	/* sortorder within Household */
.ucp { width: 8%; }						/* Pnum */
.ucn { width: 23%; }					/* Name */
.ucr { width: 14%; }					/* Relationship */
.ucm { width: 13%; }					/* Marital status */
.uca { width: 9%; }						/* Age */
.uco { width: 34%; }					/* Occupation */
.ucc { width: 13%; }					/* birth Country */
.ucs { width: 20%; }					/* birth State/county */
.uct { width: 26%; }					/* birth Town */
.ucb { width: 35%; }					/* Born in census county */
.ucl { width: 96%; }					/* Notes */

.uce { color: rgb(255,77,77) }	/* Empty field so display <field name> */

ins { color: blue; text-decoration: none; }
del { color: red; }

/* Update Records officer */
/* basket list */
.rui, .rut, .rus, .rum, .rud, .rur, .ruu
{
	top: 0;
	left: 0;
	float:left;
	width: auto;
	line-height: 2em;
	vertical-align: middle;
}
.rui { width: 17%; clear: left; text-align:right; margin-right: 1%; }	/* basket Id */
.rut { width: 23%; }													/* sTatus */
.rus { width: 10%; }													/* server */
.rum { width: 7%; }														/* Mnum */
.rud { width: 21%; text-align: center; }								/* Date */
.rur { width: 9%; text-align: right; }									/* Rnum */
.ruu { width: 8%; text-align:right; margin-right: 1%; }					/* nUmber of records */
.ruf, .run { text-align: right; min-width: 4.5em; }						/* button ofF and oN*/


/* CLASSes for Articles */
.ar { clear: both; min-width: 76em; margin-left: 1em; margin-right: 1em; }
.at { float:top; }


.arr, .art, .apr { top: 0; left: 0; float: left; width: auto; vertical-align: middle; margin-top: 1em; }	/* ARticle Reference, P-number */
.art { margin-left: 2%; font-style: italic; }	/* ARticle Title */
.arp { font-style: normal; }					/* ARticle P-number */