/*
CONTACT
*/

/* BEGIN: Top Navigation */
body#page_contact div#nav_top ul li#nav_top_contact a.button,
body#page_contact_success div#nav_top ul li#nav_top_contact a.button { background-position: left -112px; }
/* END: Top Navigation */

/* BEGIN: Layout */
div#body div.box_full div.wrapper div.wrapper div.wrapper {
	width: 898px;
	padding: 0 40px 35px 40px;
}

div.main#signup {
	width: 620px;
}
/* END: Layout */

div.blue_box {
	float: right;
	width: 180px;
	height: 90px;
	margin-left: 20px;
}

body#page_signup_organization div#body div.wrapper div.box_full div.wrapper div.wrapper div.wrapper {
	position: relative;
}

body#page_signup_organization div#body div.wrapper div.box_full div.wrapper div.wrapper div.wrapper div.blue_box#join_box {
	position: absolute;
	top: 36px;
	right: 36px;
}

div.blue_box#join_box {
	height: 60px;
}

/* BEGIN: "Social" Nav */
div#nav_social_large {
	position: absolute;
	top: 240px;
	right: 60px;
	width: 210px;
	color: #7a7a7a;
	font-size: 14px;
}

div#nav_social_large p {
	overflow: hidden;
	width: 134px;
	height: 12px;
	margin: 0 0 14px 0;
	background: transparent url(../images/contact/nav_social_large/join-the-conversation.gif) no-repeat left top;
	text-indent: -999em;
}

div#nav_social_large ul {
	float: left;
	width: 210px;
	height: 32px;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#nav_social_large ul li {
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 9px;
	display: inline;
}

div#nav_social_large ul li.first { margin-left: 0; }


div#nav_social_large ul li a.button {
	width: 32px;
	height: 32px;
}

div#nav_social_large ul li#nav_social_large_facebook a.button { background-image: url(../images/contact/nav_social_large/button_facebook.gif); }
div#nav_social_large ul li#nav_social_large_linkedin a.button { background-image: url(../images/contact/nav_social_large/button_linkedin.gif); }
div#nav_social_large ul li#nav_social_large_twitter a.button { background-image: url(../images/contact/nav_social_large/button_twitter.gif); }
div#nav_social_large ul li#nav_social_large_blogger a.button { background-image: url(../images/contact/nav_social_large/button_blogger.gif); }
div#nav_social_large ul li#nav_social_large_flickr a.button { background-image: url(../images/contact/nav_social_large/button_flickr.gif); }
/* END: "Social" Nav */

/* BEGIN: Forms */
form#contact_form {
	width: 640px;
	background: transparent url(../images/body/key_required.gif) no-repeat right top;
padding-top: 20px;
}

form#signup_form {
	margin-top: 44px;
	width: 640px;
	background: transparent url(../images/body/key_required.gif) no-repeat right 20px;
}

form p select {
	margin-top: 10px;
	width: 353px;
}

form#contact_form p label {
	float: left;
	width: 130px;
	height: 28px;
	line-height: 28px;
}

div#body form#signup_form p {
	padding: 15px 32px;
}

div#body form#signup_form p label {
	float: left;
	width: 180px;
	height: 28px;
	line-height: 22px;
}

div#body form#signup_form p span.footer_note {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	margin-top: 8px;
	margin-left: 200px;
	background: transparent no-repeat left top;
}

div#body form#signup_form p span.footer_note#note_additional_email {
	background-image: url(../images/contact/note_additional_email.gif);
	width: 344px;
	height: 23px;
}

div#body form#signup_form p span.footer_note#note_2mb_limit {
	background-image: url(../images/contact/note_2mb_limit.gif);
	width: 69px;
	height: 7px;
}

div#body form#signup_form p span.footer_note#note_resources_website {
	background-image: url(../images/contact/note_resources_website.gif);
	width: 349px;
	height: 23px;
}

div#body form#signup_form p span.footer_note#note_volunteers_website {
	background-image: url(../images/contact/note_volunteers_website.gif);
	width: 330px;
	height: 23px;
}

div#body form#signup_form p.checkbox input {
	vertical-align: middle;
}

div#body form#signup_form p.checkbox span.note {
	padding-left: 8px;
}

div#body form#signup_form p.checkbox span.note2 {
	padding-left: 30px;
}

div#body form p textarea {
	width: 345px;
	height: 60px;
	padding: 4px;
	border: 1px #d1d1d1 solid;
	background-color: #f7f7f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form#signup_form h3.section {
	margin-top: 60px;
}

form#signup_form div#button_holder {
	height: 83px;
	padding: 42px 0 0 0;
	border-bottom: 1px solid #eaeaea;
}

div#body form#signup_form div#button_holder a.button {
	float: left;
	width: 120px;
	height: 41px;
	margin-bottom: 42px;
}

form#signup_form div#button_holder a.button#reset {
	background-image: url(../images/contact/reset.gif);
	margin: 0 12px 0 130px;
}

form#signup_form div#button_holder a.button#submit {
	background-image: url(../images/contact/submit.gif);
}

form#contact_form p a.button#submit {
	width: 120px;
	height: 41px;
	margin-left: 174px;
	background-image: url(../images/contact/submit.gif);
}

form#signup_form div#form_footer {
	clear: both;
	height: 170px;
	padding-top: 18px;
}

form#signup_form div#form_footer p#questions {
	float: left;
	width: 270px;
	font-size: 11px;
	line-height: 18px;
	padding: 8px 0 0 26px;
}

a#widget_footer {
	float: right;
	display: block;
	overflow: hidden;
	width: 224px;
	height: 154px;
	text-indent: -999em;
	background: transparent url(../images/directory/developed_camm.gif) no-repeat left top;
	margin: 0 26px 0 0;
}
/* END: Forms */

/* BEGIN: Errors */
body#page_signup_organization div#body form p.city_error {
	background-color: #fffee2;
	background: #fffee2 url(../images/join/yield.gif) no-repeat 600px 22px;
}

body#page_signup_organization div#body form p.city_error span {
	display: block;
	float: right;
	padding: 3px;
	line-height: 1.4em;
	text-align: left;
	margin-left: 200px;
}
/* END: Errors */

