/******************************************************************************
** Forms
*******************************************************************************/
	form {
		width: 100%;
		float: left;
		clear: left;
		padding: 1em 0;
	}

	#contact-form {
		border-top: 1px solid #00aeef;
		margin: 2.5em 0;
	}

	form .field {
		width: 100%;
		display: block;
		float: left;
		clear: both;
		margin: 12px 0 0;
		position: relative;
	}

	form .field label {
		display: block;
		float: left;
		width: 155px;
		font-size: 1.3em;
		color: #666;
	}

	form .field label em {
		padding: 0 3px;
		color: #00AEEF;
		font-style: normal;
	}

	/* Inputs */
	form .field-text input,
	form .field-file input,
	form .field-select select,
	form .field-text textarea,
	form .field-checklist ul {
		padding: 5px 2px;
		float: right;
		width: 68%;
		border: 1px solid #CCC;
		color: #000;
		margin: 0 0 6px 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	form .field-text input:focus,
	form .field-text textarea:focus,
	form .field-select select:focus {
		border: 1px solid #E3008A
	}

	form .field-select select {
		padding: 4px 2px;
	}

	form .field-checklist ul {
		padding-top: 0;
		font-size: 0.8em;
		border: none;
	}

	form .field-checklist ul li {
		line-height: 2;
		margin: .25em 1em .25em 0;
		float: left;
		width: 30%;
		font-size: 1.2em;
		color: #d1d1d1;

		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		text-transform: lowercase;
	}

	form .field-checklist ul li.checked {
		color: #FFF;
		display: inline-block;
		background: url('../images/large-coloured-headers.png') no-repeat left -251px;
	}

	form .field-checklist ul li input {
		float: left;
		margin: 5px 1em 0 5px;
	}
	form .field-checklist ul li label {
		display: block;
		cursor: pointer;
	}

	form .field-text textarea {
		line-height: 1.2;
		font-size: 1.15em;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	}

	form .field-select select,
	form .field-file input {
		width: 69.4%;
	}

	form .field-file input {
		border-color: #464547;
	}

	form .field-size-small textarea,
	form .field-size-small select {
		height: 5em;
	}

	form .field-size-medium textarea,
	form .field-size-medium select {
		height: 10em;
	}

	form .field-size-large textarea,
	form .field-size-large select {
		height: 20em;
	}

/******************************************************************************
** Fieldset / Legend
*******************************************************************************/
	form fieldset {
		float: left;
		padding: 0 0 1.5em 0;
		margin: 0 0 2em 0;
		border-bottom: 1px dotted #00AEEF;
		width: 99%;
	}
		form fieldset:last-child {border-bottom: none;}

	form legend {
		color: #00AEEF;
		font-size: 1.5em;
	}
		form legend a.inline-button {
			float: none;
		}

	form fieldset.overhead div.field .label {
		float: none;
	}

	form fieldset.overhead div.field-checklist ul {
		float: left;
		width: 100%;
	}

	form fieldset.overhead div.field-checklist ul li {
		width: 21.5%;
	}

/******************************************************************************
** Input Submits
*******************************************************************************/
	#content form fieldset div.field-buttons {
		float: none;
		width: 96%;
		padding-top: 1em;
	}

	fieldset .field-buttons button {
		clear: both;
		display: inline-block;
		font-size: 1.3em;
		background: #00ADE8;
		-moz-border-radius: 5px;
		-webkit-border--radius: 5px;
		padding: 0 10px;
		line-height: 2.5em;
		height: 2.5em;
		color: #FFF;
		text-align: center;
		text-transform: lowercase;
		border: none;
		float: right;
		cursor: pointer;
	}

	fieldset .field-buttons button.close {
		float: left;
		clear: none;
		background: #E3008A;
	}

	fieldset .field-buttons button:hover,
	fieldset .field-buttons button.hover,
	fieldset .field-buttons button:focus {
		outline: none;
		background: #E3008A;
		color: #323232;
	}

	fieldset .field-buttons button.close:hover,
	fieldset .field-buttons button.close.hover,
	fieldset .field-buttons button.close:focus {
		background: #ffd400;
	}

/******************************************************************************
** Formatted
*******************************************************************************/

	/* Description */
	form fieldset .description {
		width: 29%;
		clear: both;
		float: left;
		line-height: 2;
	}

	form fieldset .description p {
		margin: 0;
		padding: 3px 0;
		font-size: 1.1em;
	}

	form fieldset .description em {
		font-style: normal;
		display: inline-block;
		background-color: #00AEEF;
		color: #FFF;
		-moz-border-radius: 2px;
		line-height: 1.2;
		padding: 2px;
	}

	form fieldset .description em a:hover {
		color: #A6CE39;
	}

	/* Error */
	form fieldset .error {
		line-height: 2;
		width: 67.4%;
		float: right;
		text-align: left;
		background: #ffd400;
		z-index: 50;
		padding: 0 .5em;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	form fieldset .notice {
		float: none;
		width: 94%;
	}

	form fieldset .error * {
		margin: 0;
		font-size: 1.05em;
		color: #232323;
		font-weight: bold;
	}

	.field-size-medium + .information .description {
		margin-top: -10em;
	}

/******************************************************************************
** Social Photos
*******************************************************************************/

	#signup-container {
		float: left;
		background: #323232;
		padding: 0;
	}

	#signup-container form {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#signup-container .gutter {
		border: none;
		width: 400px;
	}

	#signup-container .field .label {
		width: 65px;
	}

	#signup-container .gutter a {
		color: #a6ce39
	}

