@charset "UTF-8";
/*      -------------  CONTACT FORM  STYLES ------------------   */
/*
MCLEOD COLOURS

Medium Blue	#0373c1 (Navigation)
Mint	#bfdcbd

Light Green 	#dcffde
Green			#60ca67
Dark Green		#2ec038

Light Mauve		#fbe9ff
Mauve			#ff4a48
Dark Mauve		#ab69b8

Light Red		#ffd1d1
Red				#ff4a48
Dark Red		#ff2826


Lighter Blue	#bbddff
Light Blue		#66a4e2
Blue			#66a4e2
Dark Blue		#2672be

*/


/* COMMON STYLES AND X-LARGE SCREEN SIZE FROM 961 PX WIDE AND UP */
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
form#book_appointment {
	background-color: #ff4a48;
	font: 16px/1.4 lato, Verdana, Arial, Helvetica, sans-serif;
	}

#appointment-holder {
	font-size: 14px;
	width: 60%;
	text-align: center;
	background-color: #ff4a48;
	color: #333;
	margin: auto;
}
#colorblock-3-info h1{
	font-size: 24px;
	color: #FFF;
	margin-top: 24px;
}
#appointment-table {
	margin: auto; /*CENTER TABLE IN CONTAINER DIV*/
	text-align: left;
	font-size: 14px;
	width: 96%;	
}
#appointment-holder label {
	color: #EEE;
	font-size: 16px;
	padding: 12px 0px 0px 6px;
	display: inline-block;
}
#appointment-holder input[type=text], #appointment-holder input[type=email], #appointment-holder input[type=phone], #appointment-holder textarea {
	color: #ff4a48;
	font-size: 16px;
	height: 22px;
	width: 96%;
	padding: 12px 2% 6px 2%;
	display: block;
	background-color: #ff8b8a;
	border: 2px solid #de211f;
}
.blue {
	color: #66a4e2;	
}
#app-phone {
	color: #000;	
}
#appointment-holder textarea {
	height: 100px;
}
/*#mvh-subject, #mvh-message {
	width: 96%;
}*/
#appointment-holder input[type=checkbox], #appointment-holder input[type=radio] {
	margin-right: 10px;
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
  margin: 8px 14px 8px 30px;
}
#appointment-holder select {
	height: 30px;
	margin: 8px 14px 8px 30px;	
}
#appointment-holder input:hover, #appointment-holder textarea:hover {
	background-color: #ffd1d1;
}
label.decoy, input.decoy {
	display: none !important;
}
.center-text {
	text-align: center;	
}
#appointment-holder p.checkbox-copy {
	color: #333;
	margin: 16px 0px;
}
#appt-slider-container {
	position: relative;
	display: block;
	clear: left;
	text-align: center;
	background-color: #FF8B8A;
	color: #333;
	height: 40px;
	width: 260px;
	max-width: 260px;
	margin: 0px auto 20px auto;
}
#appt-submit-message {
	padding-top: 10px;
	margin-left: 22px; /*Important so second message under slider knob is not covered*/
}
#appt-knob {
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #66a4e2;
	/*background: url(../images/green-button.jpg) center center no-repeat;*/
	height: 40px;
	width: 48px;
	color: #333;
}
#appt-confirm {
	border: 0px;
	display: none;
	background-color: #66a4e2;
	color: #FFF;
	font-size: 18px;
	padding: 10px 20px;
	cursor: pointer;
	margin-bottom: 10px;
}
#appointment-holder input[type=button]#appt-confirm:hover {
	background-color: #2672be;
}
/*jQuery UI Calendar style overrides*/

div#ui-datepicker-div {
	/*width: 70% !important;
	left: 12.5% !important;	*/
}
.ui-state-default, .ui-widget-content {
	color: #66a4e2;	
}
.ui-widget-header {
	background-color: #ff4a48;	
}
@media all and (max-width: 960px) and (min-width: 641px) {

/*Widen container holding all input fields*/	
#appointment-holder {
	width: 70%;
}	
	
}
@media all and (max-width: 640px) {

/*Widen container holding all input fields*/
#appointment-holder {
	width: 80%;
}
	
}