html
{
	overflow-x:auto;
	overflow-y:scroll;
}
	
body 
{
	margin:0 0 0 0;
}


/***********************************************/
.calendar
{
	font-family:微軟正黑體;		
	font-size:12px;	
	border:solid 1px silver;
	text-decoration:none;
}
                            
.calendar-title
{
	font-family:微軟正黑體;		
	font-size:14px;
	font-weight:bold;
	color:white;
	background-color:silver;
}

.calendar-dayheader
{
	color:Gray;	 
}
	
.calendar-todayday
{
	background-color:Transparent;
	color: white; /* not work .. set in control.init  */
}

.calendar-othermonthday
{
	color:silver;	/* not work .. set in control.init */

}	

.calendar-selectedday
{
	background-color:yellow;	
}

.calendar-nextprev
{
	color:White;		/* not work .. set in control.init  */
}

.calendar-day
{
	color:Red;			/* not work .. set in control.init */
}	


/**********************************************/
.panel-hmenu
{
	background-color:#8CC6FF;
	height:26px;
}

.hmenu 
{
	background-color:transparent;
	display:inline;
}

.hmenu .item
{		
	font-family:微軟正黑體;		
	font-size:18px;
	background-color: #FFBD42;
	font-weight:normal ;
	padding: 1px 8px 0px 6px;
	color: White;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: silver;
	height:24px;
}

.hmenu .itemselected, .hmenu .itemhover
{
	background: url(images/hmenu-green_over.gif) repeat;
	background: #FFBD42;
	color: Yellow;
}

.hmenu a, .hmenu a:visited
{
	height:24px;
}

.hmenu a:hover, .hmenu a:active, .hmenu a:focus
{
	height:24px;
}


/**********************************************/
.vmenu 
{
	background:url(images/vmenu-green.gif) repeat;
	background:transparent;	
	font-weight:normal ;
	font-size:16px;
	font-family:Arial Narrow;	
	font-family:微軟正黑體;	
}

.vmenu .item
{
	font-family:微軟正黑體;		
	font-size:16px;
	background:url(images/vmenu-green.gif) repeat;
	background:orange;	
	padding-left:6px;
	padding-right:8px;	
	padding-top:2px;
	padding-bottom:2px;
	color:White;
	border-style:solid;
	border-width:0 1px 1px 1px;
	border-color:silver;
	height:22px;	
}

.vmenu .itemselected, .vmenu .itemhover
{
	 background:url(images/vmenu-green_over.gif) repeat;
 	 background: #FFBD42;
	 color:Yellow;
}

.vmenu a, .vmenu a:visited
{
	background:transparent ! important;
	display:block;
}

.vmenu a:hover, .vmenu a:active, .vmenu a:focus
{
	background:transparent ! important;
	display:block;
}



/*******************************************/
.combo
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	background-color:#ffff88;
	color:#555555;			
	border-style:none;
	margin-top:0px;
	height:20px;
}

.combo-novalid
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	background-color:White;
	color:#555555;			
	border-style:none;
	margin-top:0px;
	height:20px;
}

.combo-readonly
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	color:Red;		/* not work .. already checked in w3school !!! */
	background-color:#e8e8e8;
	border-style:none;
	margin-top:0px;
	height:20px;
}

/* standard -6px  */
.cmdbutton
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
	width:60px;
	height:24px;
	position:relative;
	top:-6px;
	border-style:outset;
}

.cmdbutton-2px
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
	width:60px;
	height:24px;
	position:relative;
	top:-2px;
	border-style:outset;
}

.cmdbutton-6px
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
	width:60px;
	height:24px;
	position:relative;
	top:-6px;
	border-style:outset;
}


.reportcmdbutton
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
	width:60px;
	height:24px;
	position:relative;
	top:-6px;
	border-style:outset;
}

.button 
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
}

.reportbutton 
{
	font-family:Arial;
	font-family:微軟正黑體;
	font-size:12px;
	color:#555555;
	top:-2px;
}

