/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

/*Custom Css For Billpower Invoice Contact Form*/

#pagewrap {
	padding: 10px;
	width: 960px;
	margin: 5px auto;
}

#pagewrap .bpbutton {
    background-color: #28aac3;
    border: medium none #28aac3;
    font-size: 13px;
	font-weight: 600;
    padding: 8px 3px;
}

#pagewrap input {
	width: 100% !important;
}

#content {
	width: 290px;
	float: left;
	padding: 5px 15px;
}

#middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#sidebar  {
	width: 270px;
	padding: 5px 15px;
	float: left;
}

/* MEDIA QUERIES */
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* #content, #middle, #sidebar {
	 margin-bottom: 5px; 
}
*/

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    display: none !important;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    display: none;
    border: 0;
    padding: 10px;
	float: left;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 16px;
    margin-right: 16px;
    vertical-align: middle;
}