/* ---- Page level ---- */

body {
 margin:			0;
 padding:			0;
 font-family:		Lucida Grande, Verdana, Geneva, Sans-serif;
 color:				#36373A;
 background-color:	#C7F4CF;
 font-size:			11px;
 /*
 font-size:		80%;			/ * http://www.alistapart.com/articles/howtosizetextincss * /
 line-height:	1.125em;
 */
}

.bodytext p {
 font-size:	0.875em;
}

#outer {
 margin:	30px 40px 0 40px;
}



/* ---- Headers and footers ---- */

#header {
 margin:			0;
 padding:			0;
 background-color:	#EBE5E9;
 /* border-bottom:		1px solid black; */	
}

/*
#header div {
 margin:			0;
 padding:			0 1em 0 1em;
}
*/

#header h1 {
 font-size:		16pt;
/* font-size:		100%; */
 margin:		0 0 0.5em 0;		/* TRBL */
}

#header h2 {
 font-size:		15pt;
/* font-size:		90%; */
 margin:		0 0 0.5em 0;		/* TRBL */
}

#header h3 {
 font-size:		13pt;
/* font-size:		80%; */
 margin:		0 0 0.5em 0;		/* TRBL */
}


/* New styles for header table */
#header table {
 width:				100%;
 border:			none;
 vertical-align:	top;
 border-collapse:	collapse;		/* Makes bottom line of menu LI visible in IE6 */
 border-bottom:		1px solid black;
 margin:			0;	
}

/* header_menu was previously used for plain text pipe-separated menu
#header_menu {
 font-size:		9pt;
}
*/

#header_left {
 text-align:		left;
 padding-top:		1.5em;
 padding-bottom:	0.5em;
 padding-left:		20px;
 vertical-align:	top;
}

#header_center {
 text-align:		center;
}

#header_right {
 text-align:		right;
 padding-right:		36px;
 vertical-align:	top;
 font-size:			120%;
}

#header_menu {
 text-align:		right;
 margin-bottom:		0;
 padding-bottom:	5px;
 padding-right:		20px;
 vertical-align:	bottom;
}

.header_submenu {
 text-align:		right;
 padding-top:		1.5em;
 margin-bottom:		0;
 padding-bottom:	5px;
 padding-right:		50px;
 vertical-align:	bottom;
}


#submenu_div {
 width:				100%;
 margin:			0;
 padding:			0;
 padding-bottom:	8px;	/* push dashes down for older FF */
 vertical-align:	top;
 border-bottom:		1px dashed black;
 text-align:		right;
}

#submenu_div p {
 text-align:		right;
 margin:			0;
 padding:			6px 0 10px 0;	/* TRBL */
 vertical-align:	bottom;
}


#submenu_div table {
 float:				right;
 margin:			-8px 40px -10px 40px;
 padding:			0;
 border:			0;
 border-collapse:	collapse;
}

#submenu_div table td {
 padding:			0 0.5em 0 0.5em;	/* TRBL */
 border-left:		1px solid black;
 border-right:		1px solid black;
}




#footer {
 margin:		20px 0 15px 0;
 padding:		0;
}

#footer p {
 font-size:		10px;
 color:			#458545;
 text-align:	center;
}



/* ---- Menu tabs ---- */

#menutabs ul {
 margin-left:		0;
 padding-left:		0;
 margin-bottom:		0;
 padding-bottom:	0;
 display:			inline;
} 

#menutabs ul li {
 background-color:	#DAD4D8;			/* Like #header background, but darker */
 margin-left:		0;
 margin-bottom:		0;
 padding:			2px 4px 5px;		/* Was pad-r 15px with no margin-r, but crap in IE6 */
 margin-right:		8px;
 border:			1px solid #000;
 list-style:		none;
 display:			inline;
}

#menutabs ul li a {
 font-weight:		bold;
 color:				#059505;
}
	
		
#menutabs ul li.here {
 background-color:	#C7F4CF;			/* Same as body */
 border-bottom:		1px solid #EBE5E9;	/* Same as #header background-color */
 list-style:		none;
 display:			inline;
 font-weight:		bold;
 color:				black;
}




/* ---- Anchors ---- */

