/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "src" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

body {
	background-color: inherit; /* background color */
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

.aspreportmaker {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

form {
	margin: 0px;
}

.inputcleared {
	background-color: #FFFFCC; /* background color */
}

input, textarea, select {	
	font-family: Arial; /* font name */
	font-size: small; /* font size */
} 

a:active {
	color: ; /* active link color */
}

a:link {
	color: ; /* link color */
}

a:visited {
	color: ; /* visited link color */
}

/* main table */
.ewTable {
	width: inherit; /* table width */	
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}

/* main table data cells */
.ewTable td {
	padding: 3px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table background color */
}

/* main table header cells */
.ewTableHeader {
	background-color: #ee3c2e; /* header color */
	color: #FFFFFF; /* header font color */	
	vertical-align: top;	
}

.ewTableHeader a:link {	
	color: #FFFFFF; /* header font color */	
}

.ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */	
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F5F5F5; /* alt row color 2 */	
}

/* main table footer section */
.ewTableFooter {
	background-color: inherit;
}

/* classes for report */

/* search */
.ewRptSearch {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewRptSearch td {
	border: 0px;
	padding: 1px;
}

.ewRptSearchOpr {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	color: maroon;
}

/* group 1 */
.ewRptGrpHeader1 {
	background-color: #CCFFFF;
	font-weight: bold;		
}

.ewRptGrpField1 {
	background-color: #CCFFFF;
}

.ewRptGrpSummary1 {
	background-color: #BBEEEE;	
}

/* group 2 */
.ewRptGrpHeader2 {
	background-color: #CCFFCC;
	font-weight: bold;
}

.ewRptGrpField2 {
	background-color: #CCFFCC;
}

.ewRptGrpSummary2 {
	background-color: #BBEEBB;	
} 

/* group 3 */
.ewRptGrpHeader3 {
	background-color: #99FFCC;
	font-weight: bold;	
}

.ewRptGrpField3 {
	background-color: #99FFCC;
}

.ewRptGrpSummary3 {
	background-color: #88EEBB;	
}

/* group 4 */
.ewRptGrpHeader4 {
	background-color: #99FF99;
	font-weight: bold;	
}

.ewRptGrpField4 {
	background-color: #99FF99;
}

.ewRptGrpSummary4 {
	background-color: #88EE88;	
}

.ewRptGrpAggregate {
	font-weight: bold;
}

.ewRptPageSummary {
	background-color: #FFFFCC; /* page total background color */	
}

.ewRptGrandSummary {
	background-color: #FFFF66; /* grand total background color */	
}

/* classes for crosstab report only */

.ewRptColHeader {
	background-color: #CCFF66; /* column background color */
	font-weight: bold;
}

.ewRptColField {
	background-color: #CCFF66; /* column background color */
}

/* classes for popup filter */

.ewPopup {
	position: absolute;
	width: 200px; 
	display: block; 
	visibility: hidden; 
	border: 1px solid #333333;
	background-color: #EAEAEA;
}

.ewPopupSizeGrip {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 9px;
	height: 9px;
	cursor: se-resize;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

/* hide */
.ewhidden {
	display: none;
}

/* footer */
.ewFooter {
	font-family: Arial; /* font name */
	font-size: xx-small; /* font size */
	color: gray;
}

/* general layout padding */
.ewPadding {
	padding: 8px 16px 8px 16px; /* cell padding */
}


/*
--------------------------------------------------------------------------------
DHTML Flyout Menu
--------------------------------------------------------------------------------
*/

.ewFlyoutMenuLinkNormalStyle {
	padding: 2px 8px 2px 8px;
	border: solid 1px #F5F5F5;
	background-color: #F5F5F5;
	color: Black;
	cursor: hand;
	cursor: pointer;
}

.ewFlyoutMenuLinkHoverStyle {
	padding: 2px 8px 2px 8px;
	border: solid 1px gray;
	background-color: silver;
	color: Black;
	cursor: hand;
	cursor: pointer;
}

.ewFlyoutMenuLinkHighlightStyle {
	padding: 2px 8px 2px 8px;
	border: solid 1px gray;
	background-color: whitesmoke;
	color: Black;
	cursor: default;
}

.ewFlyoutMenuStyle {
	font-family: Verdana;
	font-size: xx-small;
	border: solid 1px gray;
	background-color: #F5F5F5;
}

.ewFlyoutRootMenuStyle {
	font-family: Verdana;
	font-size: xx-small;
	border: solid 1px gray;
	background-color: #F5F5F5;
}

.ewFlyoutMenuFloatStyle {
	display: none;
	position: absolute;
}

/*END_SYSTEM_STYLES*/