/* page controls */


/*------------------------------------------ 
面板、區域
------------------------------------------*/

div .pc_Board {padding:10px; border-top:solid 2px #ffcc66; border-bottom:solid 2px #ffcc66; background-color:#f9f3d6;
			  font:normal 12px Arial; }
.pc_BtnBlock { background-color: #efefef; padding:10px; }
.pc_pnlForm { padding:10px 0 10px 0;  }
.pc_pnlSection { height:0px; overflow:hidden; padding-left:10px;   }
.pc_pnlPopup { visibility:hidden; position:absolute;background-color:#ffffff; opacity:.9;  filter: alpha(opacity=90);}

.pc_ModalPopupBg {background-color:#B8BBC4;filter:alpha(opacity=30);opacity:0.7;}
.pc_ModalPopupPanel { background-color:#ffffff; border:solid 1px #aaaaaa;padding:10px;  }
	  

/*------------------------------------------ 
進度條
------------------------------------------*/

.pc_PgBar {  height:5px; background-color:transparent;  }
.pc_PgBar .inpg{ background-image:url(../img/ProgressBar.gif); width:100px;
   height:6px; background-position:center center; border:solid 1px #444444; background-repeat:repeat-x;}
.pc_PgBar .text { font:bold 12px Verdana,Arial; color:#006F00; }

/*------------------------------------------ 
標題
------------------------------------------*/
.pc_BlueTtl
 { padding:4px 0 1px 4px; font:bold 14px Arial;color:#0052a3; border-bottom:solid 2px #0557a8; } 
.pc_GreenTtl 
{ padding:4px 0 1px 4px; font:bold 14px Arial;color:#2A6C26; border-bottom:solid 2px #2A6C26; } 

/*------------------------------------------ 
表單
------------------------------------------*/
.pc_StyleForm,.pc_EntryForm .pc_StyleForm 
 { margin:0; padding:0;  }

.pc_StyleForm td,.pc_EntryForm .pc_StyleForm td
 { margin:0; padding:4px;  background-color:#f6f6f6;
 border-top:solid 1px #fff;  border-left:solid 1px #fff; border-bottom:solid 1px #ccc; }
			
.pc_StyleForm td.BlueTtl,.pc_EntryForm .pc_StyleForm td.BlueTtl
 { padding:4px 0 1px 4px; font:bold 13px Arial;color:#0052a3; border-bottom:solid 2px #0557a8; } 
.pc_StyleForm td.GreenTtl,.pc_EntryForm .pc_StyleForm td.GreenTtl 
{ padding:4px 0 1px 4px; font:bold 13px Arial;color:#00612D; border-bottom:solid 2px #00612D; } 
	 
.pc_StyleForm td.fld,.pc_EntryForm .pc_StyleForm td.fld
 {padding:4px 0 1px 4px; font:bold 12px Arial; background:#ededed;  width:100px; color:#8b0000; }
 
 
.pc_StyleForm td.val span, .pc_EntryForm .pc_StyleForm td.val span
 { font:bold 12px Arial; color:#000; }

.pc_EntryForm { margin:0; padding:0;   }
.pc_EntryForm td.fld {padding:1px 0 2px 10px; font:bold 11px Arial; letter-spacing:1px; width: 90px; text-align: left; }
.pc_EntryForm td.wmfld { padding:1px 0 2px 5px;background:#f2f2f2; padding:5px; }
.pc_EntryForm td.req { padding:1px 0 2px 5px; width:5px;
    background: url(../CAF/img/FormTable/ico_star.gif) no-repeat center; }

.pc_EntryForm td.reqfld { padding:1px 0 2px 10px;  width:90px;font:bold 11px Arial; letter-spacing:1px;
    background: url(../CAF/img/FormTable/ico_star.gif) no-repeat;  background-position:0px 3px;  }

.pc_EntryForm td.inp{ padding:0px 0 2px 5px;text-align: left;font:normal 13px Arial;}
.pc_EntryForm td.inp input{ width:300px; }

.pc_EntryForm td.sep {   padding:0 0 0 8px; }
.pc_EntryForm td.sep div { margin:5px 0; border-bottom:2px dotted #ddd; font-size:1px; }
.pc_EntryForm td.subTtl { padding:1px 0 2px 5px; }
.pc_EntryForm td.subTtl div {  font:bold 12px Tahoma,Arial; padding:4px 10px;
	border-bottom:1px solid #006600; color:#006600; }
.pc_EntryForm td.val { padding:1px 0 2px 5px; font:bold 13px Tahoma,Arial;  color:#000; }
.pc_EntryForm td.txt { padding:1px 0 2px 5px;font:normal 12px Arial;}
.pc_EntryForm td.cmt { padding:1px 0 2px 5px;font:normal 12px Arial; color:#555555; }
    
.pc_EntryForm select,textarea {width:250px;}
.pc_EntryForm input.wmark {    font:bold 17px Arial;  padding:4px 2px 1px 4px;  }
.pc_EntryForm input.wmark_on{    font:bold 17px Arial;  padding:4px 2px 1px 4px; color:#888888;  }


/********************************* 
 Ms Ajax Calendar 日曆 
***********************************/

.pc_Calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;height:180px;width:190px;}
.pc_Calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.pc_Calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.pc_Calendar .ajax__calendar_day {border:1px solid #ffffff;}
.pc_Calendar .ajax__calendar_month {border:1px solid #ffffff;}
.pc_Calendar .ajax__calendar_year {border:1px solid #ffffff;}

.pc_Calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.pc_Calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.pc_Calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.pc_Calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.pc_Calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.pc_Calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.pc_Calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.pc_Calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.pc_Calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.pc_Calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}



/********************************* 
 Compass Login
***********************************/
.pc_Login { margin:0 auto 0 auto;}