/* 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(datePicker.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: 10000000; top: 0; left: 0; /* value for IE */ padding: 4px; border: 2px solid #000; background: #fff; color: #000; overflow:hidden; width: 163px; } html>body div.popup-calendar { left: 99px; /* value for decent browsers */ } div.popup-calendar div.link-close { float: right; } div.popup-calendar div.link-prev { float: left; } div.popup-calendar h3 { font-size: 1.3em; margin: 2px 0 5px 3px; } div.popup-calendar div.link-next { float: right; } div.popup-calendar div a { padding: 1px 2px; color: #000; } div.popup-calendar div a:hover { background-color: #000; 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; } 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 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: #aaa; } div.popup-calendar table td a.selected, div.popup-calendar table td a:hover { background: #333; color: #fff; }