/*
 ===================================================================
  程式代號：NormalStyle.css
  程式名稱：共同樣式定義
  程式功能：定義共同樣式
  版本變更：
  xx. YYYY/MM/DD   VER     AUTHOR      COMMENTS
   1. 2006/08/10   1.00    Fiona         Create   

 ===================================================================
*/
Body
{
	margin-top: 0px;
	margin-left: 0px;
	scrollbar-3dlight-color: #8080C0;
	scrollbar-arrow-color: #8080C0;
	scrollbar-base-color: #F0F0F0;
	scrollbar-darkshadow-color: #F0F0F0;
	scrollbar-face-color: #F0F0F0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #8080C0;
	scrollbar-track-color: #F0F0F0;
	cursor: auto;
}

/* === 定義一般欄位使用 === */

.InputText
{
	color:black;
	letter-spacing: 0.1em;
	text-transform:uppercase;
}


/* === 定義警語使用 === */

.Warn
{
	color:Red;
	/*font-weight:bold;*/
}

/* === 定義Label使用 === */
.DisplayText
{
	text-align: right;
	color: #003399 ;
    letter-spacing: 0.1em;
}

/* === 定義唯讀的欄位使用 === */
.distext
{
	color:Black ;
    border-style:groove;
    background-color:#D3D3D3;
    color:#002F4F;
}


/* === 定義欄位區的TABLE使用 === */
.tableF
{
	border: 1px solid #dddddd;
	border-collapse: collapse;
	width: 100%;
}

/* === 定義靠左邊的<TD>使用 === */
.trl
{
	height: 20px;
	text-align: left;	
	border: 1px solid #dddddd;
	padding: 2px 5px;
	background-color: #F5F5F5;
	vertical-align: top;	
	font-weight: normal;
}

/* === 定義有底色且靠右邊的<TD>使用 === */
.ctrr
{
	height: 20px;
	text-align: right;
	color: #003399 ;
    letter-spacing: 0.1em;
}

/* === 定義置中的<TD>使用 === */
.trc
{
	height: 20px;
	text-align: center;
	border:1px solid #939598;
}
  
/* === 定義按鈕的樣式 === */
.button{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#C1D3DC', gradientType='0');
	color: #333333;	
	height:20px;
	text-align:center;
	cursor:hand;
	border: 1px solid #999999; 
	margin-left:5px; margin-right:5px;
}


/* === 定義ButtonPanel的button欄位使用=== */
.btnHideLink{
    background-color: transparent;
	BORDER-LEFT: #000000 0px outset;
	BORDER-RIGHT: #000000 0px outset;
	BORDER-TOP: #000000 0px outset;
	BORDER-BOTTOM: #000000 0px outset;
	color: #333333;	
	vertical-align:middle ;
	text-align:left;
	TEXT-DECORATION: none; 
}

/* === 定義ButtonPanel的button欄位使用=== */
.btnLink{
	vertical-align:middle ;
    /*background-color: transparent;
	BORDER-LEFT: #000000 0px outset;
	BORDER-RIGHT: #000000 0px outset;
	BORDER-TOP: #000000 0px outset;
	BORDER-BOTTOM: #000000 0px outset;
	color:#105991;	
	TEXT-DECORATION: none;*/
}
	
/* === 定義ButtonPanel的button欄位鼠標指向時使用=== */		
.btnHover{
	vertical-align:middle ; 
	cursor:hand;
	/*
    background-color: transparent;
	BORDER-LEFT: #000000 0px outset;
	BORDER-RIGHT: #000000 0px outset;
	BORDER-TOP: #000000 0px outset;
	BORDER-BOTTOM: #000000 0px outset;
	color: #FF6600;
	TEXT-DECORATION: underline*/
}

/* === 定義ButtonPanel的button欄位使用=== */
.btnRLink{
    background-color: transparent;
	BORDER-LEFT: #000000 0px outset;
	BORDER-RIGHT: #000000 0px outset;
	BORDER-TOP: #000000 0px outset;
	BORDER-BOTTOM: #000000 0px outset;
	color:red;	
	vertical-align:middle ;
	TEXT-DECORATION: none; 
}


/* === 定義ButtonPanel的button欄位鼠標指向時使用=== */		
.btnHidHover{
    background-color: transparent;
	BORDER-LEFT: #000000 0px outset;
	BORDER-RIGHT: #000000 0px outset;
	BORDER-TOP: #000000 0px outset;
	BORDER-BOTTOM: #000000 0px outset;
	color: #FF6600;
	vertical-align:middle ; 
	cursor:hand;
	text-align:left;
	TEXT-DECORATION: underline
}

/* === 定義ButtonPanel的button欄位鼠標指向時使用=== */		
.btnVisited{
    background-color: transparent;
	BORDER-LEFT: 0px outset;
	BORDER-RIGHT: 0px outset;
	BORDER-TOP: 0px outset;
	BORDER-BOTTOM: 0px outset;
	color: #00CC00;
	vertical-align:middle; 
	cursor:hand;
	text-align:left;
	TEXT-DECORATION: underline
}

/*跑馬燈訊息的字型樣式*/	
.MessagText {
    color: #003366;
	letter-spacing: 0.1em;
}



