@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px}
img{border: none;}
body{
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px; 
	padding: 0px; 
	color: #707181;
	font-size: 12px;
	background: url(/custom/img/misc/bg_body.gif) repeat-x top left !important;
}
p{margin-bottom: 8px;}
h1{margin-bottom: 26px;}
label{color: #000000;}
select{
	height:22px;
}
div.clearBreak{
	clear: both;
	display: block;
	line-height: 1px;
	font-size: 1px;
	margin-top: -1px;
}
a:link, a:visited{color: #ff6600; text-decoration: none; font-weight: bold;}
span.optional{font-size: 10px; color: #666666; font-style: italic; font-weight: normal}
span.optional.long{clear: left; display: block; float: left; margin-top: 2px;}
.left{float: left;}
.right{float: right;}
.black{color: #000000; font-weight: bold;}
div.border{
	display: block;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background: url(../images/dotted-border.jpg) repeat-x;
}
#pageContainer{
	width: 990px;
	margin: 0px auto;
	text-align: left;
}
#header{margin-top: 15px; height: 55px;}
#header .back:link, #header .back:visited{
	background: url(../images/grey-arrow.gif) top left no-repeat;
	padding: 5px 0px 0px 15px; 
	font-size: 10px;
	text-decoration: none;
	color: #434343;
	font-weight: bold;
	margin-top: 5px;
}
#pageIntro{margin: 68px 0px 40px 0px;}
#pageIntroDonate{margin: 29px 0 0 0;}
#pageIntroDonate h1 {margin-bottom:8px;}
#pageIntroDonate>div{font-size:13px;}
#pageIntro p{width: 500px; padding-left: 10px; margin-bottom: 0px;}

#formPage #form{float: left; width: 615px; margin-right: 15px;}
#formPage #rightModules{float: left; width: 320px;} 
#formPage #mainErrors{padding: 10px; background: #ffe57f; margin-bottom: 5px;}
#formPage #mainErrors p{color: #cc0000; font-weight: bold;}
#formPage #mainErrors .errors{padding-left: 10px;}
#formPage #mainErrors ul{margin-left: 20px;}
#formPage .formSection{
	padding: 10px 0px 10px 10px; 
	background: #f2f2f2;
	margin: 0 0 5px 0;
	border: 1px solid #c6c6c6;
}
#formPage h2{
	margin-bottom: 10px;
	color: #333333;
	font-size: 15px;
	padding-left: 10px;
}
#formPage input.radio, #formPage input.checkbox{margin: 0px 10px 0px 0px;}
input{padding: 1px}
input.textbox{
	background: url(../images/field-gradient.gif) repeat-x; 
	border: 1px solid #d1d0cf;
	height: 18px;
	line-height: 18px;
	margin: 0px 10px 0px 0px;
	width: 226px;
	vertical-align: top;
}
#formPage .formSection .options{margin-top: 10px;} 
#formPage .formSection .options input.radio{margin: 0px 10px 0px 0px;} 
#formPage .formSection .options label span{color: #666666; font-style:italic; font-size: 11px;}
#formPage .formSection .options .option{margin-bottom: 1px;}
#formPage .formSection .options .option input.textbox{ margin: 5px 0px 0px 23px;}
#formPage #signin{margin: 10px 0 5px 0;}
#formPage #signin p{margin: 14px 0px 14px 10px !important;}
#formPage #creditInfo label{display: block; margin:0;}
#formPage #creditInfo .card{margin-right: 5px; margin-top: -3px;}
span.ui{display: block; width: 240px; float: left; line-height: 20px}
span.ui-spacer{display: none; width: 240px; float: left;}
.field{padding: 0 10px 0 10px; margin-bottom: 5px;}
.field2{padding: 0 10px 0 10px; margin-bottom: 5px;float:left; width:250px;padding-right:30px;}
.field3{padding: 5px 10px 5px 10px; margin-bottom: 5px;float:left; width:305px;}
.errorText{color: #cc0000; font-weight: bold; display: none; line-height: 20px;}
.field.error{background: #ffe57f;}
.field.error label{color: #cc0000; font-weight: bold}
.field.error .errorText{display: inline;}
.field.error span.ui-spacer{display: block;}
input.textbox.short{width: 85px}
/*#formPage #contactInfo label{display: block; margin-bottom: 8px}*/
#formPage #joinInfo label{display: block; margin:0;}
#formPage #address2{margin-top: 5px;}
#formPage #captcha{padding: 5px 10px; height: 150px;}

#formPage a#change-image {padding: 0 0 0 10px;}
#formPage input#captcha-form {margin: 0 0 0 10px;}

/*
#formPage #captcha .captchaHolder{float: left; width: 305px;}
#formPage #captcha .captchaFields{float: left; margin-top: 25px;}

*/#formPage #captcha .captchaFields img{margin-right: 10px;}
#formPage #captcha.error{background: #ffe57f;}
#formPage #captcha.error .errorText{display: inline;}
#formPage #captcha.error .errorText{margin-left: 35px}
#formPage #submit{margin-bottom: 96px;}
#formPage .agree{font-size: 10px; color: #666666; font-style: italic; font-weight: normal; margin: 20px 0 10px 0;}
#submit-btn{vertical-align: middle; margin-left: -5px; margin-right: 5px;}
#cancel:link, #cancel:visited, #cancel:hover{color: #666666}
#footer{
	background: url(../images/form-section-gradient.jpg) top repeat-x;
	padding-top: 30px;
}
.footer-copyright{font-weight: bold; color: #000000;}
.footer-links{padding-bottom: 20px;}
.footer-links a, .footer-links a:visited, .footer-links p{color: #000000; font-size: 11px; font-weight: normal}
#rightModules{color: #333333;}
#rightModules h3{text-transform: uppercase; font-weight: normal; margin-bottom: 10px; padding-left: 10px;}
#rightModules .rightModule{margin-bottom: 5px;}
.rightModule .contentHolder{padding: 10px; border: 1px solid #c1c1c1;}
.rightModule .contentHolder .content{padding: 10px;}
.rightModule .contentHolder .content.background{background: #e8e8e8;}
#rightModules ul li{ margin-bottom: 5px; margin-left: 15px}
#rightModules a:link, #rightModules a:visited{text-transform: uppercase; color: #FF6600; font-weight: normal;}

#otherWays{color: #000000;}
#otherWays p{margin-bottom: 12px}
#otherWays .column3{height: 280px}
#otherWays .column3 .column{
	width: 320px;
	float: left;
	margin-left: 15px;
}
#otherWays .column3 .column.first{ margin-left: 0px;}
#otherWays .icon{padding-left: 15px; display: block; height: 50px;}
#otherWays .waySection{
	background: url(../images/form-section-gradient.jpg) repeat-x;
	padding: 22px 10px 0px 15px;
}
#otherWays h2{ text-transform: uppercase; color: #333333; font-size: 15px; margin-bottom: 22px;}
#otherWays .address{text-transform: uppercase;}
#otherWays .gray{color: #666666}
#otherWays #mobile{margin-bottom: 96px}
/* rollover buttons */
.join-btn{
	background: transparent url(/custom/img/misc/join-btn.gif) no-repeat;
	text-decoration: none;
	display:block;
	overflow:hidden;
	height:45px;
	width:209px;
	border:0;
}

.join-btn:hover{
height:45px;
width:209px;
background-position: 0 -46px;
cursor:pointer;
}

#donate-btn{
background: transparent url(/custom/img/donate-btn.png) no-repeat;
overflow:hidden;
height:45px;
width:210px;
float:left;
border:0;
cursor:pointer;
}
#donate-btn:hover{
background-position: -1px -45px;
}

.signInButton{
	background: transparent url(/custom/img/misc/submit_btn.png) no-repeat;
	overflow:hidden;
	height:49px;
	width:152px;
	border:0;
	cursor:pointer;
}

.signInButton:hover{
	background-position: 0 -49px;
}

#cancel-donate:link, #cancel-donate:visited, #cancel-donate:hover {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	float:left;
	margin:15px 0 0 5px;
}
/* error message */
.errorMsg .error {
	color:red !important;
}

p .errorMsg {
	font-weight:bold;
	color:red !important;
}
label.error{color:#f00;}
#memberInfo{
	display:none;
}
input.disabled{
	filter:alpha(opacity=75); /* IE 4, 5, 6 and 7 */  
	opacity:.75;/* firefox, opera, safari, chrome */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
	-moz-opacity:1;
	zoom: 1;
}