/******************************************************************************
** 	Overhead Style
**	Places the labels above the inputs, more usable forms apparently
**	Also offers some nicer formatting for forms
*******************************************************************************/
	form.overhead {
		margin-left: 3%;
		width: 95%;
	}
		#ie.v6 form.overhead {
			margin-left: 2%;
		}
		form.overhead .line {
			width: 100%;
			position: relative;
			float: left;
			clear: left;
		}

		#ie.v7 .overhead .line {
			width: 604px;
		}

	form.overhead .field {
		margin: 12px 0 0;
		position: relative;
	}

	form.overhead .field select,
	form.overhead .field input,
	form.overhead .field textarea {
		float: left;
		width: 94%;
	}
		form.overhead .field select {width: 89.7%;}
		form.overhead .field-checklist input {
			width: auto;
		}

	form.overhead label {
		width: auto;
	}
		form.overhead label,
		form.overhead fieldset .information,
		form.overhead fieldset .description,
		form.overhead fieldset .error {
			clear: none;
		}

		form.overhead fieldset .information .error,
		form.overhead fieldset .description {
			position: absolute;
			right: 4.5%;
			top: 11px;
			z-index: 50;
			width: auto;
			display: inline-block;
			padding: 0 .5em;
		}

		form.overhead fieldset .information .error p {
			text-indent: 0;
			line-height: 1.5;
			font-weight: normal;
			font-size: 1.1em;
		}

		form.overhead fieldset .description {
			margin-right: 4%;
			background: #EFEFEF;
			position: relative;
			right: 0;
			top: 0;
		}

		form.overhead .offset .information {
			margin-left: 25%;
		}

		form.overhead fieldset .line .description {
			margin-right: 4.5%;
		}
			#ie.v6 form.overhead fieldset .line .description {
				margin-right: 0;
				right: auto;
				left: 0;
			}
		#ie.v6 #membership .spacer,
		#ie.v7 #membership .spacer {
			padding-bottom: 2em;
		}

	/* Double styles */
	div.double .field {
		width: 48%;
		margin-right: 1%;
		clear: none;
	}
		div.double .field input,
		div.double .field textarea {width: 94.5%;}

		div.double .field select {width: 96%;}

		div.double .information:nth-child(2) .error {
			right: 54%;
		}

	/* Double Offset */
	div.offset {
		clear: both;
		float: left;
		position: relative;
		width: 100%;
	}
	div.offset .field {
		width: 73%;
		margin-right: 1%;
	}
	div.offset .field:first-child {
		width: 24%;
	}
		#payment div.offset .description {
			margin-top: 30px;
			display: inline-block;
		}

	/* Triple styles */
	div.triple .field {
		width: 32.5%;
		margin-right: .5%;
		clear: none;
	}
		div.triple .field input,
		div.triple .field textarea {width: 90%;}
		div.triple:nth-child(6) .information:nth-child(2) .error {right: 70%;}
		div.triple:nth-child(6) .information:nth-child(4) .error {right: 37%;}

	div.single-label .field {
		margin-top: 32px;
	}
		div.single-label .field-select { margin-top: 31px;}
		div.single-label .field:first-child {margin-top: 12px;}

	/* Checkbox Styles shouldn't be overriden really */
	form.overhead div.field-check label {
		width: 190px;
		float: left;
		clear: both;
	}
	form.overhead div.field-check input {
		width: auto;
		margin: 1px 0;
	}
		form.overhead div.field-check + .information .description {
			float: none;
			margin-left: 40%;
			position: absolute;
 			top: 12px;
		}
			#ie.v6 form.overhead div.field-check + .information .description,
			#ie.v7 form.overhead div.field-check + .information .description {
				top: 15px;
			}

		form.overhead .spacer div.field-check + .information .description {
			position: relative;
			top: -20px;
		}

/*	Validation styles for IE */
	#ie form.overhead .information .ie-fix-field-check {
		float: none;
		position: absolute;
		top: 15px;
		left: 250px;
		margin-bottom: 2em;
	}

	#ie form.overhead .spacer .information .ie-fix-field-check-spacer {
		position: relative;
		top: -20px;
	}

	#ie.v6 div.double .information {
		width: 50%;
	}
	#ie div.double .ie-double {
		position: absolute;
		right: 52%;
		width: 49%;
	}

	#ie div.triple .ie-suburb,
	#ie div.triple .ie-postcode {
		position: absolute;
		width: 32.5%;
	}
		#ie div.triple .ie-suburb {right: 68%;}
		#ie div.triple .ie-postcode {right: 35%;}