.hidden, #WaitingBarImg {
	display: none;
}

.printonly {
	display: none;
}

.printHeader {
	display: none;
	text-align: center;
	border-bottom: none;
}

.jsonly { display: none; } /* this class will be shown upon JS loading */
.nojs { } /* this class will be hidden upon JS loading */

#AdminOptions {
	float: left;
	width: 200px;
	overflow: auto;
}

#AdminContent {
	margin-left: 200px;
}

.centerBlock {
	display: block;
	text-align: center;
}

.downloadImage {
	margin-bottom: -2px;
	margin-top: 2px;
}

.key {
	font-weight: bold;
}
.byline {
	font-style: italic;
	margin-left: 4%;
}

.placeholder {
	font-style: italic;
}

.portlet iframe * {
	overflow: hidden;
}

.columns {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.columns > div {
	display: table-cell;
}

.twoColumn {
	margin: 0;
	padding: 0;
	display: inline-block;
	clear: none;
}

.left.twoColumn {
	clear: left;
	max-width: 49%;
	width: 40%;
}

.right.twoColumn {
	clear: right;
	min-width: 49%;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.footnote {
	font-style: italic;
	font-size: .8em;
}

#content div.warning {
	border: 2px solid black;
	background-color: Yellow;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	top: 0px;
	left: 0px;
}

/**************************************+---------------+******************************************/
/**************************************| STANDARD TAGS |******************************************/
/**************************************+---------------+******************************************/
html {
	background-color: #bebebe;
}
body {
	padding-right: 3%;
	padding-left: 3%;
}

h1, h2 {
	font-weight: bold;
}

h1, h2, h3, h4, #content > p, #AdminContent > p {
	margin-left: 4%;
	margin-right: 4%;
}

h1, h2, h3, h4 {
	margin-bottom: 0.5em;
	margin-top: auto;
	padding-left: 0.5em;
	text-transform: uppercase;
	border-bottom: .2em solid #A79144;
	color: #6D5916;
}

h2, h3, h4 {
	margin-top: 0.5em;
}

h1 {
	font-size: 140%;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 113%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 90%;
}
h6 {
	font-size: 80%;
}

/* Note: IE8 and lower do not recognize :not(); 
	use IE-only conditionals to identify and apply "subIE" in layout, then apply ul  */
ul:not([class]), ul.success, ul.error, ul.warning, .subIE ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 2em;
	text-indent: -1em;
	margin-bottom: .5em;
	margin-top: .5em;
}

/*#content a[target="_blank"] {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
	padding-right:13px;
}*/

li > p {
	text-indent: .1em;
}

div#tabs p {
	margin-left: 2em;
}

em {
	font-weight: bold;
	font-style: italic;
}

/****************************************+--------------+****************************************/
/****************************************|  OLARK CHAT  |****************************************/
/****************************************+--------------+****************************************/

#olark_tab {
	position: absolute;
	right: 0;
	top: 0;
}

#olark_tab a {
	background-color: #4C1E60;
	color: #BC9FC9;
	display: block;
	font-size: small;
	font-weight: bold;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	opacity: .5;
}

#olark_tab a:hover {
	border-bottom: 5px solid #BC9FC9;
	color: #FFFFFF;
	font-size: large;
	padding: 10px 10px 5px 10px;
	opacity: 1;
}
/************************************+------------------+*****************************************/
/************************************|   NOTIFICATIONS  |*****************************************/
/************************************+------------------+*****************************************/

.error	{ color: Red; }
.success { color: Green;}
.warning { color: #CC00FF;}

.error.small, .success.small, .small.warning {
	font-size: .8em;
}

.large.error, .large.success, .large.warning {
	font-weight: bold;
	font-size: 1.1em;
}

h1.error {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	border-bottom-color: Red;
}

div.attention {
	margin: auto 5% 5px 5%;
}

.attention {
	background-color:Yellow;
	border:2px solid gold;
	font-size:90%;
	text-align:center;
	padding:5px;
	
}

.attention.undivided {
	border:5px solid black;
	font-size:110%;
	font-weight:bold;
}


/***********************************+---------------------+***************************************/
/***********************************| MULTI-LAYOUT STYLES |***************************************/
/***********************************+---------------------+***************************************/

#header, #content, #footer {
	overflow: auto;
}

