/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 1.2em;
}

legend	{
	display:none;
}
/* ACTION BUTTONS
---------------------------------------- */
.Actions	{

}

input.action {
	float:right;
	background:transparent url(../images/bttn-yellow.png) left top no-repeat;
	display:block;
	color:#565656;
	font-weight:bold;
	font-size:1.1em;
	height:20px;
	border:0;
	line-height:20px;
	padding:0 10px;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
	clear: left;
}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	background:none;
	border:0;
	color:#93A7BE;
}

textarea {
	overflow:auto;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	/*font-size:0.8em;*/
}

label.right {
	display:inline;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	float:left;
	width: 89px;
}

	#Search .middleColumn {
		width: 89px;
		height: 20px;
		line-height: 20px;
		margin:0;
		padding:0;
		overflow:hidden;
		background:transparent url(../images/bg-search.png) left top no-repeat;
	}

	input#CustomSearchForm_SearchForm_Search {
		margin:0 7px 0 8px;
		width:79px;
		padding:0;
		font-weight:bold;
		color:#5f749e;
		border: none;
		font-size:0.8em;
		text-indent:0px;
	}

	#CustomSearchForm_SearchForm input.action {
		float: left;
		width:21px;
		height:20px;
		border:0;
		text-indent:-9999px;
		background:transparent url(../images/bttn-search.png) left top no-repeat;
	}

		#CustomSearchForm_SearchForm input.action:hover	{
			background-position:left -20px;
		}

	#CustomSearchForm_SearchForm fieldset	{
		float:right;
		width:100%;
		padding:0;
	}

#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

div#LoginFormHolder	{
	position:absolute;
	z-index:1000;
	left: 0;
	top:0px;
	display:none;
}

	div#LoginFormHolder div.liner	{
	}
	
form#CustomMemberLoginForm_CustomLoginForm	{
	width:160px;
	height:138px;
	position:relative;
	background:transparent url(../images/bg-login2.png) left top no-repeat;
}

	form#CustomMemberLoginForm_CustomLoginForm p.bad	{
		position:absolute;
		top:131px;
		left:0;
		width:132px;
		margin:0;
		padding:10px;
		color:#A64545;
	}

	form#CustomMemberLoginForm_CustomLoginForm .message	{
		padding:20px 0 0 10px;
		color:#fff;
	}

	form#CustomMemberLoginForm_CustomLoginForm fieldset	{
		margin:0;
		float:none;
		padding:20px 13px 0 13px;
	}

		form#CustomMemberLoginForm_CustomLoginForm .field	{
			position:relative;
		}

		form#CustomMemberLoginForm_CustomLoginForm #Email	{
			margin-bottom:13px;
		}

		form#CustomMemberLoginForm_CustomLoginForm #Password	{
			margin-bottom:5px;
		}

		form#CustomMemberLoginForm_CustomLoginForm .middleColumn	{
			width:132px;
			height:20px;
			padding:0;
			margin:0;
			background:transparent url(../images/bg-input-login.png) left top no-repeat;
		}

		form#CustomMemberLoginForm_CustomLoginForm #Email .middleColumn	{
			border:1px solid #4698c3;
		}

		form#CustomMemberLoginForm_CustomLoginForm #Password .middleColumn	{
			border:1px solid #3765b2;
		}

		form#CustomMemberLoginForm_CustomLoginForm .middleColumn input	{
			width:122px;
			height:17px;
			padding:0;
			line-height:20px;
			font-weight:normal;
			font-size:0.8em;
			color:#5f749e;
			margin:0 5px;
			background:none;
			border:0;
		}

		form#CustomMemberLoginForm_CustomLoginForm .field label	{
			width:122px;
			height:20px;
			line-height:20px;
			position:absolute;
			top:1px;
			left:7px;
			font-weight:bold;
			font-size:0.8em;
			color:#5f749e;
			margin:0;
			background:transparent url(../images/bg-input-login.png) -7px top no-repeat;
		}

		form#CustomMemberLoginForm_CustomLoginForm .Actions	{
			position:relative;
			margin:0 13px;
		}
		
			form#CustomMemberLoginForm_CustomLoginForm .Actions a	{
				color:#b1c1df;
				text-decoration:none;
			}

			form#CustomMemberLoginForm_CustomLoginForm .Actions a:hover	{
				text-decoration:underline;
			}

			form#CustomMemberLoginForm_CustomLoginForm .Actions input	{
				color:#565656;
				border:0;
				margin:17px 0 0 0;
				line-height:20px;
				height:20px;
				width:46px;
				float:right;
				font-size:0.8em;
				font-weight:bold;
				text-align:center;
				/*text-shadow:1px 1px #7498AB, -1px -1px #7498AB;*/
				background:transparent url(../images/bttn-login.png) left top repeat-x;
			}

			form#CustomMemberLoginForm_CustomLoginForm .Actions input	{
				color:#565656;
				border:0;
				margin:17px 0 0 0;
				line-height:20px;
				height:20px;
				width:46px;
				float:right;
				font-size:0.8em;
				font-weight:bold;
				text-align:center;
				/*text-shadow:1px 1px #7498AB, -1px -1px #7498AB;*/
				background:transparent url(../images/bttn-login.png) left top repeat-x;
			}

			.disableLogin form#CustomMemberLoginForm_CustomLoginForm .Actions input	{
				color:#fedc2f;
			}

			form#CustomMemberLoginForm_CustomLoginForm .Actions #ForgotPassword	{
				position:absolute;
				top:0;
				left:0;
				width:100%;
				margin:0;
				padding:0;
				font-size:0.9em;
				text-align:right;
			}

			#LoginFormButtonMask {
				display: none;
				position: absolute;
				left: 98px;
				top: 98px;
				z-index: 1001;
				width: 50px;
				height: 20px;
				background: url(../images/ajax-loader-login.gif) center center no-repeat transparent;
			}
			.disableLogin #LoginFormButtonMask {
				display: block;
			}

		form#CustomMemberLoginForm_CustomLoginForm p#Remember	{
			display:none;
		}

