#calendarDiv table {box-sizing:border-box;border-collapse:collapse} #calendarDiv{position:absolute;width:267px;border:1px solid #317082;padding:1px;background-color:#FFF;font-family:arial;font-size:12px;padding-bottom:20px;visibility:hidden} #calendarDiv span,#calendarDiv img{float:left} #calendarDiv .selectBoxTimeOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv td {border:2px solid #fff;background:#f6f6f6;font-weight:normal;color:#454545;text-align:right;padding:8px} #calendarDiv td:hover {background:#eeeeee} #calendarDiv .selectBox{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBox{color:#000000;position:relative} #calendarDiv .selectBoxTimeOver{border:1px solid #216072;color:#216072;position:relative} #calendarDiv .activeDay{color:#FF0000} #calendarDiv .timeBar{height:17px;line-height:17px;background-color:#E2EBED;width:72px;color:#FFF;position:absolute;right:0px} #calendarDiv .timeBar div{float:left;margin-right:1px} #calendarDiv .monthYearPicker{background-color:#F7F7F7;position:absolute;color:black;left:0px;top:15px;z-index:1000;display:none} #calendarDiv #monthSelect{width:100px} #calendarDiv .monthYearPicker div{float:none;clear:both;padding:3px;margin:1px;cursor:pointer} #calendarDiv td{text-align:right;cursor:pointer} #calendarDiv .activeDay {border:1px solid #dad55e;background:#fffa90;color:#777620} #calendarDiv .activeDay:hover {border:1px solid #dad55e;background:red;color:white} .calendar_week_column{background:#fff !important;cursor:default !important} #calendarDiv table tr.calendar_week_row td {background:#d5d5d5 !important;cursor:default !important} #calendarDiv .todaysDateblue div{float:left} #calendarDiv .todaysDateblue{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBarblue img{cursor:pointer} #calendarDiv .topBarblue div{float:left;margin-right:1px} #calendarDiv .topBarblue{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_blue.png');background-color:blue} #calendarDiv .selectBoxTimeblue{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimeblue{background-image:url('/modal/calendar/images/background_blue.png');border:1px solid blue;color:blue;position:relative} #calendarDiv .selectBoxOverblue{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOverblue{background-image:url('/modal/calendar/images/background_blue.png');background-color:blue;color:#000000;position:relative} #calendarDiv .monthYearActiveblue{background-image:url('/modal/calendar/images/background_blue.png');background-color:blue;color:black} #calendarDiv .todaysDatered div{float:left;color:white} #calendarDiv .todaysDatered{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBarred img{cursor:pointer} #calendarDiv .topBarred div{float:left;margin-right:1px;color:white} #calendarDiv .topBarred{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_red.png');background-color:red} #calendarDiv .selectBoxTimered{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimered{background-image:url('/modal/calendar/images/background_red.png');border:1px solid red;color:red;position:relative} #calendarDiv .selectBoxOverred{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxOverred{background-image:url('/modal/calendar/images/background_red.png');background-color:red;color:#000000;position:relative} #calendarDiv .monthYearActivered{background-image:url('/modal/calendar/images/background_red.png');background-color:red;color:black} #calendarDiv .todaysDategreen div{float:left} #calendarDiv .todaysDategreen{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBargreen img{cursor:pointer} #calendarDiv .topBargreen div{float:left;margin-right:1px} #calendarDiv .topBargreen{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_green.png');background-color:green} #calendarDiv .selectBoxTimegreen{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimegreen{background-image:url('/modal/calendar/images/background_green.png');border:1px solid green;color:green;position:relative} #calendarDiv .selectBoxOvergreen{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOvergreen{background-image:url('/modal/calendar/images/background_green.png');background-color:green;color:#000000;position:relative} #calendarDiv .monthYearActivegreen{background-image:url('/modal/calendar/images/background_green.png');background-color:green;color:black} #calendarDiv .todaysDateorange div{float:left} #calendarDiv .todaysDateorange{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBarorange img{cursor:pointer} #calendarDiv .topBarorange div{float:left;margin-right:1px} #calendarDiv .topBarorange{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_orange.png');background-color:orange} #calendarDiv .selectBoxTimeorange{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimeorange{background-image:url('/modal/calendar/images/background_orange.png');border:1px solid orange;color:orange;position:relative} #calendarDiv .selectBoxOverorange{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOverorange{background-image:url('/modal/calendar/images/background_orange.png');background-color:orange;color:#000000;position:relative} #calendarDiv .monthYearActiveorange{background-image:url('/modal/calendar/images/background_orange.png');background-color:orange;color:black} #calendarDiv .todaysDateyellow div{float:left} #calendarDiv .todaysDateyellow{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBaryellow img{cursor:pointer} #calendarDiv .topBaryellow div{float:left;margin-right:1px} #calendarDiv .topBaryellow{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_yellow.png');background-color:yellow} #calendarDiv .selectBoxTimeyellow{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimeyellow{background-image:url('/modal/calendar/images/background_yellow.png');border:1px solid yellow;color:yellow;position:relative} #calendarDiv .selectBoxOveryellow{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOveryellow{background-image:url('/modal/calendar/images/background_yellow.png');background-color:yellow;color:#000000;position:relative} #calendarDiv .monthYearActiveyellow{background-image:url('/modal/calendar/images/background_yellow.png');background-color:yellow;color:black} #calendarDiv .todaysDatewhite div{float:left} #calendarDiv .todaysDatewhite{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBarwhite img{cursor:pointer} #calendarDiv .topBarwhite div{float:left;margin-right:1px} #calendarDiv .topBarwhite{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_white.png');background-color:white} #calendarDiv .selectBoxTimewhite{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimewhite{background-image:url('/modal/calendar/images/background_white.png');border:1px solid white;color:white;position:relative} #calendarDiv .selectBoxOverwhite{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOverwhite{background-image:url('/modal/calendar/images/background_white.png');background-color:white;color:#000000;position:relative} #calendarDiv .monthYearActivewhite{background-image:url('/modal/calendar/images/background_white.png');background-color:white;color:black} #calendarDiv .todaysDateblack div{float:left;color:white} #calendarDiv .todaysDateblack{height:16px;line-height:17px;padding:2px;background-color:#F7F7F7;text-align:center;position:absolute;bottom:0px;width:263px} #calendarDiv .topBarblack img{cursor:pointer} #calendarDiv .topBarblack div{float:left;margin-right:1px;color:white} #calendarDiv .topBarblack{height:20px;padding:2px;background-image:url('/modal/calendar/images/background_black.png');background-color:black} #calendarDiv .selectBoxTimeblack{line-height:12px;padding:1px;cursor:pointer;padding-left:2px} #calendarDiv .selectBoxTimeblack{background-image:url('/modal/calendar/images/background_black.png');border:1px solid black;color:white;position:relative} #calendarDiv .selectBoxOverblack{line-height:12px;padding:3px;cursor:pointer;padding-left:12px} #calendarDiv .selectBoxOverblack{background-image:url('/modal/calendar/images/background_black.png');background-color:black;color:#FFFFFF;position:relative} #calendarDiv .monthYearActiveblack{background-image:url('/modal/calendar/images/background_black.png');background-color:black;color:white}