/*

plein air interactive
28 Maple Street
Suite 300
Portland, Maine 04101
+1 207.221.2520

http://pleinairinteractive.com
http://facebook.com/gopleinair
http://twitter.com/gopleinair

FORMS.CSS 

*/

.filter {
	padding: 1em 0;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom:1em;
	}

.filter label {
	display: block;
	font-size:90%;
	color:#666;
	}

.filter ul li {
	float:left;
	margin-right:12px;
	position:relative;
	height:50px;
	}

.filter input, .filter select, button {
	font: 100% 'Helvetica Neue', Helvetica, arial, sans-serif;
	font-weight: 200;
	border:1px solid #ccc;
	color:#666;
	padding:.25em;
	margin:0 !important;
	}

.filter select {
	padding:.25em;
	min-width:160px;
	}	

.filter button {
	position:absolute;
	bottom:0;
	left:0;
	}	

.filter button {
   	color:#fff;
   	padding:.25em 1.5em;
   	font-weight: bold;
   	background: #cf0045;
	border:1px solid #cf0045;
   	}

.filter button:hover, .filter button:focus {
	background: #e0004b;
	border:1px solid #e0004b;
	}	


/* = response messages
---------------------------------------------------------- */

.notice, .error, .success {
	padding:10px;
	/* font-weight:bold; */
	}

/* notices */
.notice {
	color:#550;
	background:#ffc;
	}

/* error */
.error {
	color: #c03;
	background:#ffefef;
	}

/* success */
.success {
	color: #696;
	background: none repeat scroll 0 0 #dfffdf !important;
	}

.secure {
	color: #696;
	padding-left:1em;
	background: url('/static/images/lock.png') left center no-repeat;
	/* font-weight: bold; */
	}

form .errorlist {
	color:#c03;
	font-weight: normal;
	font-style: italic;
	margin-bottom:0;
	}

form .errorlist li {margin:0 !important;}

/* = forms
---------------------------------------------------------- */	

form li {
	clear:both;
	margin:16px 0;
	}	

form label {
	display:block;
	line-height: normal;
	font: 90% 'Helvetica Neue', Helvetica, arial, helvetica, sans-serif;
	/* text-transform: uppercase; */
	font-weight: 500;
	}


form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
	width:100%;
	font: 100% 'Helvetica Neue', Helvetica, arial, helvetica, sans-serif;
	color:#666;
	font-size:1em;
	padding:4px;
	/* margin-bottom:8px; */
	border:1px solid #ccc;
	-moz-border-radius: 4px;
    -moz-box-orient: vertical;
	-webkit-border-radius: 4px;
	} 

form input[type="checkbox"]{
	float:left;
	margin-left:0;
	margin-top:.5em;
	}

.checkboxlabel {
	float:left;
	margin:2px 0 16px 4px;
	max-width:90%;
	font-weight: normal;
	}
	
/* for creating buttons in the tinymce editor */
.button a, form .button, form input[type="submit"] {
    background-color: #ccc;
    color: #333 !important;
	font-family: 'Oswald', sans-serif;
	font-size:110%;
	/* font-weight:bold; */
    padding: .25em 1em !important;
    text-align: center;
    /* text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); */
    text-decoration: none !important;
    text-transform: uppercase;
    border:0;
    border-radius: 8px;
	}

form .button:hover, .button a:hover, form input[type="submit"]:hover {
	background-color: #efefef !important;
    text-decoration: none;
	}

form .button {border:0;}

form * .help {font-size:80%; font-style:italic;}

/* ----- =  media query ----- phone/portrait -------------------------------------- */
/* -------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
button, .button {width:100%;}
}