@charset "UTF-8";

/*------------------------------------------------



   form





------------------------------------------------*/
.clf {
min-height: 1px;
}

.clf:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html .clf {
height: 1px;
overflow: visible;
}
/**/

p.contact-form-information {
font-size: 14px;
line-height: 1.5em;
}

div.contact-form {
border-top: 1px solid #C1C1C1;
width:99%;
text-align: left;
margin:0 auto;
}

div.contact-form div.contact-form-field,
div.contact-form div.contact-form-submit {
padding: 20px 0 20px 0;
border-left: 1px solid #C1C1C1;
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
width:100%;
background:#eeeeee;
}

div.contact-form div.contact-form-field.highlight {
background: url(../images/cf-field-bg.gif) repeat;
}

div.contact-form div.contact-form-submit input {
	margin:0 auto;
padding: 5px 25px;
border: 1px solid #CCCCCC;
background-color: #656565;
color: #FFFFFF;
}

div.contact-form div.contact-form-submit input:hover {
background-color: #999999;
}

div.contact-form div.contact-form-field p.form-label {
display: block;
float: left;
margin: 0;
padding: 0 25px 0 10px;
width: 25%;
text-align: right;
font-size: 14px;
line-height: 1.2em;
color: #333333;
}

div.contact-form div.contact-form-field p.form-label span.must {
display: block;
margin: 3px 0 0 0;
font-size: 10px;
color: #FF3333;
text-align:right;
}
div.contact-form div.contact-form-field p.form-label span.description {
display: block;
padding: 3px 0 0 0;
font-weight: normal;
font-size: 12px;
color: #646464;
text-align: right;
}

div.contact-form div.contact-form-field .form-element {
display: block;
float: left;
margin: 0 0 0 0;
width: 70%;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-full,
div.contact-form div.contact-form-field .form-element input.contact-form-text-middle,
div.contact-form div.contact-form-field .form-element input.contact-form-text-date,
div.contact-form div.contact-form-field .form-element input.contact-form-text-time {
padding: 7px;
border: 1px solid #C1C1C1;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-full {
width: 292px;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-middle {
width: 150px;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-date {
width: 90px;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-time {
width: 90px;
}

div.contact-form div.contact-form-field .form-element textarea.contact-form-textarea {
padding: 7px;
width: 400px;
height: 10em;
border: 1px solid #C1C1C1;
line-height: 1.5em;
}

div.contact-form div.contact-form-field ul.form-element li {
float: left;
margin-right: 8px;
margin-bottom: 4px;
list-style-type: none;
}

div.contact-form div.contact-form-field div.form-element ul {
float: left;
margin-left: 0;
margin-bottom: 4px;
list-style-type: none;
}

div.contact-form div.contact-form-field div.form-element ul li {
float: left;
margin-right: 8px;
margin-bottom: 4px;
list-style-type: none;
}

div.contact-form div.contact-form-field div.form-element p {
clear: left;
}

div.contact-form div.contact-form-field .field_error {
display: block;
margin: 3px 0 0 0;
font-size: 12px;
color: #FF3333;
}
.form-element ul li{
background:none !important;
}
div.contact-form div.contact-form-field, div.contact-form div.contact-form-submit{
	text-align:center;
}
@media screen and (max-width: 480px) {
div.contact-form{
	width:98%;
}
div.contact-form div.contact-form-field .form-element textarea.contact-form-textarea{
width: 100%;
}
div.contact-form div.contact-form-field, div.contact-form div.contact-form-submit{
	padding:20px;
	width:auto;
	text-align:center;
}
div.contact-form div.contact-form-field p.form-label {
float:none;
padding: 0;
width: 100%;
text-align:center;
margin-bottom:10px;
}
div.contact-form div.contact-form-field p.form-label span.must{
text-align:left;
}
div.contact-form div.contact-form-field .form-element {
width:100%;
}
div.contact-form div.contact-form-field .form-element input.contact-form-text-full {
width: 100%;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-middle {
width: 100%;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-date {
width: 100%;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-time {
width: 100%;
}

div.contact-form div.contact-form-field .form-element textarea.contact-form-textarea {
	padding:7px 0;
width: 100%;
}
div.contact-form div.contact-form-field .form-element input.contact-form-text-full,
div.contact-form div.contact-form-field .form-element input.contact-form-text-middle,
div.contact-form div.contact-form-field .form-element input.contact-form-text-date,
div.contact-form div.contact-form-field .form-element input.contact-form-text-time {
padding: 7px 0;
border: 1px solid #C1C1C1;
}

}