@charset "big5";
/* Kevin: basic body style */
body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #000000;
}
/* Kevin: text hyperlink */
a {
	font-size:inherit;
	color: #009900;		/* olive */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none
}

/* Kevin: mouse over - hover - hyperlink effects */
a:hover {
/* hyperlink button down effect  <-- disabled */
	position:relative;
	top:1px;
	left:1px; 
	font-size:inherit;
	color: #93A34B;   /* lime */
	text-decoration:none;
}

/* Kevin: most common text size and style */
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #5F5F5F;		/* dark grey */
}

/* Kevin: common text size and style ... bolder */	
.smallbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5F5F5F;		/* dark grey */
	line-height: 150%;
}

/* Kevin: common text size and style...bigger */
.medium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5F5F5F;
}
/* Kevin: common text size... very tiny */
.legal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	color: #5F5F5F;		/* dark grey */
	line-height: 150%;
}

/* Kevin: small and red...  */
.smallred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #CC0000;		/* red */
}

/* Kevin: big and red... for special warning or header */
.readheaderFont
{
	font-weight:bold;
	font-size: 15px;
	color: #333366;
	letter-spacing: 1px;
	font-variant: small-caps;
	color:RED;
}

/* Kevin: Round Corners - check source code for usage */  
/* 最外圍的區塊 */
#round{
background-color:transparent;   		/* 區塊背景 = 透明 */
margin:0 220px 10px 20px;		 		/* 區塊 上、右、下、左 邊界 */
font:12px Arial,Helvetica,sans-serif;	 /* 區塊內文字 大小、字型 */
color:#FF0000;							/* 文字色彩 */
}

/* 放置圓角的區塊 - 色彩 = Lime */
.roundbox_lime{
height:1px;
overflow:hidden;
background-color:#93A34B;
border-right:10px solid #93A34B;
border-left:10px solid #93A34B;
}
/* 圓角內擺放內容的區塊 - Content */
.rcontent_lime{
height:auto;
padding:2px;
background-color:#93A34B;
font:12px Arial,Helvetica,sans-serif;	 /* 區塊內文字 大小、字型 */
color:#FFFFFF;	
letter-spacing: 1px;
}
/* 放置圓角的區塊 - 色彩 = grey */
.roundbox_grey{
height:1px;
overflow:hidden;
background-color:#B5B3D9;
border-right:10px solid #B5B3D9;
border-left:10px solid #B5B3D9;
}
/* 圓角內擺放內容的區塊 - Content */
.rcontent_grey{
height:auto;
padding:2px;
background-color:#B5B3D9;
font:12px Arial,Helvetica,sans-serif;	 /* 區塊內文字 大小、字型 */
color:#FFFFFF;	
letter-spacing: 1px;
}

/* Kevin: 圓角 圓角 圓角 圓角 !!!   */
/* 第1個圓角 邊介、框線、背景顏色 */
.r1{
margin:0 10px 0 10px;	/* 邊介、框線、背景顏色 */
border:none;
}
/* 第2個圓角 */
.r2{
margin:0 7px;
border-width:0 3px;
}
/* 第3個圓角 */
.r3{
margin:0 5px;
border-width:0 2px;
}
/* 第4個圓角 */
.r4{
margin:0 4px 0 4px;
}
/* 第5個圓角 */
.r5{
margin:0 3px 0 3px;
}
/* 第6個圓角 */
.r6{
margin:0 2px 0 2px;
}
/* 第7個圓角 */
.r7{
margin:0 1px 0 1px;
}

/* Kevin: table - very thin border, color = grey */
.pixeltable_grey{
border:1px solid #B5B3D9
}
/* Kevin: table - very thin border, color = grey */
.pixeltable_lime{
border:1px solid #93A34B
}

/* Pan: Link - very thin border, color = olive */
.smalllink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #009900;		/* dark grey */
}

/* Pan: Link - very thin border, color = olive */
.normallink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #009900;		/* dark grey */
}

/* Pan: Copy Right message - very thin border, color = gray */
.copyRightFont
{
	font-family:Verdana;
	color:#999999;
	font-size :8pt;
}

/* Pan: Copy Right Cell format - Center */
.copyRightCell
{
	text-align:center;
	vertical-align:top;
	height:10px;
}

/* Pan: Textbox - very thin border, color = black and background white */
.aspTextBox
{
	border:gray 1px solid;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	background-color:#ffffff;
}

.contentCell
{
	text-align:left;
	vertical-align:top;
}
.contentTable
{	
	width:620px;
	height:450px;
	border:0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	margin-left:10px;
}

/* Pan: Super small text size and style */
.supersmall 
{
	font-family: Times New Roman;
	font-size: 9px;
	line-height: 150%;
	color: #5F5F5F;		/* dark grey */
}
.dataGridHeader
{
	width: 100%;
	height: 25px;
	background-color: #778899;
	text-align: center;
	border: darkgray 1px solid;
	font-weight: bold;
	font-size: 13px;
	color:#F5F5F5;
	font-family: Verdana;
	vertical-align:top;
}
.dataGridSelectedItem
{
	background-color: red;
	font-size: inherit;
	color: black;
	font-family: Verdana;
	vertical-align:top;
}
.dataGridItem
{
	background-color: #dee1f2;
	text-align: left;
	font-size: 13px;
	color: #5F5F5F;
	font-family: Verdana;
	vertical-align:top;
}

/* Pan: linkButton */
.linkbutton {
	font-size:inherit;
	color: #009900;		/* olive */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none
}

/* Pan: mouse over - hover - linkButton effects */
.linkbutton:hover {
/* hyperlink button down effect  <-- disabled */
	position:relative;
	top:1px;
	left:1px; 
	font-size:inherit;
	color: #93A34B;   /* lime */
	text-decoration:none;
}

.errorMsg
{
	font-family:Verdana;
	font-size:12px;
	color:Red;	
}

.contentMainTable
{
	width:100%;
	padding: 2px 2px 2px 2px;
	border:0px 0px 0px;
	height:100%;
	vertical-align:top;
	
}

.TableSubTitleFont
{
	font-weight: bold;
	font-size: 13px;
	color: #333366;
}

.TableTitleCell1
{
	border-bottom: black 1px dotted;
}