body
{
	background-image: url(../IMG/back.jpg);
/*	background-color: #ccccff;*/
	font-size:13;
}

.f10{ font-family: Arial; font-size: 10pt }

/*************** 表格格式--Tony-- START ********************/
/* 圖解:
   -------------------------------------------	There are two tables here!!
   |                                         |	Outer Table use 【nTB_Around】 style only.
   |  -------------------------------------  |  Inner Table use 【nTB】 for table tag style, and 【nTR】for tr tag style.
   |  |              title                |  |
   |  |-----------------------------------|  |  The title TD tag use 【nTD_Title】 style.
   |  |    item   |     input Field       |  |  The item TD tag use 【nTD_Left】, and input Field TD tag use 【nTD_Right】style.
   |  -------------------------------------  |
   |                                         |
   -------------------------------------------
*/

.InputField
{
  color:blue;
  font-family:新細明體,Courier New,Arial;
  font-size:14;
  /*text-valign:middle;*/
  text-align:right;
  padding: 1px;
}

.gridHover
{
    background-color: #CCCCFF;
}

.nTD_Title
{
	/*border-right: #7796ac 1px solid;
	border-top: #c4d1d1 1px solid;*/
	padding-left: 5px;
	font-size: 20px;
	font-family: 新細明體;
	font-weight:bolder;
	/*border-left: #c4d1d1 1px solid;*/
	color: #ffffff;
	/*border-bottom: #7796ac 1px solid;*/
	background-color: #000099;
	text-align: left;
}

.nTD_Left  
{
	height:25px;
	text-align:right;
	padding-right:5px;
	color:000000; 
	background-Color:#C4D1D1;
	border-left:1 solid #C4D1D1;
	border-Top:1 solid #C4D1D1;
	border-Right:1 solid #7796AC;
	border-Bottom:1 solid #7796AC;
	font-size:12px;
	font-weight:bold;
}

.nTD_Head  
{
	text-align:center;
	padding-right:5px;
	color:000000; 
	background-Color:#C4D1D1;
	font-size:12px;
	font-weight:bold;
	}

.nTD_Right 
{
	height:25px;
	color:001133;
	padding-left:5px;
	background-Color:#EFF3F7;
	border-left:1 solid #C4D1D1;
	border-Top:1 solid #C4D1D1;
	border-Right:1 solid #7796AC;
	border-Bottom:1 solid #7796AC;
	font-size:13px;
}
/*************** 表格格式--Tony-- END **********************/

.DivMultiDataGrid
{
  position:relative;
  BACKGROUND-COLOR:WHITE;
  background-image:url(../IMG/bg.gif);
  overflow:auto;
  width:98%;  
  z-index:1;
  font-size:13;
}

div.FunTitle
{
	font-size:15;
	BACKGROUND-COLOR:#27A174;                             
	COLOR:FFFFFF;
	font-family:Arial,新細明體;
	LETTER-SPACING: 10px;	                   
}

/*功能標題名稱*/   
table.FunTitle
{   
	font-size:15;
	BACKGROUND-COLOR:#27A174;                             
	COLOR:FFFFFF;
	font-family:Arial,新細明體;
	LETTER-SPACING: 10px;	                   
}

/*Grid Caption 表格抬頭(TR)*/
.GridCaptionTr
{
  /*BACKGROUND-COLOR:#49c3aa;*/
   BACKGROUND-COLOR:#CCFFCC;
  font-size:13;
  COLOR:333333;
  letter-spacing: 1px;
}

/*Grid Data 表格資料*/
.GridDataTr
{
  /*BACKGROUND-COLOR:#C8F6E8;*/
  /*COLOR:#222222;*/
  BACKGROUND-COLOR:#E5F9DA;
  COLOR:#373737;
  font-size:13;
  letter-spacing: 1px;
}

/*Grid Selected Data 表格被選取資料*/
.GridDataSelTr
{
  /*BACKGROUND-COLOR:#D6DFE8;*/
  BACKGROUND-COLOR:#F7F4CD;
  font-size:13;
  COLOR:black;
  cursor:hand;
  letter-spacing: 1px;
}

/*	width:100px; */
select.KeyInFld
{
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:13px;
	COLOR:#000000;
}
select.viewOnlyFld
{
	width:100px;
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:13px;
	COLOR:#A0A0A0;
}

