@charset "utf-8";
/* CSS Document */



#calendar td, #calendar th {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#calendar .cal_title {
	height:60px;
	font-size:26px;
	color:#FFFFFF;
	background:#7A6139;
}

#calendar .today {
	border:dashed 1px #999999;
	
	height:60px;
	font-size:26px;
	color:#CCCCCC;
	background:#FFFFFF;
}

	#calendar .dateselect {
		height:60px;
		font-size:26px;
		/*border:1px solid #EEEEEE;*/
		color:#FF9933;
		background:#FFFFFF;
	}
	#calendar .dateselect:hover {
		background:#41B3FE;
		cursor:pointer;
	}
	#calendar .datena {
		height:60px;
		font-size:26px;
		color:#CCCCCC;
		background:#FFFFFF;
	}
	#calendar .datenaorange {
		height:60px;
		font-size:26px;
		color:#CCCCCC;
		background:#FFFFFF; /*DGrey: F7F7F7*/
		/*opacity: 0.5;*/
	}
	
	#calendar .datenablack {
		height:60px;
		font-size:26px;
		color:#CCCCCC;
		background:#FFFFFF; /*DGrey: F7F7F7*/
		/*opacity: 0.5;*/
	}

	.cal_blue {
		color:#0197F8; /* Blue */
	}
	.cal_blue_light { color:#36AEFE; }
	.cal_green {
		color:#64A03C; /* Green */
	}
	.cal_brown {
		color:#7A6139; /* Brown */
	}
	.cal_grey {
		color:#CCCCCC; /* Grey */
	}

.cal_small {
	font-size:17px;
	line-height:18px;
}
.cal_medium {
	font-size:22px;
	line-height:24px;
}

	.cal_title {
		font-size:28px;
		line-height:30px;
		color:#FFFFFF; 
		background:#444444; /*blue=0197F8*/
		padding-top:10px;
	}
	.numberingLEFT {
		position: relative;
		left:-20px;
	}
	.numberingLEFT2 {
		position: relative;
		left:-32px;
	}

.cal_large {
	font-size:28px;
	line-height:30px;
}
.cal_largex {
	font-size:32px;
	line-height:34px;
}
.cal_border {
	border:1px solid #FF9933; /* DEBUG */
}

.cal-radius-small {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.cal-radius-medium {
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}
.cal-radius-large {
	border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
}
.cal-radius-large2 {
	border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px;
}

	.numberCircle {
		border-radius: 50%;
		width: 36px;
		height: 36px;
		padding: 8px;
		background: #fff;
		color: #7A6139;
		text-align: center;
		font: 32px Arial, sans-serif;
		font-weight:bold;
		border:1px solid #666666;
		/*float:left;*/
	}
	.txtCircle {
		border-radius: 50%;
		width: 50px;
		height: 50px;
		padding: 8px;
		background: #fff;
		color: #7A6139;
		text-align: center;
		font: 28px Arial, sans-serif;
		font-weight:bold;
		border:1px solid #666666;
		/*float:left;*/
	}

.textRound {
   /* border-radius: 50%;*/
    /*width: 36px;*/
    /*height: 36px;*/
    padding: 8px;
	padding-left:16px;
	padding-right:16px;
    background: #fff;
    color: #7A6139;
    text-align: center;
    font: 22px Arial, sans-serif;
	font-weight:bold;
	border:1px solid #666666;
	display:inline-table;
	/*float:left;*/
}

.inputdate_small {
	padding:5px; 
	font-weight: bold; 
	font-size:14px; 
	text-align:center;
	
	outline: none;
	border: 2px solid transparent;
}
.inputdate {
	padding:10px; 
	font-weight: bold; 
	font-size:24px; 
	text-align:center;
	
	outline: none;
	border: 2px solid transparent;
}
.inputdate2 {
	padding:20px; 
	font-weight: bold; 
	font-size:44px; 
	text-align:center;
	
	outline: none;
	border: 2px solid transparent;
}

		/* FORM BUTTONS */
		input[type=button], input[type=submit], input[type=reset] {
			font-size:18px;
			font-weight:bold;
			background-color: #64A03C;
			border: none;
			color: white;
			padding: 16px 32px;
			text-decoration: none;
			margin: 4px 2px;
			cursor: pointer;
			border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.01);
		}
		
		input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
			background-color: #74BA45;
		}
		

		
		/* RED BUTTONS */
		.buttonred, input[type=button].buttonred, input[type=submit].buttonred, input[type=reset].buttonred {
			font-size:18px;
			font-weight:bold;
			background-color: #CC0000;
			border: none;
			color: white;
			padding: 16px 32px;
			text-decoration: none;
			margin: 4px 2px;
			cursor: pointer;
			border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.01);
		}
		
		.buttonred:hover, input[type=button].buttonred:hover, input[type=submit].buttonred:hover, input[type=reset].buttonred:hover {
			background-color: #F00000;
		}
		
		
		/* BLUE BUTTONS */
		.buttonblue, input[type=button].buttonblue, input[type=submit].buttonblue, input[type=reset].buttonblue {
			font-size:18px;
			font-weight:bold;
			background-color: #0197F8;
			border: none;
			color: white;
			padding: 16px 32px;
			text-decoration: none;
			margin: 4px 2px;
			cursor: pointer;
			border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
			box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.01);
		}
		
		.buttonblue:hover, input[type=button].buttonblue:hover, input[type=submit].buttonblue:hover, input[type=reset].buttonblue:hover {
			background-color: #49B6FE;
		}






	#here {
		  animation-name: color;
		  animation-duration: 1s;
		  animation-iteration-count: infinite;
		  animation-direction: alternate-reverse;
		  animation-timing-function: ease;
		  
		  padding:10px;
		  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		  
	} @keyframes color {
	  from {
		background-color: #EEEEEE; /*EEEEEE*/
		}
	  to {
		background-color: #FFFFFF;
		}
	}