/* overwrite main css */
#pageContent { overflow-x:auto; }

/* navigation */
#icst_cal_nav_container { position: absolute; top: 5px; }
#icst_cal_nav_container a { text-decoration: none; outline: none; }
.icst_cal_nav { display: inline-block; }
.icst_cal_nav_today { margin-right: 80px; }
.icst_cal_nav_ics { margin-left: 80px;  }
.icst_cal_nav span.active { background-color: #ddd; font-weight: bold; cursor: default; }

.icst_cal_nav span { text-align: center; line-height: 20px; display: inline-block; height: 20px; width: 60px; border:1px solid #aaa; }
.icst_cal_nav .prev { width: 18px; background-image: url(arrow_l.png); background-repeat: no-repeat; background-position: center; }
.icst_cal_nav .next { width: 18px; background-image: url(arrow_r.png); background-repeat: no-repeat; background-position: center; }
.icst_cal_nav .cal { width: 30px; background-image: url(cal.png); background-repeat: no-repeat; background-position: center; }

/* week display */
#icst_cal_week_container { position: absolute; top: 50px; overflow: hidden;}
#icst_cal_week_header { border-bottom: 2px solid rgb(204, 204, 204); height: 24px; top: 0px; }
#icst_cal_week_header div { position: absolute; top: 0px; text-align: center; padding-top: 4px; }
#icst_cal_week_header .year { font-size: 16px; }

#icst_cal_week_allday { border-bottom: 1px solid rgb(204, 204, 204); top: 0px; }

#icst_cal_week_vertical { left: 0px; top: 0px; position: absolute; height: 100%; }
#icst_cal_week_vertical div { border-left: 1px solid rgb(204, 204, 204); height: 100%; position: absolute; top: 0px; }
.first { border-left: 1px solid rgb(204, 204, 204); left: 50px; }
.today { background-color: #26c; opacity: 0.05;  }

#icst_cal_week_horizontal { left: 50px; position: relative; top: 0px; }
.icst_cal_hour { border-top: 1px solid rgb(229, 229, 229); border-left: 0px; border-right: 0px; border-bottom: 1px solid rgb(188, 194, 199); left: 0px; position: relative; height: 15px; }
.icst_cal_label { position: relative; left: -40px; top: -20px; }

#icst_cal_week_container #event { position: absolute; border: 1px solid; overflow: hidden; }
#event div, b { font-size: 11px;}

/* month display */
#icst_cal_month_container { position: absolute; top: 50px; left: 2px; }
.month_grid {	border-collapse: collapse; }
.month_grid th { font-size: 18px; font-weight: normal; padding-bottom: 5px; text-align: center; }
.month_grid td { border:1px solid #aaa; vertical-align: top;  }
.month_grid td div.day { margin-right: 7px; margin-top: 3px; text-align: right; }
.month_grid td div.day.outside { color: #bbb; }

.month_today { background-color: #eff5fb; }

#icst_cal_month_container #event { position: absolute; overflow: hidden; height: 12px; }

/* list display */
#icst_cal_list_container { position: relative; top: 50px; overflow: hidden; border:1px solid #aaa; }
.icst_cal_list_date { padding: 3px; background-color: #ddd; }
.icst_cal_list_event div { margin: 8px; padding: 2px; display: inline-block; vertical-align: top; }
.icst_cal_list_event .time { width: 80px; text-align: center; }


/* minical */
#icst_minical_container { position: absolute; top: 50px; width: 140px; }
#icst_minical_container a { text-decoration: none; }
.minical {	border-collapse: collapse; }
.minical tr {	text-align: center; }

.minical th {	font-size: 12px; font-weight: normal; padding-bottom: 2px; text-align: center; height: 25px; }
.minical th.prev { width: 18px; background-image: url(arrow_l.png); background-repeat: no-repeat; background-position: center; }
.minical th.next { width: 18px; background-image: url(arrow_r.png); background-repeat: no-repeat; background-position: center; }

.minical td {	border:1px solid #aaa; vertical-align: middle; width: 20px; height: 20px; }
.minical a { display: block; }
.minical td.mini_today { background-color: #56d; }
.minical td.mini_today a { color: #fff; }
.minical td.mini_active { background-color: #eee; }
.minical td.day { }
.minical td.day.outside a { color: #bbb;}

/* legend */
#icst_cal_legend_container { position: absolute; top: 240px; width: 140px; }
#icst_cal_legend_container a { text-decoration: none; outline: none; }
#icst_cal_legend_container div { margin-bottom: 10px; }
#icst_cal_legend_container div.color { width: 20px; height:14px; margin-right: 10px; float:left; }