/* CSS */ .DynarchCalendar { border: 1px solid #aaa; -moz-user-select: none; -webkit-user-select: none; user-select: none; background: #e8e8e8; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; position: relative; cursor: default; } .DynarchCalendar table { border-collapse: collapse; font: 11px "lucida grande",tahoma,verdana,sans-serif; line-height: 14px; } .DynarchCalendar-topBar { border-bottom: 1px solid #aaa; background: #ddd; padding: 5px 0 0 0; } table.DynarchCalendar-titleCont { font-size: 130%; font-weight: bold; color: #444; text-align: center; z-index: 9; position: relative; margin-top: -6px; } .DynarchCalendar-title div { padding: 5px 17px; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-hover-title div { background-color: #fff; border: 1px solid #000; padding: 4px 16px; background-image: url("/hbs2/img/repository/drop-down.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-pressed-title div { border: 1px solid #000; padding: 4px 16px; background-color: #777; color: #fff; background-image: url("/hbs2/img/repository/drop-up.gif"); background-repeat: no-repeat; background-position: 100% 50%; } .DynarchCalendar-bottomBar { border-top: 1px solid #aaa; background: #ddd; padding: 2px; position: relative; text-align: center; } .DynarchCalendar-bottomBar-today { padding: 2px 15px; } .DynarchCalendar-hover-bottomBar-today { border: 1px solid #000; background-color: #fff; padding: 1px 14px; } .DynarchCalendar-pressed-bottomBar-today { border: 1px solid #000; background-color: #777; color: #fff; padding: 1px 14px; } .DynarchCalendar-body { position: relative; overflow: hidden; padding-top: 5px; padding-bottom: 5px; } .DynarchCalendar-first-col { padding-left: 5px; } .DynarchCalendar-last-col { padding-right: 5px; } .DynarchCalendar-animBody-backYear { position: absolute; top: -100%; left: 0; } .DynarchCalendar-animBody-back { position: absolute; top: 5px; left: -100%; } .DynarchCalendar-animBody-fwd { position: absolute; top: 5px; left: 100%; } .DynarchCalendar-animBody-now { position: absolute; top: 5px; left: 0; } .DynarchCalendar-animBody-fwdYear { position: absolute; top: 100%; left: 0; } .DynarchCalendar-dayNames { padding-left: 5px; padding-right: 5px; } .DynarchCalendar-dayNames div { font-weight: bold; color: #444; text-shadow: 1px 1px 1px #777; } .DynarchCalendar-navBtn { position: absolute; top: 5px; z-index: 10; } .DynarchCalendar-navBtn div { background-repeat: no-repeat; background-position: 50% 50%; height: 15px; width: 16px; padding: 1px; } .DynarchCalendar-hover-navBtn div { border: 1px solid #000; padding: 0; background-color: #fff; } .DynarchCalendar-navDisabled { opacity: 0.3; filter: alpha(opacity=30); } .DynarchCalendar-pressed-navBtn div { border: 1px solid #000; padding: 0; background-color: #777; color: #fff; } .DynarchCalendar-prevMonth { left: 25px; } .DynarchCalendar-nextMonth { left: 100%; margin-left: -43px; } .DynarchCalendar-prevYear { left: 5px; } .DynarchCalendar-nextYear { left: 100%; margin-left: -23px; } .DynarchCalendar-prevMonth div { background-image: url("/hbs2/img/repository/nav-left.gif"); } .DynarchCalendar-nextMonth div { background-image: url("/hbs2/img/repository/nav-right.gif"); } .DynarchCalendar-prevYear div { background-image: url("/hbs2/img/repository/nav-left-x2.gif"); } .DynarchCalendar-nextYear div { background-image: url("/hbs2/img/repository/nav-right-x2.gif"); } .DynarchCalendar-menu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ddd; overflow: hidden; opacity: 0.85; filter: alpha(opacity=85); } .DynarchCalendar-menu table td div { text-align: center; font-weight: bold; padding: 3px 5px; } .DynarchCalendar-menu table td div.DynarchCalendar-menu-month { width: 4em; text-align: center; } .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #fff; color: #000; } .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { border: 1px solid #000; padding: 2px 4px; background-color: #777; color: #fff !important; } .DynarchCalendar-menu-year { text-align: center; font: 16px "lucida grande",tahoma,verdana,sans-serif; font-weight: bold; } .DynarchCalendar-menu-sep { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; border-top: 1px solid #888; background: #fff; margin-top: 4px; margin-bottom: 3px; } .DynarchCalendar-time td { font-weight: bold; font-size: 120%; } .DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; } .DynarchCalendar-time-down { background: url("/hbs2/img/repository/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-up { background: url("/hbs2/img/repository/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; } .DynarchCalendar-time-sep { padding: 0 2px; } .DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; } .DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; } .DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; } /* body */ .DynarchCalendar-hover-week { background-color: #ddd; } .DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber { width: 1.7em; padding: 3px 4px; text-align: center; } .DynarchCalendar-weekNumber { border-right: 1px solid #aaa; margin-right: 4px; width: 2em !important; padding-right: 8px !important; } .DynarchCalendar-day { text-align: right; color: #222; } .DynarchCalendar-day-othermonth { color: #888; } .DynarchCalendar-weekend { color: #c22; } .DynarchCalendar-day-today { color: #00f; font-weight: bold; } .DynarchCalendar-day-disabled { opacity: 0.5; text-shadow: 2px 1px 1px #fff; } .DynarchCalendar-hover-date { padding: 2px 3px; background-color: #eef; border: 1px solid #88c; margin: 0 !important; color: #000; } .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { border-color: #aaa; color: #888; } .DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #c22; } .DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #d88; } .DynarchCalendar-day-selected { padding: 2px 3px; margin: 1px; background-color: #aaa; color: #000 !important; } .DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; } /* focus */ .DynarchCalendar-focusLink { position: absolute; opacity: 0; filter: alpha(opacity=0); } .DynarchCalendar-focused { border-color: #000; } .DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar { background-color: #ccc; border-color: #336; } .DynarchCalendar-focused .DynarchCalendar-hover-week { background-color: #ccc; } .DynarchCalendar-tooltip { position: absolute; top: 100%; width: 100%; } .DynarchCalendar-tooltipCont { margin: 0 5px 0 5px; border: 1px solid #aaa; border-top: 0; padding: 3px 6px; background: #ddd; } .DynarchCalendar-focused .DynarchCalendar-tooltipCont { background: #ccc; border-color: #000; } @media print { .DynarchCalendar-day-selected { padding: 2px 3px; border: 1px solid #000; margin: 0 !important; } } /* This is for Gecko-based browsers */ .DynarchCalendar { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .DynarchCalendar-title, .DynarchCalendar-title div { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .DynarchCalendar-topBar { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px; border-radius: 4px 4px 0 0; } .DynarchCalendar-bottomBar { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .DynarchCalendar-bottomBar-today { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .DynarchCalendar-navBtn, .DynarchCalendar-navBtn div { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .DynarchCalendar-menu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .DynarchCalendar-menu table td div { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .DynarchCalendar-weekNumber { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .DynarchCalendar-day { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .DynarchCalendar-day-disabled { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .DynarchCalendar-tooltipCont { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 5px; } .DynarchCalendar-time-hour, .DynarchCalendar-time-minute { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px; } .DynarchCalendar-time-am { -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* GOLD */ .DynarchCalendar-focused { background-color: #fff; } .DynarchCalendar-topBar { background: url("/hbs2/img/repository/brushed-steel.jpg") no-repeat 50% -50px; } .DynarchCalendar-bottomBar { background: url("/hbs2/img/repository/brushed-steel.jpg") no-repeat 50% -80px; } .DynarchCalendar-menu { background-color: #fed; } .DynarchCalendar table td { background: transparent url("") repeat-x 0 0; background-color: transparent; } .DynarchCalendar-hover-title, .DynarchCalendar-hover-navBtn, .DynarchCalendar-hover-bottomBar-today, .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { background: transparent url("/hbs2/img/repository/coolbg.png") repeat-x 0 50%; } .DynarchCalendar-hover-title div, .DynarchCalendar-hover-navBtn div { background-color: transparent; } .DynarchCalendar-pressed-title, .DynarchCalendar-pressed-navBtn, .DynarchCalendar-pressed-bottomBar-today, .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { background: #db2 url("/hbs2/img/repository/coolbg.png") repeat-x 0 50%; color: #000 !important; } .DynarchCalendar-pressed-title div, .DynarchCalendar-pressed-navBtn div { background-color: transparent; color: #000; } .DynarchCalendar-hover-week, .DynarchCalendar-focused .DynarchCalendar-hover-week { background: transparent url("/hbs2/img/repository/coolbg.png") repeat-x 0 50%; } .DynarchCalendar { background: url("/hbs2/img/repository/gold.jpg") no-repeat 50% 30px; } .DynarchCalendar-weekNumber { border-right: 1px solid #f92; } .DynarchCalendar-hover-date { background-image: url("/hbs2/img/repository/coolbg.png"); background-position: 0 50%; background-repeat: repeat-x; border-color: #f92; } .DynarchCalendar-day-selected { background-color: #f92; color: #000 !important; background-image: url("/hbs2/img/repository/coolbg.png"); background-position: 0 50%; background-repeat: repeat-x; } .DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #f92; color: #00f !important; } .DynarchCalendar-tooltipCont, .DynarchCalendar-focused .DynarchCalendar-tooltipCont { background: #db2 url("/hbs2/img/repository/brushed-steel.jpg") no-repeat 50% -100px; } .DynarchCalendar-focused .DynarchCalendar-body { background: url("/hbs2/img/repository/shadow-b.png") repeat-x 0 0; }