#content {
	position: relative;
}

#content, #footer {
	padding: 10px;
}

#content, #message {
	background: white;
}

/**************************************+----------------+*****************************************/
/**************************************|  MESSAGE PANE  |*****************************************/
/**************************************+----------------+*****************************************/

#message {
	display: none;
	border-left: 6px solid black;
	border-bottom: 2px solid Black;
	border-right: 2px solid Black;
	height: 28px;
	left: 3%;
	overflow: auto;
	position: fixed;
	right: 3%;
	z-index: 40;
	top: 0;
}

#message.warning {
	background-color: Yellow;
	color: Black;
}

#message.success {
	background-color: #00FF66;
	color: Black;
}

#message p {
	margin: .3em 25px 0 10px;
	padding: 2px;
	font-weight: bold;
	font-size: 0.9em;
}

#message img {
	float: right;
	margin: 0.4em 0.4em 2px 2px;
}

#message img:hover {
	cursor: pointer;
}

#message .fakelink {
	text-decoration: underline;
	color: Blue;
}

#message .fakelink:hover {
	cursor: pointer;
}

/***************************************+---------------+*****************************************/
/***************************************| BLOCKER PANE  |*****************************************/
/***************************************+---------------+*****************************************/
/* This will show up and act like an alert, blocking the page while waiting for input;
	not on all pages, implemented as needed */

#blocker {
	display: none; /* for the initial page load */
	position: absolute; /* Early IE */
	position: fixed;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center; /*opaque background*/
	background: rgb(0,0,0); /* solid color */
	background: rgba(0,0,0,0.5); /* transparent color */
	background: transparent !ie; /* clear solid background for ie */
	zoom: 1; /* required for the filters */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000); /* IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000)"; /* IE8 */
}

#addPane {
	background-color: White;
	border: 2px solid #8FAFA2;
	display: inline-block;
	margin-top: 10%;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

/***************************************+--------------+******************************************/
/***************************************| GENERIC MENU |******************************************/
/***************************************+--------------+******************************************/
.menu.flat {
	list-style-type: none;
	list-style-position: outside;
}

.menu.flat li {
	display: inline-block;
	margin-right: 1px;
}

ul.columnMenu {
	margin: auto 4% 1em 4%;
	text-indent: 0;
	overflow: auto;
}


ul.columnMenu li {
	display: inline-block;
	width: 49%;
}
ul.columnMenu li:before {
	content: "\00BB \0020";
}

ul.nobullets {
	text-indent: 0;
	margin-left: 0;
	list-style-type: none;
	list-style-position: outside;
}
/**************************************+----------------+*****************************************/
/**************************************|   HEADER PANE  |*****************************************/
/**************************************+----------------+*****************************************/
#header {
	padding: 5px;
}

#ActivateClientChange.hidden {
	display: none;
}

#header > div {
	font-size: 90%; /*height:100px;*/
	overflow: hidden;
	display: table;
	width: 100%;
}

#header > table {
	width: 100%;
}

#header .logo {
	width: 300px;
	text-align: center;
	vertical-align: middle;
}

#header select option.inactive {
	font-style:italic;
}

#header td, #header th {
	padding: 0;
}

#header ul {
	margin-bottom: auto;
	margin-left: 0;
	margin-right: 5px;
}

#Logo {
	margin: 5px;
}

#client {
	margin-left: 0px;
	margin-right: 5px;
}

#user {
	margin-right: 5px;
	text-align: right;
}

#header #user ul {
	margin-left: auto;
}

/* ====== Main Menu ====== */

#header .menu {
	margin-bottom: 0;
	text-align: center;
	width: auto;
}

#header .menu li a {
	display: inline-block;
	font-weight: bold;
	padding: 3px .5em;
	text-align: center;
	text-decoration: none;
	min-width: 15ex;
}

#header .menu li a:hover {
	color: black;
	text-decoration: underline;
}

#client, #user {
	margin-top: 10px;
}

