/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module. 
 *
 ** ------------------------------------------------------- */
/* GENERIC FORMS
----------------------------------------------- */
.minForm form {
	max-width:500px;
	width:96%;
	display:block;
	position:relative;
	float:left;
	padding: 0px 0px;
}

.minForm .c100 form, .minForm .c75 form, .minForm .c70 form, .minForm .c50 form, .minForm .c30 form, .minForm .c25 form {
	padding: 0px;
}

.minForm div.field {
	margin: 0px 0 25px;
}

.minForm fieldset {
	border:0;
	margin:0;
	padding:0;
}

.minForm form label {
	margin-bottom:5px;
	font-family:'GillSansLight',"avenirroman";
}

.minForm form label.left {
	display:inline;
/* font-weight: bold; */
}

.minForm form label.right {
	font-size:12px;
	color:#888;
}

.minForm form input.text,.minForm form textarea,.minForm form .textajaxuniquetext,/* Not sure if this is used? */
.minForm form select {
	width:100%;
	max-width:400px;
	padding:0 5px;
	font-size:15px;
	background-color:#fbfbfb;
	border:1px solid #f5f5f5;
	border-top:none;
	border-bottom:1px solid #a5a5a5;
	border-radius:0;
	min-height:25px;
	box-shadow:none;
}

.ie7.minForm form select {
	width:400px;
}

.minForm form input.text:focus,.minForm form textarea:focus,.minForm form .textajaxuniquetext:focus,.minForm form select:focus {
	outline:none;
}

.minForm form input[disabled],.minForm form textarea[disabled] {
	background-color:#f7f7f7;
	border:1px solid #dad9d9;
}

.minForm textarea {
	resize:vertical;
}

/* Radio and Checkbox */
.minForm .field .checkbox,.minForm .field .radio {
	float:left;
	width:13px;
	height:13px;
	margin-right:6px;
	margin-top:3px;
	padding:0;
}

.minForm .checkbox label.right,.minForm .radio label.right {
	float:left;
}

/* Messages */
.minForm form .message {
	background-color:#fef4ba;
	padding:5px 10px;
	border:1px solid #e8c805;
	border-radius:3px;
}

.minForm form .good {
	background-color:#ecf9d0;
	border-color:#8fbe00;
}

.minForm form .bad,.minForm form .required {
color:#b80000;
display: block;
position: relative;
margin-top: 10px;
}

label.required {
	  font-size: 14px;
  max-width: 190px;
  border: 1px solid;
  padding: 5px 8px;
  font-family: helvetica!important;
}

/* ACTIONS */
.minForm .Actions {
	margin-bottom:20px;
}

.minForm a.btn,.minForm button,.minForm input[type="submit"],.minForm .Actions .action {
	background: rgba(51,21,21,0.6);
	color:#fff;
	display:inline-block;
	border-radius: 0px;
	padding:8px 25px;
	margin-top:10px;
	margin-bottom:10px;
	text-transform: capitalize;
	letter-spacing: 0px;
	border:1px solid #fff;
	font-size:15px;
	margin-right:10px;
	float:left;
	font-weight:100;
	font-family:"SourceSansProRegular", helvetica;
}

.minForm .bkbrown a.btn,.minForm .bkbrown button,.minForm .bkbrown input[type="submit"],.minForm .bkbrown .Actions .action {
	background: rgba(51,21,21,0);
}

.minForm .mobile a.btn,.minForm button,.minForm .mobile input[type="submit"],.minForm .mobile .Actions .action {
	display:block;
	margin:0 auto;
	float:none;
}

.minForm a.btn:hover,.minForm button,.minForm input[type="submit"]:hover,.minForm .Actions .minForm .action:hover {
	background:rgba(51,21,21,1);
}

.minForm .bkbrown a.btn:hover,.minForm .bkbrown button,.minForm .bkbrown input[type="submit"]:hover,.minForm .bkbrown .Actions .minForm .action:hover {
	background: rgba(51,21,21,0.6);
}


.minForm a.btn {
	line-height:18px;
	margin-bottom:10px;
}

.minForm a.btn:after {
/* creates arrow in button */
	content:'\2192';
	padding-left:10px;
}

.minForm .ie7 input.action {
	width:0;
/* IE table-cell margin fix */
	overflow:visible;
}

.minForm input.action[class] {
/* IE ignores [class] */
	width:auto;
/* cancel margin fix for other browsers */
}

.minForm .ie7 .Actions .action {
	float:left;
}

.Actions:after {
	color:#B94A48;
	content:"";
	display:inline-block;
	font-weight:400;
	margin-top:9px;
}

.minForm #MemberLoginForm_LoginForm .Actions:after {
	display:none;
}

/* AREA SPECIFIC */
/* LOGIN and FORGOT PASSWORD */
.minForm #Remember {
	min-height:20px;
}

.minForm #ForgotPassword {
	clear:left;
}

.minForm #MemberLoginForm_LostPasswordForm .Actions:after {
	display:none;
}

/* Search / Login */
.minForm .header form .middleColumn {
/* float: none;
        width: 100% !important; */
}

/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */
/*Generic and mixed*/
.minForm .FormHeading {
	clear:both;
	padding-top:0px;
}