/* Styled form elements */

.styledRadioHolder {
	/*float:left;*/
	position:absolute;
	top:-4px;
	background:transparent url(../images/radio-button.png) left top no-repeat;
}

form .checked {
	background-position:left -17px;
}

.newCheckbox	{
	float:left;
	margin-right:10px;
	background:transparent url(../images/checkbox.png) left top no-repeat;
}

/* -------- Lost Password Form ---------- */


#MemberLoginForm_LostPasswordForm .middleColumn	{
	height:20px;
	width:164px;
	background:transparent url(../images/bg-input-comment.png) left top no-repeat;
}

	#MemberLoginForm_LostPasswordForm fieldset	{
		width:164px;
		float:left;
	}

	#MemberLoginForm_LostPasswordForm label	{
		font-size:0.9em;
		margin-bottom:5px;
	}

	#MemberLoginForm_LostPasswordForm .middleColumn input	{
		width:154px;
		margin:3px 5px 0 5px;
		background:none;
		border:0;
		color:#93A7BE;
		font-size:0.8em;
	}

	#MemberLoginForm_LostPasswordForm .Actions	{
		float:left;
		margin:20px 0 0 20px;
	}

		#MemberLoginForm_LostPasswordForm .Actions input	{
			font-size:0.9em;
			text-align:left;
			background:transparent url(../images/bttn-yellow-long.png) left top no-repeat;
		}

/* -------- Change Password Form ---------- */


#ChangePasswordForm_ChangePasswordForm .middleColumn	{
    height:20px;
    width:164px;
    background:transparent url(../images/bg-input-comment.png) left top no-repeat;
}

    #ChangePasswordForm_ChangePasswordForm fieldset	{
	width:164px;
	margin-top:20px;
    }

    #ChangePasswordForm_ChangePasswordForm label	{
	font-size:0.9em;
	margin-bottom:5px;
    }

    #ChangePasswordForm_ChangePasswordForm .middleColumn input	{
	width:154px;
	margin:3px 5px 0 5px;
	background:none;
	border:0;
	color:#93A7BE;
	font-size:0.8em;
}

    #ChangePasswordForm_ChangePasswordForm .Actions	{
	float:left;
	margin:20px 0 0 0px;
    }

	    #ChangePasswordForm_ChangePasswordForm .Actions input	{
		font-size:0.9em;
		text-align:left;
		background:transparent url(../images/bttn-yellow-long.png) left top no-repeat;
	    }

/*#Content #MemberLoginForm_LoginForm {
	display:none;
}*/