/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* 月曆背景外框 */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #53BEFF;
  font-size: 9px;
  color: #000000;
  cursor: default;
  background: url("/img05/cc_date_bg.gif");
  font-family: Arial,sans-serif;
}


/* 月曆最上層 */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 1px;          /* Make the buttons seem like they're pressing */
  background: url("/img05/cc_today_bg.gif");
	color: #002E79;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 10px;
}

.calendar .nav {
  font-family: Arial,sans-serif;
}

.calendar .nav div {
  background: url("/img05/cc_menuarrow.gif") no-repeat 100% 100%;
}


.calendar thead .title { /* 月曆最上層的幾年幾月" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 1px;
  background: url("/img05/cc_year_bg.gif");
	color: #002E79;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 10px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* 星期一至五 */
  padding: 5px 1px 1px 1px;
  text-align: center;
  color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 10px;
	background: url("/img05/cc_week_bg.gif");
}

.calendar thead .weekend { /* 星期六日 */
  color: #FFFF00;
	font-family: Arial,sans-serif;
	font-size: 10px;
}


.calendar thead .active { /* 上下月關閉視窗 */
  background: url("/img05/cc_active_01.gif");
	padding: 1px;
	color: #002E79;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 10px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("/img05/cc_dark_bg.gif");
}

/* 當月月曆 */

.calendar tbody .day { /* 每日日期 */
  text-align: center;
  padding: 1px 4px 1px 4px;
	color: #333333;
	font-family: Arial,sans-serif;
	font-size: 9px;
}


.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("/img05/cc_rowhover_bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* 滑鼠移到當天日期的變化 */
  background: url("/img05/cc_hover_01.gif");
  text-align: center;
  padding: 1px 4px 1px 4px;
	color: #333333;
	font-family: Arial,sans-serif;
	font-size: 9px;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 1px 4px 1px 4px;
}

.calendar tbody td.weekend { /* 週六週日字型顏色 */
  color: #ff3300;
}

.calendar tbody td.selected { /* 前一次選取的日期 */
	color: #333333;
  text-align: center;
  padding: 1px 4px 1px 4px;
  background: url("/img05/cc_select_01.gif");
	text-align: center;
	font-family: Arial,sans-serif;
	font-size: 9px;
}

.calendar tbody .disabled { /* 不能選取的日期 */
	color: #B5B5B4;
  text-align: center;
  padding: 1px 4px 1px 4px;
	text-align: center;
	font-family: Arial,sans-serif;
	font-size: 9px;
 }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* 月曆底層 */
.calendar tfoot .ttip {
  background: url("/img05/cc_active_02.gif");
  text-align: center;
  padding: 5px 4px 0px 4px;
	color: #002E79;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 10px;
}


/* 跳出日期選單 */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #53BEFF;
  background: url("/img05/cc_date_bg.gif");
	color: #002E79;
  z-index: 100;
  font-family: Arial,sans-serif;
	font-size: 8px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("/feeling/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("/feeling/active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("/feeling/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
  background: url("/feeling/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family:  Arial,sans-serif;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 1px 0px 2px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("/img05/cc_hover_bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("/feeling/active-bg.gif"); color: #fff;
}