/*
yuicompressor themes/kwacc2018/forms.css > themes/kwacc2018/forms.min.css
*/
/* all forms uses these classes */

.input-glow {
	-moz-box-shadow: 0 0 5px 5px #ade77d;
	-webkit-box-shadow: 0 0 5px 5px #ade77d;
	box-shadow: 0 0 5px 5px #ade77d;
	display: inline-block;
}
.input-glow-error {
	-moz-box-shadow: 0 0 5px 5px #ff5555;
	-webkit-box-shadow: 0 0 5px 5px #ff5555;
	box-shadow: 0 0 5px 5px #ff5555;
	display: inline-block;
}

/* input:focus, select:focus {border: 1px solid red; background-color:#EFEFEF;} */
/* end ERROR jsval form validiation */

::-webkit-input-placeholder {
	color: #bbbbbb;
}
:-moz-placeholder {
	color: #bbbbbb;
}

input[type=text], input[type=password], textarea {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
	display: block;
	border: 1px solid #dcdcdc;	
	border-top-color: #ccc;
	border-bottom-color: #e5e5e5;
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset;
	padding: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

a.button {
	font: inherit;
	color: inherit;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f3f3f3;
	/* default button style */
	/*
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.16, rgb(207,207,207)),
	    color-stop(0.79, rgb(252,252,252))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(207,207,207) 16%,
	    rgb(252,252,252) 79%
	);
	*/
	/* end: default button style */
	padding:8px;
	border: 1px solid #dcdcdc;	
	border-top-color: #ccc;
	border-bottom-color: #e5e5e5;
}


/* ============================================================
  Form Inline
============================================================ */

.form-inline h2 {margin-bottom: 20px;}
.form-inline .field {
	padding-bottom: 10px;
}
.form-inline .field label, .form-inline .field legend {
	display: block;
	font-weight: bold;
	cursor: default;
}
.form-inline .field input[type=text], 
.form-inline .field input[type=password] {
	width: 200px;
	max-width: 90%;
}
/* jarv */
.form-inline .buttonfield {
	text-align: right;
}

/* asterist to the right (of the text) */
.asterisk-ttr {
	color: #a48f8f;
	position: relative;
	font-size: 2em;
	line-height: 0;
	margin-left: 4px;
	top:0.3em;
}
.asterisk-ttl {
	color: #a48f8f;
	position: relative;
	font-size: 2em;
	line-height: 0;
	margin-right: 4px;
	top:0.3em;
}


/*Layout 765px*/
/*(940px+2x40px+20px)*/
@media only screen and (max-width: 872px) {

	.form-inline .buttonfield {
		text-align: center;
	}

}

