/*
Notes:
- asp:panel controls render a div tag in html
- asp:validatorsummary controls render a div tag in html

Sections:
- tag specific generic styles
- site structure
- navigation
- content
- input
- form
- grid: for datagrid controls
- survey; left here because the survey control can be inserted anywhere.

Template Comment Block:
/* begin section formatting */
/* end section formatting */


/* begin tag specific generic formatting */
body
{
	margin-top: 0px;
	font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Verdana, MS Sans Serif, Arial;
	background-color: #e0d7b8;
}
body.form
{
	margin-top: 8px;
	font-size: 12px;
	background-image: none;
	margin-left: 8px;
	margin-right: 8px;
	font-family: Verdana, MS Sans Serif, Arial;
	background-color: whitesmoke;
}
body.formView
{
	margin-top: 8px;
	font-size: 12px;
	margin-left: 8px;
	margin-right: 8px;
	font-family: Verdana, MS Sans Serif, Arial;
	background-color: #ffffff;
	background-image: none;
}
p
{
	font-size: 12px;
	margin-top: 0px;
	font-family: Verdana, MS Sans Serif, Arial;
}
span
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size: 12px;
}
div
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
a
{
	font-family: Verdana, MS Sans Serif, Arial;
	font-size: 12px;
	color: #0000cc;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a.small
{
	font-size: 11px;
}
tr
{
}
td
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
th
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
}
hr
{
	height: 1px;
	color: #003366;
}
/* end tag specific generic formatting */


/* begin site structure formatting */
table.siteTable
{
	width: 700px;
}
td.siteHeaderLeft
{
	font-weight: bold;
	font-size: 14px;
	vertical-align: baseline;
	width: 20%;
	font-family: Verdana, MS Sans Serif, Arial;
}
td.siteHeaderCenter
{
	vertical-align: baseline;
	width: 40%;
}
td.siteHeaderRight
{
	text-align: right;
	width: 40%;
}
td.siteBody
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 100%;
	padding-top: 0px;
}
td.pageLeft
{
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	vertical-align: top;
	width: 150px;
}
td.pageBody
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 100%;
	padding-top: 8px;
}
td.pageRight
{
	vertical-align: baseline;
	width: 0px;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 0px;
}
span.siteFooter
{
	font-size: 10px;
	text-align: center;
}
div.siteFooter
{
	font-size: 10px;
	text-align: center;
}
a.siteFooter
{
	font-size: 10px;
}
table.pageTable
{
	width: 100%;
	height: 200px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
table.standardTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 100%;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
/* end site structure formatting */


/* begin navigation formatting */
td.navHorizontal
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	background-color: #cc6600;
	width: 481px;
}
a.navHorizontal /* used for the top horizontal nav links */
{
	color: white;
	font-weight: bold;
	font-size: 12px;
}
a.navHorizontal:hover
{
	color: #ffcc00;
	text-decoration: none;
}
a.navHorizontalSelected
{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFF00;
}
td.navHorizontalSub /* used for the top horizontal sub-nav bar */
{
	background-color: #CCCCCC;
	color: #003366;
	font-weight: bold;
	height: 20px;
	font-size: 11px;
}
a.navHorizontalSub /* used for the top horizontal sub-nav links */
{
	color: #ffcc00;
	font-weight: bold;
	font-size: 12px;
}
a.navHorizontalSub:hover
{
	color: #FFFF00;
	text-decoration: underline;
}
a.navHorizontalSubSelected
{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFF00;
}
a.navVertical
{
	font-size: 10px;
}
a.navVerticalSelected
{
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.navVerticalSub
{
	font-size: 11px;
}
a.navBreadCrumb
{
	color: #0000cc;
	text-decoration: none;
	font-weight: bold;
}
a.navBreadCrumb:hover
{
	text-decoration: underline;
}
a.navBreadCrumbSelected
{
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}
/* end navigation formatting */


/* begin content formatting - refers to generic site content on any page */
span.contentHeading
{
	font-weight: bold;
	font-size: 16px;
}
a.contentHeading
{
	font-weight: bold;
}
/* end content formatting */

/* begin input formatting */
input
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
	width: 150px;
}
input.checkbox
{
	width: 20px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
select
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}
textarea
{
	font-size: 12px;
	font-family: Verdana, MS Sans Serif, Arial;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}
