/* cumbriainsurance.co.uk
Forms stylesheet v.1.0.0
@author : andy.wall@brokernetwork.co.uk
@created: 18-11-2014
*/
 

/*New Custom Contact form 7 CSS*/

/*--- 2 Column Form Styles Start ---*/

#cf7-left {
    width: 47%;
    float: left;
    margin-right:6%;
}
 
#cf7-right {
    width: 47%;
    float: left;
}
 
.cf7-clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.cf7-clearfix {
    display:block;
}

/*--- 2 Column Form Styles End ---*/



 /* form globals */

form{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 20px;
	background:#fff;
}

form *{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

label {
	margin:10px 0 0;
}

form label.error {
	width: 100%;
	float: left;
	clear: both;
	color: #B20000 !important;
	margin:0;
	padding:0 0 15px;
}

input[type=text],
input[type=email],
textarea{
	width: 90%;
	padding:3px 5%;
	margin:0 0 10px;
	border:none;
	background:#EFF1F1;
	color:#666666;
}

input[type=text],
input[type=email]{
	
}

input[type=text].formCaptureField{
	display:none !important;
}

textarea{
	max-width: 90%;
	min-width: 90%;
	min-height: 50px;
	max-height: 200px;
}

input:hover[type=text],
input:hover[type=email],
textarea:hover{
	box-shadow: 2px 2px 2px #ccc inset;
}


input.error,
textarea.error{
	background: #EFF1F1 url(../imgs/assets/form-field-error-bg.png) no-repeat 99% 50%;
	border: 1px solid #B20000;
	margin:0;
}

button[type=submit],
button[type=reset],
input[type=submit],
input[type=reset]{
	background:#00B9BD;
	border:none;
	color:#fff;
	cursor: pointer;
	padding:3px 10px;
	transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}

button:hover[type=submit],
button:hover[type=reset],
input:hover[type=submit],
input:hover[type=reset]{
	opacity:0.7;
}

div.formBtn{
	
}

div.defaultFormSuccess a,
div.defaultFormError a{
	float:left;
	padding:8px 15px;
	background:#00b9bd;
	text-align:center;
	text-decoration:none;
	color:#fff;
	transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	margin:20px 0 30px;
}

div.defaultFormSuccess a:hover,
div.defaultFormError a:hover{
	background:#005868;
}



/********************************** INDIVIDUAL FORMS ************************************/

/* NEWSLETTER */

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm{
	background:none;
	position:relative;
}

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm *{
	color:#333;
}

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input[type=email],
div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input[type=text]{
	float:left;
	width:60%;
	height:16px;
	padding:3px 5%;
}

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input.error[type=email],
div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input.error[type=text]{
	border:none;
}

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm button[type=submit],
div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm button[type=reset],
div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input[type=submit],
div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm input[type=reset]{
	position:absolute;
	top:0;
	right:0;
	width:30%;
	height:22px;
	color:#fff;
}

div#mainWrapper div.footerWrapper div.footerContent form#newsletterForm label.error{
	position:absolute;
	bottom:0;
	left:0;
	padding:0;
}



/* CONTACT */

div#pageContentContactUs div.pageContentRow div#contactFormWrapper form{
	width:94%;
	padding:10px 3%;
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper form input[type=text],
div#pageContentContactUs div.pageContentRow div#contactFormWrapper form input[type=email],
div#pageContentContactUs div.pageContentRow div#contactFormWrapper form textarea{
	
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn{
	position:absolute;
	top:8px;
	right:3%;
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn button[type=submit],
div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn button[type=reset],
div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn input[type=submit],
div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn input[type=reset]{
	margin:0 0 0 5px;
	text-transform:uppercase;
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper div.defaultFormSuccess p,
div#pageContentContactUs div.pageContentRow div#contactFormWrapper div.defaultFormError p{
	color:#fff;
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper div.defaultFormSuccess a{
	float:left;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	background:#00b9bd;
	transition:opacity .2s linear;
	-moz-transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}

div#pageContentContactUs div.pageContentRow div#contactFormWrapper div.defaultFormSuccess a:hover{
	opacity:0.7;
}

@media all and (min-width:660px){
	div#pageContentContactUs div.pageContentRow div#contactFormWrapper form div.formBtn{
		right:4%;
	}
}



/* MAIN FORMS */

div.formColumn{
	float:left;
	width:100%;
}

@media all and (min-width:480px){
	div.formColumn{
		float:none;
		display:block;
		width:60%;
		margin:0 auto;
		overflow:hidden;
	}
	
	div.formColumnDouble{
		float:left;
		width:48%;
		padding:0 2% 0 0;
		margin:0;
	}
	
	div#formColumnContact{
		float:left;
		width:100%;
	}
}

/* Date picker overrides */

div#ui-datepicker-div div.ui-widget-header{
	background:#00B9BD;
}

div#ui-datepicker-div div.ui-widget-header div.ui-datepicker-title span{
	color:#fff;
}

div#ui-datepicker-div a.ui-state-active{
	border-color:#00B9BD;
}