/* ------------------------------------------------------

	Booking Form Stylesheet
   
------------------------------------------------------ */
/*
	Filename:					index.css
	Content:					Booking form stylesheet
	Creation Date:				01/07/2008
	Last Modification Date:		01/07/2008
	Author:						Kurt Smith
	Copyright:					Digitise.co.nz
*/

	@import "reset.css";
	
/* --- Selectors ------------------------------------- */

	html, html>body { width:100%; height:100%; }
	body {
		width:100%;
		height:100%;
		font:12px/18px verdana, arial, helvetica, sans-serif;
		background:#f8f8f8;
	}
	
	input.submit {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	
/* --- Type ------------------------------------------ */
	
	a, a:visited { color:#193641; text-decoration:underline; }
	a:hover { color:#193641; }
	a img { border:none; }
	
	p { margin:10px 0; clear:both; }
	#booking p { padding:15px 0; }
	
	h1 { font:bold 18px/24px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; }
	h2 { font:bold 16px/22px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; }
	h3 { font:bold 14px/20px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; }
	h4 { font:bold 14px/18px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; border-top:1px solid #cdd6e2; border-bottom:1px solid #cdd6e2; padding:5px 0; clear:both; }
	h5 { font:bold 12px/16px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; }
	h6 { font:bold 10px/14px Arial, Helvetica, sans-serif; margin:16px 0; color:#2b4753; }

/* --- Common Classes -------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }
	.odd {  }
	div.frmLabel, .frmLabelLong{
		display:block;
		/*float:left;
		width:170px;*/	
		margin:6px 0;	
		clear:both;
	}
	div.frmLabel strong {
		width:170px;
		display:block;
		float:left;
	}
	div.frmLabel span {
		width:170px;
		display:block;
		float:left;
		margin:5px 0;
	}
	div.frmLabel textarea {
		float:left;
		margin:8px 0 0 0;
		width:400px;
		font:12px/18px verdana, arial, helvetica, sans-serif;
	}
	.printlogo {
		margin:0 auto;
		display:none;
	}
	@media print{
		.printlogo {
			margin:0 auto;
			display:block;
		}
		h1#logo {
			display:none;
		}
	}

/* --- Layout Styles --------------------------------- */
	
	.container {
		width:100%; height:100%;
		
	}
	.container td {
		text-align:center;
		vertical-align:middle;
	}
	.container #wrap {
		margin-top:0;
	}
	#wrap {
		width:700px;
		margin:20px auto 0 auto;
		padding:20px;
		border:1px solid #cdd6e2;
		background:#fff;
	}
	h1#logo {
		width:449px;
		height:63px;
		background:url("../images/logo.gif") no-repeat;
		text-indent:-9999px;
		margin:0 auto 30px auto;
		padding:0;
	}
	dt { 
		width:70%;
		float:left;
	}
	dd {
		width:15%;
		float:left;
		text-align:right;
	}	
	#personaldetails .left {
		width:49%;
	}
	#personaldetails .left input {
		margin:0 0 6px 0;
	}
	#personaldetails .right {
		width:49%;
	}
	#personaldetails .left input, #personaldetails .left input {
		float:left;
	}
	#CAPTCHA {
		margin:0 10px 0 0;
	} 
	.frmLabelLong input {
		float:right;
		margin:-16px 30px 0 0;
	} 
	
	span.inclusion {
		font-size:11px;
	}
	
	span.validationerror {
		color:#ff0000;
		font-weight:bold;
	}