/* Reservation page styles                                                 */
/***************************************************************************/

/* the following rule is required by the calendar script and I applyed it 
	 also to the other controls as well */
.plain {height:20px; vertical-align:text-top;}

/*-------------------------------- contact details section ----------------*/

#addressContainer1 {
	position: absolute;
	left: 50px;
	top: 90px;
	width: 220px;
	text-align: right;
}

#addressContainer2 {
	position: absolute;
	left: 266px;
	top: 90px;
	width: 220px;
	text-align: right;
}

/*-------------------------------- reservation dates section ---------------*/
#reservationDatesContainer {
	position: absolute;
	left: 265px;
	top: 156px;
	width: 220px;
	text-align: right;
}

/*-------------------------------- conditions section ----------------------*/
#conditionsDiv {
	position: absolute;
	left: 138px;
	top: 205px;
	width: 150px;
}

/*-------------------------------- No of pets section ----------------------*/
#petNumberDiv {
	position: absolute;
	left: 299px;
	top: 201px;
	width: 150px;
}

/*-------------------------------- pet details section ----------------------*/
#petDetailsDiv {
	position: absolute;
	left: 50px;
	top: 230px;
	width: 550px;
}

.colWidth {
	width: 90px;
	height:20px;
	vertical-align:text-top;
}
.colWidth2 {
	width: 86px;
	height:20px;
	vertical-align:text-top;
}
.colWidth3 {
	width: 76px;
	height:20px;
	vertical-align: text-top;
}

/*-------------------------------- vet section ---------------------------*/
#vetContainer {
	position: absolute;
	left: 20px;
	top: 317px;
	width: 250px;
	vertical-align: top;
	text-align: right;
}


/*-------------------------------- notes section ---------------------------*/
#notesDiv {
	position: absolute;
	left: 280px;
	top: 317px;
	width: 400px;
	vertical-align: top;
}

/*-------------------------------- reservation button section --------------*/
#buttonDiv {
	position: absolute;
	left: 200px;
	top: 430px;
	width: 200px;
}

/*-------------------------------- error message section -------------------*/
#errorMessage {
	position: absolute;
	left: -95px;
	top: 210px; 
	width: 190px;
	background-color: #FFFFff;
	border-style: dotted;
	border-width: thin;
	border-color: Navy;
	visibility: hidden;
*/
}
.errorMessageHeadings{
	margin: 5px;
	padding: 2px;
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFff;
	background-color: #993300;
}
.errorMessages{
	margin: 5px;
	padding: 2px;
	font-family: sans-serif;
	font-size: 10px;
	color: #FFFFff;
	background-color: #993300;
}


/*-------------------------------- various formatting ----------------------*/
.smallNote {
	font-size: 9px;
	font-style: italic;
}
.redAsterisk {
	font-size: 18;
	color: Red;
	vertical-align: text-top;
}
.topAligned {
	vertical-align: text-top;
}