@charset "utf-8";

/* Forms
---------------------------------------------------------------------------------------- //// */

/* ---- TABLE OF CONTENTS ----
.form
.validation_errors
.validation_check
	.invalid
	.valid
	.loading
*/

/* form fields ------------------------------------------- //// */
button,input,select,textarea {
	margin:0px; margin-bottom:1px;
	color:#000; font:1em 돋움; /* 16px/21px */
	vertical-align:middle;
}
input[type="password"],input[type="text"] {
	height:17px;
}
input[type="checkbox"] {
	margin:-1px 3px 0 0; vertical-align:middle;
}
input[type="radio"] {
	margin:3px 3px 0 0; vertical-align:middle;
}
.ie7 button, .ie7 input, .ie7 select, .ie7 textarea {
	vertical-align:middle;
}
button, input {
	line-height:normal;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0; border:0;
}
select {
	cursor:pointer;
}
textarea {
	resize:none; vertical-align:top;
}

/* buttons ------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button; cursor:pointer;
}
.ie7 button,.ie7 input[type="button"],.ie7 input[type="reset"],.ie7 input[type="submit"] {
	overflow:visible;
}

/* checkbox, radio ------------------------------------------- */
input.checkbox, input.radio {
	border:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	margin:0 10px 0 0; padding:0; background:none; vertical-align:text-top;
}

/* focus ------------------------------------------- */
input:focus, select:focus, textarea:focus {
	outline:0;
}
.error input:focus, .error select:focus, .error textarea:focus {
	outline:0;
}

/* disabled ------------------------------------------- */
input.disabled, select.disabled, textarea.disabled {
	border-color:#ccc; color:#827a71; cursor:default;
}

/* hint ------------------------------------------- */
input.hint, textarea.hint {
	color:#837870;
}

/* password ------------------------------------------- */
input.password {
	font-family:Arial, sans-serif;
}

/* search ------------------------------------------- */
input.search_input {
	float:left; width:77%; max-width:290px;
}

/* form list ----------------------------------------------- //// */
fieldset.submit {
	padding:2em 0;
}

legend {
	margin:0 0 .5em; font-weight:bold;
}

/**

.form {
	margin-left:0; list-style:none;
}

.form li {
	position:relative; margin:0 0 1em; padding:0 4px 4px; color:#837870;
}

.form label, .form .label {
	display:block;
}

.form li b {
	color:#000;
}

.form .note {
	margin:.25em 0; line-height:1.2857em;
}

.form img {
	margin:2px 5px 0; vertical-align:top;
}

.form input {
	max-width:90%;
}

.form .date select {
	display:block; margin-bottom:.5em;
}
	
.form .zip, .form .phone {
	width: 130px;
}
.form input.extn {
	width: 90px;
}
.js .form .hide {
	display: none;
}
.js .form .js {
	min-width: 288px;
}
.form .js {
	min-width: 228px;
}

.rules, .meta {
	display:none;
}

.form .inline.push {
	padding-left:28px;
}
.form .inline input.checkbox, .form .inline input.radio {
	position:absolute; top:5px; left:4px;
}
.form .inline label, .form .inline .label {
	display:inline;
	color:#000;
}
.form .inline li label {
	display:block;
	color:#837870;
}
/**/

/* dependant ----------------------------------------------- */
form fieldset .dependent dl {
	clear:both; margin-bottom:0;
}
.js form fieldset .dependent .depend {
	display:none;
}
form fieldset .dependent dl dt {
	width:114px; padding-right:5px;
}
form fieldset .dependent dl dt label {
	float:none; margin-left:8px; width:auto; text-align:left;
}

form fieldset .dependent dl dd input,
form fieldset .dependent dl dd textarea,
form fieldset .dependent dl dd select {
	width:260px; max-width:260px;
}

form fieldset .dependent p {
	margin-left:6px; width:auto;
}
form fieldset .dependent p a {
	position:static;
}
.js form fieldset .dependent .depend {
	margin-top:8px;
}

/* validation errors ----------------------------------------------- //// */

/* TODO - CJ - this is not in the right place */
/* this matches empty error paragraphs, because the li does not have the error class */
p.error {
	margin:0;
}


.form li.error {
	color:#fff;
	background:#cf163f}

.form li.error label,
.form li.error .label,
.form li.error span.required {
	color:#fff}
	
.form p.address_zip_lookup {
    margin:.5em 7px;
}

.form li.error .note {
	margin:0 7px 1em;
	color:#fff;
	font-style:italic}
.form li.error p.error {
	margin:.5em 7px;
	font-weight:bold}

.form li.error a {
	color:#fff;
	text-decoration:underline}
.form li.error a:hover,
.form li.error a:focus {
	background:#fff;
	color:#cf163f;
	text-decoration:none}

.form li.error .note a {
	font-style:normal}

/* validation unique check ----------------------------------------------- //// */
.validation_check {
	margin:1em 0;
	padding:0 0 0 30px;
	background-repeat:no-repeat;
	background-position:0 0}
.validation_check.invalid {
	background-image:url(/static/images/global/check_negative.png)}
.validation_check.valid {
	background-image:url(/static/images/global/check_positive.png)}
.validation_check.loading {
	background:url(/static/images/global/ajax-loader.gif) no-repeat 3px 4px}

.form .validation_check a:link,
.form .validation_check a:visited {
	color:#2a8a15;
	text-decoration:none}
.form .validation_check a:active,
.form .validation_check a:hover,
.form .validation_check a:focus {
	color:#fff;
	background-color:#2a8a15}



.fileUpload {
	background:#eee url(../common/findFile.png) 1px right no-repeat; border:0; height:22px; overflow:hidden;
}
.fileUploadText {
	background:#fff; position:absolute; border:solid 2px #ccc; z-index:100; height:18px; display:block; vertical-align:top; overflow:hidden; padding:0 3px; line-height:160%; font-family:돋움; font-size:12px;
}
.fileUploadInput {
	filter:alpha(opacity = 0); opacity:0; width:100%; height:99%;
}
.calendar {
	width:70px; cursor:pointer;
}
.bgcalendar {
	background-image:url(../common/bg_calendar.png); background-repeat:no-repeat;
}

.js select, .js option {
	padding:1px;
}