/* 
Author:						Ben Whisman
File:							"utility.css"
Type:							"text/css" // CSS2 Cascading Style Sheet 2.0
FileVersion:				1.00
DateModified:				2002-01-28
Copyright:					© (C) 2002 by Ben Whisman.
Organization:				Oaks Christian Church
Website:						http://www.oakscc.org/
Email:						webmaster@oakscc.org
*/

/*
Notes:
Most pages on the website should link to this stylesheet.
This stylesheet has useful utility styles common to the website, such as
page layout, spacing, indents, special text and graphic effects, and so on.
It also supports styles for scripted navigation elements, beta testing, and
styles for markup of common data types.
*/

/* 
* background should always be transparent, not inherit!
* "color: inherit;" is incorrect (green) in Netscape 4.
* Netscape 4: transparent table cells (TD, TH) show as Black background, incorrectly.
*/


.Box { /* Commonly used on the website. Often overriden. */
	border: thin ridge #ff4000;
	background: #ffd8cc;
	color: Black;
	margin: 6pt;
	padding: 3pt;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
.Parchment {
	border: thin solid #ffe599;
	background:	#fff2cc; 
	background-image: url('../images/Common/ParchSm.gif');
	padding: 6pt;
	}
.GradAmber {
	border: thin solid #cc9900;
	background-color: #ffffcc;
	background-image: url('../images/Common/PageAW.jpg');
	padding: 6pt;
	}
.GradTurq {
	border: thin solid #00cccc;
	background:	#ccfff2; 
	background-image: url('../images/Common/PageTW.jpg');
	padding: 6pt;
	}
	

/* ========= Dynamic Forms-Based Elements and Monospaced Styles */
/* Other page authors *shouldn't* need to modify these. */

/* Monospaced Typewriter Styles */	
pre, tt, code, kbd, samp {
	background: #e5ffff; /* 10% Cyan */
	color: Black;
	font-family: "Lucida Mono", "Monaco", "Courier New", "Courier", monospace;
	font-size: small;
	padding: 2pt;
	}
pre { white-space: pre; }

select, option {
	background: White;
	color: Black;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
input {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
input[type="text"] {
	background: White;
	color: Black;
	font-family: "Lucida Mono", "Monaco", "Courier New", "Courier", monospace;
	font-size: small;
	padding: 2pt;
	}
textarea {
	background: White;
	color: Black;
	font-family: "Lucida Mono", "Monaco", "Courier New", "Courier", monospace;
	font-size: small;
	padding: 2pt;
	}
	
/* Command Button Styles: Each is separate so that if one is not recognized,
the others will not be discarded by the browser. */

input[type="button"] {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
button {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
.Button {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}

/* Custom Navigation elements */

.NavBar {
	display: block;
	overflow: auto;
	background: #e5fff2;
	color: Black;
	border: thin outset #00ffcc;
	margin: 4pt;
	padding: 2pt 4pt;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
.NavBlock {
	display: block;
	overflow: auto;
	background: #e5fff2;
	color: Black;
	border: thin outset #00ffcc;
	margin: 4pt;
	padding: 2pt 4pt;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
.NavItem {
	display: inline;
	overflow: auto;
	background: #e5fff2;
	color: Black;
	border: thin outset #00ffcc;
	margin: 4pt;
	padding: 2pt 4pt;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: small;
	}
.Scroller { /* Webmaster reserved for future use; */
	border: thin inset black;
	overflow: scroll;
	height: 2.00in;
	}
	
/* .BtnLink style makes a[href] or a[name] look like a button. */
.BtnLink {
	display: block;
	border: thin outset silver;
	background: silver;
	color: black;
	margin: 2pt;
	padding: 2pt;
	font-size: 10pt;
	}
a.BtnLink {
	border: thin outset #ccffe5;
	background: #ccffe5;
	color: #006633;
	}
a:link.BtnLink {
	border: thin outset #ccffe5;
	background: #ccffe5;
	color: #006633;
	}
a:visited.BtnLink {
	border: thin outset #e5d8cc;
	background: #e5d8cc;
	color: #993300;
	}
a:active.BtnLink {
	border: thin outset #ffcccc;
	background: #ffcccc;
	color: red;
	}
a:hover.BtnLink {
	border: thin outset #ffe5cc;
	background: #ffe5cc;
	color: #ff6600;
	}
*:focus.BtnLink {
	outline: thin ridge teal;
	}

.Cross {
	list-style-image: url('../images/Cross/cross_sm1.gif');
	}

/* A standard Paragraph Indent. Caution! No space before para.
means no space between previous item (whatever it is!) and the para. */
.Indent {
	text-indent: 12pt;	/* indent first line */
	/* left and right indents remain at default */
	margin-top: 0pt;	/* no space before para */
	margin-bottom: .0001pt;	/* Netscape workaround! */ /* no space after para */
	}
.SmCaps { font-variant: small-caps; }
.FirstCaps { text-transform: capitalize; }
.Casual { 
	font-family: "Lucida Casual", "LucidaCasualEF-Roman", 
		"Trebuchet MS", sans-serif; 
	}
.Comic {
	font-family: "Comic Sans MS", sans-serif;
	}
.Hiliter {
	background:		#ffff00;
	color:			black;
	padding:			0pt 2pt;
	font-family:	"Verdana", "Arial", "Helvetica", sans-serif;
	font-weight:	bold;
	font-style:		normal;
	font-size:		small;
	font-variant:	small-caps;
	}

.Layout {
	font-size: small;
	border: none;
	background: White; /* can't do transparent; */
	color: Black;
	}
.NoSpace {
	margin-top: 0pt;
	margin-bottom: .0001pt; /* Netscape workaround! */
	margin-left: 0pt;
	margin-right: 0pt;
	}
.NoHSpace {
	margin-left: 0pt;
	margin-right: 0pt;
	}
.NoVSpace {
	margin-top: 0pt;
	margin-bottom: .0001pt; /* Netscape workaround! */
	}
.NoTSpace {
	margin-top: 0pt;
	}
.NoBSpace {
	margin-bottom: .0001pt; /* Netscape workaround! */
	}
.NoLSpace {
	margin-left: 0pt;
	}
.NoRSpace {
	margin-right: 0pt;
	}

.PageBreak {
	page-break-before: always;
	}
	
/* Text Horizontal Alignment | Justification */
.LJ { text-align: left; }
.CJ { text-align: center; }
.RJ { text-align: right; }
.FJ { text-align: justify; }
.DJ { text-align: right; }
/* .DJ { text-align: '.' char; } */

.Num { text-align: '.' right; /* decimal; */ }

.Err { /* Indicates Error Condition. */
	background: Yellow;
	color: Black;
	}
.Warn { /* Indicates Warning. */
	border:		thin ridge #ff0000;
	background:	yellow; 
	padding:		6pt;
	}

.Req { /* Indicates Required Data. */
	background: transparent;
	color: Red;
	}
.Stub  { /* Stub (placeholder) revision stage. */
	background: #d866ff;
	color: Black;
	}
.Alpha { /* Alpha revision stage. */
	background: #cc99ff;
	color: Black;
	}
.Beta  { /* Beta revision stage. */
	background: #e5ccff;
	color: Black;
	}