/* Default CSS Stylesheet for a new Web Application project */

/* 自訂button */
.btn1
{ 	
	background-color: #DADBDC; 
	width: 60; 
	font-size: 10pt
}

.btn2
{
	background-color: #DADBDC; 
	width: 40; 
	font-size: 10pt; 
	border-bottom-style: solid
}

.workdate
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica;
    color:White;
}



.workdate1
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Helvetica;
    color:000000;
}

.btn81
{
	border-width:1pt;
	border-style:solid;
	border-color:#EFEFEF #5F5F5F #5F5F5F #EFEFEF;
	padding:2pt 1pt 1pt 1pt;
	background-color: #AFAFAF; 
	width: 80; 
	font-family:Arial, 細明體;
	font-size: 9pt; 
	color: #000050;
}

.btn82
{
	background-color: #AABBCC; 
	border-color:#000000;
	padding:2pt 1pt 1pt 1pt;
	border-width:1pt;
	border-style:solid;
	width: 80; 
	font-family:Arial, 細明體;
	font-size: 9pt; 
	cursor:hand;
}

.btn80
{
	background-color: #DADBDC; 
	width: 80; 
	font-size: 10pt; 
	border-bottom-style: solid
}

.btn100
{
	background-color: #DADBDC; 
	width: 100; 
	font-size: 10pt; 
	border-bottom-style: solid;
	font-family:細明體,Arial;
}

.btnlg1100
{
	background-color: #8095ae; 
	width: 140; 
	height: 20;
	font-size: 10pt; 
	border-bottom-style: solid;
	font-family:細明體,Arial;
}

.btnlg2100
{
	background-color: #b3bfd4; 
	width: 140; 
	height: 20;
	font-size: 10pt; 
	border-bottom-style: solid;
	font-family:細明體,Arial;
}

.btnlg2110
{
	background-color: #b3bfd4; 
	width: 105; 
	height: 20;
	font-size: 10pt; 
	border-bottom-style: solid;
	font-family:細明體,Arial;
}

A:link	{	
	text-decoration:	none;
	color:	blue;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	blue;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	blue;
	}	
		
A:hover	{	
	text-decoration:	none;
	color:	blue;
	}

.Table
{
	padding : 0 ;
	word-spacing : 0 ;
	border-width : 0 ;
}

.Table1
{
	padding : 0 ;
	word-spacing : 0 ;
	border-width : 0 ;
	width : 100% ;
}

.Table2
{
	padding : 0 ;
	word-spacing : 0 ;
	border-width : 1 ;
	border-color : White ;
	width: 100%;
}

.TDHeader
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
}

.TDHeader1
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 20%;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader1B
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 13%;
	text-align : right ;
	padding-right : 5 ;
}


.TDHeader2
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 20%;
	text-align : right;
	padding-right : 5 ;
}

.TDHeader2B
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 13%;
	text-align : right;
	padding-right : 5 ;
}



.TDHeader3
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 30%;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader3
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 30%;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader4
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 30%;
	text-align : right;
	padding-right : 5 ;
}



.TDHeader5
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader6
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	text-align : right;
	padding-right : 5 ;
}

.TDHeader7
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 13%;
	text-align : right ;
	padding-right : 5 ;
}


.TDHeader8
{
	background-color : #80BEC7 ;
	font-size : 10pt;
	height : 24px;
	width : 13%;
	padding-right : 5 ;
}


.TDHeader71
{
	background-color : #80BEC7 ;
	font-size : 10pt;
	height : 24px;
	width : 2%;
	text-align : right ;
	padding-right : 5 ;
}

.TDText
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 30%;
	padding-left : 5 ;
}

.TDTextB
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 12%;
	padding-left : 5 ;
}

.TDText1
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 70%;
	padding-left : 5 ;
}

.TDText2
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	padding-left : 5 ;
}

.TDText3
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 20%;
	padding-left : 5 ;
}

.TDText4
{
	background-color : #EAEBEC ;
	font-size : 10pt;
	padding-left : 5 ;
}

.TDHeadereB
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;	
	text-align : right ;
	padding-right : 5 ;
}

.TDTexte
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;	
}

.TDGrid
{
	background-color : #dadbdc ;
	font-size : 10pt ;
	width : 100% ;
}

.GridHeader
{
	background-color : #adadb5 ;
	font-size : 10pt;
}

.GridText
{
	background-color : #dadbdc ;
	font-size : 10pt;
}

.GridText1
{
	background-color : #dadbdc ;
	font-size : 10pt;
}

.GridFooter
{
	background-color : #adadb5 ;
	font-size : 10pt;
}

.GridPager
{
	background-color : #dadbdc ;
	font-size : 10pt;
}

.ListText
{
	font-size : 10pt;
}

.TextRight
{
	text-align :right ;
}




.TDHeader1NoWd
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader2NoWd
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	text-align : right;
	padding-right : 5 ;
}

