@charset "utf-8";

form {
	margin: 0px;
	padding: 0px;
}

input,
textarea,
select
 {
	outline-style: none;
	outline-width: 0px;
	box-sizing: border-box;
	color: #333;
	font-size: 18px;
	font-weight: 300;
}

input,
button,
select {
	vertical-align: middle;
}

input[type=checkbox] {
	margin: 0px;
	padding: 0px;
}

option {
	padding-top: 1px;
	padding-bottom: 1px;
}

/*.inputStyle,*/
input[type=text],
input[type=password],
input[type=file],
textarea,
select {
	border: 1px solid #FFFFFF;
	width: 100%;
}

/*.inputStyle2,*/
input[type=text],
input[type=password],
input[type=file],
textarea {
	background-color: #FFF;
	background-color: rgba(255,255,255,0.8);
	padding: 5px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
	border: 1px solid #333333;
}

input[type=text].ERR,
input[type=password].ERR,
input[type=file].ERR,
textarea.ERR,
select.ERR { border: 1px solid #FF0000; }

/*.selectStyle,*/
select {
	border-top-color: #C7C7C7;
	border-right-color: #B0B0B0;
	border-bottom-color: #727272;
	border-left-color: #B0B0B0;
	background-color: #F9F9F9;
}

input[type=submit],
input[type=reset],
input[type=button] {
	font-size: 18px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	overflow: visible;
	cursor: pointer;
	background-color: #09F;
	border: 1px solid #0099FF;
	font-weight: 500;
	color: #333333;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	color: #FFF;
	background-color: #333333;
	border: 1px solid #333333;
}

input.small[type=submit],
input.small[type=reset],
input.small[type=button] {
	font-size: 10px !important;
	padding-top: 2px !important;
	padding-right: 5px !important;
	padding-bottom: 2px !important;
	padding-left: 5px !important;
	height: auto !important;
}

form .col-A {
	float: left;
	width: 20%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

form .col-B {
	float: right;
	width: 78%;
	padding-top: 5px;
	padding-bottom: 5px;
}

form.col-40-per .col-A {
	width: 40%;
}

form.col-40-per .col-B {
	width: 58%;
}

form .one-col {
	height: auto;
	width: auto;	
}

form .one-col .col-A,
form .one-col .col-B {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
}

form .col-B-3 {
	float: left;
	width: 31%;
	margin-right: 2%;
}

form .col-B-2 {
	float: left;
	width: 48%;
	margin-right: 2%;
}

form .col-A>*,
form .col-B>* {
}

form .col-A>div,
form .col-B>div {
	margin-top: 2px;
}

form .col-A>div {
	text-align: left;
}

form .one-col .col-A>div {
	text-align: left;
}

form .col-A span {
	padding-left: 5px;
}

form .col-B input + span,
form .col-B select + span,
form .col-B span + span {
	padding-left: 5px;
}

form label {
	font-weight: 500;
}

form input + label {
	margin-left: 5px;
}

form input + input {
	margin-left: 5px;
}

form label + input {
	margin-left: 10px;
}

form select + select {
	margin-left: 5px;
}

.star {
	font-size: 105%;
	color: #F00;
}