/**************************************+----------------+*****************************************/
/**************************************|   FOOTER PANE  |*****************************************/
/**************************************+----------------+*****************************************/

#footer {
	text-align: center;
	padding: 5px;
	font-size: .8em;
}

#footer .menu {
	float: left;
	margin-bottom: 0;
	text-align: left;
	zoom: 1;
	overflow: hidden;
}

#footer .menu li {
	float: none;
}

#footer .menu li {
	margin-left: 0;
}

#footer .menu li a {
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
	padding: 3px 10px;
	text-align: center;
	text-decoration: none;
}

#footer .menu li:first-child a {
	border-left: 0;
}


.copyright {
	font-size: .8em;
	font-style: italic;
	margin-bottom: 0;
	margin-top: .5em;
	float: right;
}

/**************************************+----------------+*****************************************/
/**************************************|  TABULAR DATA  |*****************************************/
/**************************************+----------------+*****************************************/

.ajax__calendar_body table tr td {
	padding: 0px !important;
}

table {
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #0F4A32;
	min-width: 40%;
	margin-bottom: .5em;
	font-size: 85%;
}

table table, div.ui-tabs-panel table, div table {
	border: 0;
	font-size: 100%;
	margin-bottom: auto;
	min-width: 0;
}

table.noborder {
	border: none !important;
}
table.small {
	min-width: 0;
}

.static {
	width: 80%;
}

.static .sidebar {
	width: 20px;
}

.static .sidebar td {
	white-space: nowrap;
}


