div.normal 
{
	font-size:14pt; 
	text-align:center; 
	vertical-align:middle; 
	background-color:yellow; 
	border:dotted 3px black
}

div.description
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: medium;
	border-right: blue thick double;
	padding-right: 5px;
	border-top: blue thick double;
	padding-left: 5px;
	border-left: blue thick double;
	border-bottom: blue thick double;
}

div.title
{
	background-color: #ffffcc;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: larger;
	font-weight: bolder;
	padding-right: 15px;
	padding-left: 15px;
}

div.banner {text-align:center}

span.bookname
{
	font-weight: bolder;
	color: white;
	background-color: blue;
}

table.runsample
{
	width: 800px;
}

td.webform
{
	font-family: 新細明體;
	font-weight: bold;
	font-size: larger;
	width: 410px;
	text-align: right;
}

.dropdown
{
	font-family: Arial;
	font-size: 12pt;
	width: 220px;
}

body.bg
{
	background-color: #11aa88;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}


/************ Calendar Related Styles ***********************/
/* tCalendar 容器所用的樣式 */
/*　若有使用Table_1就使用此格式　*/
.tcssCalendar .ajax__calendar_container
{
    padding: 1px;
    position: absolute;
    cursor: default;
    width: 230px;
    text-align: center;
    font: 12px 標楷體;
    background-color: #ffffcc;
    border: 2px outset #646464;
    color: blue;
}

/* Calendar Body 所用的樣式 */
.tcssCalendar .ajax__calendar_body
{
    height: 155px;
    width: 230px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

/*
於顯示日期、月份、年份所用的樣式，
務必指定高度與寬度
*/
.tcssCalendar .ajax__calendar_days,
.tcssCalendar .ajax__calendar_months,
.tcssCalendar .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 155px;
    width: 230px;
    position: absolute;
    text-align: center;
    margin: 2px;
}

/* 指定標頭、註腳所需的高度與寬度 */
.tcssCalendar .ajax__calendar_header,
.tcssCalendar .ajax__calendar_footer
{
    height: 20px;
    width: 100%;
}

/*
指定「上一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.tcssCalendar .ajax__calendar_prev
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-position: 30% 30%;
    background-image:url("../Images/Calendar_3D_arrow_left.gif");
}

/*
指定「下一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.tcssCalendar .ajax__calendar_next
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    background-position: 30% 30%;
    background-image: url("../Images/Calendar_3D_arrow_right.gif");
}

/* 月曆第一行的標題所用的樣式 */
.tcssCalendar .ajax__calendar_title 
{
    cursor: pointer;
    font-weight: bold;
    color: black;
}

/* 月曆最後一行的今日所用的樣式 */
.tcssCalendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
    font-weight: bold;
    color: black;
}

/* 「星期」所用的樣式 */
.tcssCalendar .ajax__calendar_dayname
{
    height: 10px;
    width: 10px;
    text-align: right;
    color: Maroon;
    padding: 0px 2px;
}

/* 日曆所用的樣式 */
.tcssCalendar .ajax__calendar_day
{
    height: 10px;
    width: 10px;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 2px 2px;
}

/* 月份、年份所用的樣式38-52 */
.tcssCalendar .ajax__calendar_month,
.tcssCalendar .ajax__calendar_year
{
    height: 30px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

/* 已經被啟用的日期、月份與年份所用的樣式 */
.tcssCalendar .ajax__calendar_active .ajax__calendar_day,
.tcssCalendar .ajax__calendar_active .ajax__calendar_month,
.tcssCalendar .ajax__calendar_active .ajax__calendar_year 
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: blue;
    border: 1px solid black;
}

/* 非目前所選取的日期、月份或年份所用的樣式 */
.tcssCalendar .ajax__calendar_other .ajax__calendar_day,
.tcssCalendar .ajax__calendar_other .ajax__calendar_month,
.tcssCalendar .ajax__calendar_other .ajax__calendar_year 
{
    background-color: #ffffcc;
    color: #646464;
}

/* 當滑鼠移至月曆的第一行、最後一行時，所使用的樣式 */
.tcssCalendar .ajax__calendar_hover .ajax__calendar_title,
.tcssCalendar .ajax__calendar_hover .ajax__calendar_today
{
	background-color: #ffffcc;
	color: #00ff00;
}

/* 當滑鼠移至日期、月份、年份上時，所使用的樣式 */
.tcssCalendar .ajax__calendar_hover .ajax__calendar_day,
.tcssCalendar .ajax__calendar_hover .ajax__calendar_month,
.tcssCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    background-color: #0f2543;
	color: #ffffff;    
}

/************ Calendar Related Styles ***********************/
/* Calendar 容器所用的樣式 */
.cssCalendar .ajax__calendar_container
{
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 220px;
    text-align: center;
    font: 16px 標楷體;
    background-color: #ffffcc;
    border: 5px outset #646464;
    color: blue;
}