.minForm form .date .middleColumn input {
/*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
	width:114px;
}

.minForm .Actions input.resetformaction {
/* Clear button */
	float:left;
	background-color:#888;
}

.minForm .Actions input.resetformaction:hover {
/* Clear button */
	background-color:#aaa;
}

/* Labels */
.minForm .checkbox label.right {
	font-size:13px;
	line-height: 18px;
	font-family:"SourceSansProRegular", helvetica;
/* reset to default */
	color:#333;
/* reset to default */
}

.minForm form .requiredField label.left:after {
	color:#B94A48;
	content:"*";
	font-size:14px;
	font-weight:400;
	padding-left:3px;
}

/* Radio / Checkbox */
.minForm form .checkboxset ul,.minForm form .optionset ul {
	margin:0;
}

.minForm form .checkboxset li,.minForm form .optionset li {
	margin-bottom:5px;
	list-style-type:none;
}

.minForm form div.checkbox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.minForm form .checkbox .checkbox {
	clear:both;
}

/* Messages */
.minForm span.message {
	margin:10px 0;
	display:block;
	max-width:390px;
	clear:left;
}

.minForm div.holder-required {
/* This class needs to be changed - is used for both input and div */
/* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}

.minForm form input.holder-required {
/* This class needs to be changed - is used for both input and div */
	border:1px solid #cf0000;
}

/* Error messages */
.minForm input:invalid,.minForm textarea:invalid {
	border-radius:1px;
	-moz-box-shadow:0 0 5px red;
	-webkit-box-shadow:0 0 5px red;
	box-shadow:0 0 5px red;
}

.minForm .no-boxshadow input:invalid,.minForm .no-boxshadow textarea:invalid {
	background-color:#f0dddd;
}

/* To test - potentially not needed? */
.minForm .ss-uploadfield-item-info button {
	margin-top:4px!important;
	float:left;
}

.minForm form .creditCardField input,.minForm form input.currency,.minForm form input.numeric {
	width:50px;
}

.minForm form #DMYDate-month,.minForm form #DMYDate-day {
	width:25px;
}

/* Minimal Form Fields */
.minForm form {
	width:100%;
}

.minForm form input.text,.minForm form textarea,.minForm form .textajaxuniquetext,.minForm form select {
	background:rgba(51,21,21,0)!important;
	border:1px solid #ffffff;
	border-radius:0;
/* 	border-bottom:#fff solid 1px; */
	color:#fff!important;
	padding:0 10px;
/* 	font-family: "SourceSansProLight" helvetica; */
/* 	padding-left: 10px; */
	min-height:35px;
}

.minForm form textarea {
	padding-top:8px;
}

.minForm .field label.left {
	-webkit-transition:opacity .3s ease-in-out;
	line-height:35px;
	margin-left:10px;
	font-size:15px;
	font-weight:300;
	color:#fff;
	position:absolute;
	display:block;
	opacity:1;
	pointer-events:none;
	font-family: "SourceSansProRegular", helvetica;
}

.minForm .field.optionset label.left,.minForm .field.dropdown label.left,.minForm .field.checkbox label.left {
	margin-top:-15px;
	line-height:0;
	margin-left:0;
}

.minForm .field.optionset {
	margin-bottom:40px;
}

.minForm .field.focus label.left {
	opacity:0;
}

/*
#Form_Form_action_process {width: 100%; height: 40px; border-radius: 20px; background: rgba(0,0,0,0.37); -webkit-appearance: none;}
#Form_Form_action_process:hover {background: rgba(89,203,48,0.49)}
*/
.minForm input:invalid,.minForm textarea:invalid {
	border-radius:0;
	-moz-box-shadow:0 0 0 #6a1515;
	-webkit-box-shadow:0 0 0 #6a1515;
	box-shadow:0 0 0 #6a1515;
/* 	border-bottom:1px solid #6a1515!important; */
}

.minForm .no-boxshadow input:invalid,.minForm .no-boxshadow textarea:invalid {
	background-color:#6a1515;
}

/* Custom Checkboxes */
/*

.checkbox label.right, .radio label.right{
	width: 90%;
	font-size: 16px;
	color: #fff;
	float: left;
}


.Actions::after {
	content: " ";
}


form .requiredField label.left:after {
	content: " ";
}


input[type=checkbox] {  
    display: none;  
}  



input[type=checkbox] + label:before{  
    content: "";  
    text-align: center;  
    width: 25px;
    height: 25px;
    background: rgba(0,0,0,0.27);
    display:block;
    float: left;
    position: relative;
    margin: 10px 15px 15px 0;
} 



input[type=checkbox]:checked + label:before {  
	background: rgba(0,0,0,0.27) url(../Images/tick.png) center center;
	background-size: 150%; 
} 
*/
/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 700px) {
	/* To test - potentially not needed? */
	.minForm .header form .middleColumn {
		float:none;
		width:100%!important;
	}
	
	.minForm form label.left,.minForm #MemberLoginForm_LoginForm label {
		margin-bottom:8px;
	}
}

@media only screen and (max-width: 900px) {
	.minForm form {
		max-width:100%;
	}
}

@media only screen and (min-width: 700px) {
	
}