@charset "utf-8";
/* CSS Document */
.ajaxForm p{margin: 0px; margin-bottom: 8px;}
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;}
.ajaxForm a:link, .ajaxForm a:visited, .ajaxForm a:hover{
	color: #eb1c23;
	font-weight: bold;
	text-decoration: none;
}
.ajaxForm{
	text-align: left;
	margin: 0px auto;
	width: 650px;
	color: #000000;
	font-size: 12px;
}

.ajaxFB {
width:800px !important;
}

.ajaxForm .formSection{
	padding: 20px 0px 25px 0px; 
	background: url(../../img/stand/form-section-gradient.jpg) repeat-x;
	margin-bottom: 5px;
}
.ajaxForm .formSection.last{
	margin-bottom: 0px;
}
#changePhoto.ajaxForm .formSection.last{
	margin-bottom: 100px;
}
.ajaxForm .formSection .options{margin-top: 15px;} 
.ajaxForm .formSection .options input.radio{margin: 0px 10px 0px 0px;} 
.ajaxForm .formSection .options label span{color: #666666; font-style:italic; font-size: 11px;}
.ajaxForm .formSection .options .option{margin-bottom: 3px;}
#emailPref .formSection .options .option{margin-bottom: 10px;}
#emailPref .formSection .options{margin-top: 5px;}
.ajaxForm .formSection .options .option input.textbox{ margin: 5px 0px 0px 23px;}
.ajaxForm h1{margin-top: 0px; margin-bottom: 25px}
.ajaxForm .formSection h2{
color:#333333;
font-size:15px;
margin-bottom:15px;
padding-left:10px;
margin-top: 0px;
}
.ajaxForm label{display: block; margin-bottom: 8px}
.ajaxForm input.radio, .ajaxForm input.checkbox{margin: 0px 10px 0px 0px;}
input{padding: 1px}
input.textbox{
	background: url(../../img/stand/field-gradient.gif) repeat-x; 
	border: 1px solid #cccccc;
	height: 18px;
	line-height: 18px;
	margin: 0px 10px 0px 0px;
	width: 226px;
	vertical-align: top;
}

#fbLogin .scrolling {
  height: 510px !important;
}

textarea{
	width: 630px;
	height: 80px;
	border: 1px solid #cccccc;
	background: url(../../img/stand/field-gradient.gif) repeat-x; 
}
textarea#addresses{ height: 75px;}
.field{padding: 5px 10px 5px 10px; margin-bottom: 5px}
/* span.ui{display: block; width: 240px; float: left; line-height: 20px} */
span.ui-spacer{display: none; width: 240px; float: left;}
.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}
.ajaxForm .formButton{
	line-height: 26px;
	display: block;
	float: left;
	height: 26px;
	background: url(../../img/stand/ajaxPages/btn-background.jpg) repeat-x;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
.ajaxForm a.formButton:link, .ajaxForm a.formButton:visited, .ajaxForm a.formButton:hover{
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 10px;
	text-decoration: none;
} 
.ajaxForm input.formButton{ border: none; padding: 0px 10px; margin-right: 5px}
.ajaxForm .submit p{margin: 0px; padding: 0px;}
#submit-btn{vertical-align: middle; margin-left: -5px; margin-right: 10px; display: inline; float: none; cursor: pointer;}
.ajaxForm .submit #cancel:link, .ajaxForm .submit #cancel:visited, .ajaxForm .submit #cancel:hover{color: #666666; text-decoration: none;font-weight: bold;}
#editStory .dropdowns{float: left; width: 300px;}
#inviteRequests h1{float: left;}
#inviteRequests .requests{
	float: right;
	background: url(../../img/stand/ajaxPages/yellow-invites.gif) no-repeat;
	width: 210px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold
}
.ajaxForm .scrolling{
	height: 282px; 
	overflow-y: auto; 
	overflow-x: hidden;
	background: url(../../img/stand/form-section-gradient.jpg) repeat-x;
	margin: 0px 10px;
}
.ajaxForm .scrolling .row{ padding: 9px 20px 9px 7px}
.ajaxForm .scrolling .row .info{float: left;}
.ajaxForm .scrolling .row .info img{border: 3px solid #999999; float: left; display: block;}
.ajaxForm .scrolling .row .info p{float: left; margin-left: 10px;}
.ajaxForm .scrolling .row .decision{text-align: right; float: right;}
.ajaxForm .scrolling .row .decision .confirm{text-transform: uppercase; color:#333366; font-weight: bold;}
.ajaxForm a.accept:link, .ajaxForm a.accept:visited, .ajaxForm a.accept:hover{
	background: url(../../img/stand/ajaxPages/accept-background.jpg) repeat-x;
	padding: 0px 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 25px;
	float: left;
	margin-right: 7px;
	height: 25px;
	text-transform: uppercase;
}
.ajaxForm a.accept.last{margin-right: 0px;}
.ajaxForm a.dismiss:link, .ajaxForm a.dismiss:visited, .ajaxForm a.dismiss:hover{
	background: url(../../img/stand/ajaxPages/dismiss-background.jpg) repeat-x;
	padding: 0px 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	line-height: 25px;
	float: left;
	height: 25px;
	text-transform: uppercase;
}
#inviteFriends .row .decision .checkbox{
	margin: 18px 160px 0px 0px;
}
#inviteFriends h2{
	color:#333333;
	font-size:15px;
	margin-bottom:15px;
	padding-left:10px;
	margin-top: 15px;
}
#yourConnections .row .decision{color: #eb1c23;}
#yourConnections a:link, #yourConnections a:visited, #yourConnections a:hover{
	color: #ff6600;
} 
#yourDonations .scrolling .row{min-height: 26px;}
#yourDonations .scrolling .row.withCode .info{width: 365px;}
#yourDonations .scrolling .info span{float: left; margin-top: 5px;}
#yourDonations .scrolling .date{margin-right: 7px; width: 50px;}
#yourDonations .scrolling .donation{margin-right: 7px;}
#yourDonations .scrolling .code{clear:left;}

