/* #Buttons
================================================== */

form {
	width:620px;
	float:left;
	margin:10px;
	padding:0;
}
@media all and (max-width: 760px) {
form {
  width: 420px;
}
}
@media all and (max-width: 460px) {
form {
  width: 300px;
}
}
.form-actions {
	background-color:#FFF;
	padding: 16px 18px 32px;
	margin: 0 0 10px;
}
	.search-form .button,
	.search-form button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		font-size:1em; 
		line-height: 1.2em; 
		border:0; 
		font-family: Bitter ,serif; 
		background-color:#00FA82; 
		margin: 0; 
		color:#000; 
		padding:8px 15px 6px; 
		text-decoration:none; 
		display:block; 
		font-weight: bold;
		text-transform:uppercase; 
		transition:transform .3s;  
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		border-radius: 0;

	   }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		transform:scale(1.08,1.08) }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* #Forms
================================================== */
 
	form {
		margin-top:-25px;
		margin-bottom: 0px; }
	.form-item {
		margin:0 !important;
	}
	fieldset {
		margin-bottom: 0px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	textarea,
	select,
	.form-item input.error, .form-item textarea.error, .form-item select.error
	 {
		font-family: Bitter ,serif; 
		border-left: 18px solid #FFF;
		border-right: 18px solid #FFF;
		border-top: 16px solid #FFF;
		border-bottom: 2px solid #FFF;
		padding: 5px;
		outline: none;
		font-size: 1em;
		color: #000;
		margin: 0;
		width: 620px;
		display: block;
		background:  rgba(255,255,255,0.75);
		transition: background .2s; }
@media all and (max-width: 760px) {
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	textarea,
	select,
	.form-item input.error, .form-item textarea.error, .form-item select.error
	 {
		width: 420px;
		}
}
@media all and (max-width: 460px) {
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	textarea,
	select,
	.form-item input.error, .form-item textarea.error, .form-item select.error
	 {
		width: 300px;
		}
}
		
	input:required, textarea:required { 
	-moz-box-shadow:none;
	box-shadow:none;
	 }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
 		color: #000;
		background:  rgba(230,255,255,0.85); }
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	textarea:hover {
 		background: rgba(230,255,255,0.85); }
	input[type="text"]:hover:focus,
	input[type="password"]:hover:focus,
	input[type="email"]:hover:focus,
	textarea:hover:focus {
 		background: rgba(230,255,255,0.85); }
	textarea {
		min-height: 220px;
		width:620px !important;
		}
	label,
	legend {
		display: block;
		font-weight: normal;
		  }
	select {
		width: 22px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
	input[type="checkbox"] {
		line-height:normal;
		vertical-align:middle; }



::-webkit-input-holder { /* WebKit browsers */
    color:    #888;
		opacity:1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #888;
		opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #888;
		opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #888;
		opacity:1;
}





.webform-component-radios,
.webform-component-checkboxes {
	background-color:#fff;
	padding:18px 18px 2px;
}
.webform-component-radios > label {
	font-weight:bold;
	margin-bottom:.2em;
}