.calendarCont {
	position: relative;
}

.calendarPopUp {
	position: absolute;
	top: 40px;
	-webkit-box-shadow: #BABABA 0px 0px 20px;
	-moz-box-shadow: #BABABA 0px 0px 20px;
	box-shadow: #BABABA 0px 0px 20px;
	overflow: visible;
	background: url("/images/ppcal/Calendar-Top-Triangle-23x12px.png") center -12px no-repeat white;
	z-index: 10;
}

.calendarPopUp .calendarPointer {
   	background: url("/images/ppcal/Calendar-Top-Triangle-23x12px.png") 0 0 no-repeat;
    display: block;
    height: 12px;
    left: 111px;
    position: absolute;
    top: -12px;
    width: 23px;
}

.calendarPopUp .ppcalDayDisplayDiv {
	display: none;	
}

.calendarPopUp .ppcalCalendarDiv {
	padding: 1px 11px 11px;
	min-width: 350px;
}

.ppcalCalendarDiv {
	background-color: white;
	padding: 7px 11px 11px;
}

.ppcalDayDisplayDiv{
	color: #000000;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.ppcalMonthContainerDiv {
	padding: 3px 0;
	font-size: 14px;
	font-weight: bold;
}

.ppcalDayArrowsDiv {
	margin: 7px 0 4px 0;	
}

.ppcalMonthDisplayDiv {
	float: left;
	text-align: center;	
	width: calc(100% - 72px);
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	margin-top: 7px;
}

.ppcalCalendarTable {
	width: 85%;
	float: left;
	color: #909090;
}

.ppcalTimeSel {
	width: 15%;
	float: left;
}

.ppcalCalendarTable th {
	/*border-bottom: 1px solid #E2E2E2;*/
	color: #909090;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
}

.ppcalCalendarTable th.selected {
	color: black;
}

.ppcalCalendarTable th.today {
	color: #909090;
}

.ppcalCalendarTable td {
	/*border-bottom: 1px solid #E2E2E2;*/
	background-color: #EEEEEE;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	/*padding: 3px;*/
	height: 28px;
}

.ppcalCalendarTable td div {
	cursor: pointer;
	padding: 3px 0 0 5px;
	font-weight: bold;
	color: #909090;
	height: 25px;
	
}

.ppcalCalendarTable td div.difmon {
	color: #CCCCCC;
	background-color: #F7F7F7;	
}

.ppcalCalendarTable td div.selected {
	background-color: #A8A8A8;
	color: #FFFFFF;
}

.ppcalCalendarTable td div.today {
	background-color: #C3E4F6;
	color: #000000;
}

.ppcalCalendarTable td div:hover {
	background-color: #E5F3FA;
}

.ppcalCalendarTable td div.selected:hover {
	background-color: #A8A8A8;
	color: #FFFFFF;
}

.ppcalCalendarTable td div.today:hover {
	background-color: #C3E4F6;
	color: #000000;
}

.ppcalHSlider,
.ppcalMSlider {
	height: 200px;
	float: left;	
}

.ppcalHSlider {
	margin-left: 10px;
}
.ppcalMSlider {
	margin-left: 10px;
}

.ppcalTimeInput {
	display: block;
	width: 50px;
}

.ppcalDone {
	display: block;
	cursor: pointer;
	padding: 3px;
	border: 1px solid black;	
}

.ppcalArrowImgLeft {
	margin-right: 5px;
	float: left;
	width: 31px;
	height: 29px;
	background: url(/images/ppcal/Calendar-Month-Left-31x89px.png) no-repeat left top;
}

.ppcalArrowImgLeft:hover { 
	background: url(/images/ppcal/Calendar-Month-Left-31x89px.png) no-repeat left -30px;
}

.ppcalArrowImgLeft:active { 
	background: url(/images/ppcal/Calendar-Month-Left-31x89px.png) no-repeat left -60px;
}

.ppcalArrowImgRight {
	margin-left: 5px;
	float: left;
	width: 31px;
	height: 29px;
	background: url(/images/ppcal/Calendar-Month-Right-31x89px.png) no-repeat left top;
}

.ppcalArrowImgRight:hover { 
	background: url(/images/ppcal/Calendar-Month-Right-31x89px.png) no-repeat left -30px;
}

.ppcalArrowImgRight:active { 
	background: url(/images/ppcal/Calendar-Month-Right-31x89px.png) no-repeat left -60px;
}