.checkbox
{
	font-family:微軟正黑體, Courier New;
	font-family:微軟正黑體;
	font-size:8pt;
	background-color:Transparent   ;
	color:#555555;		
	margin-left:-4px;
	padding-left:-4px;
	height:20px;
}

.checkbox-readonly
{
	font-family:微軟正黑體, Courier New;
	font-family:微軟正黑體;
	font-size:8pt;
	background-color:Transparent   ;
	color:#555555;		
	margin-left:-4px;
	padding-left:-4px;
	height:20px;
}

.dropdownlist
{
	font-family:微軟正黑體, Courier New;
	font-size:11px;
	background-color:Transparent   ;
	color:#555555;		
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:Silver;
	margin-top:1px;
	margin-right:4px;
}

.dropdownlist-readonly
{
	font-family:微軟正黑體, Courier New;
	font-size:11px;
	background-color:#e8e8e8;
	color:Red;		/* not work .. already checked in w3school !!! */
	border-style:inset;
	margin-top:1px;
}

.dropdownlist-large
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	background-color:White  ;
	color:#555555;		
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:Silver;
	margin-top:1px;
	margin-right:4px;
}


.editbox
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:White;
	vertical-align:top;
	/* cannot set height here .. it reset rows="4" to rows="1" */
}

.editbox-readonly
{
	font-family:Courier New;
	font-size:12px;
	color:Red;	
	background-color:#e8e8e8;
	vertical-align:top;
	/* cannot set height here .. it reset rows="4" to rows="1" */
}

.editbox-valid
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:#ffff88;
	vertical-align:top;
	/* cannot set height here .. it reset rows="4" to rows="1" */
}


.imagebutton
{
	height:22px;
}

.imagebutton-icon
{
	height:22px;
}

.panel
{

}

.panel-submenu
{
}

.panel-submenu-table
{
}

.td-submenu-link
{
	font-family:微軟正黑體;
	font-size:16px;
	height:24px;
	width:120px;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:blue;
	display:block;
}
.td-submenu-link:hover
{
	font-family:微軟正黑體;
	font-size:16px;
	height:24px;
	width:120px;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	background: #FFBD42;
	color: Yellow;
	display:block;
}



.td-submenu-link-login
{
	font-family:微軟正黑體;
	font-size:16px;
	width:820px;
	height:24px;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:blue;
	background-color:#FFBD42;
	display:block;
}
.td-submenu-link-all-in-one
{
	font-family:微軟正黑體;
	font-size:16px;
	width:820px;
	height:24px;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:blue;
	background:#8CC6FF;	
	display:block;	
}
.td-submenu-link-logout
{
	font-family:微軟正黑體;
	font-size:16px;
	width:820px;
	height:24px;
	padding:10px;
	text-decoration:none;
	font-weight:bold;
	color:blue;
	background-color:#FFBD42;
	display:block;
}




.panel-picker
{
	background-color:#ffeedd;
	background-color:#EFF3FB;
	border-style:solid;
	border-color:Silver;
	border-width:1px;
}

.panel-prompt
{
	background-color: #ffeedd;
	background-color: #FFE8BB;
	border-style: solid;
	border-color: Silver;
	border-width: 1px;
}


.panel-entry
{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:silver;
}

.panel-query
{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:silver;
}

.panel-report
{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:silver;
}

.panel-popup
{
	background-color:#f0f0ff;
	padding:6px;
	border-style:solid;border-color:Silver;border-width:1px;
}

.panel-range
{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:Silver;
	padding:4px 0 4px 0;
	background-color:#f0ffe0;
	background-color:Transparent ;
}

.panel-popup-range
{
	border-style:solid;border-color:Silver;border-width:0 0px 0 0px;
	padding:4px 0 4px 0;
	background-color:#ffeedd;
	background-color:transparent;	
}

.panel-grid
{
	background-color:#f0ffe0 ;
	background-color:Transparent;
	border-style:solid;
	border-width:0px;
	border-color:silver ;
	
}