/* Calendar Body 所用的樣式 */
.cssCalendar .ajax__calendar_body
{
    height: 130px;
    width: 220px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

/*
於顯示日期、月份、年份所用的樣式，
務必指定高度與寬度
*/
.cssCalendar .ajax__calendar_days,
.cssCalendar .ajax__calendar_months,
.cssCalendar .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 130px;
    width: 220px;
    position: absolute;
    text-align: center;
    margin: 2px;
}

/* 指定標頭、註腳所需的高度與寬度 */
.cssCalendar .ajax__calendar_header,
.cssCalendar .ajax__calendar_footer
{
    height: 20px;
    width: 100%;
}

/*
指定「上一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.cssCalendar .ajax__calendar_prev
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image:url("../Images/Calendar_3D_arrow_left.gif");
}

/*
指定「下一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.cssCalendar .ajax__calendar_next
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("../Images/Calendar_3D_arrow_right.gif");
}

/* 月曆第一行的標題所用的樣式 */
.cssCalendar .ajax__calendar_title 
{
    cursor: pointer;
    font-weight: bold;
    color: black;
}

/* 月曆最後一行的今日所用的樣式 */
.cssCalendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
    font-weight: bold;
    color: black;
}

/* 「星期」所用的樣式 */
.cssCalendar .ajax__calendar_dayname
{
    height: 20px;
    width: 20px;
    text-align: right;
    color: Maroon;
    padding: 0px 2px;
}

/* 日曆所用的樣式 */
.cssCalendar .ajax__calendar_day
{
    height: 18px;
    width: 22px;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 2px 2px;
}

/* 月份、年份所用的樣式 */
.cssCalendar .ajax__calendar_month,
.cssCalendar .ajax__calendar_year
{
    height: 38px;
    width: 52px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

/* 已經被啟用的日期、月份與年份所用的樣式 */
.cssCalendar .ajax__calendar_active .ajax__calendar_day,
.cssCalendar .ajax__calendar_active .ajax__calendar_month,
.cssCalendar .ajax__calendar_active .ajax__calendar_year 
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: blue;
    border: 1px solid black;
}

/* 非目前所選取的日期、月份或年份所用的樣式 */
.cssCalendar .ajax__calendar_other .ajax__calendar_day,
.cssCalendar .ajax__calendar_other .ajax__calendar_month,
.cssCalendar .ajax__calendar_other .ajax__calendar_year 
{
    background-color: #ffffcc;
    color: #646464;
}

/* 當滑鼠移至月曆的第一行、最後一行時，所使用的樣式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_title,
.cssCalendar .ajax__calendar_hover .ajax__calendar_today
{
	background-color: #ffffcc;
	color: #00ff00;
}

/* 當滑鼠移至日期、月份、年份上時，所使用的樣式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_day,
.cssCalendar .ajax__calendar_hover .ajax__calendar_month,
.cssCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    background-color: #0f2543;
	color: #ffffff;    
}


/* Table 格式 */
.table_1 {
	BORDER-RIGHT: #a3a3a3 2px solid; BORDER-TOP: #a3a3a3 2px solid; FONT-SIZE: 10pt; BORDER-LEFT: #a3a3a3 2px solid; BORDER-BOTTOM: #a3a3a3 2px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse
}
.table_1 TD.title_line {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; COLOR: #003366; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #dce1e9
}
.table_1 TR.title_line TD {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; COLOR: #003366; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #dce1e9
}
.table_1 TR.hi_line TD {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; COLOR: #333333; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee
}
.table_1 TD.hi_line {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; COLOR: #333333; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee
}
.table_1 TD {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 6px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
/* Button 格式 */
.btn_mouse_out
{
   cursor: hand;
   font-size: 10pt;
   color: #FFFFFF;
   padding-top: 2px;
   padding-left: 6px;
   padding-right: 6px;
   height: 24px;
   text-align: center;
   border-collapse: collapse;
   border-top: 2px groove #FFFFFF;
   border-left: 2px groove #FFFFFF;
   border-right: 2px groove #999999;
   border-bottom: 2px groove #999999;
   background-color: #9999CC;
}
.btn_mouse_over
{
   cursor: hand;
   font-size: 10pt;
   color: #3C593C;
   padding-top: 2px;
   padding-left: 6px;
   padding-right: 6px;
   height: 24px;
   text-align: center;
   border-collapse: collapse;
   border-top: 2px groove #FFFFFF;
   border-left: 2px groove #FFFFFF;
   border-right: 2px groove #999999;
   border-bottom: 2px groove #999999;
   background-color: #FFE680;
}
.btn_mouse_down
{
   cursor: hand;
   font-size: 10pt;
   color: #FFFFFF;
   padding-top: 2px;
   padding-left: 6px;
   padding-right: 6px;
   height: 24px;
   text-align: center;
   border-collapse: collapse;
   border-top: 2px groove #999999;
   border-left: 2px groove #999999;
   border-right: 2px groove #FFFFFF;
   border-bottom: 2px groove #FFFFFF;
   background-color: #D5AA00;
}