#calendar{
	position:absolute;
	display:none;
	width:200px;
	background-color:#FFF;
	z-index:9999999;
}
#calendar .nextMonth,#calendar .nextYear{
	cursor:pointer;
}
#calendar table{
	border:#CCC solid 1px;
	padding:5px 0;
}
#calendar table{
	width:100%;
	text-align:center;
	font-size: 12px;
	border-radius: 3px;
}
#calendar table td{
	padding:3px 5px;
	text-align:center;
	cursor:pointer;
}
#calendar table .day td{
	padding:5px;
	text-align:center;
	cursor:default !important;
	border-bottom:#999 solid 1px;
}
#calendar table .nextPeriod{
	color:#999;
}
#calendar table .activPeriod:hover, .selectPeriod,#calendar .nextMonth:hover,#calendar .nextYear:hover{
	background-color:#F60;
	color:#FFF;	
}
#calendar .nextMonth:hover .calendarLeft,#calendar .nextYear:hover .calendarLeft{
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;	
}
#calendar .nextMonth:hover .calendarRight,#calendar .nextYear:hover .calendarRight{
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;	
}

#calendar .calendarLeft{
	display:inline-block;
    width:0;
    height:0;
    border-right: 5px solid #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;	
}
#calendar .calendarRight{
	display:inline-block;
    width:0;
    height:0;
	border-left: 5px solid #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;	
}