/* 文字方塊浮水印控制項樣式 */
    .cssUnwatermark
    {
	    height: 18px;
	    width: 148px;
	    font-weight: bold;
    }

    .cssWatermark
{
	padding: 1px 0 0 1px;
    background-color: #F0F8FF;
    font-size:9pt;
	color: gray;
}
    .cssWatermark_blue
    {
	    height: 20px;
	    width: 150px;
	    padding: 2px 0 0 2px;
	    border: 1px solid #BEBEBE;
	    background-color: #F0F8FF;
	    color: gray;
     }

/************ Calendar Related Styles ***********************/
/* Calendar 容器所用的樣式 */
.cssCalendar .ajax__calendar_container
{
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 220px;
	text-align: center;
	font: 16px 標楷體;
	background-color: #f3fff3;
	border: 2px 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/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/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;
}

/* 日曆所用的樣式 */
.cssCalendar .ajax__calendar_day
{
    height: 18px;
    width: 22px;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 2px 2px;
}

/* 月分、年分所用的樣式 */
.cssCalendar .ajax__calendar_month,
.cssCalendar .ajax__calendar_year
{
    height: 38px;
    width: 52px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

/* 已經被啟用的日期、月分與年分所用的樣式 */
.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;
}

/* 非目前所選取的日期、月分或年分所用的樣式 */
.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;    
}

/*     <%-- 給手風琴方格使用的樣式表 --%> */
  /* 預設的標頭樣式表 */
  .accordionHeaderDef
{
	border: 1px solid #6699ff;
	background-color: #6699ff;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	text-align: center;
    BACKGROUND: url(images/tab_head2.gif) repeat-x 50% bottom;
}

  /* 預設的內容樣式表 */
  .accordionContentDef
  {
    border: 1px solid #6699ff;
    background-color: #ffffff;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    text-align: left;
  }

  /* 預設的標頭之超連結樣式表 */
  .accordionHeaderDef a
{
	text-decoration: none;
	color: #000000;	/* color: #FFFFCC;*/
}

  /* 當滑鼠移過預設的標頭之超連結樣式表 */
  .accordionHeaderDef a:hover
{
	background-color: #ffcccc;
	color: #0066cc;
	text-decoration: underline overline;
	left:2px;
	position:relative;
	top:2px;

}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	cursor:pointer;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}