/* General Formats */

body, p, a, table, th, td, input, select, textarea {
	font-size: 11px;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 4px;
}
p {
	padding: 0px;
	margin: 0px;
	line-height: 175%;
	margin-bottom: 6px;
}
th {
	text-align: left;
}
td {
	vertical-align: top;
	empty-cells: show;
}
form {
	margin:0;
}
h1, h2, h3 {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}
h1 {
	font-size: 16px;
	color: #AC090A;
	font-weight: normal;
}
h2 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 8px;

	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 6px;
}
h4 {
	color: #FFFFFF;
	background-color: #000000;
	font-size: 12px;
	padding: 4px;
}
ul{
	padding: 10px;
	margin-left: 10px;
	list-style-type: square;
}
li{
	padding: 4px;
	margin-left: 4px;
	list-style-type: square;
}
img {
	border: 0px;
}
textarea {
	border: 1px solid #C0C0C0;
}
select {
	border: 1px solid #C0C0C0;
}
input {
	border: 1px solid #C0C0C0;
	margin-left: 0px;
}
a, a:link, a:active, a:after, a:visited, a:hover {
	color: #AC090A;
	text-decoration: underline;
}
a:hover {
	color: #666666;
}
label { 
	margin: 0px;
	padding: 0px 8px 0px 4px;
	vertical-align: middle;
}
input[type=button] {
	width: 75px;
}
input[type=checkbox], input[type=radio] { 
	vertical-align: middle; 
	margin: 0px 4px 0px 0px; 
	padding: 0;
}
	.RadioList {
		margin-top: -3px;
	}
input[type=image] {
	border: 0px;
}


/* Specific Formats */

span.RecordLabel {
	color: blue;
}
span.RecordNav {
	margin-left: 10px;
	color: #000000;
}
span.required {
	color: red;
}
span.error {
	color: red;
}
span.success {
	color: green;
}


/* Main Container */

.panel_head, .panel_login, .panel_menu {
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	margin-top: 8px; 
	margin-bottom: 8px;
}
	.panel_head {
		text-align: left;
		height: 90px;
	}

