/* -- Default Style -- */
body
{
	margin: 0 auto;
	font-size:12px;
	font-family:新細明體;
}
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #787878;
	font-family:新細明體;
}

input
{
	font-family: sans-serif;
	font-size: 9pt;
	color: #414141;
}

select
{
	margin: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #414141;
	border: 1px solid #479BE0;
}

a:visited {text-decoration: none; color: #637295}
a:hover {color: #FF6600}
a:link {text-decoration: none; color: #637295}
a:active {color: #FF6600}

a.linkcls01:visited {text-decoration: none; color: #637295}
a.linkcls01:hover {color: #007DFF}
a.linkcls01:link {text-decoration: none; color: #637295}
a.linkcls01:active {color: #007DFF}

a.linkcls02:visited {text-decoration: none; color: #FF6600}
a.linkcls02:hover {color: #007DFF}
a.linkcls02:link {text-decoration: none; color: #FF6600}
a.linkcls02:active {color: #007DFF}

a.linkcls03:visited {text-decoration: none; color: #FFFFFF}
a.linkcls03:hover {color: #00FFFF}
a.linkcls03:link {text-decoration: none; color: #FFFFFF}
a.linkcls03:active {color: #00FFFF}

a.linkcls04:visited {text-decoration: none; color: #FFFFFF}
a.linkcls04:hover {color: #FFFF00}
a.linkcls04:link {text-decoration: none; color: #FFFFFF}
a.linkcls04:active {color: #FFFF00}

textarea {font-family: Arial; font-size: 12px;}

/* -- Selector Box -- */
.selectorBoxH
{
	background-color: #017ACD;
	overflow: hidden;
	height: 25px;
	color: #FFFF00;
	font-weight: bold;
}
.selectorBoxH_Green
{
	color: #FFFFFF;
	background-color: #00C5A2;
	overflow: hidden;
	height: 25px;
	color: #FFFF00;
	font-weight: bold;
}
.selectorBox
{
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	overflow: auto;
	height: 200px;
}
.selectorBox_content
{
	font-size: 10px;
	line-height: 18px;
}

/* -- Accordion -- */
.accordion_title
{
	cursor: pointer;
}

.accordion_submenu
{
	cursor: pointer;
}

/* -- Tips (Begin) -- */
.tool-tip {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 300px;
	z-index: 13000;
}
 
.tool-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../../images/tips_box.png) top left;
}
 
.tool-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 8px 8px;
	color: #ffffff;
	background: url(../../images/tips_box.png) bottom right;
}
/* -- Tips (End) -- */

/* -- Login Text (Begin) -- */
.login_header
{
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
}
.version_header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}
/* -- Login Text (End) -- */

/* -- OverLay Layer (Begin) -- */
.Overlay {
	z-index:100;
	background-color:#FFFFFF;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	cursor: pointer;
}
/* -- OverLay Layer (End) -- */

/* -- Dim Image (Begin) -- */
.DimBut {
	background-color:#9C9C9C;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
/* -- Dim Image (End) -- */

/* -- Page Header (Begin) -- */
#page_header { border-bottom:1px #CCCCCC solid; padding-bottom:6px;}
#page_header .HeaderText {color: #666666; font-size: 12px; padding-top: 12px; letter-spacing:1px; line-height: 25px;}
#page_header .HeaderTitle {color: #0E57B7; font-weight: bolder; font-size: 16px; line-height: 15px; margin-top:12px; padding-top: 12px; letter-spacing:1px;}
/* -- Page Header (End) -- */

/* -- Display Block Header (Begin) -- */
#display_block_header
{
	font-family: Arial, Helvetica, sans-serif;
}
#display_block_header .LeftHeader
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	letter-spacing:1px;
	padding-top:3px;
	padding-bottom:3px;
}
#display_block_header .RightHeader
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	letter-spacing:1px;
	padding-top:3px;
	padding-bottom:3px;
}
#display_block_header .RightHeader_RIGHT
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	letter-spacing:1px;
	padding-top:3px;
	padding-bottom:3px;
	text-align: right;
}
/* -- Display Block Header (End) -- */

/* -- Data Grid (Begin) -- */
#data_grid
{
	font-family: Arial;
	font-size: 9pt;
}
#data_grid .GridRowNoColor
{
	height: 25px;
}
#data_grid .GridRow
{
	background: #FAFBFD;
	height: 25px;
}
#data_grid .GridRowAlternate
{
	background: #ECEFF5;
	height: 25px;
}
#data_grid .GridRowAlternate_Yellow
{
	background: #FFFFAF;
	height: 25px;
}
#data_grid .GridHeader
{
	color: #FFFFFF;
	background-color: #1870C9;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#data_grid .GridHeader_Green
{
	color: #FFFFFF;
	background-color: #00C5A2;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#data_grid .GridHeader_Yellow
{
	color: #FFFFFF;
	background-color: #FFBA00;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#data_grid .GridHeader_LightBlue
{
	color: #FFFFFF;
	background-color: #30AAFF;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
/* -- Data Grid (End) -- */

/* -- Tabbed Menu Advance (Begin) -- */
.TabbedMenu_on
{
	color: #005FA1;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.TabbedMenu_off
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}
.TabbedMenu_over
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}
/* -- Tabbed Menu Advance (End) -- */

/* -- Description Area (Begin) -- */
#description_area
{
	font-family: Arial;
	font-size: 9pt;
}
#description_area .ItemInfo
{
	color: #026BC6;
}
#description_area .DetailInfo
{
	color: #026BC6;
}
/* -- Description Area (End) -- */

/* -- Field Status (Begin) -- */
.Field_Status_Required
{
	padding: 0px 10px;
	background-repeat: no-repeat;
	background-position: center 0px;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline;
	float: none;
	padding-top: 1px;
	padding-bottom: 6px;
	background-image: url(../../images/icon/required.png);
}

.Field_Status_Editing
{
	padding: 0px 10px;
	background-repeat: no-repeat;
	background-position: center 0px;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline;
	float: none;
	padding-top: 1px;
	padding-bottom: 6px;
	background-image: url(../../images/icon/editing.gif);
}

.Field_Status_Invalid
{
	padding: 0px 5px;
	background-repeat: no-repeat;
	background-position: center 0px;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline;
	float: none;
	padding-top: 1px;
	padding-bottom: 6px;
	background-image: url(../../images/icon/invalid.gif);
}

.Field_Status_Valid
{
	padding: 0px 10px;
	background-repeat: no-repeat;
	background-position: center 0px;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline;
	float: none;
	padding-top: 1px;
	padding-bottom: 6px;
	background-image: url(../../images/icon/valid.gif);
}

.Field_Status_Fetching
{
	padding: 0px 5px;
	background-repeat: no-repeat;
	background-position: center 0px;
	opacity: 0.66;
	filter: alpha(opacity=66);
	display: inline;
	float: none;
	padding-top: 1px;
	padding-bottom: 6px;
	background-image: url(../../images/icon/fetching.gif) !important;
}
/* -- Field Status (End) -- */

/* -- Common CSS (Begin) -- */
.upMsg
{
	font-family: Arial;
	font-size: 9pt;
	color: #009900;
}

.downMsg
{
	font-family: Arial;
	font-size: 9pt;
	color: #FF0000;
}

.alertMsg
{
	font-family: Arial;
	font-size: 9pt;
	color: #FF0000;
}

.remarkMsg
{
	font-family: Arial;
	font-size: 9pt;
	color: #FF9900;
}

.normalMsg
{
	font-family: Arial;
	font-size: 9pt;
	color: #1056B8;
}

.StepHeader
{
	font: 15pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.HeaderBlue
{
	background: #1870C9;
	height: 25px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.HeaderLightBlue
{
	background: #52A4EB;
	height: 25px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.HeaderBlack
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.HeaderWhite
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.HeaderBlackLight
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.HeaderWhiteLight
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.nrlButton_On
{
	text-decoration: none;
	color: #FF6600;
}

.nrlButton_Off
{
	text-decoration: none;
	color: #637295;
}
/* -- Common CSS (End) -- */


/* -- Class Specific Style -- */
.HeaderTitle
{
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #2368C5;
	text-align: middle;
}

.HeaderText
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing:1px;
}

.TitleHeader
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.TableHeader
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C3C3C3;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.TableHeader_Blue
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #1870C9;
	font-weight: bold;
}

.TableHeader_Green
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #00C5A2;
	font-weight: bold;
}

.TableHeader_Yellow
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FFBA00;
	font-weight: bold;
}

.TableHeader_Yellow_Zhu
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #AE57A4;
	font-weight: bold;
}

.TableHeader_Yellow_Purple
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #5A5AAD;
	font-weight: bold;
}

.TableHeader_LightBlue
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #30AAFF;
	font-weight: bold;
}
.TableHeader_LightGreen
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #00C5A2;
	font-weight: bold;
}
.TableHeader_LightYellow
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FFBA00;
	font-weight: bold;
}

.TableHeaderLite
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #C3C3C3;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}

.TableHeaderLite_Blue
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #1870C9;
}

.TableHeaderLite_Green
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #00C5A2;
}

.TableHeaderLite_Yellow
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FFBA00;
}

.TableHeaderLite_LightBlue
{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #30AAFF;
}

.TableTitle
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #0A52A7;
}

.TableSubTitle
{
	font: bold underline 9pt Arial, Helvetica, sans-serif;	
	color: #0A52A7;
}

.TableText
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #787878;
	line-height: 25px;
}

.TableText_White
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.TableInput
{
	font: 9pt sans-serif;
	color: #414141;
	border: 1px solid #479BE0;
	margin: 3px;
}

.TableInput_Disabled
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border: 1px solid #479BE0;
	margin: 3px;
}

.TableField
{
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F9F9F9;
	padding-right: 5px;
	text-align: right;
	line-height: 25px;
	white-space: nowrap;
}

.TableValue
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #1056B8;
	padding-left: 5px;
	margin: 3px;
	line-height: 25px;
}

.TableValue2
{
	font: 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 5px;
	margin: 3px;
	line-height: 25px;
}

.GridHeader
{
	color: #FFFFFF;
	background-color: #1870C9;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	line-height: 20px;
}

.GridRow
{
	background: #ECEFF5;
	height: 25px;
}
.GridRowAlternate
{
	background: #FAFBFD;
	height: 25px;
}

.GridRowLightBlue
{
	background: #D5EEF8;
	height: 25px;
}

.TextBox_Input{
	border:none;
	border-bottom: 1px solid;
	background-color:transparent;
}

.BoldText{
	font-weight: bold;
}

.optionTxt_S
{
	color:#FB9A00;
}

.optionTxt_P
{
	color:#008CE5;
}

.optionTxt_T
{
	color:#0CA900;
}

.button_off { COLOR: #222222; cursor: pointer; }
.button_on { COLOR: #FFFFFF; cursor: pointer; }

/* -- Statistic (Begin) -- */
.Statistic_TestHeader
{
	background-color: #A9E90F;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	height: 25px;		
}
.Statistic_ExamHeader
{
	background-color: #20A0EB;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	height: 25px;		
}
.Statistic_TestHighlight
{
	background-color: #F3F9F5;
}
.Statistic_ExamHighlight
{
	background-color: #F3F7FA;
}
.Statistic_ItemTitle
{
	font-family: Arial;
	font-size: 9pt;
	background: #FFFFFF;
	height: 25px;
	padding-right: 5px;
	font-weight: bold;
}
.Statistic_ItemHighlight
{
	color: #2F69BD;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
}
/* -- Statistic (End) -- */

/* -- Portfolio (Begin) -- */
a.portfoLink01:visited
{
	text-decoration: none;
	color: #2F69BD;
	font-size: 12pt;
	font-weight: bold;
}

a.portfoLink01:hover
{
	color: #FB9900;
	font-size: 12pt;
	font-weight: bold;
}

a.portfoLink01:link
{
	text-decoration: none;
	color: #2F69BD;
	font-size: 12pt;
	font-weight: bold;
}

a.portfoLink01:active
{
	color: #FB9900;
	font-size: 12pt;
	font-weight: bold;
}

a.portfoLink02:visited
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}

a.portfoLink02:hover
{
	color: #FFFF00;
	font-size: 10pt;
	font-weight: bold;
}

a.portfoLink02:link
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}

a.portfoLink02:active
{
	color: #FFFF00;
	font-size: 10pt;
	font-weight: bold;
}
/* -- Portfolio (End) -- */