/* Date picker specific styles follow */ a.date-picker { width: 16px; height: 16px; border: none; color: #fff; padding: 0; margin: 0; float: left; overflow: hidden; cursor: pointer; background: url('/i/interface/calendar.png') no-repeat; } a.date-picker span { margin: 0 0 0 -2000px; } div.date-picker-holder, div.date-picker-holder * { margin: 0; padding: 0; } div.popup-calendar-wrapper { position: relative; } div.date-picker-holder input { float: left; } div.popup-calendar { display: none; position: absolute; z-index: 2; top: 0; left: 0; /* value for IE */ padding: 4px; border: 1px #162 solid; background: #D1D799; color: #000; overflow:hidden; width: 163px; font-size: 10px; } html>body div.popup-calendar { left: 100px; /* value for decent browsers */ top: -165px; } div.popup-calendar div.link-close { float: right; } div.popup-calendar div.link-prev { float: left; } div.popup-calendar h3 { font-size: 12px; margin: 2px 0 5px 3px; } div.popup-calendar div.link-next { float: right; } div.popup-calendar div a { padding: 0px 0px; color: #000; } div.popup-calendar div a:hover { background-color: #995; color: #fff; } div.popup-calendar table { margin: 0; } * html div.popup-calendar table { display: inline; } div.popup-calendar table th, div.popup-calendar table td { background: #eee; width: 21px; height: 17px; text-align: center; font-size: 10px; } div.popup-calendar table td.inactive { color: #aaa; padding: 1px 0 0; } div.popup-calendar table th.weekend, div.popup-calendar table td.weekend { background: #f6f6f6; } div.popup-calendar table th.weekday, div.popup-calendar table th.weekend { background: #283; } div.popup-calendar table td a { display: block; border: 1px solid #eee; width: 19px; height: 15px; text-decoration: none; color: #333; } div.popup-calendar table td.today a { border-color: #283; } div.popup-calendar table td a.selected, div.popup-calendar table td a:hover { background: #283; color: #fff; }