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

	#contact-form,
	#register-form {
		border-top: 1px solid #333;
		margin: 2.5em 0;
	}

	#login {
		width: 650px;
	}

	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: #A6CE39
	}

	form .field label em {
		padding: 0 3px;
		color: #f15a22;
		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%;
		background: #676767;
		border: 1px solid #676767;
		color: #ddd;
		margin: 0 0 6px 0;
		font-size: 1.25em;
	}

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

	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;
		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.1%;
	}

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

	form .field-size-small select {
		
		height: 7.5em;
	}


	form .field-size-small textarea {
		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;
	}
	
	#checkout-form .field-radio {
		clear: both;
	}

	#checkout-form .field-radio label {
		display: inline-block;
		float: left;
		width: 45px;
		clear: none;
		height: 27px;
		background: url("../images/combined-text-sprites.png") no-repeat;
		text-indent: -9999em;
		cursor: pointer;
	}
	#checkout-form .field-radio input {
		margin-top: 5px;
	}
	#checkout-form .field-radio label.visa {
		background-position: -45px -405px;
	}
	#checkout-form .field-radio label.mastercard {
		background-position: 1px -405px;
		margin-left: 5%;
	}

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

	form legend {
		color: #FFF;
		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;
		padding-top: 1em;
		clear: both;
	}

	fieldset .field-buttons button {
		clear: both;
		display: inline-block;
		font-size: 1.4em;
		background: #FFF;
		padding: .25em 10px;
		margin-right: 4.5%;
		color: #58595B;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		border: none;
		float: right;
		cursor: pointer;
	}
	#contact-form button {margin-right:0}

	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: #F15A22;
		color: #323232;
	}

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

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

	/* Description */
	form fieldset .description {
		width: 29%;
		clear: both;
		float: left;
		line-height: 2;
		color: #bbb;
	}
	
	#contact-form fieldset .description {
		
		margin-top: -10px;
		line-height: 1.5;
		width: 30%;
	}

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

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

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

	/* Error */
	form fieldset .error,
	form fieldset .manual-error {
		line-height: 2;
		width: 67.4%;
		float: right;
		text-align: left;
		background: #f15a22;
		z-index: 50;
		padding: 0 .5em;
	}

	#login .error,
	#login .manual-error {
		float: left;
		width: auto;
	}

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

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

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

	/* Form Rounding */
	form fieldset .description em,
	fieldset .field-buttons button,
	form .field-checklist ul li,
	form fieldset .error,
	form fieldset .manual-error,
	form .field-text input,
	form .field-file input,
	form .field-select select,
	form .field-text textarea,
	form .field-checklist ul {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		
	
/******************************************************************************
** 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,
		form.overhead fieldset .manual-error {clear: none}

		form.overhead fieldset .information .error,
		form.overhead fieldset .information .manual-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,
		form.overhead fieldset .information .manual-error p {
			text-indent: 0;
			line-height: 1.5;
			font-weight: normal;
			font-size: 1.1em;
		}
			#redeem-container .error .p,
			#redeem-container .manual-error .p,
			 {font-size: 1.2em}
			
		form.overhead fieldset .description {
			margin-right: 4%;
			background: #111;
			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,
	form.overhead .left,
	form.overhead .right {
		width: 48%;
		margin-right: 1%;
		clear: none;
		display: inline;
	}
	
		form.overhead .right {
			float: right;
		}
		
		form.overhead .left {
			float: left;
		}
		
		form.overhead .left div.double .field{
			width: 307px;
			margin-right: 0;
		}
		

	
		div.double .field input,
		div.double .field textarea {width: 94.5%}
		div.double .field select {width: 96%}
		
		.left div.double input
		 {
			
			width: 98%;
		}
		
		.left div.double .field select {
			
			width: 100%;
		}
		
		div.double .information:nth-child(2) .error,
		div.double .information:nth-child(2) .manual-error {right: 54%}
		
		.left div.double .information:nth-child(2) .error,
		.left div.double .information:nth-child(2) .manual-error {
			
			right: 0;
		}

	/* 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: 40%;
		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: 45%;
			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;
		}
		
		
/******************************************************************************
** Artist register
*******************************************************************************/

	#register-form>fieldset>div {
		
		overflow: hidden;
	}

	#register-form h3 {
		
		clear: both;
		border-top: 1px solid #333;
		margin: 1em 0px 0 0;
		padding-top: 1em;
	}
	
	#register-form #general h3 {
		
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
	
/*	#register-form #general .exists-msg {
		
		display: none;
	}*/

	#register-form #agent-details .information {
		
		clear: both;
	}
	
	#register-form .cancel {
		
		float: right;
		margin: 0;
		margin-right: 30px;
	}
		

/*	Validation styles for IE */
	#ie form.overhead .information .ie-fix-field-check {
		float: none;
		position: absolute;
		top: 15px;
		left: 300px;
		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%}