/**
 * Absorbing some of the original styles written by 
 * Tim Hjellum for the original site upgrade b/c the
 * Donna Crain spec did not have tables and forms in
 * it.
 */

/*** Divvy Forms ***/
h2.FormHeader {
	margin: 15px 0px 4px;
	clear: both;
}
div.FormContainer {
	width: 100%;
	padding: 3px 5px 3px 0px;
	font-family: inherit;
	clear: both;
	float: none;
}
div.FormContainer div.ButtonRow {
	text-align: right;
	padding: 3px;
}
div.FormLabel {
	display:inline-block;
	width: 200px;
	text-align: right;
	padding: 1px 5px 0px 0px;
	color: #333;
	vertical-align: top;
	float: left;
}
div.Form {
	display:inline-block;
	width: 256px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
}
div.Form {
	font-size: 12px;
	font-family: sans-serif;
}
div.Form a {
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
div.Form p {
	margin: 3px 0px 0px 0px;
}
div.Form .TextBox {
	border-top: #bbb 1px solid;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	border-left: #bbb 1px solid;
	color: #333;
	background: #fff;
	width: 250px;
	height: 19px;
	padding: 3px 3px 0px 3px;
}
div.Form .TextArea {
	border-top: #bbb 1px solid;
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	border-left: #bbb 1px solid;
	color: #333;
	background: #fff;
	width: 250px;
	padding: 3px 3px 0px 3px;
}
.SubmitButton {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border: 0 none;
	background: transparent;
	font-size: 14px;
	text-decoration: none;
	color: #003082;
	cursor: pointer;
}


/*** Tables ***/
table.LayoutTable {
	width: 600px; /* this should be @ the same as the form container */
	border-top: #ccc 1px solid;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	border-left: #ccc 1px solid;
	margin: 4px 0px 8px 0px;
	border-collapse: collapse;
}

table.LayoutTable th {
	color: #333;
	text-align: left;
	background-color: #ddd;
	font: bold 11px inherit;
	padding: 2px 3px;
}
table.LayoutTable td {
	color: #333;
	text-align: left;
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px;
}

.TableFooter {
	background: #ccc url('/images/TableFootBG.png') repeat-x bottom;
	text-align: right;
}

.TableHugger {
	margin-top: -4px;
	padding-top: 0px;
}