.smallfont
{
	font-size: 8px;
}

.tr
{
	height: 28px;
}
	
.tdEdit
{
	border-top: #990066 1px solid;
	width: 100%;
	border-bottom: #990066 1px solid;
	border-right-style: none;
	border-left-style: none;
}


.btnrpt
{
	background-color: Transparent;
}

.title
{
	font-weight: bold;
	font-size: 16pt;
	color: #9933FF;
	font-family: 標楷體;
}
.title1
{
	font-weight: bolder;
	font-size: 24px;
	color: #0000ff;
}


.lastcss
{
	border-left-style: none;
}

.QryCss
{ 
	border-right: #3333ff thin solid;
	border-top: #3333ff thin solid;
	z-index: 5;
	left: 100px;
	border-left: #3333ff thin solid;
	color: #006666;
	border-bottom: #3333ff thin solid;
	position: absolute;
	top: 100px;
	width:600px;
	background-color: #ffffcc;
}

.QryCss_a
{ 
	border-right: #3333ff thin solid;
	border-top: #3333ff thin solid;
	z-index: 5;
	left: 200px;
	border-left: #3333ff thin solid;
	color: #006666;
	border-bottom: #3333ff thin solid;
	position: absolute;
	top: 150px;
	width:500px;
	background-color: #ffffcc;
}

.ShowCss
{
	border-right: #3333ff thin solid;
	border-top: #3333ff thin solid;
	z-index: 5;
	left: 100px;
	border-left: #3333ff thin solid;
	color: #006666;
	border-bottom: #3333ff thin solid;
	position: absolute;
	top: 100px;
	width:600px;
	background-color: #ffffcc;       
}


.QryCssT
{ 
	border-right: #3333ff thin solid;
	border-top: #3333ff thin solid;
	border-left: #3333ff thin solid;
	color: #006666;
	border-bottom: #3333ff thin solid;
	position: absolute;
	background-color: #ffffcc;
}

.QryButton
{
	border-top: lightgrey 1px solid;
	width: 100%;
	border-bottom: lightgrey 1px solid;
	background-color:#FFFFE1;
}


body
{
	border-right: #c0ccee thin solid;
	border-top: #c0ccee thin solid;
	border-left: #c0ccee thin solid;
	width: 100%;
	border-bottom: #c0ccee thin solid;
	position: static;
	background-image: url("../images/bg_b.gif");
}

.button_tree
{
	border-right: #FFD350 thin solid;
	border-top: #FFD350 thin solid;
	border-left: #FFD350 thin solid;
	border-bottom: #FFD350 thin solid;
	font-size: 10pt;
	cursor: hand;
	color: white;
	height: 20px;

	}

td
{
	font-size: 16px;
	font-family: 標楷體, 新細明體, 'Times New Roman';
}
span
{
	font-size: 16px;
	font-family: 標楷體, 新細明體, 細明體, 新造中圓, 'Times New Roman';
}

.td1
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	width: 100%;
	font-size: 16px;
}

.td2
{
	/*border-right: black 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;*/
	border-bottom: gray 1px solid;
	/*width: 100%;
	font-size: 16px;*/
}

.td1 td
{
	border-right: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	TEXT-INDENT: 10px;
}

.tdcal
{
	vertical-align: baseline;
	border-left: #c0ccee 1px solid;
	cursor: hand;
	color: #0000ff;
	border-bottom: #c0ccee 1px solid;
	background-color: #ffcccc;
	text-align: center;
	font-size:12pt
}


.tdh
{
	color: #ffffff;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: gray;
	border-bottom-style: none;
}

.toolbtn
{
	text-align: center;
	vertical-align: sub;
	cursor:hand;
}
 
.toolbtn td
{
	cursor:hand; }


A:link
{
	color: rgb(2,97,185);
}
A:visited
{
	color: rgb(2,97,185);
}
A:active
{
	color: rgb(2,97,185);
}
A:hover
{
	color: rgb(255,0,0);
	text-decoration: none;
}
a:link.NavLink
{
	color: rgb(2,97,185);
	text-decoration: none;
}
a:visited.NavLink
{
	color: rgb(2,97,185);
	text-decoration: none;
}
a:active.NavLink
{
	color: rgb(2,97,185);
	text-decoration: none;
}
a:hover.NavLink
{
	color: rgb(255,0,0);
	text-decoration: none;
}

.buttonstyle
{
/*	border-right: Navy 3px solid;
	border-top: Navy 3px solid;
	font-size: 10pt;
	border-left: Navy 3px solid;
	color: White;
	border-bottom-style: outset;
	border-bottom: Navy 3px solid;
	height: 20px;
	background-color: Background;
*/
}

.tbStep
{
	border-right: dimgray thin double;
	border-top: dimgray thin double;
	font-size: x-small;
	border-left: dimgray thin double;
	border-bottom: dimgray thin double;
	background-color: Lime;
}
.txtCenter
{
	text-align: center;
}

.require
{
	background-color: #ffccff;
}
.require1
{
	background-color: #ffffff;
}
.require2
{
	background-color: #E0E0E0;
}