.panel-popup-grid
{
	border-style:solid;border-color:Silver;border-width:0px;
	background-color:#ffeedd ;
	background-color:Transparent;
}



.panel-toolbar
{
	background-image:url(images/gradient/silver.gif);
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:Silver;
}

.panel-popup-toolbar
{
	border-style:solid;border-color:Silver;border-width:1px 0 1px 0;
	background-image:url(images/gradient/silver.gif);
	background-color:white;
	padding-top:5px;
	padding-bottom:1px;
}

.panel-footer 
{
}

.panel-ddlcopy 
{
	border-style:solid;
	border-width:0 0px 0 0px;
	border-color:Silver;
}

/*******************************************/
.textbox
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:white;
	vertical-align:top;
	height:16px;
}

.textbox-valid
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:#ffff88;
	vertical-align:top;
	height:16px;
}

.textbox-readonly
{
	font-family:Courier New;
	font-size:12px;
	color:Red;	
	background-color:#e8e8e8;
	vertical-align:top;
	height:16px;
}

.textbox-readonly-transparent
{
	font-family:Courier New;
	font-size:12px;
	color:Red;	
	background-color:#e8e8e8;
	background-color:Transparent;
	vertical-align:top;
	height:16px;
}


/********************************************/
/* textbox-dropdownlist .. is tailored to match the height of combo which can't be set atm *******/
.textbox-dropdownlist
{
	font-family:微軟正黑體, Courier New;
	font-size:11px;
	color:#555555;	
	background-color:white;
	border:solid 1px silver;
	vertical-align:top;
	height:15px;
	margin-top:1px;
	margin-right:4px;
}

.textbox-dropdownlist-valid
{
	font-family:微軟正黑體, Courier New;
	font-size:11px;
	color:#555555;	
	background-color:#ffff88;
	border:solid 1px silver;
	vertical-align:top;
	height:15px;
	margin-top:1px;
	margin-right:4px;
}



/************************************************/
.grid-table
{
	border:1px solid silver;
}

.grid-row td, .grid-alternatingrow td, .grid-selectedrow td, .grid-whiterow td, .grid-header td, .grid-header th
{	
	border:1px solid silver;	
}	

/************** static *******************/
.grid-row
{
	background-color: #ffeeee;
	background-color: White;
}
.grid-row:hover
{
	background-color:#FFE0A8;
}

.grid-alternatingrow
{
	background-color:#ffddee;
	background-color:#EFF3FB;
}
.grid-alternatingrow:hover
{
	background-color:#ffddee;
	background-color:#FFE0A8;
}

.grid-whiterow
{
	background-color: white;
}
.grid-whiterow:hover
{
	background-color: white;
}

.grid-selectedrow
{
	background-color: white;
	background-color: #ffd700;
	background-color: #FFCF77;
}
.grid-selectedrow:hover
{
	background-color: #FFE0A8;
}


/***********************/
.grid-footer
{
	color:White;
	background-image:url(images/gradient-green.gif);
	background-color:Transparent;
}

.grid-pager
{
	font-family:Courier New;
	font-size: 12pt;
	font-weight:bold;
	background-image: url(images/gradient-orange.gif);
	background-color: Transparent;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:Silver;
}
.grid-pager span
{
	font-family:Courier New;
	font-weight:normal;
	font-size:14pt;
	color:#555555;
	text-decoration:none;
}
.grid-pager a
{
	font-family:Courier New;
	font-weight:bold;
	font-size: 12pt;
	color: #DF9200;
	text-decoration:none;
}


/*************************************/

.grid-caption 
{
	background-image: url(images/gradient-blue.gif);
	background-color: #8CC6FF;
	background-color: White;
	padding:4px 0 4px 0;
}

.grid-caption-label
{
	font-family:微軟正黑體;
	font-size:26px;
	font-weight:bold;
	background-color: #8CC6FF;
	color: white;
	padding: 2px 2px 2px 12px;
	text-align: left;
	display:block;
}

