/*
** Style Sheet for normal web forms and pages
*/


/*
** Document Bodies
*/
body	  {
	background-color:	#F0F8FF;					/* Alice Blue */
	color:				black;
   	
	font-size:			medium;
	font-weight:		normal;
	font-family:		sans-serif;
	font-style:			normal;

	margin:				0.5em 2em 0em 2em;
}


body.menu {
	background-color:	#B0C4DE;
	color:				black; 
	font-family:		sans-serif;
	margin:				0.15em 0em 0em 0.2em;
}


/*
** Headings (Not intended for use in Menu documents)
*/
h1 {
	color:				green;
	background-color: inherit;
	font-size:			x-large;
	font-weight:		bold;
	text-transform:	uppercase;
	margin-top:			1em;
	margin-bottom:		0.5em;
}


h2 {
	color:				green;
	background-color: inherit;
	font-size:			large;
	font-weight:		bold;
	font-style:			italic;
	text-transform:	capitalize;
	margin-top:			0.5em;
	margin-bottom:		0.5em;
}


h3 {
	color:				green;
	background-color: inherit;
	font-weight:		bold;
	text-align:			left;
	text-transform:	none;
	margin-top:			0.25em;
	margin-bottom:		0.25em;
}


/*
** Special paragraph and text styles.  Ordinary text inherits that from its body
*/
.doctitle {									/* Title of a document (one per document) */
	background-color: inherit;
	font-size:			x-large;
	font-weight:		bold;
	text-align:			center;
	margin-bottom:		1em;
}

caption {									/* An ordinary caption for formatted text */
	color:				blue;
	background-color: inherit;
	font-size:			small;
	font-weight:		bolder;
	text-transform:	capitalize;
	text-align:			right;
	caption-side:		bottom;
	margin-bottom:		2em;
}


caption.headline {							/* When a caption headline is needed */
	color:				blue;
	background-color: inherit;
	font-weight:		bolder;
	text-transform:	capitalize;
	text-align:			center;
	caption-side:		top;
}


address   {
	font-family:	sans-serif;
	font-style:		normal;
	font-weight:	bolder;
	margin:			1em 0em 2em 3em;
	border-color:	maroon;
	border-width:	thin;
	border-style:	none none none solid;
	padding-left:	0.5em;
}

ul {
	margin:			1em 10em 2em 3em;
}


.control  {									/* for revision numbers, units of measure etc. */
	font-family:		sans-serif;
	font-size:			x-small;
}


/*
** links
*/
a {
	color:				blue;
	background-color: inherit;
	font-family:		sans-serif;
	font-weight:		bolder;
	text-decoration:	none;
}

a:visited {
	color:				#1E90FF;			/* DodgerBlue */
	background-color: inherit;
}

a.fixed:visited {							/* Doesn't change colour after selected */
	color:				blue;
	background-color: inherit;
}

a:hover   {
	color:				#00008B;			/* DarkBlue */
	background-color: inherit;
	text-decoration:	underline;
}

a:active  {
	color:				#00008B;			/* DarkBlue */
	background-color: inherit;
}

/* Definition lists */
dl {
	font-family: serif;
	margin:			1em 10em 0em 5em;
	font-size:		12pt;
}
dt {
	font-weight: bold;
}
dd {
	font-weight: normal;
	margin-bottom: 1em;
}

select {
	color:				black;
	background-color: #FFFFE0;			/* LightYellow */
	font-family:		sans-serif;
	font-size:			small;
	font-weight:		normal;
	text-align:			left;
}


/*
 * Input fields
 */
input {										/* Same as textarea */
	background-color:	#ffffe0;			/* LightYellow */
	color:				black;			/* Standard input fields */
}

textarea {									/* Same as input */
	background-color:	#FFFFE0;			/* LightYellow */
	color:				black;			/* Standard input fields */
}


input.number {								/* For numeric input */
	text-align:			right;
}


input.bigbold {								/* For big important input fields */
	background-color:			black;
	color:				yellow;
	font-weight:		bolder;
	font-size:			larger;
}


input.submitted   {							/* For Submit buttons when there is no data to submit */
	background:			#dcdcdc;				/* Gainsboro */
	color:				gray;
	text-align:			center;
	text-transform:	capitalize;
	font-style:			italic;
}


input.unsubmitted   {						/* For Submit buttons when there is data to submit */
	background-color:	#dcdcdc;				/* Gainsboro */
	color:				black;
	text-align:			center;
	text-transform:	capitalize;
	font-weight:		bolder;
}


input.readonly {							/* Read-only fields */
	background-color:	#fffafa;			/* Snow */
	color:				gray;
}

input.checkbox {							/* Checkbox fields, especially a problem in IE */
	background:			transparent;
}


/*
 * Tabular styles
 */
table.outercanvass {						/* For tables within tables, provides a nice background */
	background:			#ADD8E6;			/* LightBlue */
	color:				inherit;
	margin-left:		auto;				/* This and the next line centres the table within the document */
	margin-right:		auto;
	border:				solid 0.5em;
	border-collapse:	separate;
}


table.nogrid {								/* A default table style without a grid */
	background:			#f5deb3;			/* Wheat */
	color:				inherit;
	border-collapse:	collapse; 
	padding-right:		100em;
}


th {										/* Table Header data */
	font-weight:		bolder;
	text-align:			center;
	text-transform:	capitalize; 
}


/*
 * Table columns.  Column Groups (colgroup) should be defined within the document itself to control "width"
 * and padding, according to local taste.  You can use either CSS or HTML it seems.
 */
col.rowtitle {
	background:			#fff080;			/* An agreeable yellow colour */
	color:				inherit;
	font-weight:		bolder;
	text-align:			right;
	text-transform:	capitalize;
	padding-right:		0.5em;
}


col.checkbox {								/* Checkbox input fields */
	text-align:			center;
}


/*
 * Rows
 */
tr.alternate {								/* to distinguish rows in a large "nogrid" table */
	background:			#fff080;
	color:				inherit;
}



/* Generic styles */
.identifier {font-family: sans-serif; font-size: small; font-weight: normal; text-align: left; color: black; background-color: #ffd700; }

.withfocus {								/* Highlights fields currently with focus */
	background-color:	blue;
	color:				white;
}

/* Accesskeys on buttons */
.shortcut {
	color:				ButtonText;
	background-color: inherit;
	text-decoration:	underline;
}


/* img.badge {float: left; width: 60px; height: 20px; } */

/* .chat	  {font-family: serif; font-size: large; font-weight: normal; color: blue; } */

/*
** Menus
*/
.menutext {
	font-family:		sans-serif;
	font-size:			small;
	color:				navy;
	background-color: inherit;
	margin:				0.2em 0.1em 0.1em 0.2em;
}

.menulist {									/* Lists in menus */
	font-family:		sans-serif; 
	font-size:			small;
	color:				navy;
	background-color: inherit;
	margin:				0.2em 0.1em 0.1em 2.2em;
}


.new {										/* To highlight new content */
	font-style:			italic; 
	color:				red;
	background-color: inherit;
	font-weight:		bolder; 
	text-transform:	capitalize;
}