/* 簽核狀態STYLE   */
.Stop
{
	border-left: thin solid;
	color: #ffffff;
	border-bottom: thin solid;
	background-color: #ff0066;
}
.CheckOK
{
	border-left: #ffcccc thin solid;
	color: #3300ff;
	border-bottom: #ffcccc thin solid;
	background-color: silver;
}

.CheckNO
{
	border-left: #c0ccee thin solid;
	color: #0000ff;
	border-bottom: #c0ccee thin solid;
	background-color: #eef4ff;
}

.GridViewHeader{
}

/************ Calendar Related Styles ***********************/
/* Calendar 容器所用的樣式 */
.cssCalendar .ajax__calendar_container
{
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 220px;
    text-align: center;
    font: 16px 標楷體;
    background-color: #ffffcc;
    border: 5px outset #646464;
    color: blue;
}

/* Calendar Body 所用的樣式 */
.cssCalendar .ajax__calendar_body
{
    height: 130px;
    width: 220px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

/*
於顯示日期、月份、年份所用的樣式，
務必指定高度與寬度
*/
.cssCalendar .ajax__calendar_days,
.cssCalendar .ajax__calendar_months,
.cssCalendar .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 130px;
    width: 220px;
    position: absolute;
    text-align: center;
    margin: 2px;
}

/* 指定標頭、註腳所需的高度與寬度 */
.cssCalendar .ajax__calendar_header,
.cssCalendar .ajax__calendar_footer
{
    height: 20px;
    width: 100%;
}

/*
指定「上一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.cssCalendar .ajax__calendar_prev
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image:url("../images/tools/Calendar_3D_arrow_left.gif");
}

/*
指定「下一個」圖示的樣式，
若不指定圖檔來源時，會自動使用內建的圖示
*/
.cssCalendar .ajax__calendar_next
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("../images/tools/Calendar_3D_arrow_right.gif");
}

/* 月曆第一行的標題所用的樣式 */
.cssCalendar .ajax__calendar_title 
{
    cursor: pointer;
    font-weight: bold;
    color: black;
}

/* 月曆最後一行的今日所用的樣式 */
.cssCalendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
    font-weight: bold;
    color: black;
}

/* 「星期」所用的樣式 */
.cssCalendar .ajax__calendar_dayname
{
    height: 20px;
    width: 20px;
    text-align: right;
    color: Maroon;
    padding: 0px 2px;
    font-size:16px;
}

/* 日曆所用的樣式 */
.cssCalendar .ajax__calendar_day
{
    height: 18px;
    width: 22px;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 2px 2px;
    font-size:16px;
}

/* 月份、年份所用的樣式 */
.cssCalendar .ajax__calendar_month,
.cssCalendar .ajax__calendar_year
{
    height: 38px;
    width: 52px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    font-size:16px;
}

/* 已經被啟用的日期、月份與年份所用的樣式 */
.cssCalendar .ajax__calendar_active .ajax__calendar_day,
.cssCalendar .ajax__calendar_active .ajax__calendar_month,
.cssCalendar .ajax__calendar_active .ajax__calendar_year 
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: blue;
    border: 1px solid black;
    font-size:16px;
}

/* 非目前所選取的日期、月份或年份所用的樣式 */
.cssCalendar .ajax__calendar_other .ajax__calendar_day,
.cssCalendar .ajax__calendar_other .ajax__calendar_month,
.cssCalendar .ajax__calendar_other .ajax__calendar_year 
{
    background-color: #ffffcc;
    color: #646464;
}

/* 當滑鼠移至月曆的第一行、最後一行時，所使用的樣式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_title,
.cssCalendar .ajax__calendar_hover .ajax__calendar_today
{
	background-color: #ffffcc;
	color: #00ff00;
}

/* 當滑鼠移至日期、月份、年份上時，所使用的樣式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_day,
.cssCalendar .ajax__calendar_hover .ajax__calendar_month,
.cssCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    background-color: #0f2543;
	color: #ffffff;    
}

.noWarp td
{
white-space:nowrap;
	}

.noWarp th
{
white-space:nowrap;
	}

/***************************************************************************/
/**  人才招募網站使用
/***************************************************************************/
/*1文件的字體大小,顏色*/
.body_HRS5{
    font-size: 13px;color: #333333;
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;	
	 background-image: url(../images/CychOA/HRS5/bg_white.gif); 
}


/*左側履歷填寫項目的背景*/
.hrs_userdata_bg {
	background-image: url(../images/CychOA/HRS5/user_data_left.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/*左邊表格(列)*/
.table_left {font-size: 13px; line-height: 2.5em; background-image: url(../images/CychOA/HRS5/bg-line.gif);
	background-repeat: repeat; background-position: bottom;	}

/*人才招募--左邊次選單連結*/
a.link_hrs_sub_menu{font-size: 16px;color: #333333;}
a.link_hrs_sub_menu:link {text-decoration: none;}
a.link_hrs_sub_menu:visited {text-decoration: none;color: #333333;}
a.link_hrs_sub_menu:hover {text-decoration: none;color: #CC0033;}
a.link_hrs_sub_menu:active {text-decoration: none;color: #CC0033;}

/*文字方塊浮水印格式*/

.watermarked
{
	height: 20px;
	width: 150px;
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
	font-style: italic;
}

