﻿html, body, body > form {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body {
	font-size: 88%;
	font-family: Arial;
	color: #3A3A3A;
	background-color: #20527C;
}

/* Master */
#master {
	height: auto !important;
	min-height: 100%;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	background-color: #ffffff;
}
#header {
	height: 130px;
	padding: 0px 0px 0px 0px;
	background-position: bottom;
	text-align: center;
}
#nav {
	height: 22px;
	padding: 5px 8px 0px 8px;
	background-image: url('Nav.gif');
	background-color: #000000;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-position: center;
}
#nav a {
	color: #20527C;
	font-size: 93%;
	font-weight: bold;
}
#nav a:hover {
	color: #0180AF;
	font-size: 93%;
	font-weight: bold;
}
#hnav {
	border: 1px solid #C6C6C6;
	background-color: #FBFBFB;
	padding: 4px;
	margin-bottom: 4px;
}
#content {
	height: auto !important;
	padding: 8px;
	margin-bottom: 35px;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 35px;
}
#footer {
	font-size: 83% !important;
	height: 20px;
	width: 100%;
	bottom: 0px;
	position: absolute;
	background-color: #DDDDDD;
	color: #20527C;
	text-align: center;
	padding-top: 5px;
	clear: both;
	border-top: 1px solid #999999;
}
#footer a {
	color: #20527C;
}

.vnav {
	text-align: left;
	float: left;
	width: 120px;
	margin-right: 8px;
	padding: 4px;
}
.vnav a {
	display: block;
	line-height: 20px;
	white-space: nowrap;
}
.vnav hr {
	border: 1px solid #D4D4D4;
}

/* Search */
.search {
	background-color: #FDEFB9;
	border: 1px solid #333333;
}

/* Button */
input[type='button'], input[type='submit'], input[type='reset'], button, .button {
	background-image: url('Button.gif');
	height: 22px;
	background-position: center;
	background-color: #BAC0C1;
	border: 1px solid gray;
	cursor: hand;
	cursor: pointer;
	color: #1D456D;
	text-decoration: none;
	margin: 1px 2px 1px 2px;
}
.buttonhover {
	background-image: url('ButtonHover.gif') !important;
}

/* Form */
table.form > tbody > tr > td:first-child, table.form > tbody > tr > td:first-child + td + td {
	text-align: right;
	white-space: nowrap;
	color: #295073;
	padding-left: 10px;
}
.label {
	color: #295073 !important;
}

/* Text */
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	font-weight: normal;
	color: #646464;
	display: inline;
}
h1, h2, h3 {
	font-size: 130%;
}
h4, h5, h6 {
	font-size: 120%;
}
h1, h4 {
	color: #0180AF;
}
h2, h5 {
	color: #ED7500;
}
b {
	font-size: 90%;
}
small {
	font-size: 73%;
}

