/*
	AUTHOR: Josh Horvath
			josh@faduchigroup.com
			http://www.faduchigroup.com
			
	PRIMARY COLOURS:
			White:	#fff
			Grey: 	#cdcdcd
			Green: #c3d5c2
			Links:	#c3c3c3
*/

/* PAGE SPECIFICS CSS TAGS */
@import url("../../css/page-specifics.css");

/* RESETS & BASIC PAGE SETUP */
	* 		{ margin: 0; padding: 0; }
	html 	{ overflow-y: scroll; }
	body 	{ background: url(../images/background-body.jpg); font-family: "Helvetica", sans-serif; color: #919090; }
	
	p		{ font-size: 12px; width: 70%; line-height: 20px; }
	#head p,
	#foot p	{ color: #c3d5c2; width: 55%; float: right; padding-bottom: 20px; }
	#foot p	{ float: none; font-size: 11px; width: inherit; padding-left: 15px; }
	h2		{ font-size: 100%; }
	a,
	a:visited 	{ outline: none; color: #919090; text-decoration: none; font-weight: bold; }
	a:hover,
	a.selected	{ color: #6b6a6a; }
	a img 		{ border: none; }
	fieldset	{ padding: 10px 0; }
	label, .longer {
		font-size: 12px;
		display: block;
		margin: 5px 5px 5px 0;
		float: left;
		height: 35px;
		width: 110px;
		line-height: 27px;
		text-align: right;
		}
	input {
		outline: none;
		background: url(../membership/images/bkg-input.png) repeat-x bottom;
		height: 15px;
		color: #919090;
		border: 1px solid #dad8d8;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 10px;
		width: 180px;
		padding: 10px 5px;
	}
	textarea {
		font-family: "Helvetica", sans-serif;
		font-size: 12px;
		height: 76px;
		width: 430px;
		color: #919090;
		border: 1px solid #dad8d8;
		background: url(../membership/images/bkg-input.png) repeat-x bottom white;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 10px;
		padding: 10px 5px;
	}
	select {
		height: 30px;
		line-height: 15px;
		padding-top: 5px;
		padding-right: 10px;
		margin-top: 6px;
		float: left;
	}
	input:focus,
	textarea:focus { background-position: top; outline: none; }
	.btn-saveChanges {
		background: url(../membership/images/btn-saveChanges.png) no-repeat top;
		width: 163px;
		height: 40px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 0;
		cursor: pointer;
		margin-top: 20px;
		padding: 0;
	}
	.btn-saveChanges:hover { background-position: bottom; }
	.btn-register {
		background: url(../membership/images/btn-register.png) no-repeat top;
		width: 163px;
		height: 40px;
		border: none;
		outline: none;
		cursor: pointer;
	}
	.btn-register:hover { background-position: bottom; }
/* END RESET */

/* TOOLBOX */
	.floatLeft  { float: left; }
	.floatRight { float: right; }
	.clear		{ clear: both; }
	.corners	{ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	/** Drop Down ****************************************************************************/
		.hidden {
			overflow: hidden;
			clear: both;
			}

/* END TOOLBOX */

/* STRUCTURE */
	#content-wrap {
		background: url(../membership/images/bkg-gradient.png) #e1e1e1 repeat-x;
		padding-top: 20px;
	}
	
	#bottom-shading {
		background: url(../membership/images/bottom-shadow.png) repeat-x #e1e1e1;
		height: 39px;
		position: relative;
		bottom: 0;
	}
	.wrapper {
		position: relative;
		width: 850px;
		margin: auto;
		padding-top: 20px;
	}
	
	.content,
	.content-signup {
		float: left;
		width: 600px;
		position: relative;
	}
	.content-signup {
		width: 830px;
	}
	
	label {
		display: block;
	}

/* NAVIGATION */
	ul.nav {
		background: url(../membership/images/divider-vertical.png) no-repeat right center;
		min-height: 190px;
		width: 190px;
		padding-top: 10px;
		float: left;
		margin-right: 50px;
		list-style: none inside;
	}
	ul.nav li a {
		display: block;
		padding: 7px 0 7px 15px;
	}
	ul.nav li:hover {
		border-left: 3px solid #c3c3c3;
	}
	
	a#logout,
	a#goBack {
		position: absolute;
		right: 5px;
		top: 125px;
		width: 83px;
		height: 27px;
		background: url(../membership/images/btn-logout.png) no-repeat top;
		display: block;
		text-indent: -9000px;
		z-index: 1000;
	}
	a#goBack {
		right: 15px;
		background: url(../membership/images/btn-goBack.png) no-repeat top;
	}
	a#logout:hover,
	a#goBack:hover { background-position: bottom; }
	

/* CONTENT */

	#content-wrap p {
		width: inherit;
	}
	#form-msg-area {
		margin-top: 15px;
	}
	#form-msg-area li {
		background: #C3D5C2;
		border: 1px solid #647763;
		color: #647763;
		font-size: 12px;
		margin-top: 1px;
		list-style: none;
		padding: 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

	}
	#form-msg-area .form-errors li {
		background: #FFA799;
		border: 1px solid red;
		color: red;
	}
	#title {
		background: url(../membership/images/title.png) no-repeat;
		height: 69px;
		width: 365px;
		border: 0;
		float: left;
	}
	p.green a,
	p.green a:visited { color: #d4e9d3; font-weight: normal; }
	p.green a:hover { text-decoration: underline; }
		
	fieldset { border: 0; clear: both; width: 610px; }
	fieldset div { margin: 0; }
	#overview fieldset div { margin: 5px 0 10px 0; }
	h1 {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 20px;
		color: #919090;
		border-bottom: 1px solid #b5b5b5;	
	}
	
	#businessDetails fieldset div {
		float: left;
	}
	#businessDetails fieldset input {
		width: 150px;
	}
	#businessDetails fieldset label {
		padding: 3px 0;
		line-height: 22px;
		width: 110px;
	}
	#businessDetails fieldset input.chooseFile {
		background: #5a6e59;
		height: 35px;
		width: 120px;
		font-size: 14px;
		color: white;
		padding: 0;
		margin: 0 0 10px 0;
		border: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
	}
	#businessDetails fieldset input.chooseFile:hover { background: #728672; }
	
	#businessDetails fieldset .divider { border-bottom: 1px solid #b5b5b5; clear: both; width: 100%; height: 1px; margin-bottom: 10px; }
	
	#faduchi {
		position: absolute;
		right: 0;
		top: 18px;
		background: url(../membership/images/faduchi.png) no-repeat top;
		width: 200px;
		height: 25px;
		text-indent: -9000px;
		display: block;
	}
	#faduchi:hover { background-position: bottom; }
	
	table { margin-top: 30px; }
	table td p { width: 180px !important; }
	form table input,
	form table select {
		display: block;
		margin: 0 0 10px !important;
	}	
	form table label {
		display: block !important;
		float: none !important;
		height: 18px;
		margin: 0 0 5px !important;
		padding: 0 !important;
		text-align: left;
	}

	ol {
		list-style: none;
		font-size: 12px;
	}
	ol li { padding: 4px 0; }
	ol a { color: #647762 !important; }