/*
 *   system style css
 */


/* static css file: E:\WebSites\SECFA\WebPortal\image\styleSEC\css.css, loading time: 2010/9/4 22:33:04 */
/* portal css*/
.hitBg{
	color: D4E4FC;
}





.portalChar {color:#006699;font-size:9pt;line-height:150%;font-weight: normal;}
.portalChar1 {color:#006699;font-size:9pt;line-height:150%;font-weight: normal;}
/* end of portal css*/

BODY	{color:#666666;font-size:9pt;line-height:150%;scrollbar-face-color: #e2e2e2;scrollbar-shadow-color: #b6c7e9;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #CBCBCB;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #8594AA;MARGIN-TOP:5pt; MARGIN-LEFT:5pt;font-family:  "Arial", "Verdana","Helvetica", "sans-serif";} 
P		{MARGIN-BOTTOM:5pt;MARGIN-LEFT:0pt;MARGIN-TOP:15pt}
.Pfrontpage	{MARGIN-BOTTOM:2pt;MARGIN-TOP:2pt}
HR	{COLOR:#133A9D;WIDTH:100%;size:1pt;border: none;} 
B	{FONT-SIZE:9pt} 
LI	{MARGIN-BOTTOM:2pt;MARGIN-TOP:2pt;TEXT-ALIGN:justify;TEXT-INDENT:0px} 
FORM	{} 
INPUT	{COLOR:#000000; FONT-SIZE:9pt} 
TEXTAREA	{COLOR: #000000; FONT-SIZE:9pt} 
TABLE	{color:#666666;font-size:9pt;line-height: 150%;} 
.hline	{FONT-SIZE:9pt; COLOR:#000000; BACKGROUND-COLOR:#E3E3E3; letter-spacing:2} 
.title	{color:#0C5399;font-size:12pt;font-weight:bold;text-decoration:none;text-transform:none;} 
.unit	{color:#777777;font-size:10pt;line-height:150%;font-weight: normal;width: 80%;} 
.caption	{color:#009adf;font-size:12pt;line-height:150%;margin-top:5pt;letter-spacing: 1px;font-weight: bold;} 
.topicCaption	{COLOR:#333333;FONT-SIZE:9pt; letter-spacing:1; LINE-HEIGHT:150%; FONT-WEIGHT:600; MARGIN-TOP:5pt;TEXT-INDENT:0px;rgin-bottom:2pt} 
.lessonCaption	{color:#772828;font-size:10pt;line-height:150%;font-weight:bold;margin-top:5pt;} 
.listCaption	{COLOR: #5E92C8;FONT-SIZE: 12pt;letter-spacing:1;LINE-HEIGHT:150%;MARGIN-TOP:5pt;TEXT-INDENT:0px;rgin-bottom:2pt;font-weight: normal;} 
.no9	{color:#666666;font-size:9pt;line-height:150%;font-weight: normal;} 
.no11	{FONT-SIZE: 11pt;LETTER-SPACING: 1px;LINE-HEIGHT:150%;color: #0F3A7B;font-weight: normal;} 
.no13	{color:#3879B0;font-size:12pt;line-height:150%;letter-spacing:1px;border: thin none #666666;height: auto;width: auto;font-family: "Verdana", "Arial", "Helvetica", "sans-serif";} 
.button	{cursor: hand;background-color: #FFFFFF;background-attachment: fixed;;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #203857;border-top: 1px solid #145BC1;border-right: 1px solid #145BC1;border-bottom: 1px solid #145BC1;border-left: 1px solid #145BC1;}

.pageblock1 {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#D2F1FF, EndColorStr=#FFFFFF;);
                     border-top:1px solid #009adf;
					 border-bottom:1px solid #009adf;
					 border-right:1px solid #7BAAEA;
					 border-left:1px solid #7BAAEA;}

<!--.pageblock2 {border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #7BAAEA; padding:10px;}-->
.pageblock3 {border-top:1px solid #7BAAEA;}

A:link	{color:#634529} 
A:visited	{color:#634529;text-decoration:underline} 
A:hover	{color:#FF8C00;text-decoration:underline;left: 2px;position: static; top: 1px} 






.table	{border: 1px solid #FFFFFF; width:100%; padding:0px} 
.banner, .ttitle	{ width:100%;filter: progid:dximagetransform.microsoft.gradient
(gradienttype=0, startcolorstr=#F0F0F0, endcolorstr=#FFFFFF);color:#666666;font-size:9pt;line-height:200%;font-weight:bold; text-decoration:none;text-transform:none;padding-left:8px;padding-right:2px;padding-top:2px;padding-bottom:2px; } 
.thead	{filter: progid:dximagetransform.microsoft.gradient
(gradienttype=0, startcolorstr=#D2F1FF, endcolorstr=#FFFFFF);color:#0C5399;font-size:9pt;line-height:200%;font-weight:bold;text-decoration:none;text-transform:none;padding-left:8px;padding-right:2px;padding-top:2px;padding-bottom:2px; border-top:solid 2px; border-color:#009adf;} 
.td0, .tdrowhead{background-color:#D2F1FF;color:#666666;font-size:9pt;line-height:200%;text-decoration:none;text-transform:none;padding-left:8px;padding-right:2px;padding-top:2px;padding-bottom:5px; border-bottom:solid 1px; border-color:#ffffff}  
.td1, .tdrowbody, .tdview2	{background-color:#FFFFFF;color:#3B69B6;font-size:9pt;line-height:170%;text-decoration:none;text-transform:none;padding-left:5px;padding-right:2px;padding-top:2px;padding-bottom:2px} 
.td2, .tdview1				{background-color:#F0F0F0;color:#333333;font-size:9pt;line-height:170%;text-decoration:none;text-transform:none;padding-left:5px;padding-right:2px;padding-top:2px;padding-bottom:2px; border-right:solid 1px; border-color:#ffffff} 
.td3, .tdcommand			{filter: progid:dximagetransform.microsoft.gradient
(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#D2F1FF);color:#10314B;font-size:9pt;line-height:170%;text-decoration:none;text-transform:none;padding-left:3px;padding-right:2px;padding-top:2px;padding-bottom:2px} 
.tdcolumn	{background-color:#009ADF;color:#FFFFFF;font-size:9pt;line-height:200%;text-decoration:none;text-transform:none;padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:2px; border:solid 1px; border-color:#ffffff} 




.ltext		{width: 300px;}
.stext		{width: 150px;}
.sstextarea	{width: 150px; height:60px;}
.sltextarea	{width: 150px; height:120px;}
.lstextarea	{width: 450px; height:60px;}
.lltextarea	{width: 450px; height:120px;}

.banner {}
.tdrowhead	{text-align:right; padding-right:5px; vertical-align:top; white-space:nowrap;}
.tdrowbody	{}
.tdcolumn	{text-align:center; text-align:center; white-space:nowrap;}
.tdview1	{}
.tdview2	{}
.tdcommand	{text-align:right;}

.req		{color:#ff0000;}





/* 右鍵選單樣式 */
.BlockTd1	{background-color:#B6B6B6;color:#ffffff}
.BlockTd2	{background-color:#EBEBEB}
.BlockTdTitle{background-color:#6f6f6f;color:#FFFFFF}
.BlockTable{filter:shadow(color=#666666,direction=135)}

/* 行事曆樣式 */
.calendarToday	{background-color:#FEF2FF;} 
.calendarTable	{FONT-SIZE: 10pt;LETTER-SPACING: 1px;border-style:solid; border-collapse:collapse;line-height: 100%;} 
.calendarSpan	{border:1px solid;  border-color:#dddddd;  padding:1px;  background: #eeeede;  width:20px;  font-size:10px;  font-family:verdana, arial, helvetica;cursor:hand} 
.calendarHead	{background:#bbbbbb;text-align:center;line-height: 120%;}
.calendarTitle	{background-color:#cccccc;text-align:center;line-height: 120%;}
.calendarDayTime{background-color:#bbbbbb;}
.calendarDayBG	{background-color:#EEEEEE;}

/* tabs選單樣式 */
.tabClickColor	
{
   	font-family: "Arial", "Helvetica", "sans-serif";
	color: #062978;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: hand;
	text-decoration:none;
	MARGIN-LEFT:1px;
    
    }
.tabOverColor	
{
   	font-family: "Arial", "Helvetica", "sans-serif";
	color: #6080D0;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: hand;
	text-decoration:none;
	MARGIN-LEFT:1px;
}

.tabOutColor	
{
   	font-family: "Arial", "Helvetica", "sans-serif";
	color: #062978;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: hand;
	text-decoration:none;
	MARGIN-LEFT:1px;
}



/* table fields */
.field_left		{}
.field_center	{}
.field_right	{}

.field_datetime {}
.field_numeric	{}
.field_longtext	{}
.field_Userid	{}
.field_TreeNode	{}

/* pager */
.pager { 
	font-size: 12px; 
	padding:4px;
}
.pager .curPage {
	font-size: 9pt; 
	color: #ff0084;
	font-weight:bold;
	border-width:0px;
	padding: 3px 6px;
}
.pager a 
{
	color: #0063dc;
	text-decoration: none;
	padding: 3px 6px;
	border: solid 1px #ddd;	
}
.pager a:hover {
	background: #0063DC;
	border-color: #036; 
	color: #ffffff;
	text-decoration: none;
}
.pager .totalPage 
{
	font-size:13px;
}
/* sort */
img.sortIcon {
	border: 0px;
	vertical-align:bottom;
	padding-left:3px;
}

/* PortalmenuWithFavorites.asp */
.treeview {
	margin:0px 0px 0px 5px;
	width:147px;
	overflow:visible;
}
	
.treeview .item {
	margin:0px;
	padding:4px 4px 4px 0px;
	cursor:pointer;
	font-size:12px;
	border: solid 1px #ffffff;
}	
	
.treeview .subitems {
	display:none;		
}
	
.treeview .lvl1 {
	background-color: #f0f2f4;
	font-weight:normal;
	padding-left:5px;
	font-size:13px;
}
.treeview .lvl2 {
	background-color: #def5ff;
	padding-left:4px;		
}
.treeview .lvl3	{
	background-color: #ffffff;
	padding-left:18px;
	border-top:dashed 1px #cccccc;
}
.treeview .lvl4	{
	background-color: #FFFFFF;
	padding-left:18px;
}
.treeview .lvl5	{
	background-color: #FFFFFF;
	padding-left:24px;
}
  
.treeview .item a {
	padding-left:3px;		
}	
	
.treeview a {
	text-decoration:none;			
}	
.treeview a:hover {
	text-decoration:underline;
}	
.treeview .openIcon,.treeview .closeIcon, .treeview .itemIcon {
	border-width:0px;
}
.treeview .emptyIcon {
	visibility:hidden;
}
.treeview img {
	border-width:0px;
	vertical-align:top;
	display:block 15px;
}
.treeview body{
	overflow:visible;
}
.treeview li.sub a {
	font-weight:normal;
}
.treeview li.sub a, .treeview li.sub a:visited, .treeview li.top a, .treeview li.top a:visited {
	text-decoration:none;
}
.treeview li.sub a:hover {
	text-decoration:underline;
}
.treeview div.hoveritem {
	background-color: #ffcc66;
}	
.treeview .highlightitem {
	background-color: #ffcc66;
}	
/* end of static css file: E:\WebSites\SECFA\WebPortal\image\styleSEC\css.css */



/*
 *   htc css
 */
.tree-select        {font-family:Fixedsys; behavior:url(/_lib/htc/select/tree-select.htc.asp);}
.treeview			{behavior:url(/_lib/htc/tree/tree-view.htc.asp); }
.treeview_banner	{background-color:#AAAAAA; color:#FFFFFF;}
.treeview_viewport	{overflow:auto; text-overflow:ellipsis;}
.treeitem			{white-space:nowrap; margin-left:25px;}
.treeitem_plusminus	{cursor:hand;}
.treeitem_icon		{}
.treeitem_input		{}
.treeitem_coalesce	{display:none;}
.treeitem_expanded	{display:inline;}
.treeitem_selected	{color:#333333; background-color:#F4FEC3;cursor:hand;}
.treeitem_normal	{color:#000000; MARGIN-BOTTOM:0px;MARGIN-TOP:0px;cursor:hand;}
.counter			{behavior:url(/_lib/htc/counter/counter.htc);}
.rating_score		{behavior:url(/_lib/htc/counter/rating_score.htc);}
.rating_score_bar	{width:100px; border-style:solid; border-width:1px; background-color:#FAFAFA;}
.rating_score_text	{}
.counter_panel		{behavior:url(/_lib/htc/counter/counter-panel.htc.asp);}
.help				{cursor:help;behavior:url(/_lib/htc/help/help.htc.asp);}
.progress			{behavior:url(/_lib/htc/progress.htc);display:inline; border-style:solid; border-width:1px; height:15px; width:100px; align:left;}
.progress_line		{margin:1px;display:inline;background-color:#8080FF;}
.favorite			{cursor:hand; display:none; behavior:url(/_lib/htc/favorite.htc.asp);}
.menu				{behavior:url(/_lib/htc/menu.htc.asp); cursor:hand;}
.menu_title			{background-color:#D0D0D0;}
.menu_body			{width:200px; padding:0px; display:none;background-color:#F8F8F8;border-style:solid; border-width:1px; position:absolute;overflow:hidden; white-space:nowrap;}
.menu_icon			{width:20px; background-color:#E0E0E0;}

.menu_item
.menu_item_selected	{}
.menu_item_selected	{background-color:#E8E8E8;}
.block_right_click  {behavior:url(/_lib/htc/copyright.htc);}
.tasklink {behavior:url(/WcmsLibrary/HTC/TaskLinkHTC.aspx)}
.idpcourse {behavior:url(/WcmsLibrary/HTC/IDPSelectedCourse.aspx)}


.longtext       {behavior:url(/WcmsLibrary/HTC/EllipsisToolTipsHTC.htc); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }






body {behavior:url(/_lib/htc/copyright.htc);}

input {behavior:url(/_lib/htc/ready_button.htc);}