caption {
	background-color: #0F4A32;
	color: #7CB9A0;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}

table.data tbody:nth-child(2n), table.data tbody:only-child tr:nth-child(2n) {
	background-color: #DCE6E8;
}

table.data tbody:nth-child(2n) .head {
	background-color: #EFEFEF;
}

table.data tbody:nth-child(2n-1) .head {
	background-color: #BDCABC;
}

table.data tbody:only-child .head {
	background-color:inherit;
}

tr.head th {
	text-align: center;
}

tr.head td {
	padding: 4px;
}

tbody tr:not(.head) th, tfoot th {
	text-align: right;
}

tr.alt, tbody.alt.fill {
	background-color: #DCE6E8;
}
tbody .head {
	background-color: #BDCABC;
}
tbody.alt .head {
	background-color: #EFEFEF;
}

thead {}
thead td {}
thead th, .BaseHeader th {
	background-color: #2E7257;
	border-bottom: 1px solid white;
	color: #BAD7CB;
	text-align: center !important;
	padding: 4px;
	font-weight: bold;
}

.BaseHeader th a {
	color: #BAD7CB;
}

tfoot {
	border-top: 2px solid #A79144;
	background-color: #7CB9A0;
}

tfoot ul {
	margin-bottom: .1em;
}

tfoot td {
}
tbody {
}
tbody td {
}
tbody th, tfoot th {
	font-weight: bold;
}

.datecolumn {
	width: 13ex;
}

/*********************************| .NET STYLE CLASSES |************************************/
/* Used in conjunction with App_Theme declarations */
/* ===== GridView ===== */
.BaseDataTable {
}

.BaseDataTable .BaseRow.Edit {
	background-color: #DA9100;
	border: 1px solid black;
}

.BaseDataTable .BaseHeader {
}

.BaseDataTable .BaseRow.Selected {
	font-weight: bold;
	background-color: Gray;
}

/* ===== DetailsView ===== */
.DetailsHeader {
	text-align: right;
}
.DetailsHeader:after {
	content: ":";
}


/*******************************| ACTION ELEMENT CLASSES |**********************************/
/* these classes are used in conjunction with Javascript as identifiers
	 * note that not all identifying classes are listed */

.action, .DetailsCommandRow td, .command {
	text-align: center;
}
.action td {
	padding: 2px;
}

.action:hover {
	color: White;
	cursor: pointer;
	text-decoration: underline;
}

tr.action {
	background-color: #A79144;
	font-size: 0.85em;
	font-weight: bold;
	color: #FFF4D0;
}
tfoot tr.action {
}

.submit td, .submit th {
	text-align: center;
}

/* ***** Dynamic actions */
.add {
}
.remove {
	visibility: hidden; /* default to hidden, will be changed in JS */
}

.add:hover, .remove:hover {
	cursor: pointer;
}

img.add, img.remove {
	margin-bottom: -3px;
}

.loading {
	display: none;
}

.expand {
	color: Blue;
	text-align: center !important;
	display: none;
}

.expand:hover {
	color: Gray;
	text-decoration: underline;
	cursor: pointer;
}

/* ***** Dynamic sorting */
.sortable {
	text-decoration: underline;
}
.sortable:hover {
	cursor: pointer;
}

.desc:before, .asc:after {
	color: White;
	font-size: .8em;
}

.desc:after, .asc:before {
	content: "";
}

.asc:after {
	content: "\25BC";
}
.desc:before {
	content: "\25B2";
}

a.toggleParentNext {
	font-size: .85em;
	font-family:Monospace;
}
		
a.toggleParentNext:hover {
	cursor: pointer;
}

/************************************+---------------------+****************************************/
/************************************| STANDARD FORM ITEMS |****************************************/
/************************************+---------------------+****************************************/

.reportAction {
	font-size: 9pt;
	text-decoration: none;
	border: 3px solid rgb(76, 30, 96);
	color: rgb(76, 30, 96);
	padding: 1px 4px;
	font-weight: bold;
	background-color: #d3d3d3;
	display: inline-block;
}

.reportAction img {
	margin-bottom: -3px;
	margin-top: -4px;
}

.reportAction:hover {
	border-color: blue;
	color: blue;
	background-color: White;
	text-decoration: none;
}

ul.group {
	border-collapse: separate;
	border-spacing: 0px 1em;
	margin-top: -.5em; /* don't want so much space at the top */
}

ul.group > li > label {
	vertical-align: top;
}

ul.group > li > label, ul.group > li > div {
	padding-top: 10px;
	border-top: 3px solid black;
}

ul.group > li:first-child > label, ul.group > li:first-child > div {
	border-top-width: 0px;
}

ul.group li input[type="submit"] {
	font-size: .90em;
}

ul.group > li > label.header span {
	border-bottom: 1px solid black;
	display: inline-block;
	font-size: 1.15em;
	padding-bottom: 5px;
	width: 100%;
}

.options {
	text-align: center;
}

.overlay {
	bottom: -6px;
	margin-right: -21px;
	position: relative;
}

/* ===== Layout of Forms using unordered lists. SEMANTICS. ===== */
ul.form, ul.group {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

ul.form {
	border-collapse: collapse;
	border-spacing: 0px;
}

ul.form li, ul.group li {
	display: table-row;
	min-height: 16px;
}

ul.group > label {
	vertical-align: top;
}

#content ul.form > li > input {
	margin-top: 4px;
}

#content ul.form li {
	margin: 2px auto;
	padding: 4px;
}

ul.form table {
	margin-top: 2px;
}

ul.form label:after, ul.form label.nocolon {
	content: "";
}

ul.form label.nocolon:after {
	content: "" !important;
}

ul.form > li > label:first-child:after {
	content: ":";
}

ul.form label.top {
	vertical-align: top;
}
.nocolon label {
	padding: 2px;
}
.nocolon label:after, label.nocolon:after {
	content: "";
}

ul.form.small > li > label {
	width: auto !important;
	padding-left: 2ex;
	white-space: nowrap;
}

/* =====  uploading containers ===== */

.uploadcontainer {
	background: url("../Images/attach.png");
	display: inline-block;
	height: 16px;
	width: 16px;
	position: relative;
	overflow: hidden;
}

.uploadcontainer input {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
	right: 0;
	top: 0;
	height: 16px;
	z-index: 2;
}

.uploadcontainer input:hover {
	cursor: pointer;
}

.uploadcontainer img {
	display: none;
	position: absolute;
	top: 1;
	left: 1;
	z-index: 1;
}

.uploadcontainer img:hover {
	cursor: pointer;
}

/* ===== Input Money formatting ===== */
.money, .credit {
	text-align: right !important;
	white-space: nowrap;
}
.credit {
	font-style: italic;
	color: Red;
}

