/* General */

.calendar-eightysix {
	cursor: default;
	position: absolute;
	z-index: 999;
	text-align: center;
}
	.calendar-eightysix, .calendar-eightysix * {
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
		.calendar-eightysix .header.dragger {
			cursor: move;
		}
		
			.calendar-eightysix .header .arrow-left, .calendar-eightysix .header .arrow-right {
				cursor: pointer;
			}
			.calendar-eightysix .header .arrow-left {
				float: left;
			}
			.calendar-eightysix .header .arrow-right {
				float: right;
			}
			
			.calendar-eightysix .header .label {
				display: inline-block;
			}
				.calendar-eightysix .header .label.clickable {
					cursor: pointer;
				}
		
		.calendar-eightysix .body {
			position: relative;
		}
			.calendar-eightysix .body .inner .container {
				position: absolute;
				left: 0;
			}
				
				.calendar-eightysix .body .inner .container .row div {
					float: left;
				}
				
					.calendar-eightysix .body .inner .container.month.pickable .row div, 
					  .calendar-eightysix .body .inner .container.year-decade .row div {
						cursor: pointer;
					}

/* Specifc */

.calendar-eightysix.osx-dashboard {
	width: 198px;
	height: 162px;
	background: url('../img/osx-dashboard/background.png') center;
	font-family: Calibri, Helvetica, Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
*html .calendar-eightysix.osx-dashboard {
	background-image: url('../img/osx-dashboard/background.gif');
}

	.calendar-eightysix.osx-dashboard .wrapper {
		padding: 16px;
	}
		
		/* Header */
		
		.calendar-eightysix.osx-dashboard .header {
			height: 22px;
		}
		
			.calendar-eightysix.osx-dashboard .header .arrow-left, .calendar-eightysix.osx-dashboard .header .arrow-right {
				width: 12px;
				height: 16px;
			}
			.calendar-eightysix.osx-dashboard .header .arrow-left {
				background: transparent url('../img/osx-dashboard/arrow-left.gif') 5px 3px no-repeat;
			}
				.calendar-eightysix.osx-dashboard .header .arrow-left:hover {
					background-image: url('../img/osx-dashboard/arrow-left-hover.gif');
				}
			.calendar-eightysix.osx-dashboard .header .arrow-right {
				background: transparent url('../img/osx-dashboard/arrow-right.gif') 3px 3px no-repeat;
			}
				.calendar-eightysix.osx-dashboard .header .arrow-right:hover {
					background-image: url('../img/osx-dashboard/arrow-right-hover.gif');
				}
			
			.calendar-eightysix.osx-dashboard .header .label {
				color: #cf0;
			}
				.calendar-eightysix.osx-dashboard .header .label.clickable:hover {
					color: #fff;
				}
		
		/* Body */
		
		.calendar-eightysix.osx-dashboard .body {
			height: 108px;
		}
			
			.calendar-eightysix.osx-dashboard .body .inner .container {
				width: 166px;
				height: 108px;
			}
			
			/* General container */
			
			.calendar-eightysix.osx-dashboard .body .inner .container .row {
				width: 166px;
			}
			
				.calendar-eightysix.osx-dashboard .body .inner .container .row div.non-selectable,
				  .calendar-eightysix.osx-dashboard .body .inner .container .row div.non-selectable:hover {
					color: #dcdcdc !important;
					cursor: default !important;
					background: none !important;
				}
				
				.calendar-eightysix.osx-dashboard .body .inner .container .row div.today {
					text-decoration: underline;
				}
				.calendar-eightysix.osx-dashboard .body .inner .container .row div.selected {
					font-weight: bold;
					color: #cf0 !important;
				}
			
			/* Month */
			
			.calendar-eightysix.osx-dashboard .body .inner .container.month .row {
				height: 122px;
				height: 15px;
			}
				.calendar-eightysix.osx-dashboard .body .inner .container.month .row.a {
					height: 19px;
					text-transform: uppercase;
				}
				
			.calendar-eightysix.osx-dashboard .body .inner .container.month .row.a div {
				cursor: default !important;
				color: #9c9c9c !important;
			}
				
				.calendar-eightysix.osx-dashboard .body .inner .container.month .row div {
					padding-top: 1px;
					width: 23px;
					height: 14px;
				}
				
				.calendar-eightysix.osx-dashboard .body .inner .container.month .row div.outside {
					color: #454545;
				}				
					.calendar-eightysix.osx-dashboard .body .inner .container.month .row.a div,
					  .calendar-eightysix.osx-dashboard .body .inner .container.month .row div.outside:hover {
						color: #9c9c9c !important;
					}
			
			/* Year & decade */
			
			.calendar-eightysix.osx-dashboard .body .inner .container.year-decade .row {
				height: 36px;
			}
				.calendar-eightysix.osx-dashboard .body .inner .container.year-decade .row div {
					width: 41px;
					padding-top: 11px;
					height: 24px;
				}
			
			.calendar-eightysix.osx-dashboard .body .inner .container.month.pickable .row div:hover, 
			  .calendar-eightysix.osx-dashboard .body .inner .container.year-decade .row div:hover {
				color: #cf0;
			}
		
		/* Footer */
		
		.calendar-eightysix.osx-dashboard .footer {
			display: none;
		}