form {
	margin: 40px auto;
	width: 60%;
}

	form label {
		display: block;
		margin-top: 20px;
	}

	form input, form select, .datetime {
		display: block;
		margin: 10px 0;
		outline: none;
		width: 100%;
	}
	
	form input {
		background: #EEE;
		background: rgba(255,255,255, 0.8);
		font-size: 14px;
		letter-spacing: 1px;
		padding: 10px 4px;
		width: 98%;
	}
	
		form input:focus {
			background: #FFF;
			border-color: #555;
		}
	
	form select {
		background: #FFF;
		border: 1px #DDD solid;
		color: #777;
		font-size: 12px;
		letter-spacing: 1px;
		height: 30px;
		
	}
	
	/*form .date {
		background: #EEE;
		border-radius: 8px;
		border: 1px #DDD solid;
		box-shadow: inset 0 10px 20px rgba(0,0,0,0.1);
		cursor: default;
		padding: 4px;
		position: relative;
		text-align: center;
		z-index: 1000;
	}
	
	form .datetime {
		overflow: hidden;
		margin-top: -15px;
	}*/
@media only screen and (min-width : 730px) {
		form .datetime div {
			float: left;
			width: 46%;
		}
		
			form .datetime div:first-child {
				margin-left: 0;
				margin-right: 7%;
			}
			
			form .datetime div {
				margin-left: 2px;
			}
		
			form .datetime div input, form .datetime div select {
				width: 100%;
			}
}

	
			
.thanks {
	margin: 20px 0 10px;
	text-align: center;
}


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* calendar root element */
#calroot {
	background-color: #FFF;
	border: 1px solid #AAA;
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	font-size: 11px;
	margin-top: -20px;
	margin-left: -8px;
	padding:2px;
	width: 275px;
	
	z-index: 100;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	height: 22px;
	padding: 2px 0;
	position: relative;
} 

	#calhead #caltitle {
		color: #3E4E5F;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}

	#calhead a {
		background: #AAA url(prev.gif) no-repeat scroll center center;
		cursor: pointer;
		display: block;
		position: absolute;
		top: 2px;
		width: 20px; height: 20px;
	}
	
	#calPrev { left: 2px; }
	
	#calnext {
		background-position: ;
		right: 2px;
	}
	
	#calprev.caldisabled, #calnext.caldisabled { visibility: hidden; }

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width: 35px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	margin-top:4px;
}

/* single week */
.calweek {
	clear: left;
	height: 22px;
}

/* single day */
.calweek a {
	color: #777;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
} 

.calweek a, #caldays span {
	width: 39px;
}

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

		
/* =============================================================================
   Media Queries for Responsive Design
   ========================================================================== */