input.money {
	font-family: Lucida Console,Courier New, monospace;
	padding-right: 2px;
}

input[type="text"].money {
	width: 6em;
}
input[type="text"].money.small {
	width: 8ex;
}
input[type="text"].money.large {
	width: 18ex;
}

th.money:before, td.money:before {
	content: "$";
}

/* ===== More generic formatting ===== */

label {
	padding-right: 2px;
}

label:after {
	content: ":";
}
label.nocolon:after, .nocolon label:after {
	content: "";
}

input[type="submit"], input[type="button"], input[type="reset"] {
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px;
}

input[type="submit"].center, input[type="button"].center, input[type="reset"].center {
	margin-left: auto;
	margin-right: auto;
}

input[type="submit"].action, input[type="button"].action {
	display: inline;
	padding: 0 2px;
	margin: 0;
	line-height: 1em;
	width: auto;
}

input[type="submit"].action:hover, input[type="button"].action:hover, th.action:hover {
	color: Black;
	cursor: auto;
	text-decoration: none;
}

input[type="text"][readonly="readonly"] {
	background-color: #EFEBE7; /*Standard Gray background*/
	border-color: #7B9EBD;
	border-style: inset;
}


input[type="submit"].large, input[type="button"].large {
	width: auto;
}
input[type="submit"].tiny, input[type="button"].tiny {
	width: 10ex;
	margin: 0;
}
input[type="submit"].micro, input[type="button"].micro {
	width: 6ex;
	margin: 0;
}

input[type="text"], select {
	font-weight: normal !important;
	display: inline-block;
	min-width: 10ex;
}
textarea.large {
	width: auto;
}
input[type="text"].full, textarea.full {
	width:100ex;
}

input[type="text"].large, .BaseRowEdit input[type="text"].large, textarea {
	width: 50ex;
}
input[type="text"].medium, .BaseRowEdit input[type="text"].medium, textarea.small {
	width: 30ex;
}
input[type="text"].small, .BaseRowEdit input[type="text"] {
	width: 10ex;
}
input[type="text"].tiny {
	width: 3ex;
	min-width: 0px;
}
input[type="checkbox"] {
	margin: 2px;
}
input.date {
	width: 10ex;
}
input.reference {
	width: 15ex;
}
select {
	min-width: 30ex;
}
select.small {
	min-width: 0px;
}

/*************************************+-------------------+*****************************************/
/*************************************| SPECIALIZED LINKS |*****************************************/
/*************************************+-------------------+*****************************************/
.manageParts {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.manageParts a, .manageParts span {
	padding: 0 10px;
	border-right: 3px solid black;
}

.manageParts *:last-child {
	border-right-width: 0px;
}

a.info {
	text-decoration:none;
	font-weight:bold;
	padding:2px;
	margin:2px;
}

a.info:hover {
	cursor:help;
	color:White;
	background-color:blue;
}

/*****************************************+-----------+*********************************************/
/*****************************************| MAIN TABS |*********************************************/
/*****************************************+-----------+*********************************************/

.ui-tabs-nav {
	text-align: center;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	float: left;
}

.ui-tabs-nav li {
	width: 20ex;
	margin: 1ex auto;
	border: 2px solid #0F4A32;
	border-right: none;
	background-color: #2E7257;
	padding: 2px;
}
.ui-tabs-nav li a {
	text-decoration: none;
	font-weight: bold;
	color: White;
}
.ui-tabs-active {
	background-color: #7CB9C4 !important;
}

.ui-tabs-panel {
	border: 2px solid #0F4A32;
	padding: 2px 3%;
	margin-left: 18ex;
	min-height: 20ex;
}

@media print {
	body {
		padding: 0;
	}
	#header, #footer {
		display: none;
	}

	#content {
		border-width: 0px !important;
	}

	a {
		text-decoration: none !important;
	}

	.noprint, input[type="submit"], #AdminOptions {
		display: none !important;
	}

	.printonly, .printHeader {
		display: inherit;
	}

	tr.alt, tbody.alt.fill {
		border: 1px solid Gray;
		border-width: 1px 0;
	}
}