Changeset 5569
- Timestamp:
- 02/15/08 19:11:39 (9 months ago)
- Files:
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
spinelz/trunk/compress/stylesheets/spinelz/calendar.css
r3913 r5569 1 .calendar { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 100%; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.calendar_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.calendar_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.calendar_preYears { text-align: left; width: 35px;}.calendar_years { text-align: center;}.calendar_years span { font-weight: bolder; font-size: 105%;}.calendar_nextYears { text-align: right; width: 35px;}.calendar_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextMonthMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextYearMarkHover { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_nextWeekMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preMonthMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preYearMarkHover { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer;}.calendar_preWeekMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer;}.calendar_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.calendar_ym { margin-left: 5px;}.calendar_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.calendar_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_table TH.right { border-right-style: none;}.calendar_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.calendar_table TD.right { border-right-style: none;}.calendar_table TD.bottom { border-bottom-style: none;}.calendar_date { cursor: pointer; color: #000000; background: #FFFFFF; font-weight: bold;}.calendar_holidayContainer span { padding: 2px;}.calendar_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.calendar_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.calendar_schedule { cursor: pointer; background: url(../../images/spinelz/calendar_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.calendar_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline; color: red;}.calendar_highlightTime { cursor: default; font-weight: bold; text-decoration: underline; color: red;}.calendar_selected { background: #285A94; color: #ffffff;}.calendar_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.calendar_holidayContainer { width: 100%; overflow: hidden;}*/.calendar_holidayName { margin-left: 10px;}.calendar_schedule .calendar_scheduleListContainer { color: #000000; margin-top: 5px;}.calendar_selected .calendar_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.calendar_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.calendar_scheduleItem { font-size: 10px;}.calendar_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.calendar_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.calendar_calendar_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.calendar_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.calendar_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.calendar_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.calendar_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.calendar_weekContainerTable TD { margin: 0; padding: 0;}.calendar_timeline { margin: 0; padding: 0; width: 50px;}.calendar_timelineTimeTop { height: 23px; text-align: center;}.calendar_timelineTime { height: 51px; border-top: 1px solid #999999; text-align: center;}.calendar_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: default;}.calendar_headerColumn a { position: relative; top: 4px;}.calendar_columnTopDate { height: 25px; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnDate { height: 25px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnOddDate { height: 25px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.calendar_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.calendar_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.calendar_scheduleItemNoBorder div { height: 16px;}.calendar_scheduleItemSelect { border: 2px solid red;}/*.calendar_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.calendar_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.calendar_weekMainTable TD { margin: 0; padding: 0;}.calendar_weekScheduleContainer {}.calendar_deleteImage { background: url(../../images/spinelz/calendar_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.calendar_privateImage { background: url(../../images/spinelz/calendar_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.calendar_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.calendar_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.calendar_skipNode { font-size: 10px; position: absolute;}.calendar_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}1 .calendar { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 100%; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.calendar_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.calendar_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.calendar_preYears { text-align: left; width: 35px;}.calendar_years { text-align: center;}.calendar_years span { font-weight: bolder; font-size: 105%;}.calendar_nextYears { text-align: right; width: 35px;}.calendar_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextMonthMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextYearMarkHover { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_nextWeekMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preMonthMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preYearMarkHover { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer;}.calendar_preWeekMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer;}.calendar_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.calendar_ym { margin-left: 5px;}.calendar_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.calendar_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_table TH.right { border-right-style: none;}.calendar_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.calendar_table TD.right { border-right-style: none;}.calendar_table TD.bottom { border-bottom-style: none;}.calendar_date { cursor: default; color: #000000; background: #FFFFFF; font-weight: bold;}.calendar_holidayContainer span { padding: 2px;}.calendar_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.calendar_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.calendar_schedule { cursor: pointer; background: url(../../images/spinelz/calendar_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.calendar_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline; color: red;}.calendar_highlightTime { cursor: default; font-weight: bold; text-decoration: underline; color: red;}.calendar_selected { background: #285A94; color: #ffffff;}.calendar_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.calendar_holidayContainer { width: 100%; overflow: hidden;}*/.calendar_holidayName { margin-left: 10px;}.calendar_schedule .calendar_scheduleListContainer { color: #000000; margin-top: 5px;}.calendar_selected .calendar_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.calendar_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.calendar_scheduleItem { font-size: 10px;}.calendar_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.calendar_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.calendar_calendar_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.calendar_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.calendar_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.calendar_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.calendar_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.calendar_weekContainerTable TD { margin: 0; padding: 0;}.calendar_timeline { margin: 0; padding: 0; width: 50px;}.calendar_timelineTimeTop { height: 23px; text-align: center;}.calendar_timelineTime { height: 51px; border-top: 1px solid #999999; text-align: center;}.calendar_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: default;}.calendar_headerColumn a { position: relative; top: 4px;}.calendar_columnTopDate { height: 25px; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnDate { height: 25px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnOddDate { height: 25px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.calendar_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.calendar_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.calendar_scheduleItemNoBorder div { height: 16px;}.calendar_scheduleItemSelect { border: 2px solid red;}/*.calendar_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.calendar_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.calendar_weekMainTable TD { margin: 0; padding: 0;}.calendar_weekScheduleContainer {}.calendar_deleteImage { background: url(../../images/spinelz/calendar_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.calendar_privateImage { background: url(../../images/spinelz/calendar_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.calendar_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.calendar_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.calendar_skipNode { font-size: 10px; position: absolute;}.calendar_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;} spinelz/trunk/compress/stylesheets/spinelz/spinelz_for_rubricks.css
r4903 r5569 1 div.balloon_tooltip { position: absolute;}/* ---- Top ---- */div.balloon_top { width: 100%; height: 30px; position: relative;}div.balloon_top_left { position: absolute; top: 0; left: 0; width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_top_left.gif); background-repeat: no-repeat;}div.balloon_top_middle { height: 30px; background-image: url(../../images/spinelz/balloon_top_middle.gif); background-repeat: repeat-x; margin: 0 70px;}div.balloon_top_right { width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_top_right.gif); background-repeat: no-repeat; position: absolute; top: 0; right: 0;}/* ---- Middle ---- */div.balloon_middle { width: 100%; position: relative;}div.balloon_middle_left { position: absolute; top: 0; left: 0; width: 70px;}div.balloon_middle_left_row { width: 70px; height: 20px; background-image: url(../../images/spinelz/balloon_middle_left.gif); background-repeat: repeat-y;}div.balloon_middle_right { position: absolute; top: 0; right: 0; width: 70px;}div.balloon_middle_right_row { width: 70px; height: 20px; background-image: url(../../images/spinelz/balloon_middle_right.gif); background-repeat: repeat-y;}div.balloon_left_arrow { width: 70px; height: 60px;}div.balloon_left_up_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_left_up_arrow.gif); background-repeat: no-repeat;}div.balloon_left_down_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_left_down_arrow.gif); background-repeat: no-repeat;}div.balloon_right_arrow { width: 70px; height: 60px;}div.balloon_right_up_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_right_up_arrow.gif); background-repeat: no-repeat;}div.balloon_right_down_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_right_down_arrow.gif); background-repeat: no-repeat;}div.balloon_body { margin: 0 70px; background-image: url(../../images/spinelz/balloon_back.gif); background-repeat: no-repeat; background-color: #f8ffee; overflow: hidden;}/* ---- Bottom ---- */div.balloon_bottom { width: 100%; height: 30px; position: relative;}div.balloon_bottom_left { position: absolute; top: 0; left: 0; width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_bottom_left.gif); background-repeat: no-repeat;}div.balloon_bottom_middle { height: 30px; background-image: url(../../images/spinelz/balloon_bottom_middle.gif); background-repeat: repeat-x; margin: 0 70px;}div.balloon_bottom_right { width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_bottom_right.gif); background-repeat: no-repeat; position: absolute; top: 0; right: 0;}.calendar { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 100%; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.calendar_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.calendar_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.calendar_preYears { text-align: left; width: 35px;}.calendar_years { text-align: center;}.calendar_years span { font-weight: bolder; font-size: 105%;}.calendar_nextYears { text-align: right; width: 35px;}.calendar_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextMonthMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextYearMarkHover { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_nextWeekMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preMonthMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preYearMarkHover { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer;}.calendar_preWeekMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer;}.calendar_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.calendar_ym { margin-left: 5px;}.calendar_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.calendar_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_table TH.right { border-right-style: none;}.calendar_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.calendar_table TD.right { border-right-style: none;}.calendar_table TD.bottom { border-bottom-style: none;}.calendar_date { cursor: pointer; color: #000000; background: #FFFFFF; font-weight: bold;}.calendar_holidayContainer span { padding: 2px;}.calendar_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.calendar_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.calendar_schedule { cursor: pointer; background: url(../../images/spinelz/calendar_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.calendar_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline; color: red;}.calendar_highlightTime { cursor: default; font-weight: bold; text-decoration: underline; color: red;}.calendar_selected { background: #285A94; color: #ffffff;}.calendar_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.calendar_holidayContainer { width: 100%; overflow: hidden;}*/.calendar_holidayName { margin-left: 10px;}.calendar_schedule .calendar_scheduleListContainer { color: #000000; margin-top: 5px;}.calendar_selected .calendar_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.calendar_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.calendar_scheduleItem { font-size: 10px;}.calendar_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.calendar_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.calendar_calendar_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.calendar_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.calendar_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.calendar_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.calendar_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.calendar_weekContainerTable TD { margin: 0; padding: 0;}.calendar_timeline { margin: 0; padding: 0; width: 50px;}.calendar_timelineTimeTop { height: 23px; text-align: center;}.calendar_timelineTime { height: 51px; border-top: 1px solid #999999; text-align: center;}.calendar_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: default;}.calendar_headerColumn a { position: relative; top: 4px;}.calendar_columnTopDate { height: 25px; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnDate { height: 25px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnOddDate { height: 25px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.calendar_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.calendar_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.calendar_scheduleItemNoBorder div { height: 16px;}.calendar_scheduleItemSelect { border: 2px solid red;}/*.calendar_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.calendar_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.calendar_weekMainTable TD { margin: 0; padding: 0;}.calendar_weekScheduleContainer {}.calendar_deleteImage { background: url(../../images/spinelz/calendar_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.calendar_privateImage { background: url(../../images/spinelz/calendar_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.calendar_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.calendar_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.calendar_skipNode { font-size: 10px; position: absolute;}.calendar_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}.datepicker { border: 1px solid #999999; font-size: 13px; width: 200px; height: 160px; background: #FFFFFF; color: #000000;}.datepicker table tr td { padding: 0px; margin: 0px; border: none;}/* header */.datepicker_header { padding-top: 3px; width: 100%; height: 26px; background: url('../../images/spinelz/datepicker_back.gif') repeat-x; color: #808080; border-bottom: 1px solid #999999; font-weight: bold;}.datepicker_nextMonthMark { background: url('../../images/spinelz/datepicker_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextMonthMarkHover { background: url('../../images/spinelz/datepicker_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextYearMark { background: url('../../images/spinelz/datepicker_next_second.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_nextYearMarkHover { background: url('../../images/spinelz/datepicker_next_second.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preMonthMark { background: url('../../images/spinelz/datepicker_pre.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preMonthMarkHover { background: url('../../images/spinelz/datepicker_pre.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preYearMark { background: url('../../images/spinelz/datepicker_pre_second.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_preYearMarkHover { background: url('../../images/spinelz/datepicker_pre_second.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextYears { text-align: right; width: 35px;}.datepicker_preYears { text-align: left; width: 35px;}.datepicker_years { text-align: center;}.datepicker_nextYears { text-align: right; width: 35px;}.datepicker_ym { margin-left: 10px;}/* calendar */.datepicker_calendar { padding-top: 5px; background: #FFFFFF; color: #000000;}.datepicker_table { font-size: 11px; text-align: center; width: 100%; background-position: top;}.datepicker_tableTh { color: #999999;}.datepicker_date { cursor: pointer; background: #FFFFFF; color: #000000; width: 14%;}.datepicker_holiday { cursor: pointer; background: #FFFFFF; font-weight: bold; color: #285A94; width: 14%;}.datepicker_dateHover { cursor: pointer; background: #D5DFE8; font-weight: bold; color: #674534; width: 14%;}.datepicker_holidayHover { cursor: pointer; background-color: #D5DFE8; font-weight: bold; color: #674534; width: 14%;}.datepicker_today { text-decoration: underline; color: red; font-weight: bold;}* { margin: 0; padding: 0;}.menubar { background: url(../../images/spinelz/menubar_back.gif) repeat-x; border: 1px solid #999999; font-size: 0.8em; line-height: 1.3em; height: 26px;}.menubar_menu {}.menubar_menuBody { float: left; cursor: pointer; padding: 3px 8px; height: 20px; line-height: 1.8em;}.menubar_menuBodyHover { float: left; cursor: pointer; background: #defa93; padding: 3px 8px; height: 20px; line-height: 1.8em;}.menubar_subMenu {}.menubar_subMenuBody { background: url(../../images/spinelz/menubar_subcontents_back.gif) repeat-x #fff; color: #4F4534; padding: 0 3px; cursor: pointer;}.menubar_subMenuBodyHover { background: #C8CEF6; color: #4F4534; padding: 0 3px; cursor: pointer;}.menubar_subMenuBody A { background: #FFFFFF; color: gray; cursor: pointer;}.menubar_subMenuBodyHover A { background-color: #C8CEF6; color: #FFFFFF; cursor: pointer;}.menubar_menuContainer { border: 1px solid #999999; position: absolute; width: 100px;}.menubar_dirMark { position: relative; top: -17px; left: 0; float: right; color: #999999; cursor: pointer;}.modal_mask { position: fixed; top: 0px; right:0px; left: 0px; width: 100%; height: 100%; opacity: .2; background-color: #CCCCCC; color: #FFFFFF;}.modal_mask_ie { position: absolute; top: expression(eval(document.documentElement.scrollTop)); left: expression(eval(document.documentElement.scrollLeft)); width: 100%; height: 100%; filter: alpha(opacity=20); background-color: #CCCCCC; color: #FFFFFF;}.navPanel{ border-bottom: 1px solid #919b9c;}.navPanel_panel{ border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 10px; overflow: auto;}.navPanel_tab { height: 26px; position: relative; cursor: pointer;} .navPanel_tab div{ height: 26px;} .navPanel_tabLeftInactive { background: url('../../images/spinelz/navPanel_tab_left_inactive.gif') no-repeat; position: absolute; left: 0; width: 10px;}.navPanel_tabLeftActive { background: url('../../images/spinelz/navPanel_tab_left_active.gif') no-repeat; position: absolute; left: 0; width: 10px;}.navPanel_tabMiddleInactive { background: url('../../images/spinelz/navPanel_tab_middle_inactive.gif') repeat-x; margin: 0 10px;}.navPanel_tabMiddleActive { background: url('../../images/spinelz/navPanel_tab_middle_active.gif') repeat-x; margin: 0 10px;}.navPanel_tabRightInactive { background: url('../../images/spinelz/navPanel_tab_right_inactive.gif') no-repeat; position: absolute; top: 0; right: 0; width: 10px;}.navPanel_tabRightActive { background: url('../../images/spinelz/navPanel_tab_right_active.gif') no-repeat; position: absolute; top: 0; right: 0; width: 10px;}.selectableTable_table { border-collapse: collapse; margin: 0px; padding: 0px; width: 100%;}.selectableTable_tr { margin: 0px; padding: 0px;}.selectableTable_tr td { border-bottom: 1px dotted black; border-top: 1px dotted black;}.selectableTable_trSelected { background: url(../../images/spinelz/selectabletable_selected.gif) repeat-x; margin: 0px; padding: 0px;}.selectableTable_trHover { background-color: #eeffcc; margin: 0px; padding: 0px;}* { margin: 0; padding: 0;}.sideBarBox_panelContainer { float: left; border: 1px solid #999999; padding: 5px; position: relative; z-index: 5; width: 200px; height: 200px;}.sideBarBox_tabContainer { position: relative; float: left; width: 40px;}.sideBarBox_tabContent {}.sideBarBox_tabTitle { position: relative; left: 10px; }.sideBarBox_tab div{ cursor: pointer; width: 40px; position: relative; left: -1px;}.sideBarBox_tabTopInactive { background: url('../../images/spinelz/sideBarBox_tabTopInactive.gif') no-repeat; background-position: 0 1px; height: 10px; z-index: 1; font-size: 1px;}.sideBarBox_tabTopActive { background: url('../../images/spinelz/sideBarBox_tabTopActive.gif') no-repeat; background-position: 0 1px; height: 10px; z-index: 10; font-size: 1px;}.sideBarBox_tabMiddleInactive { background: url('../../images/spinelz/sideBarBox_tabMiddleInactive.gif') repeat-y; background-position: left top; top: -2px; z-index: 1;}.sideBarBox_tabMiddleActive { background: url('../../images/spinelz/sideBarBox_tabMiddleActive.gif') repeat-y; background-position: left top; top: -2px; z-index: 10;}.sideBarBox_tabBottomInactive { display: block; background: url('../../images/spinelz/sideBarBox_tabBottomInactive.gif') no-repeat; background-position: left top; height: 10px; top: -5px;}.sideBarBox_tabBottomActive { display: block; background: url('../../images/spinelz/sideBarBox_tabBottomActive.gif') no-repeat; background-position: left top; height: 10px; top: -5px; z-index: 10;}.switcher_state_close { float: left; background-image: url('../../images/spinelz/switcher_close.gif'); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; overflow: visible;}.switcher_state_open { float: left; background-image: url('../../images/spinelz/switcher_open.gif'); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; overflow: visible;}.switcher_switch { cursor: pointer;}.tabBox_tabBox { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal;}.tabBox_panelContainer { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}.tabBox_tabContainer { /* height: 42px; background: url(../../images/spinelz/tab_bar.gif) repeat-x; background-position: bottom; */ height: 24px; padding-left: 5px;}.tabBox_tabBar { clear: left; height: 18px; background: url(../../images/spinelz/tab_bar.gif) repeat-x; background-position: bottom; padding-left: 5px;}.tabBox_tab { float: left;}.tabBox_tab div{ float: left; height: 24px; cursor: pointer; overflow: hidden;}.tabBox_tabLeftInactive { background: url('../../images/spinelz/tabBox_tabLeftInactive.gif') no-repeat; width: 8px; margin-left: 4px;}.tabBox_tabLeftActive { background: url('../../images/spinelz/tabBox_tabLeftActive.gif') no-repeat; width: 8px; margin-left: 4px;}.tabBox_tabMiddleInactive { background: url('../../images/spinelz/tabBox_tabMiddleInactive.gif') repeat-x; line-height: 1.8em;}.tabBox_tabMiddleActive { background: url('../../images/spinelz/tabBox_tabMiddleActive.gif') repeat-x; line-height: 1.8em;}.tabBox_tabRightInactive { background: url('../../images/spinelz/tabBox_tabRightInactive.gif') no-repeat; width: 10px; padding: 0;}.tabBox_tabRightActive { background: url('../../images/spinelz/tabBox_tabRightActive.gif') no-repeat; width: 10px;}.tabBox_tabTitle { font-weight: bold; line-height: 1.5em; padding: 0 10px !important;}.tabBox_closeButton { border: 0; overflow: hidden; cursor: pointer; font-size: 5px; width: 16px; height: 16px !important; background: url('../../images/spinelz/tabBox_close.gif') no-repeat; position: relative; top: 5px;}.timepicker_container { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 150px; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.timepicker_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.timepicker_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.timepicker_preYears { text-align: left; width: 35px;}.timepicker_years { text-align: center;}.timepicker_years span { font-weight: bolder; font-size: 105%;}.timepicker_nextYears { text-align: right; width: 35px;}.timepicker_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; width: 16px; height: 16px; cursor: pointer; float: left;}.timepicker_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.timepicker_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.timepicker_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.timepicker_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; float: left;}.timepicker_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer;}.timepicker_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.timepicker_ym { margin-left: 5px;}.timepicker_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.timepicker_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: pointer; margin: 0; padding: 0; height: 24px;}.timepicker_table TH.right { border-right-style: none;}.timepicker_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.timepicker_table TD.right { border-right-style: none;}.timepicker_table TD.bottom { border-bottom-style: none;}.timepicker_date { cursor: pointer; color: #000000; background: #FFFFFF; font-weight: bold;}.timepicker_holidayContainer span { padding: 2px;}.timepicker_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.timepicker_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.timepicker_schedule { cursor: pointer; background: url(../../images/spinelz/timepicker_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.timepicker_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline;}.timepicker_selected { background: #285A94; color: #ffffff;}.timepicker_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.timepicker_holidayContainer { width: 100%; overflow: hidden;}*/.timepicker_holidayName { margin-left: 10px;}.timepicker_schedule .timepicker_scheduleListContainer { color: #000000; margin-top: 5px;}.timepicker_selected .timepicker_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.timepicker_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.timepicker_scheduleItem { font-size: 10px;}.timepicker_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.timepicker_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.timepicker_timepicker_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.timepicker_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.timepicker_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.timepicker_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: pointer; margin: 0; padding: 0; height: 24px;}.timepicker_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.timepicker_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.timepicker_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.timepicker_weekContainerTable TD { margin: 0; padding: 0;}.timepicker_timeline { margin: 0; padding: 0; width: 25px;}.timepicker_timelineTimeTop { height: 23px; text-align: center;}.timepicker_timelineTime_ie { height: 27px; border-top: 1px solid #999999; text-align: center;}.timepicker_timelineTime_ieTop { height: 28px; border-top: 1px solid #999999; text-align: center;}.timepicker_timelineTime_ie7 { height: 25px; border-top: 1px solid #999999; text-align: center; width: 32px;}.timepicker_timelineTime { height: 25px; border-top: 1px solid #999999; text-align: center;}.timepicker_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: pointer;}.timepicker_headerColumn a { position: relative; top: 4px;}.timepicker_columnTopDate { height: 12px; border-left: 1px solid #999999; cursor: pointer;}.timepicker_columnDate { height: 12px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.timepicker_columnOddDate { height: 12px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.timepicker_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.timepicker_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.timepicker_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.timepicker_scheduleItemNoBorder div { height: 16px;}.timepicker_scheduleItemSelect { border: 2px solid red;}/*.timepicker_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.timepicker_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.timepicker_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.timepicker_weekMainTable TD { margin: 0; padding: 0;}.timepicker_weekScheduleContainer {}.timepicker_deleteImage { background: url(../../images/spinelz/timepicker_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.timepicker_privateImage { background: url(../../images/spinelz/timepicker_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.timepicker_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.timepicker_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.timepicker_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}.timepicker_displayToggle { font-weight: normal;}.treeview { list-style: none outside; font-size: 12px;}.treeview_dir { margin-top: 2px; height: auto; width: auto;}.treeview_dirBody { cursor: pointer; height: 15px; width: auto;}.treeview_dirBodyText { background-color: #FFFFFF; color: black;}.treeview_dirBodyTextActive { background-color: #becfeb; color: black;}.treeview_dirContainerHover { background-color: #becfeb; }.treeview_dirContainer { list-style: none outside; padding: 1px 0 3px 20px; margin: 0px; height: auto; width: auto;}.treeview_file { margin-top: 2px; margin-left: 17px;/* position: relative; *//* top: 0px; *//* left: 0px; */}.treeview_fileBody { height: 15px; cursor: pointer;}.treeview_fileBodyText { background-color: #FFFFFF; color: black;}.treeview_fileBodyTextActive { background-color: #becfeb; color: black;}.treeview_stateEmpty { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px -22px; overflow: hidden;}.treeview_stateClose { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px -11px; overflow: hidden;}.treeview_stateOpen { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px 0px; overflow: hidden;}.treeview_dirIcon { float: left; background-image: url(../../images/spinelz/treeview_dir.gif); background-repeat: no-repeat; cursor: pointer; height: 16px; width: 16px; margin-right: 5px; background-position: 0px 0px; overflow: hidden;}.treeview_fileIcon { float: left; background-image: url(../../images/spinelz/treeview_file.gif); background-repeat: no-repeat; cursor: pointer; height: 16px; width: 16px; margin-right: 2px; background-position: 0px 0px; overflow: hidden;}.window { position: absolute; margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal;}.window_header{ width: 100%; height: 45px; position: relative;}.window_headerLeft{ width: 30px; height: 45px; top: 0; position: absolute; left: 0; background: url('../../images/spinelz/window_top_left.gif') no-repeat;}.window_headerMiddle{ height: 45px; top: 0; margin: 0 30px; background: url('../../images/spinelz/window_top_middle.gif') repeat-x; cursor: move; line-height: 3.0em; overflow: hidden;}.window_headerRight{ width: 30px; height: 45px; top: 0; position: absolute; right: 0; background: url('../../images/spinelz/window_top_right.gif') no-repeat;}.window_buttonHolder{ width: 60px; height: 16px; position: absolute; top: 0; right: 32px; margin-top: 10px;}.window_closeButton{ float: right; overflow: hidden; font-size: 5px; width: 16px; height: 16px; background: url('../../images/spinelz/window_close.gif') no-repeat; cursor:pointer;}.window_maxButton{ float: right; overflow: hidden; cursor: pointer; width: 16px; height: 16px; background: url('../../images/spinelz/window_max.gif') no-repeat;}.window_minButton{ float: right; overflow: hidden; cursor: pointer; width: 16px; height: 16px; background: url('../../images/spinelz/window_min.gif') no-repeat;}.window_body{ width: 100%; background: transparent; color: #000000; position: relative;}.window_bodyLeft{ top: 0; width: 30px; position: absolute; left: 0; background: url('../../images/spinelz/window_middle_left.gif') repeat-y;}.window_bodyMiddle{ top: 0; position: relative; margin: 0 30px; background: #fff; color: #000000;}.window_bodyRight{ top: 0; width: 30px; position: absolute; right: 0; background: url('../../images/spinelz/window_middle_right.gif') repeat-y;}.window_bottom{ width: 100%; height: 35px; position: relative;}.window_bottomLeft{ width: 30px; height: 35px; position: absolute; left: 0; background: url('../../images/spinelz/window_bottom_left.gif') no-repeat;}.window_bottomMiddle{ height: 35px; margin: 0 30px; background: url('../../images/spinelz/window_bottom_middle.gif') repeat-x;}.window_bottomRight{ width: 30px; height: 35px; position: absolute; top: 0; right: 0; background: url('../../images/spinelz/window_bottom_right.gif') no-repeat;}1 div.balloon_tooltip { position: absolute;}/* ---- Top ---- */div.balloon_top { width: 100%; height: 30px; position: relative;}div.balloon_top_left { position: absolute; top: 0; left: 0; width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_top_left.gif); background-repeat: no-repeat;}div.balloon_top_middle { height: 30px; background-image: url(../../images/spinelz/balloon_top_middle.gif); background-repeat: repeat-x; margin: 0 70px;}div.balloon_top_right { width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_top_right.gif); background-repeat: no-repeat; position: absolute; top: 0; right: 0;}/* ---- Middle ---- */div.balloon_middle { width: 100%; position: relative;}div.balloon_middle_left { position: absolute; top: 0; left: 0; width: 70px;}div.balloon_middle_left_row { width: 70px; height: 20px; background-image: url(../../images/spinelz/balloon_middle_left.gif); background-repeat: repeat-y;}div.balloon_middle_right { position: absolute; top: 0; right: 0; width: 70px;}div.balloon_middle_right_row { width: 70px; height: 20px; background-image: url(../../images/spinelz/balloon_middle_right.gif); background-repeat: repeat-y;}div.balloon_left_arrow { width: 70px; height: 60px;}div.balloon_left_up_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_left_up_arrow.gif); background-repeat: no-repeat;}div.balloon_left_down_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_left_down_arrow.gif); background-repeat: no-repeat;}div.balloon_right_arrow { width: 70px; height: 60px;}div.balloon_right_up_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_right_up_arrow.gif); background-repeat: no-repeat;}div.balloon_right_down_arrow { width: 70px; height: 60px; background-image: url(../../images/spinelz/balloon_right_down_arrow.gif); background-repeat: no-repeat;}div.balloon_body { margin: 0 70px; background-image: url(../../images/spinelz/balloon_back.gif); background-repeat: no-repeat; background-color: #f8ffee; overflow: hidden;}/* ---- Bottom ---- */div.balloon_bottom { width: 100%; height: 30px; position: relative;}div.balloon_bottom_left { position: absolute; top: 0; left: 0; width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_bottom_left.gif); background-repeat: no-repeat;}div.balloon_bottom_middle { height: 30px; background-image: url(../../images/spinelz/balloon_bottom_middle.gif); background-repeat: repeat-x; margin: 0 70px;}div.balloon_bottom_right { width: 70px; height: 30px; background-image: url(../../images/spinelz/balloon_bottom_right.gif); background-repeat: no-repeat; position: absolute; top: 0; right: 0;}.calendar { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 100%; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.calendar_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.calendar_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.calendar_preYears { text-align: left; width: 35px;}.calendar_years { text-align: center;}.calendar_years span { font-weight: bolder; font-size: 105%;}.calendar_nextYears { text-align: right; width: 35px;}.calendar_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextMonthMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextYearMarkHover { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_nextWeekMarkHover { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.calendar_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preMonthMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.calendar_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preYearMarkHover { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.calendar_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left top; width: 16px; height: 16px; cursor: pointer;}.calendar_preWeekMarkHover { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; background-position: left bottom; width: 16px; height: 16px; cursor: pointer;}.calendar_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.calendar_ym { margin-left: 5px;}.calendar_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.calendar_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_table TH.right { border-right-style: none;}.calendar_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.calendar_table TD.right { border-right-style: none;}.calendar_table TD.bottom { border-bottom-style: none;}.calendar_date { cursor: default; color: #000000; background: #FFFFFF; font-weight: bold;}.calendar_holidayContainer span { padding: 2px;}.calendar_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.calendar_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.calendar_schedule { cursor: pointer; background: url(../../images/spinelz/calendar_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.calendar_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline; color: red;}.calendar_highlightTime { cursor: default; font-weight: bold; text-decoration: underline; color: red;}.calendar_selected { background: #285A94; color: #ffffff;}.calendar_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.calendar_holidayContainer { width: 100%; overflow: hidden;}*/.calendar_holidayName { margin-left: 10px;}.calendar_schedule .calendar_scheduleListContainer { color: #000000; margin-top: 5px;}.calendar_selected .calendar_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.calendar_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.calendar_scheduleItem { font-size: 10px;}.calendar_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.calendar_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.calendar_calendar_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.calendar_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.calendar_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.calendar_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: default; margin: 0; padding: 0; height: 24px;}.calendar_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.calendar_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.calendar_weekContainerTable TD { margin: 0; padding: 0;}.calendar_timeline { margin: 0; padding: 0; width: 50px;}.calendar_timelineTimeTop { height: 23px; text-align: center;}.calendar_timelineTime { height: 51px; border-top: 1px solid #999999; text-align: center;}.calendar_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: default;}.calendar_headerColumn a { position: relative; top: 4px;}.calendar_columnTopDate { height: 25px; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnDate { height: 25px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_columnOddDate { height: 25px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.calendar_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.calendar_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.calendar_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.calendar_scheduleItemNoBorder div { height: 16px;}.calendar_scheduleItemSelect { border: 2px solid red;}/*.calendar_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.calendar_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.calendar_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.calendar_weekMainTable TD { margin: 0; padding: 0;}.calendar_weekScheduleContainer {}.calendar_deleteImage { background: url(../../images/spinelz/calendar_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.calendar_privateImage { background: url(../../images/spinelz/calendar_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.calendar_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.calendar_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.calendar_skipNode { font-size: 10px; position: absolute;}.calendar_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}.datepicker { border: 1px solid #999999; font-size: 13px; width: 200px; height: 160px; background: #FFFFFF; color: #000000;}.datepicker table tr td { padding: 0px; margin: 0px; border: none;}/* header */.datepicker_header { padding-top: 3px; width: 100%; height: 26px; background: url('../../images/spinelz/datepicker_back.gif') repeat-x; color: #808080; border-bottom: 1px solid #999999; font-weight: bold;}.datepicker_nextMonthMark { background: url('../../images/spinelz/datepicker_next.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextMonthMarkHover { background: url('../../images/spinelz/datepicker_next.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextYearMark { background: url('../../images/spinelz/datepicker_next_second.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_nextYearMarkHover { background: url('../../images/spinelz/datepicker_next_second.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preMonthMark { background: url('../../images/spinelz/datepicker_pre.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preMonthMarkHover { background: url('../../images/spinelz/datepicker_pre.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.datepicker_preYearMark { background: url('../../images/spinelz/datepicker_pre_second.gif') no-repeat; background-position: left top; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_preYearMarkHover { background: url('../../images/spinelz/datepicker_pre_second.gif') no-repeat; background-position: left bottom; width: 16px; height: 16px; cursor: pointer; float: left;}.datepicker_nextYears { text-align: right; width: 35px;}.datepicker_preYears { text-align: left; width: 35px;}.datepicker_years { text-align: center;}.datepicker_nextYears { text-align: right; width: 35px;}.datepicker_ym { margin-left: 10px;}/* calendar */.datepicker_calendar { padding-top: 5px; background: #FFFFFF; color: #000000;}.datepicker_table { font-size: 11px; text-align: center; width: 100%; background-position: top;}.datepicker_tableTh { color: #999999;}.datepicker_date { cursor: pointer; background: #FFFFFF; color: #000000; width: 14%;}.datepicker_holiday { cursor: pointer; background: #FFFFFF; font-weight: bold; color: #285A94; width: 14%;}.datepicker_dateHover { cursor: pointer; background: #D5DFE8; font-weight: bold; color: #674534; width: 14%;}.datepicker_holidayHover { cursor: pointer; background-color: #D5DFE8; font-weight: bold; color: #674534; width: 14%;}.datepicker_today { text-decoration: underline; color: red; font-weight: bold;}* { margin: 0; padding: 0;}.menubar { background: url(../../images/spinelz/menubar_back.gif) repeat-x; border: 1px solid #999999; font-size: 0.8em; line-height: 1.3em; height: 26px;}.menubar_menu {}.menubar_menuBody { float: left; cursor: pointer; padding: 3px 8px; height: 20px; line-height: 1.8em;}.menubar_menuBodyHover { float: left; cursor: pointer; background: #defa93; padding: 3px 8px; height: 20px; line-height: 1.8em;}.menubar_subMenu {}.menubar_subMenuBody { background: url(../../images/spinelz/menubar_subcontents_back.gif) repeat-x #fff; color: #4F4534; padding: 0 3px; cursor: pointer;}.menubar_subMenuBodyHover { background: #C8CEF6; color: #4F4534; padding: 0 3px; cursor: pointer;}.menubar_subMenuBody A { background: #FFFFFF; color: gray; cursor: pointer;}.menubar_subMenuBodyHover A { background-color: #C8CEF6; color: #FFFFFF; cursor: pointer;}.menubar_menuContainer { border: 1px solid #999999; position: absolute; width: 100px;}.menubar_dirMark { position: relative; top: -17px; left: 0; float: right; color: #999999; cursor: pointer;}.modal_mask { position: fixed; top: 0px; right:0px; left: 0px; width: 100%; height: 100%; opacity: .2; background-color: #CCCCCC; color: #FFFFFF;}.modal_mask_ie { position: absolute; top: expression(eval(document.documentElement.scrollTop)); left: expression(eval(document.documentElement.scrollLeft)); width: 100%; height: 100%; filter: alpha(opacity=20); background-color: #CCCCCC; color: #FFFFFF;}.navPanel{ border-bottom: 1px solid #919b9c;}.navPanel_panel{ border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 10px; overflow: auto;}.navPanel_tab { height: 26px; position: relative; cursor: pointer;} .navPanel_tab div{ height: 26px;} .navPanel_tabLeftInactive { background: url('../../images/spinelz/navPanel_tab_left_inactive.gif') no-repeat; position: absolute; left: 0; width: 10px;}.navPanel_tabLeftActive { background: url('../../images/spinelz/navPanel_tab_left_active.gif') no-repeat; position: absolute; left: 0; width: 10px;}.navPanel_tabMiddleInactive { background: url('../../images/spinelz/navPanel_tab_middle_inactive.gif') repeat-x; margin: 0 10px;}.navPanel_tabMiddleActive { background: url('../../images/spinelz/navPanel_tab_middle_active.gif') repeat-x; margin: 0 10px;}.navPanel_tabRightInactive { background: url('../../images/spinelz/navPanel_tab_right_inactive.gif') no-repeat; position: absolute; top: 0; right: 0; width: 10px;}.navPanel_tabRightActive { background: url('../../images/spinelz/navPanel_tab_right_active.gif') no-repeat; position: absolute; top: 0; right: 0; width: 10px;}.selectableTable_table { border-collapse: collapse; margin: 0px; padding: 0px; width: 100%;}.selectableTable_tr { margin: 0px; padding: 0px;}.selectableTable_tr td { border-bottom: 1px dotted black; border-top: 1px dotted black;}.selectableTable_trSelected { background: url(../../images/spinelz/selectabletable_selected.gif) repeat-x; margin: 0px; padding: 0px;}.selectableTable_trHover { background-color: #eeffcc; margin: 0px; padding: 0px;}* { margin: 0; padding: 0;}.sideBarBox_panelContainer { float: left; border: 1px solid #999999; padding: 5px; position: relative; z-index: 5; width: 200px; height: 200px;}.sideBarBox_tabContainer { position: relative; float: left; width: 40px;}.sideBarBox_tabContent {}.sideBarBox_tabTitle { position: relative; left: 10px; }.sideBarBox_tab div{ cursor: pointer; width: 40px; position: relative; left: -1px;}.sideBarBox_tabTopInactive { background: url('../../images/spinelz/sideBarBox_tabTopInactive.gif') no-repeat; background-position: 0 1px; height: 10px; z-index: 1; font-size: 1px;}.sideBarBox_tabTopActive { background: url('../../images/spinelz/sideBarBox_tabTopActive.gif') no-repeat; background-position: 0 1px; height: 10px; z-index: 10; font-size: 1px;}.sideBarBox_tabMiddleInactive { background: url('../../images/spinelz/sideBarBox_tabMiddleInactive.gif') repeat-y; background-position: left top; top: -2px; z-index: 1;}.sideBarBox_tabMiddleActive { background: url('../../images/spinelz/sideBarBox_tabMiddleActive.gif') repeat-y; background-position: left top; top: -2px; z-index: 10;}.sideBarBox_tabBottomInactive { display: block; background: url('../../images/spinelz/sideBarBox_tabBottomInactive.gif') no-repeat; background-position: left top; height: 10px; top: -5px;}.sideBarBox_tabBottomActive { display: block; background: url('../../images/spinelz/sideBarBox_tabBottomActive.gif') no-repeat; background-position: left top; height: 10px; top: -5px; z-index: 10;}.switcher_state_close { float: left; background-image: url('../../images/spinelz/switcher_close.gif'); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; overflow: visible;}.switcher_state_open { float: left; background-image: url('../../images/spinelz/switcher_open.gif'); background-repeat: no-repeat; height: 16px; width: 16px; background-position: center center; overflow: visible;}.switcher_switch { cursor: pointer;}.tabBox_tabBox { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal;}.tabBox_panelContainer { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}.tabBox_tabContainer { /* height: 42px; background: url(../../images/spinelz/tab_bar.gif) repeat-x; background-position: bottom; */ height: 24px; padding-left: 5px;}.tabBox_tabBar { clear: left; height: 18px; background: url(../../images/spinelz/tab_bar.gif) repeat-x; background-position: bottom; padding-left: 5px;}.tabBox_tab { float: left;}.tabBox_tab div{ float: left; height: 24px; cursor: pointer; overflow: hidden;}.tabBox_tabLeftInactive { background: url('../../images/spinelz/tabBox_tabLeftInactive.gif') no-repeat; width: 8px; margin-left: 4px;}.tabBox_tabLeftActive { background: url('../../images/spinelz/tabBox_tabLeftActive.gif') no-repeat; width: 8px; margin-left: 4px;}.tabBox_tabMiddleInactive { background: url('../../images/spinelz/tabBox_tabMiddleInactive.gif') repeat-x; line-height: 1.8em;}.tabBox_tabMiddleActive { background: url('../../images/spinelz/tabBox_tabMiddleActive.gif') repeat-x; line-height: 1.8em;}.tabBox_tabRightInactive { background: url('../../images/spinelz/tabBox_tabRightInactive.gif') no-repeat; width: 10px; padding: 0;}.tabBox_tabRightActive { background: url('../../images/spinelz/tabBox_tabRightActive.gif') no-repeat; width: 10px;}.tabBox_tabTitle { font-weight: bold; line-height: 1.5em; padding: 0 10px !important;}.tabBox_closeButton { border: 0; overflow: hidden; cursor: pointer; font-size: 5px; width: 16px; height: 16px !important; background: url('../../images/spinelz/tabBox_close.gif') no-repeat; position: relative; top: 5px;}.timepicker_container { margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal; font-size: 13px; font-family: Verdana, monospace; width: 150px; background: #ffffff; color: #4F4534; border: 1px solid #999999;}/* header */.timepicker_scheduleHandler { background: url('../../images/spinelz/calendar_default_handler.gif') no-repeat; width: 16px; height: 16px; cursor: move; float: left;}.timepicker_header { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; height: 26px; border-bottom: 1px solid #999999; border-collapse: collapse; font-size: 13px; font-weight: bold; }.timepicker_preYears { text-align: left; width: 35px;}.timepicker_years { text-align: center;}.timepicker_years span { font-weight: bolder; font-size: 105%;}.timepicker_nextYears { text-align: right; width: 35px;}.timepicker_nextMonthMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat; width: 16px; height: 16px; cursor: pointer; float: left;}.timepicker_nextYearMark { background: url('../../images/spinelz/calendar_next_second.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.timepicker_nextWeekMark { background: url('../../images/spinelz/calendar_next.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin: 0 0 0 auto;}.timepicker_preMonthMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; margin-left: 16px;}.timepicker_preYearMark { background: url('../../images/spinelz/calendar_pre_second.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer; float: left;}.timepicker_preWeekMark { background: url('../../images/spinelz/calendar_pre.gif') no-repeat;; width: 16px; height: 16px; cursor: pointer;}.timepicker_markHover { margin-left: 5px; margin-right: 5px; cursor: pointer; color: #FF8080; background-color: #E6E6FA;}.timepicker_ym { margin-left: 5px;}.timepicker_table { font-size: 12px; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}.timepicker_table TH { border-right: 1px solid #999999; border-bottom: 1px solid gray; text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; cursor: pointer; margin: 0; padding: 0; height: 24px;}.timepicker_table TH.right { border-right-style: none;}.timepicker_table TD { border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: text-top; height: 100px; margin: 0; padding: 0;}.timepicker_table TD.right { border-right-style: none;}.timepicker_table TD.bottom { border-bottom-style: none;}.timepicker_date { cursor: pointer; color: #000000; background: #FFFFFF; font-weight: bold;}.timepicker_holidayContainer span { padding: 2px;}.timepicker_regularHoliday { cursor: pointer; background: #ededed; color: #285A94; font-weight: bold;}.timepicker_holiday { cursor: pointer; background-color: #dedede; color: #285A94; font-weight: bold; overflow: hidden;}.timepicker_schedule { cursor: pointer; background: url(../../images/spinelz/timepicker_schedule.gif) repeat-x; color: #285A94; font-weight: bold;}.timepicker_highlightDay { cursor: pointer; font-weight: bold; text-decoration: underline;}.timepicker_selected { background: #285A94; color: #ffffff;}.timepicker_dateContainer { width: 100%; overflow: hidden; height: 15px;}/*.timepicker_holidayContainer { width: 100%; overflow: hidden;}*/.timepicker_holidayName { margin-left: 10px;}.timepicker_schedule .timepicker_scheduleListContainer { color: #000000; margin-top: 5px;}.timepicker_selected .timepicker_scheduleListContainer { color: #FFFFFF; margin-top: 5px;}.timepicker_scheduleListContainer UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}.timepicker_scheduleItem { font-size: 10px;}.timepicker_scheduleItem DIV { overflow: hidden; font-size: 10px;}/* small size */.timepicker_small { border: 1px solid #999999; font-size: 13px; width: 175px; background: #FFFFFF; color: #4F4534;}.timepicker_timepicker_small { background: #FFFFFF; color: #4F4534; font-size: 11px;}.timepicker_header_small { background: url(../../images/spinelz/calender_back.gif) repeat-x; color: #4F4534; width: 100%; margin: 0; padding: 0; font-size: 11px; font-weight: bold; border-collapse: collapse; border-bottom: 1px solid #999999; height: 26px;}.timepicker_tableSmall { font-size: 11px; text-align: left; width: 100%; border-collapse: collapse; margin: 0 0 0 0; padding: 0; table-layout: fixed;}.timepicker_tableSmall TH { text-align: center; background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; width: 14%; cursor: pointer; margin: 0; padding: 0; height: 24px;}.timepicker_tableSmall TD { text-align: center; vertical-align: text-top; margin: 0; padding: 0; height: 20px; vertical-align: middle;}/* week */.timepicker_weekContainerTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.timepicker_weekContainerTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; height: 24px;}.timepicker_weekContainerTable TD { margin: 0; padding: 0;}.timepicker_timeline { margin: 0; padding: 0; width: 25px;}.timepicker_timelineTimeTop { height: 23px; text-align: center;}.timepicker_timelineTime_ie { height: 27px; border-top: 1px solid #999999; text-align: center;}.timepicker_timelineTime_ieTop { height: 28px; border-top: 1px solid #999999; text-align: center;}.timepicker_timelineTime_ie7 { height: 25px; border-top: 1px solid #999999; text-align: center; width: 32px;}.timepicker_timelineTime { height: 25px; border-top: 1px solid #999999; text-align: center;}.timepicker_headerColumn { border-left: 1px solid #999999; border-bottom: 1px solid #999999; height: 23px; overflow: hidden; cursor: pointer;}.timepicker_headerColumn a { position: relative; top: 4px;}.timepicker_columnTopDate { height: 12px; border-left: 1px solid #999999; cursor: pointer;}.timepicker_columnDate { height: 12px; border-top: 1px solid #999999; border-left: 1px solid #999999; cursor: pointer;}.timepicker_columnOddDate { height: 12px; border-top: 1px dashed #999999; border-left: 1px solid #999999; cursor: pointer;}.timepicker_scheduleItemSmall { font-size: 10px; height: 25px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0;/* opacity: 0.7; */ z-index: 1000; overflow: hidden;}.timepicker_scheduleItemLarge { font-size: 10px; height: 17px; width: 100%; background-color: #E6E6FA; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; border: 2px solid #285A94; cursor: pointer;}.timepicker_scheduleItemNoBorder { padding-top: 2px; font-size: 10px; height: 16px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1000; overflow: hidden; cursor: pointer;}.timepicker_scheduleItemNoBorder div { height: 16px;}.timepicker_scheduleItemSelect { border: 2px solid red;}/*.timepicker_detailItem UL { list-style: square outside; font-weight: normal; padding: 0; margin: 0 0 0 15px;}*/.timepicker_weekMainTable { width: 100%; border-collapse: collapse; margin: 0; padding: 0; font-size: 11px;}.timepicker_weekMainTable TH { background: url(../../images/spinelz/calender_back_second.gif) #FFFFFF; color: #4F4534; margin: 0; padding: 0; text-align: center;}.timepicker_weekMainTable TD { margin: 0; padding: 0;}.timepicker_weekScheduleContainer {}.timepicker_deleteImage { background: url(../../images/spinelz/timepicker_delete.gif) no-repeat; position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 5px; cursor: pointer;}.timepicker_privateImage { background: url(../../images/spinelz/timepicker_private_icon.gif) no-repeat; float: left; width: 16px; height: 16px; font-size: 5px;}.timepicker_selector { position: absolute; top: 0; left: 0; border: 2px solid #9b0f0f; background: #FFC0CB;}.timepicker_scheduleItemTimeArea { margin-right: 3px; font-size: 9px;}.timepicker_cover { width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000;}.timepicker_displayToggle { font-weight: normal;}.treeview { list-style: none outside; font-size: 12px;}.treeview_dir { margin-top: 2px; height: auto; width: auto;}.treeview_dirBody { cursor: pointer; height: 15px; width: auto;}.treeview_dirBodyText { background-color: #FFFFFF; color: black;}.treeview_dirBodyTextActive { background-color: #becfeb; color: black;}.treeview_dirContainerHover { background-color: #becfeb; }.treeview_dirContainer { list-style: none outside; padding: 1px 0 3px 20px; margin: 0px; height: auto; width: auto;}.treeview_file { margin-top: 2px; margin-left: 17px;/* position: relative; *//* top: 0px; *//* left: 0px; */}.treeview_fileBody { height: 15px; cursor: pointer;}.treeview_fileBodyText { background-color: #FFFFFF; color: black;}.treeview_fileBodyTextActive { background-color: #becfeb; color: black;}.treeview_stateEmpty { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px -22px; overflow: hidden;}.treeview_stateClose { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px -11px; overflow: hidden;}.treeview_stateOpen { float: left; background-image: url(../../images/spinelz/treeview_state.gif); background-repeat: no-repeat; cursor: pointer; height: 11px; width: 11px; margin-right: 5px; background-position: 0px 0px; overflow: hidden;}.treeview_dirIcon { float: left; background-image: url(../../images/spinelz/treeview_dir.gif); background-repeat: no-repeat; cursor: pointer; height: 16px; width: 16px; margin-right: 5px; background-position: 0px 0px; overflow: hidden;}.treeview_fileIcon { float: left; background-image: url(../../images/spinelz/treeview_file.gif); background-repeat: no-repeat; cursor: pointer; height: 16px; width: 16px; margin-right: 2px; background-position: 0px 0px; overflow: hidden;}.window { position: absolute; margin: 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0; font-weight: normal;}.window_header{ width: 100%; height: 45px; position: relative;}.window_headerLeft{ width: 30px; height: 45px; top: 0; position: absolute; left: 0; background: url('../../images/spinelz/window_top_left.gif') no-repeat;}.window_headerMiddle{ height: 45px; top: 0; margin: 0 30px; background: url('../../images/spinelz/window_top_middle.gif') repeat-x; cursor: move; line-height: 3.0em; overflow: hidden;}.window_headerRight{ width: 30px; height: 45px; top: 0; position: absolute; right: 0; background: url('../../images/spinelz/window_top_right.gif') no-repeat;}.window_buttonHolder{ width: 60px; height: 16px; position: absolute; top: 0; right: 32px; margin-top: 10px;}.window_closeButton{ float: right; overflow: hidden; font-size: 5px; width: 16px; height: 16px; background: url('../../images/spinelz/window_close.gif') no-repeat; cursor:pointer;}.window_maxButton{ float: right; overflow: hidden; cursor: pointer; width: 16px; height: 16px; background: url('../../images/spinelz/window_max.gif') no-repeat;}.window_minButton{ float: right; overflow: hidden; cursor: pointer; width: 16px; height: 16px; background: url('../../images/spinelz/window_min.gif') no-repeat;}.window_body{ width: 100%; background: transparent; color: #000000; position: relative;}.window_bodyLeft{ top: 0; width: 30px; position: absolute; left: 0; background: url('../../images/spinelz/window_middle_left.gif') repeat-y;}.window_bodyMiddle{ top: 0; position: relative; margin: 0 30px; background: #fff; color: #000000;}.window_bodyRight{ top: 0; width: 30px; position: absolute; right: 0; background: url('../../images/spinelz/window_middle_right.gif') repeat-y;}.window_bottom{ width: 100%; height: 35px; position: relative;}.window_bottomLeft{ width: 30px; height: 35px; position: absolute; left: 0; background: url('../../images/spinelz/window_bottom_left.gif') no-repeat;}.window_bottomMiddle{ height: 35px; margin: 0 30px; background: url('../../images/spinelz/window_bottom_middle.gif') repeat-x;}.window_bottomRight{ width: 30px; height: 35px; position: absolute; top: 0; right: 0; background: url('../../images/spinelz/window_bottom_right.gif') no-repeat;} spinelz/trunk/src/stylesheets/spinelz/calendar.css
r3913 r5569 214 214 215 215 .calendar_date { 216 cursor: pointer;216 cursor: default; 217 217 color: #000000; 218 218 background: #FFFFFF;
