/**********************************************************************

JsFrameworkのcssファイル

標準入力ヘルパとして提供されている、
    カレンダーダイアログとタイムピッカダイアログの設定

**********************************************************************/

/*----- ヘッダ部分 -----*/
#calendarDlg .calendarHeader,
#timePickerDlg .timePickerHeader {
    text-align: center;
}
#calendarDlg .calendarHeader #calendarYear,
#calendarDlg .calendarHeader #calendarMonth {
    line-height: 1em;
    display: inline-block;
    text-align: left;
}

/*----- コンボボックス -----*/
#calendarDlg .calendarHeader #calendarSelYear {
	width: 70px;
}
#calendarDlg .calendarHeader #calendarSelMonth,
#timePickerDlg .timePickerHeader #timePickerSelHour,
#timePickerDlg .timePickerHeader #timePickerSelMinute,
#timePickerDlg .timePickerHeader #timePickerSelSecond {
	width: 52px;
}

/*----- テーブル本体 -----*/
#calendarDlg #calendarBody {
	margin-top: 2px;
	margin-bottom: 7px;
}
#calendarDlg .calendarTable {
	table-layout: fixed;
	background-color: #A0A0A0;
	border-collapse: separate;
	border-spacing: 1px;
}
/*----- すべてのセル -----*/
#calendarDlg .calendarTable tr {
	background-color: #ffffff;
}
#calendarDlg .calendarTable th {
	width: 25px;
	background-color: #40FFC0;
	color: #000000;
}
#calendarDlg .calendarTable td {
	width: 25px;
	padding: 1px 3px;
	text-align: center;
	line-height: 1.4
}
/*----- 日曜日のセル -----*/
#calendarDlg .calendarTable th.sunday,
#calendarDlg .calendarTable td.sunday {
	background-color: #FFC0C0;
}
/*----- 土曜日のセル -----*/
#calendarDlg .calendarTable th.saturday,
#calendarDlg .calendarTable td.saturday {
	background-color: #C0C0FF;
}
/*----- 当日日付のセル -----*/
#calendarDlg .calendarTable td.today {
	background-color: #FFFF00;
}
/*----- 選択日付のセル -----*/
#calendarDlg .calendarTable td.selected {
  background-color: #E0F0FF;
}
#calendarDlg .calendarTable td.active {
  background-color: #C0E0FF;
}
/*----- OK/Cancel -----*/
#calendarDlg .calendarButtons {
	text-align: center;
}
#timePickerDlg .timePickerButtons {
    margin-top: 10px;
	text-align: center;
}
#calendarDlg .calendarOKButton,
#timePickerDlg .timePickerOKButton {
	width: 80px;
	padding: 4px 8px;
}
#calendarDlg .calendarCancelButton,
#timePickerDlg .timePickerCancelButton {
	width: 80px;
	margin-left: 15px;
	padding: 4px 8px;
}