.TDTextRightNoWd
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	padding-left : 5 ;
	text-align :right ;
}

.TDTextRightNoBd
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	border-style:none ;
	text-align :right ;
}

.TDTextLeftNoBd
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	border-style:none ;	
	color:Black;
}

.TDTextNoWd
{	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	padding-left : 5 ;
}
.TDTextNoBd
{
	background-color : #dadbdc ;
	font-size : 10pt;
	height : 24px;
	border-style:none ;
}

.Tab1
{
	font-size :10pt;
	font-weight :bold ;
}
.TextSize12
{
	font-size : 12pt;
}

.displayNone
{
	display:none ;
}

.display
{
	display:block;
}
.LabelSize11
{
	font-size : 11pt;
	font-family:細明體,Arial;
}

.TDHeader710
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 10%;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader711
{
	background-color :#dadbdc ;
	font-size : 10pt;
	height : 24px;
	width : 10%;
	text-align : right ;
	padding-right : 5 ;
}

.TDHeader100
{
	background-color : #adadb5 ;
	font-size : 10pt;
	height : 24px;
	width : 12%;
	text-align : right ;
	padding-right : 5 ;
}

.TDText5
{
	background-color : #dadbdc;
	font-size : 10pt;
	height : 24px;
	width : 15%;
	padding-left : 5 ;
}

.TDText6
{
	background-color : #dadbdc;
	font-size : 10pt;
	height : 24px;
	width : 8%;
	padding-left : 5 ;
}


.TextNoBorder
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	background-color:#dadbdc;	
}

.TextNoBorder1
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	background-color:#FFFFFF;	
}

.TextNoBorderRight
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	background-color:#dadbdc;	
	text-align :right ;	
}

.TextNoBorderRight1
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	background-color:#FFFFFF;	
	text-align :right ;	
}

.SystemFont
{
	font-size : 10pt;	
	color : #29486F;
}

.DataInfo
{
	font-size : 8pt;
	color:Navy;
}

/* Div container to wrap the datagrid */
div#div-datagrid {
width: 800px;
height: 400px;
overflow: auto;
}

/* Locks the left column */
td.locked
{
background-color: #B6CDFB;
border-right: 1px solid silver;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-1); /*IE5+ only*/
}

/* Keeps the header as the top most item. Important for top left item*/
th.header-Column-locked
{
background-color: #B6CDFB;
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid").scrollTop-1); /*IE5+ only*/
left: expression(document.getElementById("div-datagrid").scrollLeft-1); /*IE5+ only*/
z-index: 99;
}

/* Locks table header */
th.header-locked 
{
background-color: #B6CDFB;
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid").scrollTop-1); /*IE5+ only*/
z-index: 10;
}

/* Div container to wrap the datagrid */
div#div-datagrid-query {
width: 450px;
height: 245px;
overflow: auto;
}

/* Locks the left column */
td.locked-query
{
background-color: #A7C4BE;
border-right: 1px solid silver;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid-query").scrollLeft-1); /*IE5+ only*/
}

/* Keeps the header as the top most item. Important for top left item*/
th.header-Column-locked-query
{
background-color: #A7C4BE;
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid-query").scrollTop-1); /*IE5+ only*/
left: expression(document.getElementById("div-datagrid-query").scrollLeft-1); /*IE5+ only*/
z-index: 99;
}

/* Locks table header */
th.header-locked-query
{
background-color: #A7C4BE;
border-right: 1px solid silver;
position:relative;
cursor: default; 
top: expression(document.getElementById("div-datagrid-query").scrollTop-1); /*IE5+ only*/
z-index: 10;
}


.TextReadOnly
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	background-color:#dadbdc;
}

.TextReadOnlyRight
{
	font-size : 10pt;
	border-style:none;
	border-width:0pt;
	/*background-color:#EAEBEC;*/
	background-color:#dadbdc;
	text-align :right ;	
}

.ePaperheadertext
{
    FONT-SIZE: 12px;  
    color:White;
    font-family:Arial;
    font-weight:bold;    
}

.ePaperheadertext2
{
    FONT-SIZE: 12px;      
    font-family:Arial;
    font-weight:bold;    
}

.ePaperheaderTopic
{
    FONT-SIZE: 14px;  
    color: #444444;
    font-weight:bold;   
}

.ePaperheaderintroduction
{
    FONT-SIZE: 12px;  
    color:#555555;
    text-align:left;   
   
}


A.DetailText, A.DetailText:link
{
   color:#FD0000;    
   FONT-SIZE: 12px;  
   text-decoration:underline;   
   
} 


A.DetailText:hover, A.DetailText:active
{
   color:blue;    
    FONT-SIZE: 12px;   
   text-decoration:underline;   
}


 A.DetailText:visited
{
   color:#FD0000;    
   FONT-SIZE: 12px;  
   text-decoration:underline;          
}