.container {
	min-height: 550px;		
	height:auto !important;		
	height: 550px;		

	border: 1px solid #CCCCCC; 
	padding: 10px; 
	margin-top: 8px; 
	margin-bottom: 8px;
}

	.logo {
		background-color:#FFFFFF; 
		border: 1px solid #CCCCCC; 
		padding: 10px; 
		margin-top: 8px; 
		margin-bottom: 8px;
	}

	.login {
		background-color:#FFFFFF; 
		border: 1px solid #CCCCCC; 
		padding: 10px; 
		margin-top: 8px; 
		margin-bottom: 8px;	
	}

	.header {
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 8px;
		margin-bottom: 10px;
	}
		.header_frame {
			width: 100%; 
			margin-bottom: 5px;
		}
		.header a, .header a:link, .header a:active, .header a:visited, .header a:after, .header a:hover {
			color: #AC090A;
			text-decoration: underline;
		}
		.header a:hover {
			color: #B1B1B1;
		}

	.messages {
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 8px;
		margin-bottom: 10px;
	}

	.content {
	
	}
		.content_table {
			width: 100%; 
		}
			.content_sectionMain, .content_sectionSub1, .content_sectionSub2 {
				border: 1px solid #C0C0C0; 
				padding: 10px; 
				padding-bottom: 20px;
				margin-bottom: 10px;
			}
			.content_sectionMain {
				min-height: 400px;
				height:auto !important;
				height: 400px;
			}
			.content_sectionSub1 {
				min-height: 125px;
				height:auto !important;
				height: 125px;
			}
			.content_sectionSub2 {
				min-height: 100px;
				height:auto !important;
				height: 100px;
			}
		.content_forms {
			width: 80%;
		}
			.formTabs {
				width: 100%;
				margin-bottom: 0px;
			}
				.formTabs a , .formTabs a:link, .formTabs a:active, .formTabs a:after, .formTabs a:visited, .formTabs a:hover {
					height: 25px;
					width: 100px;
					padding-top: 4px;
					margin: 0px;
					margin-bottom: 1px;
					background-repeat: no-repeat;
					text-decoration: none;
					text-align: center;
					background-image: url('../images/tabOn.gif');
					display: inline-block;
				}
				.formTabs a:hover {
					background-image: url('../images/tabOff.gif');
				}
			.formFrame {	
				width: 100%;
				padding: 0px 0px 20px 0px;
				margin-bottom: 10px;
				border: 0px solid #CCCCCC;
			}
				.formTitle {
					width: auto;
					padding: 4px 4px 4px 4px;
					border-bottom: 1px solid #CCCCCC; 
					background-color: #AC090A;
					color: #FFFFFF;
				}
					.formTitle td {
						color: #666666;
					}
					.formTitle a, .formTitle a:active, .formTitle a:after, .formTitle a:visited, .formTitle a:hover {
						color: #FFFFFF;
						text-decoration: underline;
					}
					.formTitle a:hover {
						color: #B1B1B1;
					}
				.formLinks {
					margin-bottom: 10px;
					display: inline-block;
				}
					.formLinks a, .formLinks a:link, .formLinks a:active, .formLinks a:visited, .formLinks a:hover {
						background-color: #92996A;
						color: #FFFFFF;
						padding: 4px 10px 4px 10px;
						text-decoration: none;
					}
					.formLinks a:hover {
						background-color: #BCC28F;
					}
						.formLinks a.navon, .formLinks a:link.navon, .formLinks a:active.navon, .formLinks a:visited.navon {
							background-color: #BCC28F;
						}
						.formLinks a:hover.navon {
							color: #666666;
						}
				.formButtons {
					border-bottom: 1px solid #CCCCCC;
					text-align: right;
					padding: 2px;
					margin-bottom: 2px;
					height: 22px;
				}
					.formButtons a, .formButtons a:link, .formButtons a:active, .formButtons a:after, .formButtons a:visited, .formButtons a:hover {
						height: 16px;
						padding: 2px 30px 2px 30px ;
						margin-bottom: 0px;
						background-color: #AC090A;
						color: #FFFFFF;
						border: 0px solid #CCCCCC;
						text-align: center;
						text-decoration: none;
					}
						.formButtons a.formNavLinks, .formButtons a.formNavLinks:link, .formButtons a.formNavLinks:active, .formButtons a.formNavLinks:visited, .formButtons a.formNavLinks:hover {
							width: 20px; 
							margin: 0px; 
							padding: 0px; 
							background: transparent;
						}
					.formButtons a:hover {
						text-decoration: none;
					}
					.formLinkTab {
						padding: 5px 20px 5px 20px; margin: 0px;
					}
						a.formLinkTab, a.formLinkTab:link, a.formLinkTab:active, a.formLinkTab:visited, a.formLinkTab:hover {
							background-color: green;
							color: #FFFFFF;
							text-decoration: none;
						}
						a.formLinkTab:hover {
							background-color: #AC090A;
							color: #FFFFFF;
						}
				.formContent {
					width: 100%;
					padding: 10px;
				}
			.formTable {
			}
				.formTable td {
					padding: 4px 0px 4px 2px; 
					empty-cells: show;
				}
				.formDataLabel {
					width: 25%;
					padding-right: 2px;
					text-align: left;
				}
				.formDataField {
					width: 75%;
				}
		.content_list {
		
		}
			.FilterFrame {
				border: 1px solid #C0C0C0;
				margin-bottom: 20px;
			}
				.FilterHeader {
					color: #FFFFFF;
					background: #000000;
					border: 1px solid #000000;
					padding: 4px 4px 4px 4px;
					font-weight: bold;
				}
				.FilterBody {
					padding: 4px 4px 4px 4px;
					min-height: 30px;		
					height:auto !important;		
					height: 30px;		
				}
			.ListFrame {
				margin-bottom: 20px;
			}
				.ListNav {
					margin-bottom: 10px;
					border: 1px solid #C0C0C0;
				}
				.ListData {
					margin-bottom: 10px;
					border-left: 1px solid #C0C0C0;
					border-right: 1px solid #C0C0C0;
					border-bottom: 1px solid #C0C0C0;
				}
					.ListHeader {
						background: #AC090A;
						border: 1px solid #AC090A;
						padding: 4px 4px 4px 4px;
					}
						.ListHeader, .ListHeader a, .ListHeader a:link, .ListHeader a:active, .ListHeader a:visited, .ListHeader a:hover {
							color: #FFFFFF;
							text-decoration: none;
							font-weight: bold;
						}
						.ListHeader a:hover {
							color: #C0C0C0;
						}

					.ListRow1, .ListRow2, .ListRow3, .ListRow4 {
						border-bottom: 1px solid #C0C0C0;
						padding: 4px 4px 4px 4px;
						empty-cells: show;
					}
						.ListRow1 {
							background-color: #FFFFFF;
							empty-cells: show;
						}
						.ListRow2 {
							background-color: #FFFFFF;
							empty-cells: show;
						}
						.ListRow3 {
							background-color: #EAEAEA;
							empty-cells: show;
						}
						.ListRow4 {
							background-color: #EAEAEA;
							empty-cells: show;
						}
					.ListRowAdd {
						border-top: 1px solid #000000;
						border-bottom: 1px solid #000000;
						padding: 4px 4px 4px 4px;
						background-color: #FFFFFF;
						margin-top: 4px;
					}
					.ListRowTotal {
						padding: 4px 4px 4px 4px;
						border-top: 2px solid #C0C0C0;
						border-bottom: 2px solid #C0C0C0;
					}
				.ListNoRecords {
					margin-top: 5px;
					padding: 4px;
					border-top: 1px solid #CCCCCC;
				}

	.footer {
		margin: 10px 3px 10px 3px;
		padding: 8px;
		border: 1px solid #CCCCCC;
		background-color: #EAEAEA;
	}
		.footer, .footer p, .footer a {
			font-size: 8px;
		}

