.qgCalendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 180px;
}
.qgCalendar .head {
	text-align:center;
}
.qgCalendar table {
	width:100% !important;
}
.qgCalendar .table {
	border-spacing: 0px;
	min-width:175px;
	height:100px;
}
.qgCalendar td{
	min-width:20px;
	min-height:20px;
	text-align:center;
	vertical-align:middle;
	border:1px solid white;
	cursor:pointer;
}
.qgCalendar .table td.outMonth {
	color: #ccc;
}
.qgCalendar .table td.today {
	color: #48f;
}
.qgCalendar .table td.has {
	border: 1px solid #dcc;
	background-color: #fee;
}
.qgCalendar .table td:hover{
	color: #48f;
}


.qgCalendar .clockFace {
	width				: 142px;
	height 				: 142px;
	background-image 	: url(timepicker/img/clock_face.png);
	position 			: absolute;
	top					:0px;
	left				:0px;
	z-index 			: 21000;
}

.qgCalendar .ampm {
	position: absolute; 
	top					:0px;
	left				:0px;
	z-index: 25000; 
	display: block; 
	margin-top: 87px;
	margin-left: 57px;
	color:#555;
	width:30px;
	text-align:center;
	font-weight:bold;
}

.qgCalendar .minuteHand {
	margin-top :15px;
	margin-left :15px;
	width : 111px;
	height : 112px;
	position : absolute;
	top					:0px;
	left				:0px;
	z-index :  22000;
	background : url(timepicker/img/clock_minutes.png) no-repeat top left;
}


.qgCalendar .hourHand { 
	margin-top 	: 37px;
	margin-left	: 37px; 
	width		: 67px;
	height		: 68px;
	position	: absolute;
	top					:0px;
	left				:0px;
	z-index		: 23000;
	background	: url(timepicker/img/clock_hours.png) no-repeat top left;
}