/*藍色的字型linkbutton樣式(無底線)*/
.a1:link {
	color: #003399;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}
.a1:visited {
	color:  #003399;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}
.a1:hover {
	color: #CC6600;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}
.a1:active {
	color: #0099CC;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}

/*黑色的linkbutton樣式*/
.a2:link {
	color:#333333;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-decoration: underline ;
}
.a2:visited {
	color: #666666;
	letter-spacing: 0.2em;
	text-decoration: underline ;
}
.a2:hover {
	color: #0099CC;
	letter-spacing: 0.2em;
	text-decoration: underline ;
}
.a2:active {
	color: #0099CC;
	letter-spacing: 0.2em;
	text-decoration: underline ;
}

.tagact{
	color:#333333;
	font-weight: normal;
	letter-spacing: 0.2em;
	text-decoration: underline ;
}

/*一般欄位的linkbutton樣式(有底線)*/
.a3:link {
	color: #0066CC;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}

.a3:visited {
	color: #0066CC;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}

.a3:hover {
	color: #CC6600;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}

.a3:active {
	color: #CC6600;
	letter-spacing: 0.1em;
	text-decoration: underline ;
}

/*功能列下方選單樣式，檢視區程式的左邊*/
.BlockBody
{
    border: 1px solid #486cfc;
    vertical-align:top;
}

/*沒用*/
.frame01 {
	color: #333333;
	vertical-align:top;
	border: thin solid #9CBAD6;
}

/*上面menu的主選單樣式*/
.mainlink {
	color: #0066CC;
	letter-spacing: 0.1em;
	text-decoration: none ;	
}

.mainvisited {
	color: #000000;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.mainhover {
	color: #CC6600;
	letter-spacing: 0.1em;
	text-decoration: underline ;	
}


/*上面menu的動態產生選單樣式*/
.sublink {
	color: #003399;
	padding:1 5 1 5;
	letter-spacing: 0.1em;
	text-decoration: none ;
	width:100%;
	text-align:left;    
    background-color:#E7EBDE;

}
.subvisited {
	color:  #003399;
	letter-spacing: 0.1em;
	text-align:left;  
	text-decoration: none;
}
.subhover {
	color: #CC6600;
	padding:1 5 1 5;
	letter-spacing: 0.1em;
	text-decoration: none ;	
 text-align:left;  
	Background-color : white;
}


/*Tree的樣式*/
.treelink {
	color: #333333;
	letter-spacing: 0.1em;
	text-decoration: none ;	
}
.treevisited {
	color: #333333;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.treehover {
	color: #CC6600;
	letter-spacing: 0.1em;
	text-decoration: underline ;	
}


/*便利貼的樣式*/
.paste 
{
    background: yellow;
    position: absolute;
    width: 200px;
    height: 250px;
    filter:Alpha(Opacity=70, Style=0);
}

/*左邊流程設定區的樣式,沒用*/
.btnmenu 
{
  position:absolute;
  top:10px; 
  overflow: auto; 
  overflow-x:hidden; 
  width:145px; 
  height:350px;
}


/*篩選畫面的樣式,沒用*/
.Shif
{
    background-color:#FFE4C4; width:95%; 
    border-right: 2px groove; border-top: 2px groove; 
    border-left: 2px groove; border-bottom: 2px groove;
}

/*修改畫面的併文號選單的樣式,沒用*/
.btnlist
{
  overflow: auto; 
  overflow-x:hidden; 
  width:145px; 
}   

/*Panel的樣式*/
.panelstyle
{
    padding-left:10px;
    width:97%;    
}


.divQryStr{
    position:absolute; 
    display:none; 
    z-index:10; 
    background-color:#CAE6F7
}


/*定義Tree的背景處理*/
.disTreeNode
{
    background-color:#EEEEEE ;
}

.SpecTreeNode
{
   /* background-color:#B0CEEC ;*/
}


/*定義label，流程設定選取到的頁tag*/
.LabSelect{
    BORDER-LEFT: RoyalBlue 0px Solid;
	BORDER-RIGHT: RoyalBlue 0px Solid;
	BORDER-TOP: RoyalBlue 0px Solid;
	BORDER-BOTTOM: RoyalBlue 0px Solid;
	text-align :center ;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E19600', endColorStr='#FFFFFF', gradientType='0');
	
}
.LabOver{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#C1D3DC', endColorStr='#FFFFFF', gradientType='0');
	border: 0px solid #999999;
	text-align :center ;
	}

.usrover {
	color: #CC6600;
	padding:1 5 1 5;
	letter-spacing: 0.1em;
	text-decoration: none ;	
    background-color:#E7EBDE;
}
.usrout{	
	color: #003399;
	padding:1 5 1 5;
	letter-spacing: 0.1em;
	text-decoration: none ;
	width:100%;
	Background-color : white;
}


/*流程設定用，已處理*/
.SeleList
{
	background-color: #ffff66;
}


/*流程設定用，退會*/
.RtnList
{
	background-color: #FFCC99;
}


/*報表共用，目前選取到的報表*/
.NowDisplay
{
    font-weight:bold;
    color:Maroon;
}

.tagact
{
    color:White;
}



/* 加給線上簽核畫面用 */
.mainbutton1
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;	
	font-size: 16px;
	color: #333333;
	background-color: #ffbc6a;
/*	background-image: url(../OdImg/btn_orange.gif); */
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	border: 1px solid #F3B021;
	line-height: 150%;
	padding: 0px;	
}

/* 加給線上簽核畫面用 */
.mainbutton 
{
	margin-left: 0px;
	margin-bottom: 3px;
	margin-right: 0px;	
	font-size: 16px;
	color: #333333;
	background-color: #99c049;
/*	background-image: url(../OdImg/btn_green.gif); */
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	border: 1px solid #B0CF39;
	line-height: 150%;
	padding: 0px;	
}


.SelectedTab 
{
	background-image: url(../OdImg/menu_here.gif);
	background-color: #CDE862;	
	text-decoration: none;
}
.NoSelectedTab {
	background: #E8FA9E url(../OdImg/menu.gif) repeat-x left -3px;
	background-color: #E8FA9E;
	text-decoration: none;
}

.HoverTab
{
	text-decoration: UNDERLINE;
}

.FixText12
{
	font-size:12pt
}

.FixText10
{
	font-size:10pt
}