/* List Items */
li {
	background-image: url('Bullet.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 13px;
	list-style-type: none;
	line-height: 140%;
}
ul {
	text-align: left;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}
.hlist li {
	float: left;
	margin: 1px 1px 1px 8px;
	white-space: nowrap;
}

/* Links */
a:link, a:visited, a:active {
	color: #0180AF;
	text-decoration: none;
}
a:link span, a:active span, a:visited span {
	color: #0180AF;
	text-decoration: none;
}
/*a:visited span, a:visited 
    { color:  #0C5A81; } */
a:hover {
	color: #0C5A81;
	text-decoration: underline;
}
a:hover span {
	color: #0C5A81;
	text-decoration: underline;
}

/* Fieldset & Legend */
fieldset {
	margin: 2px 0px 6px 0px;
	padding: 5px;
	padding-top: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Inputs */
input[type='text'], input[type='password'], textarea, .textbox {
	color: #000000;
	border: 1px solid #21577e;
	background-color: #ffffff;
	height: 21px;
	width: 160px;
	font-size: 14px;
	margin: 2px 1px 2px 1px;
}
.textboxhover {
	background-color: #f0f3ff !important;
}
.textboxfocus {
	border: 2px solid #E9B924 !important;
	margin: 1px 0px 1px 0px !important;
}
select, .dropdown {
	margin: 2px 0 2px 0;
	cursor: hand;
	cursor: pointer;
}
.dropdownhover {
}
input[type='checkbox'], .checkbox {
	height: 20px;
	width: 20px;
	cursor: hand;
	cursor: pointer;
}
.checkboxlist input {
	height: auto !important;
	width: auto !important;
}
input[type=file] {
	cursor: pointer;
	cursor: hand;
}
/* jQuery emulation for HTML5 "placeholder" attribute */
input[type='text'].placeholder, input[type='password'].placeholder, textarea.placeholder, .textbox + .placeholder {
	padding: .1em;
	color: #aaa;
}
.placeholder {
	padding: .1em;
	color: #aaa;
}

/* Misc */
img {
	border: none;
}
br {
	line-height: 50%;
}
hr {
	margin: 0px 0px 0px 0px;
	border: 1px solid #B1B1B1;
}

/* Grid */
table.grid {
	border: 1px solid #C6C6C6;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.grid > tbody > tr:first-child > th {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	padding: 6px;
	background-image: url('BlueGlass.gif');
	background-position: center;
	color: #FFFFFF;
}
table.grid > tbody > tr > td {
	padding: 4px;
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
}
table.grid > tbody > tr.rowalt > td, .rowalt {
	background-color: #F0F8FC;
}
table.grid > tbody > tr.rowselect > td {
}
table.grid > tbody > tr.rowfocus > td {
}
table.grid sorasc a {
	background: url('SortAsc.gif') no-repeat right 50%;
}
table.grid sortdesc a {
	background: url('SortDesc.gif') no-repeat right 50%;
}

/* Grid */
.Grid {
	background-image: url( 'GridHeader.gif' );
	background-position: top;
	background-color: #D1D7D8;
	border: 1px solid #C0C0C0;
}
.GridRow {
	background-color: #FFFFFF;
}
.GridAlternateRow {
	background-color: #EEEEEE;
}
.GridHeader {
	text-align: center;
	font-size: 83%;
}
.GridHeader th {
	border: 1px solid #C0C0C0;
	height: 17px;
	padding: 3px 7px 4px 4px;
	white-space: nowrap;
	font-size: 83%;
}
a.GridHeader {
	color: #333333;
	font-weight: normal;
}
.GridFooter {
	background-color: #BEC4C5; /* background-image: url( 'GridHeader.gif' ); */
	text-align: center;
	font-size: 83%;
}
.GridPager {
	background-color: #CCCCCC;
	border: 2px solid #555555;
}
.GridSelectedRow {
	background-color: #C9D9F1;
}

.GridPager {
}
.GridEmptyDataRow {
}
.GridRowHover {
	background-color: #DDE3FF;
	cursor: hand;
	cursor: pointer;
}
.SortAsc {
	background-image: url( 'SortAsc.gif' );
	background-repeat: no-repeat;
	background-position: right center;
}
.SortDesc {
	background-image: url( 'SortDesc.gif' );
	background-repeat: no-repeat;
	background-position: right center;
}

/* Container */
table.container {
	border: 1px solid #C6C6C6;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.container > tbody > tr:first-child {
	height: 25px;
	color: #1C85A8;
	font-weight: normal;
	font-size: 83%;
	font-weight: bold;
	background-color: #EEEEEE;
}
table.container > tbody > tr:first-child > td:first-child {
	padding-left: 8px;
	border-bottom: 1px solid #C6C6C6;
}
table.container > tbody > tr:first-child > td:first-child + td {
	border-bottom: 1px solid #C6C6C6;
}
table.container > tbody > tr:first-child + tr > td {
	padding: 8px;
}
table.container > tbody > tr:first-child + tr + tr > td {
	padding: 3px;
	background-color: #E6E2DD;
	border-top: 1px solid #C6C6C6;
	border-top-color: #B9B9B9;
}
div.container {
	background-color: #F0F0F0;
	border: 1px solid #C6C6C6;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Static Generic Styles */
div.section {
	text-align: left;
	padding: 1px 1px 1px 1px;
	margin: 12px 5px 5px 0px !important;
	border-bottom: 2px dotted #B1B1B1;
	clear: both;
	color: #CF9801;
}

.c {
	text-align: center !important;
}
.l {
	text-align: left !important;
}
.r {
	text-align: right !important;
}

.red {
	color: #990000;
}
.dashed {
	border: 2px dotted #b1b1b1;
}
.solid {
	border: 1px solid #b1b1b1;
	color: #b1b1b1;
}

.hidden {
	display: none;
}
.shown {
	display: inline;
}

.point {
	cursor: pointer;
	cursor: hand;
}
.nowrap {
	white-space: nowrap;
}

.floatr {
	float: right;
}
.floatl {
	float: left;
}

.u3 {
	position: relative;
	top: -3px;
}
.d3 {
	position: relative;
	bottom: -3px;
}
.r3 {
	position: relative;
	right: -3px;
}
.l3 {
	position: relative;
	left: -3px;
}
.u5 {
	position: relative;
	top: -5px;
}
.d5 {
	position: relative;
	bottom: -5px;
}
.r5 {
	position: relative;
	right: -5px;
}
.l5 {
	position: relative;
	left: -5px;
}
.u10 {
	position: relative;
	top: -10px;
}
.d10 {
	position: relative;
	bottom: -10px;
}
.r10 {
	position: relative;
	right: -10px;
}
.l10 {
	position: relative;
	left: -10px;
}

.pad0 {
	padding: 0px !important;
}
.pad5 {
	padding: 5px;
}
.padt5 {
	padding-top: 5px;
}
.padl5 {
	padding-left: 5px;
}
.padb5 {
	padding-bottom: 5px;
}
.padr5 {
	padding-right: 5px;
}
.pad10 {
	padding: 10px;
}
.padt10 {
	padding-top: 10px;
}
.padl10 {
	padding-left: 10px;
}
.padb10 {
	padding-bottom: 10px;
}
.padr10 {
	padding-right: 10px;
}
.marg5 {
	margin: 5px;
}
.margt5 {
	margin-top: 5px;
}
.margr5 {
	margin-right: 5px;
}
.margb5 {
	margin-bottom: 5px;
}
.margl5 {
	margin-left: 5px;
}
.marg10 {
	margin: 10px;
}
.margt10 {
	margin-top: 10px;
}
.margr10 {
	margin-right: 10px;
}
.margb10 {
	margin-bottom: 10px;
}
.margl10 {
	margin-left: 10px;
}

/* Messages */
.messagebox {
	font-size: 105%;
	background-color: #FDEFB9;
	border: 1px solid #333333;
	padding: 3px;
	text-align: center;
	width: 35%;
	opacity: .90;
	filter: alpha(opacity=907);
	-moz-opacity: .87;
	cursor: hand;
	cursor: pointer;
}
.messagecontainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.messagecontent {
	padding: 8px;
	text-align: center;
}

/* Progress */
.progress {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 15px;
	text-align: center;
}

/* Accordion */
.accordionh {
	text-align: left;
	border: 1px solid #888888;
	color: #2291B5;
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	cursor: hand;
}
.accordionhs {
	text-align: left;
	border: 1px solid #2F4F4F;
	color: #FFFFFF;
	background-color: #0F80AD;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	cursor: hand;
}
.accordionhs a {
	text-align: left;
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
.accordionhs a:hover {
	text-align: left;
	background: none;
	text-decoration: underline;
}
.accordionc {
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #888888;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

/* Calendar Icon */
.calendar {
	margin: 1px;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
}
.calendar img {
	cursor: hand;
}
.ajax__calendar_container {
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 170px;
	font-size: 11px;
	text-align: center;
	font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body {
	height: 139px;
	width: 170px;
	position: relative;
	overflow: hidden;
	margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
	top: 0px;
	left: 0px;
	height: 139px;
	width: 170px;
	position: absolute;
	text-align: center;
	margin: auto;
}
.ajax__calendar_container TABLE {
	font-size: 11px;
}
.ajax__calendar_header {
	height: 20px;
	width: 100%;
}
.ajax__calendar_prev {
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}
.ajax__calendar_next {
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}
.ajax__calendar_title {
	cursor: pointer;
	font-weight: bold;
}
.ajax__calendar_footer {
	height: 15px;
}
.ajax__calendar_today {
	cursor: pointer;
	padding-top: 3px;
}
.ajax__calendar_dayname {
	height: 17px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
}
.ajax__calendar_day {
	height: 17px;
	width: 18px;
	text-align: right;
	padding: 0 2px;
	cursor: pointer;
}
.ajax__calendar_month {
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.ajax__calendar_year {
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.ajax__calendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #ffffff;
	color: #000000;
}
.ajax__calendar .ajax__calendar_footer {
	border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname {
	border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day {
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month {
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year {
	border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
	color: #0066cc;
}


/* Containter */
.Container {
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
}
.ContainerTitle {
	/* background-image: url(  'Container.gif' ); */
	background-color: #245F8E;
	padding: 4px 8px 4px 8px; /* color: #175B8E; */
	color: #FFFFFF;
	font-size: 93%;
	font-weight: bold;
}
.ContainerContent {
	padding: 5px 5px 5px 5px;
	background-color: White;
	border-top: 1px solid #C0C0C0;
}

.Label {
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	font-size: 87%;
}
.Field {
	text-align: left;
	color: #003366;
}
.Status {
	background-color: #FDEFB9;
	border: 1px solid #333333;
	padding: 15px 20px 15px 20px;
	width: 100%;
	font-size: 17px;
	text-align: center;
}

/* Admin Log Page */
.log-command + .log-command {
	margin-left: 2em;
}
.log-id {
	text-align: right;
}
.log-datetime {
	text-align: center;
}

/* Member Profile welcome message */
.welcome {
	color: Blue;
	text-align: center;
	font-family: Comic Sans MS, Script, Sans-Serif;
	margin: 0;
	padding: 0.25em;
}
.welcome p {
	margin: 0;
	padding: 0;
}
.welcome-name {
	font-size: xx-large;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.welcome-date {
	font-size: large;
}

