/********************************************************
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.
********************************************************/

/********************************************************
 CSS Color Constants - Dictionary of used colors
 Use rgb() definitions as the colors will look the
 same no matter what browser is used
 
 White						rgb(255,255,255)
 Whitesmoke					rgb(245,245,245)
 Light Gray					rgb(204,204,204)
 Alice Blue					rgb(240,248,255)
 Gray							rgb(128,128,128)
 Red							rgb(255,0,0)
 Yellow						rgb(255,255,0)
 Dark Slate Gray		 	rgb(47,79,79)
 Steel Blue (h1-h6)		rgb(70,130,180)
 Royal Blue					rgb(65,105,225)
 Dim Gray					rgb(105,105,105)
 Gainsboro					rgb(220,220,220)
 Silver						rgb(192,192,192)
 Light Slate Gray 		rgb(119,136,153)
 Wheat						rgb(245,222,179)
 Salmon						rgb(255,204,102)
 Orange						rgb(255,165,0)
 Gold							rgb(175,140,0)
 Maroon						rgb(128,0,0)
 Black						rgb(0,0,0)
 ********************************************************/

/*BEGIN_SYSTEM_STYLES*/

/*html {
	background-color: rgb(255,255,255);
	border: 0;
	font: 100.01%/1.25 verdana, tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	font: .9em/1.5 verdana, tahoma, arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}*/

.aspmaker {
	color: inherit; /* text color */
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: 100%;
}

input, textarea, select {	
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: 100%;
}

/* Menu */

ul.ewMenuBarVertical {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: 100%;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	width: 150px;
}

ul.ewMenuBarVertical ul,li {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	width: 150px;
}

ul.ewMenuBarVertical li {
	display: inline;
	padding: 0;
	width: 150px;
}

ul.ewMenuBarVertical li a {
	background: url(../../graphics/menu/menubg.gif) repeat-x bottom left rgb(244,244,244);
	border-bottom: 1px solid rgb(216,216,216);
	border-left: 4px solid rgb(192,192,192);
	border-right: 1px solid rgb(216,216,216);
	border-top: 1px solid rgb(216,216,216);
	color: rgb(0,0,0);
	float: left;
	font-size: .85em;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 1px 3px 5px;
	text-decoration: none;
	width: 138px;
}
ul.ewMenuBarVertical li a:hover, ul.ewMenuBarVertical li a.current {
	background: url(../../graphics/menu/menubg2.gif) repeat-x bottom left rgb(234,234,234);
	border-bottom: 1px solid rgb(176,176,176);
	border-left: 4px solid rgb(128,0,0);
	border-right: 1px solid rgb(176,176,176);
	border-top: 1px solid rgb(176,176,176);
	color: rgb(0,0,0);
}

/* template layout */
.ewLayout {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: rgb(65,105,225); /* background color */	
}

.ewContentTable {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	width: 100%;
	height: 100%;	
}

.ewMenuColumn {
	background-color: rgb(255,255,255); /* background color */
	vertical-align: top;
	padding: 4px;
	width: 180px;
	padding: 1px;	
}

.ewContentColumn {
	background-color: inherit; /* background color */
	vertical-align: top;
	padding: 10px;
}

.ewFooterRow {
	background-color: transparent; /* background color */
	color: rgb(0,0,0); /* footer font color */	
	padding: 2px;
}

.ewFooterText {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewGrid {
	border-collapse: separate;
}

.ewGrid caption {
	padding: 0;
	text-align: center;
	color: rgb(255,255,255);
	background-color: rgb(175,140,0);
	font-weight: bold;
	font-style: italic;
}

.ewGridContent {
	padding: 0;
/*	border: 1px solid rgb(220,220,220);*/ /* grid border */			
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 3px;	
	border-left: 0;
	border-right: 0;	
	background-color: rgb(255,255,255); /* grid header color */
	color: inherit;	 /* grid header font color */
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
/*	font-size: xx-small;*/ /* font size */			
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: rgb(128,0,0); 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1px solid;
	border-bottom: 0px; 
	border-color: rgb(175,140,0); 
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: inherit;	 /* grid header font color */
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: inherit; /* font size */			
}

.ewPager td {
	white-space: nowrap;	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
	font-size: inherit; /* font size */		
}

.ewMultiColumnTable td {
	padding: 10px;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: 100%; /* font size */			
}

.ewTableSeparate {	
	border-collapse: separate;
	border: 1px solid;
	border-color: #bdb76b;
	padding-left: 10px;
}

.ewTable td {
	padding: 6px 5px 6px 5px; /* cell padding */
	vertical-align: top;
	border: 0px; /* border width, horizontal grid line */
}

.ewTable th, tbody th {
	padding: 5px;
	text-align: left;
}

.ewTable thead th {
	padding: 5px;
	vertical-align: top;
}

.ewTable comment, .ewTable tfoot {
	font-size: 75%;
}

.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */			
}

.ewTableAddOpt td {
	padding: 3px; /* cell padding */
	border: 0;
}
	
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
	background-color: White; /* header bgcolor */
	color: #000000; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #9F9F9F; /* header border color */
/* header bg image */
	background-repeat: repeat-x;
	vertical-align: top;
}

.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #000000; /* header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: xx-small; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	padding: 0;
	border: 0;
	white-space: nowrap;		
}

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

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

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #FFFFCC; /* highlight color */
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #8D8D8D; /* select color */
	color: #FFFFFF;
}

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

/* table for export to HTML */
.ewExportTable {
    border-collapse: collapse;
    empty-cells: show; 
}

.ewExportTable td {
    padding: 3px; /* cell padding */
    border: 1px solid #C0C0C0;
}

.ewBasicSearch {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 2px;
}

.ewSearchOpr {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	color: maroon;
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewMessage {
	color: red; /* message color */
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
}

/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

/* YUI TabView */
.yui-skin-sam .yui-navset .yui-nav  {
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
}

.yui-skin-sam .yui-navset .yui-content {
	padding: 0;
	border: 0;
}

/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
	border-width: 0 0 2px;
}

/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   
  font-size: .8em; /* font size */
}

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
	line-height: 2.5;     
}

/* Auto-Suggest */
.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */
	position: relative; 
}

.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */
	position: relative;
	width: auto;
}

.yui-skin-sam .yui-ac-content ul{
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	color: #000000; /* text color */ 
}

.ewUnmatched {
	background: #FF9F9F;
}

/*END_SYSTEM_STYLES*/

/*BEGIN_USER_STYLES*/

.alert {
	background-color: rgb(255,255,224);
	border-bottom: 3px solid rgb(178,34,34);
	border-top: 3px solid rgb(178,34,34);
	font-family: verdana, tahoma, helvetica, arial, sans-serif; /* font name */
	font-size: 1em;
	padding: 5px 20px 5px 55px !important;
	text-align: left;
	width: 400px;
}

/*END_USER_STYLES*/