/* Browser / Viewport
----------------------------------------------------------------------------------------------------*/

body { background: url(../../images/signup_main_background.png) 0 0 repeat-x; }

#wraper-content { padding-bottom: 185px; }

.divisory {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 0.83em;
	margin-bottom: 0.44em;
}

/* Document Structure
----------------------------------------------------------------------------------------------------*/

/* Main */

#content { margin-top: 2.17em; }

#association-details #full-logo { margin-top: 1.50em; }

/* Header */

#header { background: url(../../images/signup_header_background.png) 100% 3px no-repeat; }

/* Signup */

#system-message {
	margin-bottom: 1.48em;
	text-indent: 0;
}

#content h1 { margin-bottom: 0; }

#content h2 {
	margin: 0 0 0.28em 0;
	color: #006699;
}

#content .form h2 {
	color: #84BD47;
	font-size: 1.17em;
	font-weight: bold;
	margin: 0.71em 0 0.45em 0.71em;
}

/* Forms
----------------------------------------------------------------------------------------------------*/

#form-sign-up input#next-step {
	width: 111px;
	height: 32px;
	cursor: pointer;
	text-indent: -9999px;
	float: right;
	display: block;
	border: none;
	padding: 0;
	background: url(../../images/next_button.png) no-repeat;
}

#form-sign-up input.edit {
	position: relative;
	right: 10px;
}

#form-sign-up #contact-fieldset p a:hover.external { color: #ff6600; }

#form-sign-up input#finish-button {
	width: 80px;
	height: 32px;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
	display: block;
	border: none;
	padding: 0;
	background: url(../../images/finish_button.png) no-repeat;
}

.pipe {
	font-size: 1.17em;
	margin-top: 0;
	color: #006699;
	font-weight: bold;
	margin: 0 0.71em 0 0.71em;
	display: inline;
}

.form #agree-accept { padding-bottom: 0.17em; }

.form #agree-accept label {
	width: auto;
	padding: 0.67em 0;
	margin: 0 0.25em 0 0.83em;
}

/* Know How Shortcut */

#know-how-shortcut {
	border: 2px solid #d0e7f0;
	background: #f7f7f7;
}

#know-how-shortcut span.bt span { background-position: 100% -4px; left: 4px }

#know-how-shortcut span.bb { background-position:0 -8px; top:2px; left: -2px; }

#know-how-shortcut span.bb span { background-position:100% -12px; left: 4px; }

#know-how-shortcut h1 {
	border: none;
	color: #006699;
	font-size: 1.5em;
	padding: 0;
}

#know-how-shortcut p { margin: 0.5em 0; }

/* Associated Organisation */

fieldset.associated-organisation { padding-bottom: 0 !important; }

fieldset.associated-organisation input.add-button {
	position: relative;
	left: 0;
}

fieldset.associated-organisation #select-relationship { margin-top: 7px; }

fieldset.associated-organisation p.tip {
	clear: both;
	margin-bottom: 0.83em;
}

#associated-organisation {
	width: 100%;
	background: #ebebeb;
	padding: 0.83em 0;
	float: left;
	clear: both;
}

#associated-organisation dl {
	line-height: 1.83em;
	padding-bottom: 0.5em;
	margin: 0.17em 0.83em 0.83em 0.83em;
	border-bottom: 1px solid #dadada;
}

#associated-organisation dl.last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#associated-organisation dt {
	font-size: 1.17em;
	line-height: 0.83em;
	color: #333;
}

/* Crop */

#let-us-do { padding-bottom: 0.83em; }

#let-us-do p { margin-top: 0.83em; }

.auto-fill {
	position: relative;
	left: 240px;
}

/* Success */

#return {
	overflow: hidden;
	clear: both;
	margin-top: 0.83em;
	padding-top: 0.83em;
	border-top: 1px solid #ebebeb;
}

#header-title.success {
	font-weight: normal;
	font-size: 2.17em;
	line-height: 2.50em;
}

#header-title.success span {
	color: #99cc00;
	font-size: 1.0em;
	line-height: 2.50em;
}

#content #user-steps { 
	margin-bottom: 1.50em;
	padding-bottom: 1.17em;
	border-bottom: 1px solid #ebebeb;
}

#content span.success { color: #709721; }

#content ol.success {
	font-size: 1.17em;
	list-style-type: none;
	padding-bottom: 1.67em;
	border-bottom: 1px solid #ededed;
}

html>body #content ol.list li { min-height: auto; }

#content ol.success li {
	background: url(../../images/bullet_ordered_success_list.png) 0 2px no-repeat;
	margin-bottom: 0.71em;
}

#content ol.success li.clear-float {
	background: none;
	margin-bottom: none;
}

#content ol.success li span.number { font-size: 0.83em; }

/* Back to top - Error */

a.roll-top {
	margin-top: 0.91em;
	margin-left: 0;
}

/* Footer */

#footer {
	float: left;
	color: #0099cc;
	position: relative;
	height: 110px;
	margin-top: -111px;
	border-top: 1px solid #042a42;
	background: #00395c;
}

#footer-content { background: none; }

#aux-navigation {
	width: 940px;
	padding: 0 0 15px 0;
	margin: 15px 0 15px 0;
	border-top: none;
	border-bottom: 1px solid #00476e;
	list-style: none;
}