@charset "UTF-8";

/*** recaptcha ***/
#recaptcha_area {
	text-align: center;
}

#recaptcha_table {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#content_box #recaptcha_area img {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


/*** fieldset groups ***/
.form fieldset {
	border: solid 1px #777;
	padding: 15px 0 0;
	margin-top: 20px;
	box-shadow: 0 3px 7px #999;
	-moz-box-shadow: 0 3px 7px #999;
	-webkit-box-shadow: 0 3px 7px #999;
}

.form legend {
	border: solid 1px #777;
	padding: 2px 15px;
	border-radius: 10px;
	margin-left: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 3px 7px #777;
	-moz-box-shadow: 0 3px 7px #777;
	-webkit-box-shadow: 0 3px 7px #777;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Yanone Kaffeesatz", serif;
	letter-spacing: 0.15em;
}

/*** form items ***/
.form .form-item {
	padding: 15px;
	border-bottom: solid 1px #777;
	margin: 0;
	;
}

.form legend + .form-item {
	border-top: solid 1px #777;
}

.form .form-item:last-child {
	border-bottom: none;
}

.form .form-item label {
	width: 35%;
	padding-right: 2%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
}

.form .form-item .input {
	width: 60%;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
}

.form .form-item .input input,
.form .form-item .input textarea,
.form .form-item .input select {
	width: 100%;
	vertical-align: top;
	font-size: 14px;
}

.form .form-item .input textarea {
	height: 100px;
}

/* wide */
.form .form-item.wide {
	padding-bottom: 10px;
}

.form .form-item.wide label {
	width: auto;
	padding: 0 0 5px;
	display: block;
}

.form .form-item.wide .input {
	width: 99%;
}

.form .form-item.wide .input textarea {
	height: 75px;
}

.form .form-item.wide .input.radio {
	margin-top: 5px;
}

/* narrowfield */
.form .form-item.narrowfield label { width: 75%; }
.form .form-item.narrowfield .input { width: 20%; }

/* narrowlabel */
.form .form-item.narrowlabel label { width: 20%; }
.form .form-item.narrowlabel .input { width: 75%; }

/* tinyinput */
.form .form-item.tinyinput input { width: 25%; }

/* required */
.form .form-item.required {
	
}

.form .form-item.required label {
	font-weight: bold;
}

/* smalltext */
.form .form-item.smalltext {
	padding: 7px;
	font-size: 12px;
}

/* sub */
.form .form-item.sub {
	margin: 0 0 0 15px;
	border-left: solid 1px #777;
}

.form .form-item + .form-item.sub {
	margin-top: -1px;
}

.form .form-item.sub + .form-item {
	margin-top: -1px;
	border-top: solid 1px #777;
}

/* nobreak */
.form .form-item.nobreak {
	border-bottom: none;
	padding-bottom: 0px;
}

.form .form-item.nobreak + .form-item {
	padding-top: 5px;
}

.form .form-item.nobreak + .form-item.sub {
	border-top: solid 1px #aaa;
	margin-top: 5px;
	padding-top: 15px;
}

.form .form-item.nobreak.sub + .form-item.sub {
	margin-top: 0;
	border-top: 0;
	padding-top: 5px;
}

.form .form-item.nobreak .input.radio,
.form .form-item.nobreak .input.checkbox {
	padding: 0 0 10px;
}

/*** sub-labels ***/
.form .form-item .input .sub-label {
	display: block;
	font-size: 14px;
	color: #777;
}

.form .form-item .input.name .sub-label,
.form .form-item .input.text .sub-label,
.form .form-item .input.phone .sub-label {
	font-size: 11px;
}

#recaptcha .sub-label,
.form .form-item .input.textarea .sub-label,
.form .form-item .input.radio .sub-label,
.form .form-item .input.checkbox .sub-label {
	margin-top: 5px;
}

/*** name item ***/
.form .form-item .input.name div {
	width: 30%;
	margin-right: 10px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.form .form-item .input.name .form-name-middle {
	width: 20%;
}

.form .form-item .input.name .form-name-last {
	margin-right: 0;
	width: 40%;
}

/*** phone item ***/
.form .form-item .input.phone div {
	width: 20%;
	margin-right: 10px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}

.form .form-item .input.phone .form-phone {
	width: 70%;
	margin: 0;
}

.form .form-item .input.phone .form-phone input {
	width: 25%;
	display: inline;
	vertical-align: middle;
}

.form .form-item .input.phone .form-phone-type .sub-label {
	margin-top: 5px;
}

.form .form-item .input.phone .form-phone .form-phone-four {
	width: 30%;
	margin: 0;
}

/*** address item ***/
.form .form-item .input .form-add-city,
.form .form-item .input .form-add-state {
	width: 35%;
	margin-right: 10px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.form .form-item .input .form-add-zip {
	width: 20%;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.form .form-item .input .form-add-street {
	display: block;
	margin-bottom: 10px;
}

/*** radio & checkbox items ***/
.form .form-item .input.radio input,
.form .form-item .input.checkbox input {
	width: auto;
}

.form .form-item .input.radio .stacked,
.form .form-item .input.checkbox .stacked {
	display: block;
}

.form .form-item .input.radio .stacked + .stacked,
.form .form-item .input.checkbox .stacked + .stacked {
	margin-top: 10px;
}

.form .form-item .input.radio .inline,
.form .form-item .input.checkbox .inline {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 10px 0 0 10px;
	font-size: 14px;
}

/*** submit button ***/
.form-submit {
	text-align: right;
	padding: 15px;
}

.form-submit button {
	width: 20%;
	text-transform: uppercase;
	background: url(images/blue_grad.png) left top repeat !important;
	font-family: "Yanone Kaffeesatz", serif;
	font-size: 18px;
	padding: 5px 10px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: none;
}

.form-submit button:hover {
	background: url(images/nav_bg_hover.png) left top repeat !important;
}

.form-submit button:active {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/*** error field ***/
.form .form-item .input .error {
	display: block;
	color: #000;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	border: solid 1px #aaa;
	border-width: 1px 0;
}

.form .form-item .input.radio .error,
.form .form-item .input.checkbox .error {
	margin-top: 10px;
}

/*** expand-arrow ***/
.expand-arrow {
	min-width: 20px;
	min-height: 20px;
	background: url(images/blue_grad.png) left top repeat !important;
	padding: 10px;
	float: left;
	border-radius: 5px;
	color: #aaa !important;
	font-size: 10px;
	line-height: 20px;
	text-decoration: none !important;
}

.expand-arrow:hover {
	background: #fff !important;
	box-shadow: 0 0 30px #fff;
	color: #000 !important;
}

.expand-area {
	display: none;
	float: right;
}