a {
 color:				#358535;
 background-color:	transparent;
 text-decoration:	none;
 font-weight:		bold;
}

a:visited {
 color:				#358535;
 background-color:	transparent;
 text-decoration:	none;
}

a:hover {
 color:				#000;
 text-decoration:	none;
 background-color:	transparent;
}


/* ---- Images ---- */

img {
 padding:0;
 border: 0;
 margin: 0;
}



/* ---- Help text ---- */

.helptext {
	text-align:	left;
	font-family: Sans-serif;
	font-style:	italic;
}



/* ---- Main menu page ---- */

ul.menupage li {
	margin-bottom:	2em;
}

ul.menupage li h2 {
	margin-bottom:	0;
}

ul.menupage li p.helptext {
	margin-top:		0.5em;
}


/* ---- Tables ---- */

table {
	margin:			1em;
}

th {
 background-color:	#12F50E;
 font-weight:		bold;
 padding:			6px;
 text-align:		left;
}

td {
 background-color:	#fff;
 background-color:	transparent;
 padding:			6px;
}




/* -- Row_List table: a list of DB rows, with alternating row colours -- */

div.row_list div.title {
	padding-left:	1em;
	font-size:		120%;
	font-style:		bold;
}

div.row_list table {
 border-collapse:	collapse;
 border: 			0;
 border-spacing:	1px;	/* Equivalent of <table> cellspacing=1 attribute */
 width:				100%;
}

div.row_list table th {
 border:	1px solid black;
}

div.row_list table td {
 border:	1px solid black;
 padding:	3px;
}

/* Additional softborder class softens borders */
div.row_list table.softborder th, div.row_list table.softborder td {
 border:	1px solid #E0F5E4;
}


tr.r0 {
 background-color: #89E498;	/* #99F4A8 Green */
}

tr.r1 {
 background-color: #B4F4BF; /* Pale green */
}

tr.r0:hover, tr.r1:hover {
 background-color: #E0F4A8;	/* Yellowish */
}




/* -- Vertical tables: a single DB row, displayed as 2 vertical columns: labels on L, values on R -- */
	  
/*	Vertical tables are wrapped in a div to provide a decent margin around the entire text block.	 */
div.vtable {
 padding:			1em;
 margin-left:		1em;
 margin-right:		-1em;
 border:			1px solid black;
 background-color:	#E0F5E4;
 width:				auto;
}

div.vtable table {
 margin:			0;			/* div.vtable has 1em margin */
 border-collapse:	collapse;
 border-spacing:	1px;		/* Equivalent of <table> cellspacing=1 attribute */
}

div.vtable table th, div.vtable table td {
 padding:		0.1em 0.5em 0.2em 0.5em;
}


div.vtable table th {
 /* background-color:	inherit; */		/* IE6 does not grok 'inherit' */
 background-color:	transparent;
 width:				20%;
 vertical-align:	top;
}

div.vtable table img.thumb {
 margin-top:	0.5em;
 margin-bottom:	0.5em;
}







/* ---- Forms ---- */

form {
 margin:	0;
 padding:	0;
}

.inputwidth {
	width: 25em;
}

/* INPUT includes text, radio, checkbox, submit
 * Exceptions for radio, checkbox, submit are based on class, which is set by Db_layout
 * Width slightly less than 100% leaves room for border
 */
input, textarea, select {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:	11px;
/* font-size:	100%; */
 color:		#333;
 border:	1px solid #B3B4BD;
 width:		99%; /* 25em; */
 padding:	0;
 margin:	0;
}

input {
 height:	2em;
}

select {
 background-color:	#fff;
}


/* Exceptions for radio, checkbox, submit are based on class, which is set by Db_layout */
.radio, .checkbox, .submit {
 width:				auto;
 background-color:	transparent;
 padding:			0;
 border:			0;
}

.radio, .checkbox {
 height: 			1em;
}

.submit {
 background-color:	#0B761F;
 color: 			white;
 font-weight:		normal;
 margin:			6px 0 0 0;
 padding:			1px 5px 1px 5px;
}

div.edit {
 width:				62em;
}

