/* TODO:	Find a way to prevent caching for development.
			Investigate skins and themes.
*/

html, body
{
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: Tahoma;
	font-size: small;
}

div#container
{
	position: relative; /* needed for footer positioning*/
	margin: 10px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
}
div#header
{
	padding: 1em;
}
div#header .headerLogo
{
	float:left;
	display:inline-block;
	vertical-align: middle;
	padding:2px;
}
div#header .headerTitle
{
	font-size: large;
	color: #4f81bd;
	float: right;
}
div#content
{
	padding: 1em 1em 5em; /* bottom padding for footer */
}
div#content p
{
	text-align: justify;
	padding: 0 1em;
}
div#footer
{
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	font-size: 8pt; 
	font-family: Tahoma,sans-serif;
	padding:5px;
}
div#footer p
{
	padding: 2px;
	margin: 0;
}
input
{
	font-family: Tahoma;
	font-size: small;
}
.amalgamatedSludge
{
	color: Red;
}
.mainTitle
{
	text-align: right;
	width: 100%;
}

.mainTitleText
{
	font-size: large;
	color: #4f81bd;
}

.pageTitle
{
	font-size: large;
	color: #4f81bd;
}

.pageSubTitle
{
	font-size: medium;
	color: #4f81bd;
}

.logoContent
{
}

.tabBar
{
	height: 20px;
	background-image: url(Images/blue_gradient_bar.png);
	color: White;
	text-align: left;
}

.tabBarTable
{
	width: 100%; /* border-collapse: collapse; */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.tabBarTable tr
{
	border-collapse: collapse;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.tabBarTable td
{
	border-collapse: collapse;
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
}

.menuContent
{
	background-color: #f2f2f2;
	width: 150px;
	height: 1000px;
	vertical-align: top;
}

.mainContentTable
{
	width: 100%;
}

.mainContent
{
	width: 100%;
}

.mainContent a:link
{
	color: #3333bb;
	text-decoration: underline;
}
.mainContent a:visited
{
	color: #3333bb;
	text-decoration: underline;
}
.mainContent a:active
{
	color: #3333bb;
	text-decoration: underline;
}
.mainContent a:hover
{
	color: #7777ee;
	text-decoration: underline;
}

.topTable
{
	width: 100%;
	border-collapse: collapse;
}

.bottomTable
{
	width: 100%;
	border-collapse: collapse;
}

.textboxPassword
{
	width: 150px;
}

.textboxUsername
{
	width: 150px;
}

.reportMainTable
{
	width: 100%;
}

.reportTitle
{
	font-size: large;
	color: #4f81bd;
}

.reportParmsTable
{
	background-color: #d6e1ef;
	width: 100%;
	padding: 5px 0px 5px 5px;
}

div .reportParmsTable
{
	background-color: #d6e1ef;
	width: 100%;
	padding: 5px 0px 5px 5px;
	margin-bottom: 5px;
}

select
{
	padding-left: 5px;
}

.chart
{
	color: Blue;
}

.reportParmsTableLabel
{
	text-align: right;
}

.reportBreadcrumb
{
	color: #e36c0a;
}
.reportBreadcrumb a:link
{
	color: #e36c0a;
	text-decoration: underline;
}
.reportBreadcrumb a:visited
{
	color: #e36c0a;
	text-decoration: underline;
}
.reportBreadcrumb a:active
{
	color: #e36c0a;
	text-decoration: underline;
}
.reportBreadcrumb a:hover
{
	color: #f79748;
	text-decoration: underline;
}

.fieldLabel
{
	color: Black;
	white-space: nowrap;
}

.fieldValue
{
	color: #7C6F57;
}

.orangeLink a:link
{
	color: #e36c0a;
	text-decoration: underline;
}
.orangeLink a:visited
{
	color: #e36c0a;
	text-decoration: underline;
}
.orangeLink a:active
{
	color: #e36c0a;
	text-decoration: underline;
}
.orangeLink a:hover
{
	color: #f79748;
	text-decoration: underline;
}

.tabBarLink a:link
{
	color: #f0f0f0;
	text-decoration: underline;
}
.tabBarLink a:visited
{
	color: #f0f0f0;
	text-decoration: underline;
}
.tabBarLink a:active
{
	color: #f0f0f0;
	text-decoration: underline;
}
.tabBarLink a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.helpLink
{
	text-decoration: none;
}
.helpLink a:link
{
	color: #d2d2d2;
}
.helpLink a:visited
{
	color: #d2d2d2;
}
.helpLink a:active
{
	color: #d2d2d2;
}
.helpLink a:hover
{
	color: #ffffff;
}

.reportGrid
{
	font-size: small;
}

.reportGrid tr
{
}

.reportGrid td
{
}

.logoTable
{
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

.logoTable tr
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

.logoTable td
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

.updateFormTable
{
	min-width: 200px;
	background-color: #d6e1ef;
	border-top: solid 5px #d6e1ef;
	border-left: solid 10px #d6e1ef;
	border-right: solid 10px #d6e1ef;
	border-bottom: solid 5px #d6e1ef;
}

.updateFormTable td
{
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
}

.errorTable
{
	background-color: #d6e1ef;
	width: 100%;
	border-top: solid 5px #d6e1ef;
	border-bottom: solid 5px #d6e1ef;
}

.errorTable tr
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

.errorTable td
{
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.ajax__calendar_days table tr td
{
	padding-right: 0px;
	padding-left: 0px;
}
.horizontalScrollTable
{
	margin-left: 3px;
}
.horizontalScrollTd
{
	white-space: nowrap;
}
fieldset
{
	border-color:#4f81bd;
	padding:10px;
}
.note
{
	border: solid 2px #f2f2f2;
	text-align:center;
	width:75%;
	padding: 2px;
	margin: auto;
}
.centeredImage
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}