.grid-caption-label-access-denied
{
	font-family:微軟正黑體;
	font-size: 26px;
	font-weight: bold;
	background-color: #FF551C;
	color: white;
	padding: 2px 2px 2px 12px;
	text-align: left;
	width: 100%;
}


.grid-header
{
	color: White;
	background-color: #B0D8FF;
	border: 1px solid silver;
	height: 26px;
}

/* when dispaly Caption# vs Caption, some chinese.font has inconsistent alignment such as 細明體. Hence we use 微軟正黑體, 標楷體 */
.grid-header-textbox
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: left;
	border-style: none;
	font-weight: normal;
	color: Navy;
}
	
	
.grid-header-textbox-readonly
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: left;
	border-style: none;
	font-weight: normal;
	color: Navy;
}

.grid-header-textbox-valid
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: left;
	border-style: none;
	font-weight: normal;
	color: Navy;
}

.grid-header-linkbutton-readonly
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: left;
	border-style: none;
	font-weight: normal;
	color: Navy;
	text-decoration:underline;
	width:90%;
}

.grid-header-linkbutton-readonly-right
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: right;
	border-style: none;
	font-weight: normal;
	color: Navy;
	text-decoration:underline;
	width:90%;
}

.grid-header-linkbutton-valid
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: left;
	border-style: none;
	font-weight: normal;
	color: Navy;
	text-decoration:underline;
	width:90%;
}

.grid-header-linkbutton-valid-right
{
	font-family:微軟正黑體;
	font-size: 13px;
	background-color: Transparent;
	text-align: right;
	border-style: none;
	font-weight: normal;
	color: Navy;
	text-decoration:underline;
	width:90%;
}


.grid-combo
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	color:#555555;	
	background-color:#ffff88;
	border-style:solid;border-width:0px;border-color:#99CCFF;
	vertical-align:top;		
	height:20px;
}

.grid-combo-novalid
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	color:#555555;	
	background-color:White;
	border-style:solid;border-width:0px;border-color:#99CCFF;
	vertical-align:top;		
	height:20px;
}

.grid-combo-readonly
{
	font-family:微軟正黑體, Courier New;
	font-size:12px;
	color:#555555;	
	background-color:Transparent;
	border-style:solid;border-width:0px;border-color:#99CCFF;
	vertical-align:top;		
	height:20px;
}



.grid-textbox
{
	font-family:Courier New;
	font-size: 12px;
	color: #555555;
	background-color: White;
	border: 1px solid #99CCFF;
	vertical-align: top;
	height: 18px;
}


.grid-textbox-readonly
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:Transparent;
	border-width:0px;	
	vertical-align:top;		
	height:22px;
}

.grid-textbox-valid
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:#ffff88;
	border-style:solid;
	border-width:1px;
	border-color:#7f9db9;
	vertical-align:top;	
	height:18px;
}


.grid-editbox
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:White;
	border-style:solid;
	border-width:1px;
	border-color:#7f9db9;
	vertical-align:top;	
	/* cannot set height here .. it reset rows="4" to rows="1" */
}

.grid-editbox-valid
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:#ffff88;
	border-style:solid;
	border-width:1px;
	border-color:#7f9db9;
	vertical-align:top;	
	/* cannot set height here .. it reset rows="4" to rows="1" */
}


.grid-editbox-readonly
{
	font-family:Courier New;
	font-size:12px;
	color:#555555;	
	background-color:Transparent;
	border-width:0px;	
	vertical-align:top;		
	/* cannot set height here .. it reset rows="4" to rows="1" */
}



/*******************************/
.grid-popup-table
{
}

.grid-popup-caption h2
{
	font-family:微軟正黑體;
	color:white;
	background-image:url(images/gradient-brown.jpg);
	border-style:outset;
	border-width:1px;
	padding:2px 2px 2px 12px;
	text-align:left;
}



/*******************************/
.gridedit-table
{
	background-color: #F4F4F4;
	background-color:Transparent;
}