div.edit div.section {
 border:			1px solid gray;
 margin-top:		1em;
 margin-bottom:		1em;
 padding-bottom:	0.75em;
}

div.edit div.section div.title {
 margin-top:		0.5em;
 margin-left:		2em;
 font-style:		italic;
 font-size:			110%;
}

div.edit table {
 border:			0;
 border-spacing:	1px;	/* Equivalent to <table cellspacing="1"> */
 width:				60em;
}


div.edit table.border {
 border:			1px solid black;
}


div.edit table th {
 background-color:	transparent;
 width:				20%;
 padding:			0.5em 0.5em 0.2em 0.5em;
 margin-top:		0.5em;
 margin-bottom:		0.5em;
 vertical-align:	top;
}

div.edit table td {
 padding:			3px;
 /* width:				80%;			/ * Includes help text */
}

div.edit table td.submit_button {
 text-align:		left;
}

/* #3: Works in FF, Opera and IE, though IE needs margin-left in % not em */
.line {
	float:		left;
	position:	relative; /* prevents shifting when changing viewport in IE */
	display:	block;
	width:		100%;
}

.line_item {
	float:		left;
	position:	relative;
	overflow:	hidden;
	left:		100%;
}


.input_item {
	margin-left:	-100%;
	padding:		0px;
	width:			26em;
/*	background:		#ACA42E;	/ * Ochre */
}

.help_item {
	margin-left:	-40%;
	width:			40%;
/*	background-color: #2A66B2;	/ * Dark blue */
}



/* PR body is wider than other form elements */
#Body_line .input_item	{ width: 50em;	}
#Body_line .help_item	{ margin-left: 1em; width: 5em; }


/* Shorter fields for login page */
#login .input_item		{ width: 15em;	}




/* ---- Index filter form (probably enclosed by a div.pagination) ---- */

div.indexfilter {
	display:		inline;
	float:		 	right;
	vertical-align:	top;
	margin-top:		-2.0em;
	padding:		0 0 0.5em 0;
	margin-bottom:	8px;
}

div.indexfilter div.prompt {
	margin:			6px 0px 3px 0px;
	padding:		0;
	font-style:		italic;
}

div.indexfilter form {
	height:			1.5em;
	vertical-align:	top;
}

div.indexfilter form * {
	vertical-align:	middle;
	margin-top:		0;
}

div.indexfilter form input, div.indexfilter form select, div.indexfilter form submit {
	width:			auto;
	height:			1.5em;
}

div.pagination div.indexfilter form {
	float:			right;		/* Pagination links are on the left */
}



/* ---- Pagination ---- */

div.pagination {
	margin-top:		1.0em;
	margin-bottom:	2.0em;
	vertical-align:	bottom;
}



/* ---- Error and alert messages ---- */

.notice, .error {
	font-size:		150%;
	line-height:	150%;
	text-align:		left;
	margin-top:	    0.4em;
	margin-bottom:	0.4em;
}

.error {
	color: 			#EE2222;
}

.error .line1, .notice .line1 {
	margin-bottom:	0.3em;
}

.alert {
	margin-left:	1em;
	font-size:		130%;
	font-weight:	bold;
	color:			red;
}

.logtext, .logcmd {
	font-family:	Lucida Console, Courier-New, Courier;
	font-weight:	normal;
	margin-top:	    0.5em;
	margin-bottom:	0.5em;
	color:			black;
}

.logcmd {
	font-size:		11pt;
	line-height:	12pt;
}

.logtext {
	font-size:		10pt;
	line-height:	11pt;
}


/* ---- Miscellaneous modifier classes ---- */


/* Text layout					*/
.nowrap { white-space: nowrap;		}
.inline { display: inline;			}

.nopad {
		  padding:0;
		  border: 0;
		  margin: 0;
}

/* Horizontal alignment			*/
.l		{ text-align: left;			}
.r		{ text-align: right;		}
.c		{ text-align: center;		}

/* Vertical alignment			*/
.top 	{ vertical-align: top;		}
.middle { vertical-align: middle;	}
.bottom { vertical-align: bottom;	}

/* Borders and shading			*/
.border		{ border: 1px solid black;	}
.noborder	{ border: 0;				}