INPUT.keyInFld
{
	BACKGROUND-COLOR:#EFF3F7;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 1px solid black;
}
INPUT.NonEditFld
{
	BACKGROUND-COLOR:#EFF3F7;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#999999;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: medium none;
}
INPUT.keyInFld50PX
{
	BACKGROUND-COLOR:#EFF3F7;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	WIDTH:50PX;
	TEXT-ALIGN:CENTER;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 1px solid black
}
INPUT.keyInFld_NM
{
	text-align:right;
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 1px solid black
}
INPUT.viewOnlyFld
{
	/*BACKGROUND-COLOR:#C4D1D1;
	BACKGROUND-COLOR:#66CDAA;*/
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:12;
	/*COLOR:#555555;*/
	COLOR:#A0A0A0;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 2px GROOVE SILIVER;
}
TEXTAREA.keyInFld
{
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:12;
	COLOR:#000000;
	border: 1px solid black
}
TEXTAREA.viewOnlyFld
{
	/*BACKGROUND-COLOR:#C4D1D1;
	BACKGROUND-COLOR:#66CDAA;*/
	BACKGROUND-COLOR:#EFF3F7;
	FONT-SIZE:12;
	/*COLOR:#555555;*/
	COLOR:SILIVER;
	border: 2px GROOVE SILIVER
}
SPAN.CMDAREA
{
 font-size:13px;
 cursor:hand;
 FILTER: alpha(opacity=30);
 font-weight:bold;
 color:#336699;
  /* background-image:url("../IMG/bg.gif");*/
}
IMG.CMDAREA
{
	width:14px;
	height:14px;
	cursor:hand;
	/*FILTER: alpha(opacity=30);*/
}
.CMDAREANONEDIT
{
	width:14px;
	height:14px;
	cursor:default;
	FILTER: alpha(opacity=30);
}

INPUT.CMDAREA
{
	cursor:hand;
	FILTER: alpha(opacity=30);
}
IMG.QRYAREA
{
	width:16px;
	height:16px;
	cursor:hand;
	/*FILTER: alpha(opacity=30);*/
	/*border:solid 1 #C4D1D1;*/
	BORDER-TOP		: #AAAAAA solid 1px;
    BORDER-LEFT		: #AAAAAA solid 1px;
    BORDER-RIGHT	: black solid 2px;
    BORDER-BOTTOM	: black solid 2px;
    
}

/****************** FieldSet的標題(legend) Start ********************/
.lgdTitle{
	font-size:12px;
	color:#336699;
}

.FieldSetTitle{
	border:1 solid black;
	font-size:12px;
	color:#336699;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
	padding-right:20px;
	cursor:default;
}
/****************** FieldSet的標題(legend) End ********************/
/****************** 淡藍按鈕 start ******************/
.lightblue_button{
cursor:hand;
width:100px;
height:25px;
FONT-SIZE:14px;
background-Color:#99AACC;
color:#FFFF99;
FONT-FAMILY: 新細明體,Arial Narrow;
letter-spacing: 1px;

}
.img_button{
cursor:hand;
width:20px;
height:10px;
FONT-SIZE:10px;
background-Color:#99AACC;
color:#FFFF99;
FONT-FAMILY: 新細明體;
letter-spacing: 1px;
}

.select_button{
cursor:hand;
width:70px;
height:26px;
FONT-SIZE:12px;
background-Color:#99AACC;
color:#FFFF99;
FONT-FAMILY: 新細明體,Arial Narrow;
letter-spacing: 3px;
}
.tblightblue_button{
cursor:hand;
FONT-SIZE:12px;
background-Color:white;
color:blue;
FONT-FAMILY: 新細明體,Arial Narrow;
letter-spacing: 3px;
}
.tbselect_button
{
cursor:hand;
FONT-SIZE:12px;
background-Color:white;
color:blue;
FONT-FAMILY: 新細明體,Arial Narrow;
letter-spacing: 3px;
}
.lnklightblue_button{
cursor:hand;
width:70px;
height:26px;
FONT-SIZE:12px;
background-Color:#99AACC;
color:#FFFF99;
FONT-FAMILY: 新細明體,Arial Narrow;
letter-spacing: 3px;
}

