/* Shared Styles */
fieldset {
	padding: 0 0 0 10px;
}

form p {
	padding: 7px 0;
}

label.error {
	color: #f00;
}

fieldset      { border: 1px solid #e2e2e2; padding: 10px; background: #f2f2f2; }
legend        { border: 1px solid #e2e2e2; display:  block; color: #fff; background: #91a9bc; padding: 0 5px; font-weight: bold; font-style: italic; }
fieldset.subgroup { background: #fff; }


input[type=text], input[type=password], textarea {
	font-size: 12px;
	margin: 0;
	padding: 3px;
	width: 272px;
	height: 15px;
}

textarea {
	height: 85px;
}

label {
	padding: 0 0 4px 0;
	font-size: 1.1em;
}

label em {
	font-size: .78em;
	font-style: italic;
}

.toplabel label {
	display: block;
}

input[type=submit] {
	margin-top: 18px;
	padding: 2px 6px;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background: #91a9bc;
}

.form-button {
	display: block;
	position: relative;
	border: none;
	margin: 0 25px 0 0;
	text-indent: -6000px;
	height: 34px;
	cursor: pointer;
}

.error { display: none; color: #c00; }
.generalError { font-size: 1.3em; color: #c00; }

.button-join { background: transparent url('../images/buttons/join-uccr.gif') top left no-repeat; width: 115px; }
.button-login { background: transparent url('../images/buttons/member-login.gif') top left no-repeat; width: 145px; }
.button-find { background: transparent url('../images/buttons/find-a-member.gif') top left no-repeat; width: 145px; }
.button-upload-photo { background: transparent url('../images/buttons/upload-photo.gif') top left no-repeat; width: 145px; }
.button-upload-file { background: transparent url('../images/buttons/upload-file.gif') top left no-repeat; width: 145px; }
.button-save { background: transparent url('../images/buttons/save.gif') top left no-repeat; width: 115px; }
.button-sendpw { background: transparent url('../images/buttons/email-password.gif') top left no-repeat; width: 145px; }
.button-continue { background: transparent url('../images/buttons/continue.gif') top left no-repeat; width: 115px; }

/* Checkbox and Radio Styles */
.jquery-checkbox, .jquery-radio { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; }
.jquery-checkbox .mark, .jquery-radio .mark { display: inline; }

.jquery-checkbox img, .jquery-radio img { vertical-align: middle; width: 20px; height: 20px; }
.jquery-checkbox img { background: transparent url('uccr/checkbox.png') no-repeat; }
.jquery-radio img { background: transparent url('uccr/radio.png') no-repeat; }

.jquery-checkbox img,
.jquery-radio img {
	background-position: 0px 0px;
}
.jquery-checkbox-hover img,
.jquery-radio-hover img {
	background-position: -20px 0px;
}
.jquery-checkbox-checked img,
.jquery-radio-checked img {
	background-position: 0px -20px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img,
.jquery-radio-checked .jquery-radio-hover img {
	background-position: -20px -20px;
}

.jquery-checkbox-disabled img,
.jquery-radio-disabled img {
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img,
.jquery-radio-checked .jquery-radio-disabled img {
	background-position: 0px -60px;
}

/* Request Information Form */
#request-information-form h1 {
	font-size: 1.8em;
}
#request-information-form div.column {
	position: relative;
	float: left;
	padding: 5px 1% 0 0;
	width: 32%;
}
#request-information-form #services {
	padding: 0 0 0 15px;
}
#request-information-form #state {
	width: 115px;
}
#request-information-form #zip {
	width: 145px;
}
#request-information-form p {
	position: relative;
}
#request-information-form p label.error {
	position: absolute;
	top: 8px;
	right: 2px;
}

/* Client Access Form */


/* Response Form */
#response-form #show_details, #response-form #comments {
	width: 400px;
}

/* Newsletter Sign-Up Form */
#newsletter-signup-form label.error {
	padding: 0 0 0 10px;
}

/* Questionnaire Form */
#questionnaire-form h1 {
	font-size: 1.8em;
}
#questionnaire-form div.column {
	position: relative;
	float: left;
	padding: 5px 1% 0 0;
	width: 32%;
}
#questionnaire-form .checkbox-group,
#questionnaire-form .radio-group {
	padding: 0 0 34px 10px;
}
#questionnaire-form .radio-group p {
	float: left;
	width: 120px;
}

#questionnaire-form.page3 textarea,
#questionnaire-form.page4 textarea,
#questionnaire-form.page5 textarea {
	width: 600px;
	height: 50px;
}

#questionnaire-form.fail input[type=submit] {
	margin-bottom: 21px;
}


.groupTable tr { border-top: 1px solid #f3f3f3; }
.groupTable th { border: none; font-weight: bold; font-size: .9em; padding-left: 10px; }
.row { padding: 3px; }
.odd { background-color: #f6f6f6; }
.even { background-color: #f9f9f9;}
.price { display: inline-block; position: relative; width: 60px; font-weight: bold; }
.price_detail { display: none; border-left: 5px solid #cc0000; padding-left: 10px; margin: 5px 0 10px 0; }