/* Other Formats */

.formDataFieldList {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 100%;
}

.navPaging {
	border: 1px solid #EAEAEA;
}


.pageLinkButton {
	width: 50px;
	padding: 2px 6px 2px 6px;
	margin: 0px;
	background-color: #EAEAEA;
	color: black;
	border: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}
	a.pageLinkButton, a:link.pageLinkButton, a:active.pageLinkButton, a:after.pageLinkButton, a:visited.pageLinkButton {
		text-decoration: none;
	}
	a:hover.pageLinkButton  {
		text-decoration: none;
	}

.ReadOnly {
	background-color: #EAEAEA;
	color: #666666;
}


/* Title */

.listNavLink a, .listNavLink a:link, .listNavLink a:active, .listNavLink a:after, .listNavLink a:visited {
	width: 70px;
	border: 1px solid #666666;
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	margin: 0px;
}
.listNavLink a:visited {
	color: #000000;
}

.labelTitle1 {
	border-bottom: 1px solid #666666; 
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	background-color: #AC090A;
}
	.labelTitle1 a, .labelTitle1 a:active, .labelTitle1 a:visited {
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: underline;
	}
	.labelTitle1 a:hover {
		font-size: 10px;
		color: #B1B1B1;
		text-decoration: underline;
	}

.labelTitle2 {
	border: 1px solid #1E5D5A; 
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	background-color: #000000;
}
	.labelTitle2 a, .labelTitle2 a:active, .labelTitle2 a:visited {
		font-size: 10px;
		color: #FFCC00;
		text-decoration: none;
	}
	.labelTitle2 a:hover {
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
	}

.aLft {text-align: Left;}
.aCtr {text-align: center;}
.aRgt {text-align: right;}


/* Application Specific Formats */

.label1 {
	border: 1px solid #AD212A; 
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	background-color: #AD212A;
}
.label1 a, .label1 a:link, .label1 a:active, .label1 a:visited {
	font-size: 10px;
	color: #FFCC00;
	text-decoration: none;
}
.label1 a:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.label2 {
	border: 1px solid #1E5D5A; 
	font-size: 10px;
	color: #FFFFFF;
	height: 20px;
	background-color: #1E5D5A;
}
.label2 a, .label2 a:link, .label2 a:active, .label2 a:visited {
	font-size: 10px;
	color: #FFCC00;
	text-decoration: none;
}
.label2 a:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.tabOn {
	background-image: url('../images/tabOn.gif'); 
	width: 100px; 
	height: 22px; 
	text-align: center; 
	vertical-align: bottom;
	text-decoration: none;
	padding-top: 4px;
}
.tabOff {
	background-image: url('../images/tabOff.gif'); 
	width: 100px; 
	height: 22px; 
	text-align: center; 
	vertical-align: bottom;
	text-decoration: none;
	padding-top: 4px;
}
.input_sales_amt, .input_sales_tot, .input_sales_pct, .input_sales_sum {
	font-size: 10px;
	text-align: right;
}
	.input_sales_amt {
		width: 70px;
	}
	.input_sales_tot {
		width: 70px;
		background-color: #EAEAEA;
	}
	.input_sales_pct {
		width: 40px;
	}