/* ********* Set Defaults to Zero ******* */
html, form {
	margin: 0;
	padding: 0; 
	border: 0;
}

/* Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
	margin: 0;
	padding: 0;
}

/* Apply left margin only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

table { border-collapse: collapse; }


a {color: #1C5BA2; } /*royal blue*/
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

body { 
	font-size: .8em; /*  if this is set in % (100% is the browser default font size) or in em units (1 em = default size, .8 em is about 11px) the user will be able to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	margin-top: 10px; 
	margin-left:10px;
	/*text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

body * { font-size: x-small; }
	

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%;}
h2 { font-size:140%;}
h3 { font-size:100%; margin-left:1px;} /* padding added to compensate for an unexpected indention that displays in IE6 and Firefox  */


#navigationContainer { vertical-align: top;}
#displayContainer {vertical-align: top;}
#titleContainer {}
#title {font-size:larger;}
#flexContainer {vertical-align: top; }

#options {padding-top:10px;}

#options table {
	border-collapse: separate;
	background-color: #F7EEE5;
	border: 2px solid #783F2C; 
	margin: 5px 0 3px 0;}

#primaryContainer {width: 100%;}
#navigation A { display:block; padding:2px; padding-left:5px;}

/* UI Object Classes */
.button,input[type="button"]     {
	color: black;
	background-color: silver;
	height: 20px;
	border-left: solid 2px gray;
	border-top: solid 2px gray;
	border-right: solid 2px black;
	border-bottom: solid 2px black; 
	padding-bottom: 2px;
}

.listRow {background-color: white;}
.listRowAlt {background-color: #C0C0C0;}

.recordList {width:100%;border:1px solid gray;}
table.recordList { line-height:17px;}

table.recordList thead { border:2px solid gray; background-color:silver;}
table.recordList thead th { padding:4px; text-align:left; vertical-align:bottom;}

table.recordList tfoot { line-height:35px; }
table.recordList tfoot td { border-top:2px solid gray; }