﻿body
{
    font-family: Verdana, Serif;
    font-size: 12pt;
    
    margin-bottom:0px;
    margin-top:0px;
    background-color:#1A76B7;
}

table ,form
{
    font-family: Verdana, Serif;
    font-size: 12pt;
}

h2
{
	font-family: Trebuchet MS, Tahoma, Verdana, Serif;
    color: Navy;
}

h2.ChineseTitle
{
	font-family: 標楷體, Sans-Serif;
	font-size: 16pt;
}

A
{
    text-decoration: none;
}

A:hover
{
    text-decoration: underline;
}

.clsGrid
{
    border-collapse: collapse;
    border: solid 1px gray;
}

.clsGrid TD, .clsGrid TH
{
    padding: 5px;
}

.clsGridHeader
{
    color: Navy;
    background-color: #bbbbbb;
    letter-spacing: 1px;
    font-size: 12pt;
}

.clsGridHeader TH
{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99ccff,endColorStr=#004699);
}

.clsGridHeader2 TH
{
    background-color: #b8f0a4;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8f0a4,endColorStr=#1f4615);
    letter-spacing: 1px;
    font-size: 12px;
}

.clsGridHeader A, #ContentPane .clsGridHeader A
{
    text-decoration: none;
    color: Navy;
}

.clsGridHeader A,#ContentPane .clsGridHeader A:hover
{
    color: #84c2fd;
    text-decoration: none;
}

.clsGridHeader2 A
{
	color: Wheat;
	text-decoration: none;
}

.clsGridHeader2 A:hover
{
    color: #84c2fd;
    text-decoration: none;
}

.clsGridRow
{
	background-color:white;
}

.clsGridRowAlt
{
	background-color:#eeeeff;
}

.clsGridSelect
{
    background-color: #ddddff;
}

.clsGridSelect TD
{
    border: solid 1px #eeeeff;
}

.clsGridSelectRow
{
    background-color: #d0ffdd;
}

.clsGridSelectColumn
{
    background-color: #d0ffdd;
}

.clsRemark
{
    color: #990000;
}

.clsErrorMessagePane
{
	background-color: #C0C0FF;
	color: #C00000;
	border: solid 1px Gray;
	height: 450px;
	width: 350px;
	display: none;
}

.clsNotes
{
	color: #990000;
	font-family: Verdana, Tahoma, Serif;
	font-size: 8pt;
}

.clsLinkButton
{
	color: #999999;
	text-decoration: none;
	
	border: solid 1px #bbbbbb;
	padding: 3px;
}

.clsCalendar
{
	font-family: Arial, Serif;
	font-size: 9pt;
	
	vertical-align: top;
	border: solid 1px #666666;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	height: 90%;
}

.clsCalendarTitle
{
	background-color: Silver;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99ccff,endColorStr=#004699); */
	
	color: Black;
	font-family: Verdana, Arial, Serif;
	font-size: 10pt;
	font-weight: bolder;
}

.clsCalendarHeader
{
	background-color: #004699;
	color: White;
	font-family: Verdana, Arial, Serif;
	font-size: 10pt;
	font-weight: bolder;
	
	border: solid 1px black;
}

.clsCalendarDay
{
	border: solid 1px #666666;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

.clsCalendarOtherMonthDay
{
	color: #bbbbbb;
	
	border: solid 1px #666666;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

.clsCalendarWeekend
{
	background-color: #eeeeff;
	color: Purple;
	
	border: solid 1px #666666;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}


#LogonUserInfo
{
	color: Gray;
}

#VersionInfo
{
	color: #999999;
}

#Header
{
	/*background-color:YellowGreen;*/
}

#MenuBar
{
	background-color:#a6a7a7;
	
	padding-left: 1%;
}

#NavBar
{
	background-color:LightYellow;
	
	text-align:left;
	font-size:8pt;
	
	width:160px;
	
}

#NavBar A
{
	display:block;
	
	width:145px;
	height:22px;
	
	color:#ffffff;
	text-decoration: none;
	letter-spacing:4px;
	font-size:8pt;
	
	background-color:#1A79bb;
	border:1px solid #000000;
	border-color:#000000 #FFFFFF #FFFFFF #FFFFFF;
	border-top:0px;
	
	padding-top:8px;
	padding-left:15px;
}

#NavBar A:hover
{
	color:#ffffff;
	/*background-color:#b48841;
	border:1px solid #261b07;
	border-top:0px;*/
	
	background-image:url(../images/button_images/L-icon.gif);
}

#NavBar ul
{
	margin:0px;
	padding:0px;
	width:90%;

	list-style:none;
}

#NavBar li
{
	float:left;
	width:100%;
}
	
#ContentPane
{
	padding-left:5px;
	padding-right:5px;
	/*overflow:auto;
	background-color:#FFFFFF;*/
	
	/*width:800px;*/
	height:600px;
}

#ContentPane A:link
{
	text-decoration: none;
    color:blue;
}

#ContentPane A:visited
{
	text-decoration:none;
	color:Navy;
}

#ContentPane A:hover
{
    text-decoration: underline;
    color:Red;
}

#Footer
{
	color:Blue;
}


.www 
{	
	COLOR: navy; 
	FONT-FAMILY: "新細明體", "細明體"; 
	FONT-SIZE: 11pt; 
	LINE-HEIGHT: 18px;
}
.wwww 
{	
	COLOR: navy; 
	FONT-FAMILY: "新細明體", "細明體"; 
	FONT-SIZE: 11pt; 
	LINE-HEIGHT: 26px ;
}
