﻿.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
}
.modalMessage
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
}
.watermarked
{
	color:gray;
}	
.PosFormPopup
{
	/*visibility: hidden;*/
	background: #f1f1ed;
	border: solid 1px #bebeb0;
	padding: 20px;
}
.htmlviewer
{
	color: Black;
}
.htmlviewer table
{
	table-layout: fixed;
	white-space: pre-wrap;
}
.htmlviewer strike, .htmlviewer del
{
	color: Red;
}
.htmlviewer em, .htmlviewer ins
{
	color: Blue;
}

.htmlviewer h1, .htmlviewer h2, .htmlviewer h3, .htmlviewer h4, .htmlviewer h5
{
	color: black;
}

.htmlviewer p
{
	line-height: normal;
}


/* Filter bar */
.filterBar {
	background-color: #CAE3E3;
	height: 45px;
	margin: 1px 0px 2px 0px;
	vertical-align: middle;
	display: table-row;
}
.filters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	display: table-cell;
	float: right;
	width: 550px;
	margin: 8px 0px 8px 0px;
}
.filters  a {
	padding: 0 auto;
	color: #204764;
	text-decoration: none;
}
.filters    a:hover    {
	color: #4382C7;
	text-decoration: underline;
}

/* Filter popup */
.filtersContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FBF9F7;
	width: 800px;
	height: 550px;
	z-index: 300;
	padding: 20px;
	color: #000000;
	border: solid 1px #ECE9D8;
	overflow-y: auto;
	overflow-x: hidden;
}
.filtersTabContent 
{
	background-color: White;
	/*width: 100%;*/
	height: 100%;
	padding: 0px 10px 10px 10px;
}
.filtersColumn
{
	width: 50%;
	float: left;
}
.filterHeader 
{
	font-size: 12px;
	color: #77B3B1;
	background-color: #FBF9F7;
	border: solid 1px #ECE9D8;
	padding: 3px 6px 3px 6px;
	font-weight: bold;
	margin-right: 20px;
	margin-top: 10px;
}
.filterFieldBody
{
	font-size: 11px;
	white-space: normal;
	vertical-align: top;
	margin-right: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 75px;
}
.filterFieldBody5
{
	font-size: 12px;
	margin-right: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 125px;
}

/* save popup */
.savePopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FBF9F7;
	width: 600px;
	height: 200px;
	z-index: 300;
	padding: 20px;
	color: #000000;
	border: solid 1px #ECE9D8;
	overflow-y: auto;
	overflow-x: hidden;
}

/* customize popup */
.customizePopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FBF9F7;
	width: 800px;
	height: 550px;
	z-index: 300;
	padding: 20px;
	color: #000000;
	border: solid 1px #ECE9D8;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Page menu */
.pageMenu  a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.pageMenu    a:hover    {
	color: #99FFFF;
	text-decoration: underline;
}

/* Report Menu Tree */
.reportMenuTable
{
}
.reportMenuTable A 
{
	padding: 6px 0px 6px 10px;
	FONT-SIZE: 13px;
	font-weight: bold;
	BORDER-LEFT: #b8d0ed 10px solid;
	BORDER-BOTTOM: white 1px solid;
	COLOR: #000033;
	LINE-HEIGHT: 15px;
	BACKGROUND-COLOR: #d0dff4;
	/* height: 15px; */
	display: block;
}
.reportMenuTable A:hover {
	/* COLOR: #336699; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #d1e9f3; */
	COLOR: #00aeae; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #fcfbf8;
}

/* Report List */
.reportListTable 
{
}
.reportListTable th
{
	PADDING: 6px 6px 6px 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: #ecece1;
	COLOR: #000000;
	TEXT-ALIGN: left;
}
.reportListTable td
{
	PADDING: 6px 6px 6px 6px;
	BACKGROUND: #ffffff;
}

/* tracking form */
.fourColList
{
	table-layout: fixed;
}
.fourColList td
{
	width: 25%;
}
.editFieldPopup
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FBF9F7;
	width: 400px;
	height: 300px;
	z-index: 300;
	padding: 20px;
	color: #000000;
	border: solid 1px #ECE9D8;
	overflow-y: auto;
	overflow-x: hidden;
}

/* content */
.contentContainer 
{
	border: #efefe7 1px solid;
	padding: 0px 0px 0px 0px;
	BACKGROUND: #fbfaf7 repeat-x;
	WIDTH: 958px;
	COLOR: #000000;
	FONT: 12px/15px Arial, Helvetica, sans-serif;
}
.sectionInset {
	MARGIN: 0px 40px
}
.section {
}
.section A {
	COLOR: #598fcd;
	TEXT-DECORATION: underline
}
.section A:hover {
	COLOR: #8bb0da;
	TEXT-DECORATION: underline
}
.sectionHeader 
{
	BORDER-RIGHT: #e1ddc1 1px solid;
	BORDER-TOP: #e1ddc1 1px solid;
	BORDER-LEFT: #e1ddc1 1px solid;
	BORDER-BOTTOM: #125798 1px solid;
	padding: 3px 6px 3px 6px;
	BACKGROUND: #efefe7;
	MARGIN: 0px 0px 3px;
	FONT: bold 15px Arial, Helvetica, sans-serif;
	WIDTH: auto;
	COLOR: #135b9d;
}
.sectionSubHead
{
	FONT-SIZE: 12px;
	COLOR: #396aa2;
}
.sectionTable
{
	table-layout: fixed;
}
.sectionTable TH
{
	padding: 4px 4px 4px 4px;
	FONT-WEIGHT: bold;
	BACKGROUND: #8eb6dd;
	COLOR: #000000;
	TEXT-ALIGN: left;
}
.sectionTable TD
{
	padding: 4px 4px 4px 4px;
	BACKGROUND: #e8f0f9;
}

.sectionTable table tr
{
	vertical-align: top;
	height: 40px;
}

.sectionTable table td
{
	width: 14%;
}

.workspaceContent
{
	PADDING: 20px 20px 20px 20px;
	FONT-SIZE: 12px;
	FLOAT: right;
	WIDTH: 748px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fbfaf7;
}

.loading
{
	background: url(//cdn.capitoltrack.com/images/ajax/ajax-loader.gif) no-repeat center;
}