/*  -- AUTHOR: PITCH (pitch.net.nz) -- MEDIUM: SCREEN --------------------------  */

/*  -- GENERAL
--------------------------------------------------------------------------------  */

	html {
		background: url(/images/tile-bg.png);
		}
		
	body {
		background: transparent;
		color: #6c6c6c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
	h1 {
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
	h2 {
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		margin-top: 8px;
		}
		
	h3 {
		color: #7a6691;
		clear: both;
		display: block;
		font-size: 14px;
		font-weight: bold;
		margin: 9px 0 6px 0;
		}
		
	h3.top-space {
		margin-top: 55px;
		}
		
	p {
		line-height: 16px;
		margin: 0px 0px 12px;
		}
		
	a {
		color: #4c8592;
		}
		
	a:hover {
		text-decoration: none;
		}
	
	
	div#columns-top, div#columns-wrapper, div#columns-bottom {
		margin: 0px auto;
		width: 940px;
		}
		
	div#columns-top {
		background: url(/images/columns-top.png) top center no-repeat;
		height: 16px;
		margin-top: 40px;
		}
		
	div#columns-wrapper {
		background: url(/images/columns-bg.png) center center repeat-y;
		overflow: hidden;
		}
		
		div#left-column {
			background: url(/images/left-column-top.png) top center no-repeat;
			float: left;
			padding: 10px 32px 25px 32px;
			width: 556px;
			}

		div#right-column {
			float: right;
			padding: 20px 30px 5px;
			width: 240px;
			}
			
			div#right-column a {
				display: block;
				line-height: 0px;
				margin: 0px 0px 25px;
				}
		
		div#columns-bottom {
			background: url(/images/columns-bottom.png) top center no-repeat;
			clear: both;
			height: 12px;
			margin-bottom: 20px;
			}
	
	
	label {
		clear: left;
		color: #4c8592;
		float: left;
		padding: 7px 0px 0px;
		width: 120px;
		}
		
		label.both {
			display: block;
			clear: both;
			float: none;
			width: auto;
			padding: 5px 0px 5px;
			}
	
		label.radio-label, #genderOptions label, .yesNoOptions label {
			clear: none;
			color: #343434;
			padding: 7px 5px 0px 0px;
			width: auto;
			}
		
		label.error {
			color: #ba5d5d;
			font-size: 11px;
			font-weight: normal;
			margin: 0px 0px 0px 120px;
			position: relative;
			text-align: left;
			top: -20px;
			width: 400px;
			}
			
			div.selector label.error,
			div.radio label.error {
				margin-left: 0px;
				top: -5px;
				}
				
			div.selector.error,
			div.radio.error {
				margin-bottom: 20px;
				}
	
	input {
		float: left;
		}
		
		input.text {
			border: 1px solid #cccaca;
			margin: 0px 0px 20px;
			padding: 8px 4px;
			width: 262px;
			}
		
		input.text.long {
			width: 382px;
			}
			
		input.error {
			background: #ffeded;
			border-color: #cb6d6d;
			}
			
	input#submit-btn {
		background: #4c8592;
		border: 1px solid #4c8592;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		clear: both;
		color: #fff;
		font-weight: bold;
		padding: 7px 11px;
		}
input#submit-btn:disabled,
input#submit-btn.disabled { opacity: 0.5;}
		input#submit-btn.disabled:hover {
			cursor: default;
			background: #4c8592;
			}
			input#submit-btn:disabled:hover {
			cursor: default;
			background: #4c8592;
			}
		input#submit-btn:hover {
			cursor: pointer;
			background: #4eadcd;
			}
			
		input#submit-btn:focus {
			border-left-color: #1c5562;
			border-top-color: #1c5562;
			border-right-color: #7caab4;
			border-bottom-color: #7caab4;
			}
			
	div.radio {
		padding: 2px 10px 20px 0px;
		}
		
	div.radio.error {
		
		}
		
		div.radio label.error {
			left: -32px;
			position: relative;
			top: 0px;
			}
	
	div.selector {
		float: left;
		margin-bottom: 18px;
		left: -4px;
		position: relative;
		}
		
	div.selector.error {
		margin-bottom: 30px;
		}
		
		div.selector.error label.error {
			left: -6px;
			top: -10px;
			width: 200px;
			}
			
		#uniform-yes-one label.error,	
		#uniform-yes-two label.error,
		#uniform-yes-three label.error {
			left: -24px;
			width: 200px;
			}
		
		div.selector select {
			height: 30px;
			}
			
	.day-select {
		float: left;
		width: 120px;
		}
		
		.day-select .selector {
			float: none;
			width: auto;
			}
			
		.day-select .selector span {
			padding: 0px;
			width: 100%;
			}
			
		.day-select .selector select {
			width: 100%;
			}
		
	.month-select {
		float: left;
		width: 170px;
		}
		
		.month-select .selector {
			float: none;
			width: auto;
			}
			
		.month-select .selector span {
			padding: 0px;
			width: 100%;
			}
			
		.month-select .selector select {
			width: 100%;
			}
		
	.year-select {
		float: left;
		width: 120px;
		}
		
		.year-select .selector {
			float: none;
			width: auto;
			}
			
		.year-select .selector span {
			padding: 0px;
			width: 100%;
			}
			
		.year-select .selector select {
			width: 100%;
			}
		
	form {
		margin: 39px 0px 0px;
		}


		/* Rowan-added styles */
		.errorlist {
			padding: 10px;
			border: 1px solid #F7656B;
			background: #FFBFC2;
			margin-bottom: 20px;
		}

		.errorlist strong {
			font-weight: bold;
			font-size: 13px;
		}

		.errorlist label {
			float: left;
			color: #6C6C6C;
			font-weight: bold;
		}

		.errorlist span {
			padding: 7px 0 0;
			float: left;
		}

		.errorlist li {
		}

		.clear {
			clear: both;
		}

		#genderOptions label.error {
			color: #BA5D5D;
			float: left;
			margin-left: -25px;
			width: 120px;
		}

                .bounceContainer {
                  position: relative;
                  clear: both;
}

#bounceBox{
	background: #f8f8f8;
	/*height:115px;*/
	padding: 15px 10px;
	margin-top:-10px;
	width:450px;
	padding-top: 15px;
	border:1px solid #f0f0f0;
	color:#4C8592;
	text-shadow:1px 1px 0 white;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
        margin-bottom: 10px;
}

#bounceBox p{
	font-size:16px;
	margin: 0;
	line-height: 105%;
	background:url('/images/warning.gif') no-repeat 5px center;
	padding-left:60px;
}

#bounceBox {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#postcodeLink {
  font-size: 11px;
  margin-top: -20px;
  margin-bottom: 20px;
}

#submission_postcode {
  margin-bottom: 8px;
}