/* Layout helpers
----------------------------------*/

.x-datepicker {
	width: 25em; /* 整個視窗的寬度 */ 
	padding: .2em .2em 0;
	display: none;
    box-shadow: 5px 5px 3px grey; 
    z-index:99999999 !important;
}
.x-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

/* 上,下個月 */
.x-datepicker-prev,
.x-datepicker-next {
	position: absolute;
	width: 3em;
	height: 1.8em;
    margin-top: 1px;
}
.x-datepicker-prev button,
.x-datepicker-next button {
    width:3.5em;
}
/* 上個月 */
.x-datepicker-prev {
	left: 2px;
}
/* 下個月 */
.x-datepicker-next {
    right: 12px;
}

.x-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
/* 下拉選單 */
.x-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

/* 年度的下拉選單 */
.x-datepicker select.ui-datepicker-year {
    width: 45%;
}

/* 月份的下拉選單 */
.x-datepicker select.ui-datepicker-month  {
    width: 30%;
}

/*
  月曆表格    
**********************/
.x-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0;
	padding: 0.4em;
	background-color:#efefef;
    z-index:99999999 !important;
}

.x-datepicker th {
	padding:.3em .4em .3em .3em;
	text-align: center;
	font-weight: bold;
	border:1px solid #909090;
}

.x-datepicker td {
	padding: 1px;
	border:1px solid #aaa;

}

.x-datepicker td span,
.x-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
    padding-right: 1em;
}

.ui-priority-secondary /* 非當月的日子 */ 
{
    background-color:#d8d8d8 !important;
    }

/*
  
**********************/
.x-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.x-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.x-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}



/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 微軟正黑體,Verdana,Arial,sans-serif; /* 字型 */
	font-size: 0.9em; /* 加大全部字型 (1.1em) */
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 微軟正黑體,Verdana,Arial,sans-serif; /* 字型 */
	font-size: 1em;
}

.ui-state-default, 
.ui-widget-content .ui-state-default {
            border: none;
        }

/* Kuo-Liang Chang
----------------------------------*/

/* 週日 */
.ui-datepicker-week-end a.week-6 {
    color: red !important; font-weight: normal;
}

/* 週六 */
.ui-datepicker-week-end a.week-5 {
    color: green !important; font-weight: normal;
}