#addDonations .scrolling{height: 265px}
.ajaxForm .options .option label{display: inline;}

#inviteFriends #tab-menu{
	height: 27px;
	line-height: 27px;
	background: url(../../img/stand/ajaxPages/tab-bottom-border.jpg) repeat-x;
	margin-bottom: 5px;
}
#inviteFriends #tab-menu a.tab:link, #inviteFriends #tab-menu a.tab:visited{
	float: left;
	padding: 0px 15px;
	color: #333333;
	background: url(../../img/stand/ajaxPages/tab-inactive-background.jpg) repeat-x;
	height: 27px;
	line-height: 27px;
}
#inviteFriends #tab-menu a.tab:hover, #inviteFriends #tab-menu a.active:link, #inviteFriends #tab-menu a.active:visited{
	background: url(../../img/stand/ajaxPages/tab-active-background.jpg) repeat-x;
	color: #ff6600;
}
#inviteFriends #tab-menu img{float: left;}


/* BEGIN OVERLAY SPECIFIC Z*/
#su2c_popup_container /* popup content container */
{
	width: 535px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.su2c_popup_headline /* placement for popup headlines */
{
	margin: 19px auto 54px;
}

.su2c_popup_section /* content section in popups with gradient */
{
	width: 513px;
	padding: 30px 11px;
	background-image: url(../../img/stand/form-section-gradient.jpg);
	background-repeat: repeat-x;
}

.su2c_popup_text_input /* formatting input cells for popups */
{
	border: 1px solid #CCCCCC;
	width: 228px;
	height: 20px;
	margin: 10px 10px 10px 0px;
	vertical-align: middle;
	background-image: url(../../img/stand/field-gradient.gif);
	background-repeat: repeat-x;
}

#su2c_popup_container a /* links on popup pages */
{
	text-decoration: none;
	color: #ff6600;
}
#su2c_popup_container a:hover /* hovers on popup pages */
{
	text-decoration: underline;
}

#su2c_popup_container .su2c_grey /* less important links  */
{
	color: #666666;
}

.su2c_popup_section .su2c_2col /* two colum 50/50 on popup pages */
{
	width: 50%;
	float: left;
	margin: 10px 0px;
}

.su2c_radio /* spacing radio buttons */
{
	margin: 2px 10px 4px 0px;
	padding: 0px;
	vertical-align: middle;
}

.su2c_donate_headline /* sytling and spacing for headlines on donate */
{
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
}

.su2c_sidenote /* smaller italicized grey text */
{
	font-size: 11px;
	font-style: italic;
	color: #666666;
	font-weight: normal;
}

.su2c_popup_select /* Dropdowns on popup forms */
{
	border: 1px solid #CCCCCC;
	height: 24px;
	margin: 10px 10px 10px 0px;
	vertical-align: middle;
}

.su2c_popup_textarea /* popup text box for message on donate */
{
	border: 1px solid #CCCCCC;
	height: 147px;
	width: 498px;
	margin: 10px 10px 0px 0px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../../img/stand/textarea-gradient.gif);
	background-repeat: repeat-x;
}