/****************** 淡藍按鈕 End ********************/
/****************** 藍漸層表格 start ******************/
.DARKBLUE_TITLE_TD
{
	margin-top: 3px;
	font-size: 11pt;
	background-image: url(../IMG/darkred.jpg);
	margin-left: 3px;
	color: #ffc600;
	font-family: 新細明體;
	letter-spacing: 10px;
	text-align: left;
}
/****************** 藍漸層表格 End ********************/
/****************** 灰小字 start ******************/
.gray_text
{
	font-size: 9pt;
	color: #444444;
	font-family: Verdana , 新細明體;
	letter-spacing: 2px;
}
/****************** 灰小字 end ******************/

.SystemMemoMsg
{
	font-size:13;
	text-align:left;
	color:Blue;		
}

.ErrorMsg
{
	font-size:13px;
	color:Red;
	font-weight:bold;
}
.dhtmltooltip
{
	position: absolute;
	width: 200px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
/*	visibility: hidden;*/
	z-index: 100;
	font-size:12px;
}

.sysLoading
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #000099;
	BACKGROUND-COLOR: #ffcc66;
	width:100%;
	Z-INDEX: 100; 
	POSITION: absolute; 
	TOP: 170px;
	text-align:center ;
/*	height:200px;*/
}

/****************** Page View start ******************/
.tabDefault
{
	color:#AAAAAA; 
	background-color:#EEEEEE; 
	border-color:#AAAAAA; 
	border-width:1px; 
	border-style:solid; 
	font-weight:bold; 
	font-family:標楷體; 
	font-size:11px; 
	height:20px; 
	width:100px; 
	text-align:center;
}

.tabSelect
{
	color:#000000; 	background-color:blue; 	border-bottom:none
}

.sepDefault
{
	background-color:#FFFFFF;border-color:#AAAAAA; 	border-width:1px; border-style:solid; border-top:none; border-left:none; border-right:none;}

.multiPageStyle
{
	BORDER-RIGHT:#aaaaaa 1px solid;	BORDER-TOP:medium none; BORDER-LEFT:#aaaaaa 1px solid; BORDER-BOTTOM:#aaaaaa 1px solid;
}

.tabHover
{
	color:blue;
	border-width:2px;
	border-color:Black;
}
/****************** Page View end   ******************/
/****************** Radio Button start   ******************/
.rdoItem
{
	color:blue;
	font-family:新細明體;
	font-size:11px;
}
/****************** Radio Button end     ******************/

/****************** DataGrid start     ******************/
.GridEditFld
{
	BACKGROUND-COLOR:white;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 1px solid black
}
.GridEditFldAlter
{
	BACKGROUND-COLOR:white;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: 1px solid black
}
.GridNonEditFld
{
	BACKGROUND-COLOR:#E7E7FF;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: medium none;
}
.GridNonEditFldSelect
{
	BACKGROUND-COLOR:#ffcccc;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: medium none;
}

.GridNonEditFldAlter
{
	BACKGROUND-COLOR:#F7F7F7;
	/*background-image:url("../IMG/bg.gif");*/
	FONT-SIZE:12;
	COLOR:#000000;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: medium none;
}

.GridEditSelect
{
	 Font-Size:12px; 
	 background-color:#ffcccc;
}

.GridItem
{
	Font-Size:12px;
	Height:22px;
	background-color:#E7E7FF;
}

.GridSelectItem
{
	Font-Size:12px;
	background-color:#ffcccc;
}

.GridAlterItem
{
	Font-Size:12px;
	background-color:#F7F7F7;
}
/****************** DataGrid end     ******************/

/****************** Calendar start     ******************/
.calendarStyle
{
	Font-Size:12px;
	Width:100px;
	Height:100px;
	color:#000000;
	border-color:#000000;
}

.calendarDayStyle
{
	Font-Size:12px;
	font-weight:bolder;
	background-color:White;
	Height:10px;
}

.calendarNextPrevStyle
{
	Color:White;
	background-color:#336699;
	Font-Size:13px;
	font-weight:bolder;
}

.calendarDayHeaderStyle
{
	Font-Size:11px;
	background-color:#E0E0E0;
	Height:10px;
}

.calendarTitleStyle
{
	Color:White;
	background-color:#336699;
	Font-Size:12px;
	font-weight:bolder;
	Height:20px;
}

.calendarOtherMonthDayStyle
{
	Color:Silver;	
}
/****************** Calendar end     ******************/
/****************** Alert start ***********************/
.alertHead
{
	color:Red;
	font-weight:bolder;
}
.alertMsg
{
	color:Black;
}
/****************** Alert end   ***********************/