/********************
POPUP-DIV ->
KALENDER
********************/
.calendarbackground { background: url(/img/misc/overlay.png); }
.calendarbox { width: 650px; height: 357px; background: #fff; position: absolute; top: 80px; left: 80px; border: 4px solid #bbb; }
.calendarbox_dates { border-color: #6db824 !important; }
.calendarbox_exceptions { border-color: #b82424 !important; }
.calendarbox_help { border-color: #244eb8 !important; }
.calendarinnerbox { width: 650px; height: 357px; position: relative; overflow: auto; }
.calendar { float: left; position: relative; }

.calendarbox .tabs { position: absolute; height: 24px; line-height: 24px; top: -28px; width: 100%; }
.calendarbox .dates,
.calendarbox .exceptions,
.calendarbox .help { float: left; font-size: 12px; font-weight: 700; color: #fff; text-align: center; padding: 0 10px; margin: 0 10px 0 0; cursor: pointer; }
.calendarbox .dates { background: #6db824; }
.calendarbox .exceptions { background: #b82424; }
.calendarbox .help { background: #244eb8; margin: 0; position: absolute; right: 0; }

.infobox { float: left;  width: 248px; height: 337px; border-left: 4px solid #bbb; padding: 10px; font-size: 11px; background: url(/img/misc/gradient_calendar_info.gif) bottom repeat-x; color: #333; overflow: auto; position: relative; }

.infobox .no_selected_dates { text-align: justify; }
.infobox .no_selected_dates,
.infobox .selected_dates { margin: 0 0 10px 0; }
.infobox .no_selected_dates h3 { margin: 0 0 5px 0; }
.infobox .selected_dates h3 { background: url(/img/icons/calendar.png) left center no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 20px; margin: 0 0 5px 0; color: #000; font-size: 11px; }

.infobox .options { margin: 0 0 10px 0; }
.options a.time,
.options a.repeats { display: block; float: left; background: url(/img/icons/clock.png) left center no-repeat; height: 16px; line-height: 16px; margin: 0 7px 0 0; padding: 0 0 0 20px; color: #888;  text-decoration: none; font-weight: bold; }
.options a.repeats { background-image: url(/img/icons/date_add.png); }
.options a.time:hover,
.options a.repeats:hover,
.options a.active { color: #000;}
.options .spinner { background: url(/img/icons/spin_green.gif); height: 16px; width: 16px; float: left;}

.options .top_time,
.options .top_repeats { margin: 5px 0 0 0; background: url(/img/misc/cal_time_arrow.gif) left top no-repeat; line-height: 6px; font-size: 1px; height: 6px; }
.options .top_repeats { background-image: url(/img/misc/cal_repeats_arrow.gif); }
.options .content { padding: 10px; background: #fff; border: 1px solid #ccc; border-top: none; }

.options .content .label { width: 75px; height: 20px; line-height: 20px; color: #888; vertical-align: middle; margin: 3px 5px 3px 0; text-align: right; }
.options .content .input { height: 20px; line-height: 20px; vertical-align: middle; margin: 3px 0 3px 0; }
.options .content .txt { height: 20px; line-height: 20px; vertical-align: middle; margin: 3px 0 3px 5px; color: #888; }
.options .content input,
.options .content select { font-size: 11px;}

.infobox .form { padding: 5px 0 10px 0; }

.slider_area { background: url(/img/misc/slider_line.gif) left center repeat-x; height: 18px; line-height: 18px; width: 100%; }
.slider_knob { height: 18px; width: 15px; background: url(/img/misc/slider_knob.gif); }

.stored_time .time { color: #aaa; width:132px; text-align: right; margin: 2px 0 0 0; }
.stored_time .delete { margin: 2px 0 0 10px; }
.stored_time .delete a { color: #666; }
.stored_time .new { color: #000; font-weight: bold; margin: 2px 0 5px 0; }
.stored_time .save { margin: 2px 0 5px 10px; }

.mini_selector { margin: 9px 0 4px 0; }
.mini_selector a { display: block; float: left; color: #000; background: #ddd; text-align: center; line-height: 20px; height: 20px; width: 23px; margin: 0 2px 2px 0; }
.mini_selector a:hover { color: #fff; background: #ff6600; text-decoration: none; }
.mini_selector a.selected { background: #B5D5FF; color: #555; }
.mini_selector a.selected:hover { background: #da9d7f; color: #aa5e2a; }


.monthpages { margin: 2px 2px 0 2px; float: left; }
.monthpages a,
.monthpages .current { display: block; float: left; background: #ddd; color: #333; font-weight: bold; width: 45px; height: 24px; line-height: 24px; text-align: center; }
.monthpages a { background: #ccc; }
.monthpages a:hover { color: #fff; background: #ff6600; text-decoration: none; }
.monthpages .current { border-left: none; border-right: none; width: 284px; color: #333; }

.monthview { clear: left; background: #fff; padding: 1px; width: 376px; float: left; overflow: hidden; }
.monthview a.day,
.monthview a.kw,
.monthview a.select_month { display: block; float: left; width: 45px; height: 40px; text-align: right; vertical-align: top; color: #333; margin: 1px; font-size: 11px; background: #eee; }

.monthview a.day { padding: 4px 4px 0 0; height: 41px; width: 41px; }
.monthview a.head { padding: 0 2px; }

.monthview a.kw,
.monthview a.select_month { color: #000; font-weight: bold; background: #ddd; text-align: center; line-height: 45px; height: 45px; }
.monthview a.kw { line-height: 45px; height: 45px; color: #999; font-weight: normal; }
.monthview a.day:hover,
.monthview a.kw:hover,
.monthview a.select_month:hover { color: #fff; background: #ff6600; text-decoration: none; font-weight: bold; }
.monthview a.head { color: #000; font-weight: bold; text-align: center; line-height: 45px; height: 45px; }
.monthview a.othermonth { color: #bbb; }
.monthview a.selected { background: #B5D5FF; color: #555; }
.monthview a.selected:hover { background: #da9d7f; color: #aa5e2a; }
.monthview a.saved { background: #b1ff96; color: #555; }
.monthview a.saved:hover { background: #da9d7f; color: #aa5e2a; }
.monthview a.recurrence {
	background-image:url(/img/icons/date_repeat.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.monthview a.calculated_recurrence { background: #000099; color: #555; }
.monthview a.calculated_recurrence:hover { background: #0000FF; color: #aa5e2a; }

.popupbox_spinner { height: 100%; width: 100%; background: url(/img/misc/overlay.png); position: absolute; top: 0; left: 0;}
.popupbox_spinner div { height: 100%; width: 100%; position: relative; }
.popupbox_spinner div div { height: 32px; width: 32px; background: url(/img/icons/spin_transparent.gif); position: absolute; left: 47%; top: 45%; }

.user_prompt { height: 100%; width: 100%; background: url(/img/misc/overlay.png); position: absolute; top: 0; left: 0; }
.user_prompt .wrapper { height: 100%; width: 270px; background: #fff url(/img/misc/gradient_calendar_info.gif) bottom repeat-x; color: #333; position: relative; left: 185px; border-left: 4px solid #666; border-right: 4px solid #666; }
.user_prompt .innerdiv { padding: 15px; }