/******************************************************************************
** Forms
*******************************************************************************/
	form {
		width: 100%;
		float: left;
		clear: left;
		border-top: 1px solid #a6ce39;
		margin: 2.5em 0;
		padding: 1em 0;
	}

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

	form .information {
		margin: -15px 0 .5em 0;
	}

	form .field .label {
		float: left;
		width: 155px
	}

	form .field .label * {
		float: none;
		color: #F57A1E;
		font-size: 1em;
	}

	/* 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 #464547;
		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 #F57A1E;
	}

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

	form .field-checklist ul {
		padding-top: 0;
	}

	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;
		margin: 0 0 .75em 0;
		width: 99%;
	}

	form fieldset:last-child {
		border-bottom: none;
	}

	form legend {
		color: #A6CE39;
		font-size: 1.4em;
	}

	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
*******************************************************************************/
	fieldset .field-buttons {
		float: none;
	}

	fieldset .field-buttons button {
		clear: both;
		display: inline-block;
		font-size: 1.3em;
		background: url('../images/large-coloured-headers.png') no-repeat right bottom;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		min-width: 123px;
		padding: 0 10px;
		line-height: 2.5em;
		height: 2.5em;
		color: #FFF;
		text-align: center;
		text-transform: lowercase;
		border: none;
		float: right;
		cursor: pointer;

		-webkit-box-shadow: 0 2px 3px #323232;
		-moz-box-shadow: 0 2px 3px #323232;
	}

	fieldset .field-buttons button.close {
		float: left;
		clear: none;
		background: url('../images/coloured-headers.png') no-repeat right -144px;
	}

	fieldset .field-buttons button:hover,
	fieldset .field-buttons button.hover,
	fieldset .field-buttons button:focus {
		outline: none;
		background-position: right -70px;
		color: #323232;
	}

	fieldset .field-buttons button.close:hover,
	fieldset .field-buttons button.close.hover,
	fieldset .field-buttons button.close:focus {
		background-position: right -60px;
	}

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

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

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

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

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

	/* Error */
	/* Icon from http://www.famfamfam.com/lab/icons/silk/ */
	form fieldset .error {
		line-height: 2;
		background: url('../images/coloured-headers.png') no-repeat 4px -117px;
		width: 69%;
		float: right;
		text-align: left;
		padding: 2px;
	}

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

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

/******************************************************************************
** Social Member
*******************************************************************************/

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