.gridedit-table-td-left
{
	background-color: #DDDDDD;
	background-color: #EFF3FB;
	background-color: #B0D8FF;
	background-color: #B9DCFF;
}


.gridedit-table-td-start
{
	background-color:Transparent;
	float:left;
	padding:-3px;
	margin:-3px;
}

.gridfooter-table 
{
	background-color:Transparent;

}



/************************************************/
.label
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:#555555;
	text-align:right ;
	padding-right:4px;
	/*** this line is removed s.t. <label><label> won't gives <cr> effect
	display:block;  
	***/
}

/**** must input ****/
.label-red
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:Red;
	text-align:right ;
	padding-right:4px;	
}

/*** same as blue except must input ***/
.label-brown
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:brown;
	text-align:right ;
	padding-right:4px;	
}

/*** same as green except must input ***/
.label-olive
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:olive;
	text-align:right ;
	padding-right:4px;	
}


/*** % is required ***/
.label-blue
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:Blue;
	text-align:right ;
	padding-right:4px;	
}

/*** default to LK Opr ***/
.label-green
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:Green;
	text-align:right ;
	padding-right:4px;	
}

.label-left
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:#555555;
	text-align:left ;
	padding-right:4px;
}

.label-firefox
{
	display:block;float:left;
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:#555555;
	text-align:right ;
	padding-right:4px;		
}


.label-panel-caption
{
	display: block;
	color: white;
	background-image: url(images/gradient-brown.jpg);
	background-color: #FFC559;
	border-style: outset;
	border-width: 1px;
	padding: 5px 10px 5px 10px;
	font-family:微軟正黑體;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	height: 40px;	
}

.label-panel-popup-caption
{
	display: block;
	color: white;
	background-image: url(images/gradient-brown.jpg);
	background-color: #FFC559;
	border-style: solid;
	border-width: 0px;
	border-color:Silver;
	padding: 10px 10px 10px 10px;
	font-family:Verdana;
	font-family:微軟正黑體;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	height: 30px;
}



.label-banner
{	
	color:white;background-image:url(images/gradient-brown.jpg);border-style:outset;border-width:1px;padding-top:6px;padding-left:10px;padding-bottom:6px;
	font-family:Verdana ;
	font-family:微軟正黑體;	
	font-size:30px;
	font-weight:bold;
	text-align:left ;
}

.label-banner-firefox
{	
	display:block;
	color:white;background-image:url(images/gradient-brown.jpg);border-style:outset;border-width:1px;
	padding:10px 10px 10px 10px;
	font-family:Verdana ;
	font-family:微軟正黑體;	
	font-size:30px;
	font-weight:bold;
	text-align:left ;
	height:30px;
}

.label-banner-firefox-noborder
{	
	display:block;
	color:white;background-image:url(images/gradient-brown.jpg);border-style:outset;border-width:1px;
	background-color:Blue;
	padding:10px 10px 10px 10px;
	font-family:Verdana ;
	font-family:微軟正黑體;	
	font-size:30px;
	font-weight:bold;
	text-align:left ;
	height:30px;
}

.label-popup-banner
{
	border-style:solid;border-color:silver;border-width:1px;
	color:white;background-image:url(images/gradient-brown.jpg);
	font-family:Verdana ;
	font-family:微軟正黑體;	
	font-size:30px;
	font-weight:bold;
	text-align:center ;
}

.label-popup-banner-firefox
{
	display:block;
	border-style:solid;border-color:silver;border-width:1px;
	color:white;background-image:url(images/gradient-brown.jpg);
	font-family:Verdana ;
	font-family:微軟正黑體;	
	font-size:30px;
	font-weight:bold;
	text-align:center ;
}


/*****************************/
.linkbutton
{
	font-family:Arial;
	font-family:微軟正黑體;	
	font-size:10pt;
	background-color:Transparent ;
	color:#555555;
}

.linkbutton-imageenlarge
{
	border-style:none;	
}