/*
 ボタンの表示位置
*/
.ui-datepicker-trigger {
  position:absolute;
  cursor:pointer;
}

/*
 "<前"、"次>"アイコン
 背景色に合った色のアイコン画像に変更。
 丁度よいアイコン画像が用意されていなかったため、jQuery UI の公式サイトから
 Dark Hive テーマをダウンロードしてその中の画像を使った。
 (画像ファイルは app/assets/images/ に配置した)
 background-image: url(/assets/ui-icons_ffffff_256x240.png);
*/

.ui-widget-header .ui-icon {
 background-image: url(/images/ui-icons_228ef1_256x240.png);

}

/*
 <前"、"次>"アイコン：カーソルが乗った時
 反転表示っぽく見える様にアイコン画像と背景色を変更。
 この画像ファイルは元から用意されていた物。
 background-image: url(/assets/jquery-ui/ui-icons_222222_256x240.png);
*/

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/images/ui-icons_228ef1_256x240.png);
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background: orange;
}