/* Resets */
ul, li, input, textarea, select, button { margin:0; padding:0; list-style:none; }

/* Layout - Floats & Clears*/
.wrapFormPart, h2, h3, h4, h5, h6, ul, li, p, label.error, #wrapCard, img.line, .counter  { display:block; clear:both; }
li, label, input, textarea { float: left; }


/* Widths, Margins, Paddings, etc */
input, textarea, .error { width:238px; }
label { width:115px; margin-right:10px;}
label.error { float:none; width:226px; margin:2px 0 2px 125px; padding-left:12px;  }
#submit, #confirm { float:right; width:166px; height:46px; margin:0; padding:0;}
.wrapFormPart { width:460px; margin-left:320px; }
ul, li { width:380px; margin:0 auto; } 
li { padding-bottom:12px;}
.counter { padding-left:128px; }
.line { margin:0px auto 30px auto; padding-top:20px; }
#sCard h2, #sCard p { margin-left: 31px }

/* Borders, Backgrounds & Font Colorings */
input, textarea { border:1px solid #2a4062; background:#f4f5f7; }
label.error { background:#FFFFFF url(../s/donate/img/icon-error.gif) 2px 4px no-repeat; color:red; }
#submit { background:url(../s/donate/img/btn-donate.gif) 0 0 no-repeat; border:0; cursor:pointer;}
#confirm { background:url(../s/donate/img/btn-confirm.gif) 0 0 no-repeat; border:0; cursor:pointer;}
h2 { color:#2a4062; }
.bgWhite { backgroudn:#ffffff; }
.bgRed { background:#ff9999; border:1px solid #ff0000; }
.bgGreen { background:#cfdeb3; border:1px solid #86ad40; }
.counter { color:#666; }

/* Sizing */
label { font:12px/24px Arial; }
input, textarea { height:18px; padding-top:2px; font:12px/18px Arial;}
textarea { height:120px; }
p, label.error{ font:12px/18px Arial; }
.counter { font:bold 12px/16px Arial; }

/* Generic Layout Overrides */
.inline label, .inline input { display:inline; float:none; width:auto; }
.inline input { position:relative; top:2px; } .inline input[type="radio"] { position:relative;top:4px; }
#sendCardList li { display:block; float:left; clear:none; width:60px;}
#exp input { width:50px; clear:none; }
#exp { position:relative; }
#exp label.error { float:none;clear:none; position:absolute;top:24px; left:0; }

/* Other overrides */
.inline input, .inline radio { background:none; border:none; width:auto; }
/* Seperate, wrapped items */
#wrapBlurb { height:235px; background:url(../s/donate/img/pic-card-front-back_new.jpg) 0 -10px no-repeat; padding-left:350px; }
#wrapBlurb p { width:365px; margin:20px 0 15px 25px; text-align:left; }
#wrapSendCard { position:relative; height:155px; background:url(../s/donate/img/info-bg-personalize_new.jpg) 0 10px no-repeat; }
#wrapSendCard ul { position:absolute;top:85px;left:248px; width:150px; }
#wrapDonation ul, #wrapDonation li { width:100%; margin:0; padding:0; }
#wrapDonation label { font:bold 16px/28px Arial; color:#fff;width:171px;}
#wrapDonation label.error { float:none; margin:20px auto 10px auto; width:90%; border:1px solid #ff0000; background:#ff8181; text-align:center;  }
#wrapDonation input { position:relative;top:12px;}


/* Misc */
label { text-align:right; }
label.error { text-align:left; }
#donationAmount { position:relative; top:4px; font-weight:bold; color:#eee; font-size:16px; }

/*
 * Card Live Preview
 */
 
#wrapCard { clear:both; display:block; width:410px; height:502px; margin:0 auto; padding:0; background:#FFF; background-image:url(../s/donate/card/large-bg_new.gif); border:0; text-align:center; }
#previewCard { width:100%; height:100%; }
#cardBlurb { display:block; padding-top:25px; margin:0px auto 0 auto; }
#cardBy { display:block; margin:0 auto; }
#cardLogo { float:right; }
#previewDescription { margin-top:9px; height:18px; font-weight:bold; font-size:16px;} 
#previewSignature {  height:18px; margin-bottom:18px; padding-left:10px; text-align:center; font-size:12px; font-style:italic;}
#previewMessage { float:center; height:200px; width:70%; padding:0 60px 20px 60px; text-align:center; font-size:14px; font-style:italic;}
#previewCard div { font-family:Georgia, "Times New Roman", Times, serif; }
/*#rvar_card_hidden { visibility:hidden; height:0; width:0; border:none; }*/
#sample {display:block; margin:0 40px 0 40px; background-color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif;}
#sampleDescription { margin-top:9px; height:18px; font-weight:bold; font-size:16px; text-align:center;} 
#sampleMessage { float:center; width:70%; padding:10px 60px 20px 60px; text-align:center; font-size:14px; font-style:italic;}
#sampleSignature { text-align:center; font-size:12px; font-style:italic;}