/* begin input formatting */


/* begin form formatting */
td.formHeaderLeft
{
	background-color: #003366;
	text-align: left;
	width: 10px;
	height: 20px;
	vertical-align: top;
}
td.formHeaderCenter
{
	background-color: #003366;
	font-weight: bold;
	font-size: 14px;
	color: white;
	font-family: Verdana;
	width: 100%;
	height: 20px;
}
td.formHeaderRight
{
	height: 20px;
	width: 10px;
	background-color: #003366;
	text-align: right;
	vertical-align: top;
}
td.formFooter
{
}
td.formBody /* used to format a form's body in edit mode */
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: #003366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: whitesmoke;
}
div.formBody /* used to format a form's body in edit mode */
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: #003366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: beige;
}
td.formBodyView
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: #003366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: #ffffff;
}
span.formTitle
{
	color: White;
	font-weight: bold;
	font-size: 14px;
}
a.formTitle
{
	color: White;
	font-weight: bold;
	font-size: 14px;
}
a.formTitleBar
{
	color: White;
	font-size: 12px;
}
td.formSectionHeading /* for section headings in forms */
{
	font-weight: bold;
	color: #003366;
}
span.formSectionHeading /* for section headings in forms */
{
	font-weight: bold;
	color: #003366;
}
a.formSectionHeading /* for section headings in forms that are links */
{
	font-weight: bold;
}
span.formLabel /* used for form labels in edit mode */
{
	font-weight: bold;
}
td.formLabel /* used for form labels in view mode */
{
	font-weight: bold;
	vertical-align: top;
}
span.formLabelLink /* used for clickable span tags in forms */
{
	font-weight: bold;
	color: #003366;
}
div.formMessage
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #003366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: whitesmoke;
}
div.formMessageView
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #003366 1px solid;
	width: 100%;
	color: #003366;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
}
div.directoryBrowser
{
	border-right: #333366 1px solid;
	padding-right: 5px;
	border-top: #333366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #333366 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: #333366 1px solid;
	height: 100px;
	background-color: white;
}
td.directoryLink
{
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div.scrollArea
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #003366 1px solid;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: white;
	overflow: auto;
}
/* end form formatting */


/* begin grid formatting */
td.gridBody
{
	border-right: #003366 1px solid;
	padding-right: 5px;
	border-top: #003366 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	border-left: #003366 1px solid;
	padding-top: 5px;
	border-bottom: #003366 1px solid;
	background-color: #ffffff;
}
tr.gridHeader
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	height: 20px;
	background-color: #003366;
}
tr.gridFooter
{
	font-size: 12px;
	color: #003366;
	background-color: whitesmoke;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}
tr.gridPager
{
	font-size: 12px;
	color: #003366;
	background-color: whitesmoke;
	font-weight: bold;
	height: 20px;
}
a.gridPager
{
	font-size: 12px;
}
span.gridPagerCurrentPage
{
	font-size: 13px;
	font-weight: bold;
}
tr.gridItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: baseline;
	border-left: #003366 1px solid;
	padding-top: 4px;
	height: 20px;
	background-color: whitesmoke;
	text-align: left;
}
tr.gridAlternatingItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: baseline;
	padding-top: 4px;
	height: 20px;
	background-color: ivory;
	text-align: left;
}
tr.gridEditItem
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: black;
	padding-top: 4px;
	height: 20px;
	background-color: beige;
	text-align: left;
}
/* end grid formatting */