/* CSS for PDCFW CalendarUI plugin */

/* master overlay container */
div.PDCFW_CalendarUI_HTMLOverlay {
	padding: 0px !important;
	
	background: linear-gradient(top, rgb(165,165,165), black 50%);
	background: -moz-linear-gradient(top, rgb(165,165,165), black 50%);
	background: -webkit-linear-gradient(top, rgb(165,165,165), black 50%);
	background: -o-linear-gradient(top, rgb(165,165,165), black 50%);
	background: -ms-linear-gradient(top, rgb(165,165,165), black 50%);
	
	border: 2px solid rgb(35%,35%,35%);
	border-radius: 3px;
	
}

	/* calendar table container */
	div.PDCFW_CalendarUI_container {
		
	}
	
	/* calendar table */
	table.PDCFW_CalendarUI_table {
		padding: 0px;
		margin: 0px;
	}
		
		/* all cells */
		table.PDCFW_CalendarUI_table > tr > th,
		table.PDCFW_CalendarUI_table > tr > td {
			font-family: Open Sans, Calibri, Arial;
			color: white;
			padding: 5px 5px 5px 5px !important;
			width: 14.3%;
		}
		
		/* any headers */
		table.PDCFW_CalendarUI_table > tr > th {
			font-weight: bold;
			text-transform: capitalize;
			text-align: center;
		}
		
		/* prev */
		table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(1) {
			cursor: pointer;
		}
			table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(1):after {
				content: '';
				position: absolute;
				border-top: 10px solid transparent;
				border-right: 15px solid white;
				border-bottom: 10px solid transparent;
				margin: -12px auto auto 5px;
				opacity: .7;
			}
			table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(1):hover:after {
				opacity: 1;
			}
	
		/* month title */
		table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(2) {
			font-size: 18px;
			text-shadow: 1px 1px 0px rgba(0,0,0,.75);
			height: auto;
			padding-bottom: 15px !important;
		}
		
		/* next */
		table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(3) {
			cursor: pointer;
		}
			table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(3):after {
				content: '';
				position: absolute;
				border-bottom: 10px solid transparent;
				border-left: 15px solid white;
				border-top: 10px solid transparent;
				margin: -12px auto auto -20px;	
				opacity: .7;		
			}
			table.PDCFW_CalendarUI_table > tr:first-child > th:nth-child(3):hover:after {
				opacity: 1;
			}
		
		/* day headers */
		table.PDCFW_CalendarUI_table > tr:nth-child(2) > th {
			font-size: 14px;
			color: white;
			text-shadow: 1px 1px 0px rgba(0,0,0,.5);
			height: auto;
			box-shadow: 0px 0px 1px white;
		}
		
		/* day cells */
		table.PDCFW_CalendarUI_table > tr > td {
			text-align: left;
			vertical-align: top;
			
			font-size: 14px !important;
			background-color: white;
			color: black;
			text-shadow: 1px 1px 0px rgba(0,0,0,.25);
			width: 30px !important;
			height: 30px !important;
			box-shadow: 0px 0px 1px rgb(50%,50%,50%);
			
			background: linear-gradient(top, white, rgb(225,225,255)) !important;
			background: -moz-linear-gradient(top, white, rgb(225,225,255)) !important;
			background: -webkit-linear-gradient(top, white, rgb(225,225,255)) !important;
			background: -o-linear-gradient(top, white, rgb(225,225,255)) !important;
			background: -ms-linear-gradient(top, white, rgb(225,225,255)) !important;
		}
			table.PDCFW_CalendarUI_table > tr > td:hover {
				color: rgba(0,0,0,.75);
				cursor: pointer;
				
				background: linear-gradient(top, rgb(200,200,255), white) !important;
				background: -moz-linear-gradient(top, rgb(200,200,255), white) !important;
				background: -webkit-linear-gradient(top, rgb(200,200,255), white) !important;
				background: -o-linear-gradient(top, rgb(200,200,255), white) !important;
				background: -ms-linear-gradient(top, rgb(200,200,255), white) !important;
				
				transition: all 0.2s ease 0s;
			}
			
			table.PDCFW_CalendarUI_table > tr > td:empty:hover {
				cursor: default !important;
				background: inherit !important;
				transition: none;
			}
		
		/* TODAY */
		table.PDCFW_CalendarUI_table > tr > td.today {
			font-weight: bold;
			text-shadow: 1px 1px 0px white;
			background: linear-gradient(top, white, rgb(150,150,255)) !important;
			background: -moz-linear-gradient(top, white, rgb(150,150,255)) !important;
			background: -webkit-linear-gradient(top, white, rgb(150,150,255)) !important;
			background: -o-linear-gradient(top, white, rgb(150,150,255)) !important;
			background: -ms-linear-gradient(top, white, rgb(150,150,255)) !important;
		}

			table.PDCFW_CalendarUI_table > tr > td.today:hover {
				font-weight: bold;
				text-shadow: 1px 1px 0px white;
				background: linear-gradient(top, rgb(150,150,255), white) !important;
				background: -moz-linear-gradient(top, rgb(150,150,255), white) !important;
				background: -webkit-linear-gradient(top, rgb(150,150,255), white) !important;
				background: -o-linear-gradient(top, rgb(150,150,255), white) !important;
				background: -ms-linear-gradient(top, rgb(150,150,255), white) !important;
			}
		
		/* selected */
		table.PDCFW_CalendarUI_table > tr > td.selected {
			background: linear-gradient(top, white, yellow) !important;
			background: -moz-linear-gradient(top, white, yellow) !important;
			background: -webkit-linear-gradient(top, white, yellow) !important;
			background: -o-linear-gradient(top, white, yellow) !important;
			background: -ms-linear-gradient(top, white, yellow) !important;
		}

			table.PDCFW_CalendarUI_table > tr > td.selected:hover {
				background: linear-gradient(top, yellow, white) !important;
				background: -moz-linear-gradient(top, yellow, white) !important;
				background: -webkit-linear-gradient(top, yellow, white) !important;
				background: -o-linear-gradient(top, yellow, white) !important;
				background: -ms-linear-gradient(top, yellow, white) !important;
			}