html {
    height: 100%;
}

body {
    background-color: inherit; /* background color */
    color: inherit; /* text color */
    font-family: Verdana; /* font name */
    font-size: small; /* font size */
    margin: 0; /* top right bottom left */
    height: 100%;
}

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

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

h3
{
	font-size:12px;
	font-weight:bold;
	color:#4D7291;
	padding:5px;
	margin:4px 0 0 0;
}


form.data input
{
	margin:0 1px;
	border:1px solid #ccd6de;
	padding:4px;
	font-size:11px;
	background-color:#f2f4f6;
	color:#25547b;
}
a:active {
    color: ; /* active link color */
}

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

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

/* Menu */
ul.ewMenuBarVertical {
    list-style-type: none;
    list-style-position: outside;
    padding: 2px;
    margin: 20px 0 0 6px;
}

ul.ewMenuBarVertical ul,li {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0 0 0 6px;
}

ul.ewMenuBarVertical li a
{
	background:#F7F7F7;
	border:#CCC 1px solid;
	color:#006;
	float:left;
	margin:2px 0;
	padding:5px;
	text-align:left;
	width:190px;
	font-size:11px;
	text-decoration:none;
}

ul.ewMenuBarVertical li a:hover
{
	background-color:#EAEAEA;
}


/* template layout */
.ewLayout {
    font-family: Verdana; /* font name */
    font-size: small; /* font size */
    width: 100%;
    height: 100%;
}

.ewHeaderRow {
    background-color: #FFFFFF; /* background color */    
}

.ewContentTable {
    font-family: Verdana; /* font name */
    font-size: small; /* font size */
    width: 100%;
    height: 100%;
    clear: left;
}

.ewMenuColumn {
    background-color: #FFFFFF; /* background color */
    width: 180px;
    vertical-align: top;
    padding: 1px;    
}

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

.ewFooterRow {
    background-color: #A9A9A9; /* background color */
    color: #FFFFFF; /* footer font color */    
    padding: 4px;
}

.ewFooterText {
    font-family: Verdana; /* font name */
    font-size: small; /* font size */    
}

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

.ewGrid {
    border-collapse: separate;
}

.ewGrid .ewGridContent {
    padding: 0;    
    border: 1px solid #9F9F9F; /* grid border */            
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
    padding: 3px;    
    border-left: 0;
    border-right: 0;    
    background-color: #EDEDED; /* grid header color */
    color: #394EA2;     /* grid header font color */
    font-family: Verdana; /* font name */
    font-size: small; /* font size */            
}

.ewGridUpperPanel {
    border-top: 0px;
    border-bottom: 1px solid;
    border-color: #9F9F9F; 
}

.ewGridMiddlePanel {
    border: 0;    
}

.ewGridLowerPanel {
    border-top: 1px solid;
    border-bottom: 0px; 
    border-color: #CFCFCF; 
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
    color: #394EA2;     /* grid header font color */
    font-family: Verdana; /* font name */
    font-size: small; /* font size */            
}

.ewPager td {
    white-space: nowrap;    
}

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

.ewMultiColumnTable {
    border: 0;
}

.ewMultiColumnTable td {
    padding: 10px;
}

/* main table */
.ewTable {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    font-family: Verdana; /* font name */
    font-size: small; /* font size */            
}

.ewTableSeparate {    
    border-collapse: separate;        
}

.ewTable td {
    padding: 3px; /* cell padding */
    border-bottom: 1px solid; /* border width, horizontal grid line */
    border-top: 0px;
    border-left: 0px;
    border-right: 1px solid; /* border width, vertical grid line */
    border-color: #CFCFCF;  /* border color */
}

.ewTableAddOpt {
    border: 0;
    border-spacing: 0;
    font-family: Verdana; /* font name */
    font-size: small; /* font size */            
}

.ewTableAddOpt td {
    padding: 3px; /* cell padding */
    border: 0;
}
    
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
    background-color: #9C9AB7;    /* 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 */    
    background-image: url(C:\Program Files\PHPMaker 7\themes\_images\/silver.png); /* 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; /* font name */
    font-size: 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: #EDEDEB; /* alt row color 2 */
    color: inherit;    
}

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

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

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

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

/* main table footer */
.ewTableFooter {
    background-color: #F2F2F2; /* 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; /* font name */
    font-size: small; /* font size */
    border: 0px;
    border-collapse: collapse;
}

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

.ewSearchOpr {
    font-family: Verdana; /* font name */
    font-size: small; /* font size */
    float: left;
    color: maroon;
}

.ewItemTable td {
    color: inherit; /* text color */
    font-family: Verdana; /* font name */
    font-size: small; /* font size */
    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; /* font name */
    font-size: small; /* font size */    
}

/* required field indicator */
.ewRequired {
    color: red; /* message color */
    font-family: Verdana; /* font name */
    font-size: 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; /* font name */
    font-size: small; /* font size */    
}

.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;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background: #F5F5F5 url(C:\Program Files\PHPMaker 7\themes\_images\/mediumgray.png) repeat-x; /* tab background */
    color: #000;
    border: solid #a3a3a3; /* tab left/right border color */
    border-width: 0 1px;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border: solid #a3a3a3; /* tab top border color */
    border-width: 1px 0 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background: #F0FFFF url(C:\Program Files\PHPMaker 7\themes\_images\/liteblue.png); /* highlighted tab background */
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background: #9C9AB7 url(C:\Program Files\PHPMaker 7\themes\_images\/silver.png); /* selected tab background */
    color: #000000;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color: #243356; /* selected tab border color */
}


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

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
    font-size: small; /* font size */
    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; /* font name */
    font-size: small; /* font size */
    color: #000000; /* text color */ 
}

.ewUnmatched {
    background: #FF9F9F;
}

/* scrollable table */
.ewScrollableTable {
    *overflow-y: auto; /* for ie */
}

.ewScrollableTable thead tr {
    position: relative; /* for ie */
}

.ewScrollableTable .ewScrollableTableHeader {
    overflow: hidden;
    position: relative; /* for ie overflow bug http://rowanw.com/bugs/overflow_relative.htm */
}
/* scrollable table */

.ewLangForm {
    text-align: right;
}