﻿/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 16pt;
}

h2 {
	font-weight: bold;
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
	font-weight: bold;
}

/* Login/Logout/Password Recovery */

.LoginContainer
{
	width: 300px; 
	margin: 100px auto; 
	position: relative; 
	top: 100px;
}

.LoginControl
{
	Background-Color: Silver;
	Border: solid 3px Black;
	Padding: 5;
	Font-family: Verdana, Arial;
	Color:Black;
	Padding: 5px;
}

/* Header Section */

#wrapper 
{
	width: 100%;
	margin: 0px;
	line-height: 150%;
}

#MainHolder 
{
	background-color: White;
	width: 100%;
}

#header {
	padding: 0.5em;
	color: White;
	background-color: Gray;
	width: 100%;
	vertical-align: middle;
	font-weight: bold;
}

#header .title {
	padding: 0;
	margin: 0;
}

#programBar
{
	font-size: 10pt;
	padding: 0.5em;
	color: White;
	background-color: Gray;
	width: 100%;
	vertical-align: middle;
}
	
#CenterHolder
{
}

/* Navigation */
#navigation 
{
	width: 200px;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: black;
	border: solid 1px Gray;
	vertical-align: top;
}

.menustyle 
{
	font-size: 10pt;
	font-family: Verdana, Arial;
	color: #ffffff;
	background-color: Silver;
	font-weight: bold;
	cursor: default;
}

.popHeader 
{
	font-size: 12pt;
}

.menuitem 
{
	width: 200px;
	color: White;
	font-family: Verdana, Arial;
	font-size: 10pt;
	padding: 2px 15px 2px 5px;
	border: solid 1px;
}

#contentShim
{
	width: 20px;
	background-color: White;
}

/* Main Content */

#content 
{
	padding: 1 em;
	height: auto;
	vertical-align: top;
	text-align: left;
	background-color: White;
}

#footer
{
	background-color: Gray;
	color: White;
	width: 100%;
	height: 30px;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}

table.ListFilterTable 
{
	background-color: Gray;
	color: White;
	padding: 0px;
	border: solid 1px white;
}

table.ListFilterTable th
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
	background-color: Gray;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0.1px;
}

table.ListFilterTable td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 10pt;
	font-weight: normal;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0.1px;
}

table.changePassword
{
	position: relative; 
	top: 20px;
	background-color: Gray;
	height: 300px;
	width: 450px;
	border: solid 1px black;
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: white;
}

tr.cpHeader
{
	font-family: Verdana: Arial;
	color: White;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
}

tr.cpDetail th
{
	text-align: right;
}

tr.cpDetail .cpTextbox
{
	width: 190px;
}

tr.cpMessage
{
	color: Yellow;
}

tr.cpErrorMessage
{
	color: Orange;
}

.GridList th
{
	background-color: #a9a9a9;
	color: White;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border: solid 1px black;
}

.GridList td
{
	padding: 2px 10px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border: solid 1px black;
}

.ChildGridView
{
	border: solid 2px black;
	width: 500px;
}

table.EditTable
{
	border: solid 1px black;
	width: 800px;
}

.ClassicGridList th
{
	border: solid 1px black;
	background-color: Gray;
	color: White;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.ClassicGridList td
{
	border: solid 1px black;
	padding: 2px 10px;
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.ActionButton
{
	width: 250px;
	height: 75px;
}

.topleft,
.topleft_header,
.topleft_label,
.topleft_field
{
	vertical-align: top;
	text-align: left;
}

.topcenter,
.topcenter_header,
.topcenter_label,
.topcenter_field
{
	vertical-align: top;
	text-align: center;
}

.topright,
.topright_header,
.topright_label,
.topright_field
{
	vertical-align: top;
	text-align: right;
}

.middleleft,
.middleleft_header,
.middleleft_label,
.middleleft_field
{
	vertical-align: middle;
	text-align: left;
}

.middlecenter,
.middlecenter_header,
.middlecenter_label,
.middlecenter_field
{
	vertical-align: middle;
	text-align: center;
}

.middleright,
.middleright_header,
.middleright_label,
.middleright_field
{
	vertical-align: middle;
	text-align: right;
}

.bottomleft,
.bottomleft_header,
.bottomleft_label,
.bottomleft_field
{
	vertical-align: bottom;
	text-align: left;
}

.bottomcenter,
.bottomcenter_header,
.bottomcenter_label,
.bottomcenter_field
{
	vertical-align: bottom;
	text-align: center;
}

.bottomright,
.bottomright_header,
.bottomright_label,
.bottomright_field
{
	vertical-align: bottom;
	text-align: right;
}

.topleft_header,
.topcenter_header,
.topright_header,
.middleleft_header,
.middlecenter_header,
.middleright_header,
.bottomleft_header,
.bottomcenter_header,
.bottomright_header
{
	background-color: Gray;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

.topleft_field,
.topcenter_field,
.topright_field,
.middleleft_field,
.middlecenter_field,
.middleright_field,
.bottomleft_field,
.bottomcenter_field,
.bottomright_field
{
	color: Black;
	font-size: 10pt;
	font-family: Verdana, Arial;
	text-decoration: none;
}

ul.reportMenuList
{
    font-family: Verdana, Arial, MS Reference Sans Serif;
    list-style-type: square;
}

ul.reportMenuList a:link, ul.reportMenuList a:visited 
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: Black;
    background-color: Transparent;
    padding: 5px;
}

ul.reportMenuList a:hover
{
    color: White;
    background-color: Black;
}

ul.reportMenuList a:active
{
}

.DataEntryContainer {
    width: 1000px; 
    text-align: center; 
    border: solid 1px black;
}

.DataEntryTitle {
    text-align: center; 
    font-weight: bold; 
    font-size: 1.5em; 
    Color: #FFFFFF; 
    background-color: #676767; 
    font-family: Tahoma, Verdana, Arial; 
    line-height: 2em;
    border: solid 1px #000000;
}

.DataEntrySubTitle {
    text-align: center; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1.6em; 
    font-family: Tahoma, Verdana, Arial; 
    color: #ffffff; 
    background-color: #676767;
}

.DataEntryTable {
    font-size: 12px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    width: 100%;
}

.DataEntryTable th {
    text-align: right;
    color: #FFFFFF;
    background-color: #979797;
    border: solid 1px #000000;
}

.DataEntryTable td 
{
    text-align: left;
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #000000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}