input.dashboard, select.dashboard {width: 120px;}

button.dashboard {background: url(dashboard-icon.gif);border: 0;cursor: pointer; height: 20px; 
					10px; width: 20px; position:relative; top:-24px; left:130px;}

button.dashboard:hover, button.dashboard.active {background-position: 0 20px;}

div.dashboard { background: url(dashboard.png);height: 175px; padding: 0 12px; text-align: center; width: 147px;} 
div.dashboard * { margin: 0; padding: 0; }	 
div.dashboard div { background: none !important; height: 165px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; }	  
div.dashboard caption { color: #CC9; font: normal 12px/17px Arial, Helvetica, sans-serif; padding-top: 4px; text-align: center; width: 100%; } 
div.dashboard caption a {cursor: pointer; display: block; height: 11px; overflow: hidden; position: absolute; text-indent: -100px; top: 16px; width: 11px; } 
div.dashboard caption a.prev {background-image: url(dashboard-prev.gif); left: 1px; } 
div.dashboard caption a.next {background-image: url(dashboard-next.gif); right: 1px; } 
div.dashboard caption a:hover {background-position: 0 11px; } 
div.dashboard caption span {height: 25px; position: relative; text-align: center; } 
div.dashboard caption span.month {padding-right: 8px; } 
div.dashboard caption span.month:after {content: ','; }
div.dashboard table {border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; } 
div.dashboard td, div.dashboard th {border: 0; color: #999; font: normal 12px Arial, Helvetica, sans-serif; height: 19px; text-align: center; width: 21px; } 
div.dashboard td {color: #333; font-size: 11px; padding-right: 5px; text-align: right; width: 16px; } 
div.dashboard td.invalid {color: #666; } 
div.dashboard td.valid {color: #FFF; cursor: pointer; } 
div.dashboard td.active, div.dashboard td.hover {color: #C00; cursor: pointer; }