/* all pages w/ forms */

form table td p { margin:0px 4px 0px 0px; }
form { margin:0; padding:0; }
select, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; }
input, textarea { padding:2px; }
input.inputButton { background:#FFFFFF; border:solid 1px #cccccc; color:#333333; cursor:pointer; }
div.greyLine { border-top:solid 1px #cccccc; height:1px; margin-top:5px; margin-bottom:5px; _margin-bottom:-7px; } /* the _margin-bottom is only read by IE6, which was pushing content down too far, so needed the negative margin */
div.behindSendReset { width:50%; margin:10px auto auto auto; padding-top:10px; padding-bottom:10px; background:#ffffff; border-top:solid 1px #cccccc; }
div.contactFormHolder { cursor:pointer; border:solid 1px #cccccc; border-bottom:none; padding:3px; background:url(../images/contactFormDownArrow.png) top left no-repeat #990000; color:white; border:solid 1px #990000; height:22px; padding-left:30px; }
div.notClickable { cursor:auto; }


div#form1, div#form2, div#form3, div#form4, div#form5 { padding-top:5px; text-align:center; border:solid 1px #990000; border-top:none; }


/* specific to certain pages */

	/* the "reservations/reserve_online" page */
	
	select.reserveOnline { width:140px; }
	* html select.reserveOnline { width:138px; } /* IE 6 Fix */
	*:first-child+html select.reserveOnline { width:138px; } /* IE 7 Fix */
	
	
	/* the "contact_us" page */
	
	table.contactUs input.resize, table.contactUs textarea { width:180px; }
	table.contactUs select.resize { width:188px; }
	* html table.contactUs textarea, * html table.contactUs select { width:182px; } /* IE 6 Fix */
	*:first-child+html table.contactUs textarea, *:first-child+html table.contactUs select { width:182px; } /* IE 7 Fix */