#calback{
	min-height: 22em;
	width: 100%; height: 100%;
	background: url(loader.gif) no-repeat center;
	background-size: 25%;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#calendar{
	display: none;
	width: 100%; height: 100%;
	border: 1px solid #e2e2e2;
		
}
	#caltop{
		width: 100%;
		position: relative;
		border-bottom: 1px solid #ddd;
	}
		#caltop td{vertical-align: middle;}
		#caltop span{
			font-family: Oswald, sans-serif;
			display: block;
			line-height: 2.5;
			font-size: 1em;
			color: #d7b361;
			font-weight: 400;
		}
		#caltop a{
			display: inline-block;
			width: 19px; height: 16px;
			background: url(calendar.png) no-repeat 0 0 transparent;
		}
		#caltop a.prev{
			margin: 0 0 0 10px;
			background-position: 0 0;
		}
		#caltop a.now{background-position: 0 -19px;}
		#caltop a.jump{background-position: 0 -38px;}
		#caltop a.next{
			margin: 0 10px 0 0;
			background-position: 0 -57px;
		}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#calmid{width: 100%;}
	#calmid > tbody > tr > td{width: 14%;}
		#calmid thead td{
			color: #003627;
			line-height: 3;
			font-weight: 700;
			font-size: 0.8em;
			text-align: center;
		}
		#calmid > tbody > tr > td > div{
			color: #888;
			line-height: 4;
			font-size: 0.8em;
			position: relative;
			text-align: center;
			border-top: 1px solid #ddd;
		}
		#calmid > tbody > tr > td + td > div{border-left: 1px solid #ddd;}
		#calmid > tbody > tr > td > div > em{
			display: block;
			color: #003627;
			font-weight: 700;
		}
			#calmid > tbody > tr > td > div.today{
				font-weight: 700;
				background-color: #efefef;
			}
			#calmid > tbody > tr > td > div:hover{background-color: #efefef;}
			#calmid > tbody > tr > td > div:hover > div{display: block;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#calmid > tbody > tr > td > div > div{
	z-index: 9999;
	display: none;
	position: absolute;
	padding-bottom: 25px;
	bottom: 16px; right: -8px;
}
	#calmid > tbody > tr > td > div > div > div{
		padding: 1em;
		color: #555;
		text-align: left;
		line-height: 1.6;
		min-width: 300px;
		font-size: 1.25em;
		position: relative;
		background-color: #fff;
		border: 1px solid #e2e2e2;
		
		box-shadow: 2px 2px 0px 0px #ccc;
		-moz-box-shadow: 2px 2px 0px 0px #ccc;
		-webkit-box-shadow: 2px 2px 0px 0px #ccc;
	}					
	#calmid > tbody > tr > td > div > div > div:before{
		content: "";
		display: block;
		margin-left: -12px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 12px 12px 0 12px;
		border-color: #ddd transparent;
		position: absolute; bottom: -12px; right: 12px;
	}
	#calmid > tbody > tr > td > div > div > div:after{
		content: "";
		display: block;
		margin-left: -9px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 9px 9px 0 9px;
		border-color: #fff transparent;
		position: absolute; bottom: -9px; right: 16px;
	}
		#calmid > tbody > tr > td > div > div > div > article p{
			margin-top: .1em;
		}
		#calmid > tbody > tr > td > div > div > div > article p + a{
			color: #fff;
			width: auto;
			display: block;
			cursor: pointer;
			font-size: 0.9em;
			overflow: visible;
			margin-top: 10px;
			padding: 0.5em 1em;
			text-align: center;
			white-space: nowrap;
			border: medium none;
			background-color: #000;
			
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		#calmid > tbody > tr > td > div > div > div > article p + a:hover{background-color: #444;}
		#calmid > tbody > tr > td > div > div > div > article + article{
			margin-top: 1em;
			padding-top: 1em;
			border-top: 1px solid #ddd;
		}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#jump{
	z-index: 999;
	padding: 1em;
	display: none;
	position: absolute;
	bottom: 50px; right: 0px;
	
	box-shadow: 2px 2px 0px 0px #ccc;
	-moz-box-shadow: 2px 2px 0px 0px #ccc;
	-webkit-box-shadow: 2px 2px 0px 0px #ccc;
}
	#jump:before{
		content: "";
		display: block;
		margin-left: -10px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #ddd transparent;
		position: absolute; bottom: -10px; right: 29px;
	}
	#jump:after{
		content: "";
		display: block;
		margin-left: -9px;
		width: 0; height: 0;
		border-style: solid;
		border-width: 9px 9px 0 9px;
		border-color: #fff transparent;
		position: absolute; bottom: -9px; right: 30px;
	}
		#jump select{
			width: 110px;
			padding: 5px;
			margin-right: 5px;
			float: left; display: inline-block;
		}
		#jump a{
			margin-right: 5px;
			width: 19px; height: 35px;
			float: left; display: inline-block;
			background: url(calendar.png) no-repeat 0 50% transparent;
		}
			#jump a.ok{background-position: 0 -74px;}
			#jump a.close{background-position: 0 -103px;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */