/* -- HTML Tags -- */
* { margin:0; padding:0; }
body { line-height:1.5em; color:#555; background:#d6e6a7 url(/graphics/sd_bcmb/donation/bg_tile.gif) top left repeat-x; font-size:12px; text-align:center; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
img { border:0; }
a { color:#5f674a; }
a:hover { text-decoration:none; }
/* -- Header -- */
#header { font-size:14px; padding: 55px 20px 15px 20px;}
#header a { color:#3a352f; text-decoration:none; }
#header a:hover { text-decoration:underline; }
#header .selected a { font-weight:bold; color:#5c493d; }
#header h1 { float:left; }
#header ul { float:right; margin-top:12px; }
#header ul li { margin-left:30px; display:inline;}
/* -- Container -- */
#background_container { margin:0 auto; width:850px; background: url(/graphics/sd_bcmb/donation/bg_vert_tile.jpg) repeat-y top left; }
#container { text-align:left; background: url(/graphics/sd_bcmb/donation/bg_top.jpg) no-repeat top center; }
/* -- Content -- */
#content { float:left; width:480px; margin: 0 0; padding:30px 0 20px 50px ; }
#content .instructions { margin:4px 0 15px 0; color:#4f4f4f; font-size:14px; }
#content input, #content select, #content textarea { font-size:12px; color:#333; }
#step #content { line-height:1.8em; }
#step #content h2 { font-size:24px; color:#725b4c; margin-bottom:15px; }
#step #content h5 { font-size:14px; color:#725b4c; margin:20px 0 5px 0; }
#step #content h5 a { font-size:12px; font-weight:normal; font-style:italic; }
#step #content .buttons { border-top:1px solid #e9e6e4; padding-top:10px; text-align:right; }
#step #content .intro { border-bottom:1px solid #e9e6e4; padding-bottom:15px; }
#step #content .useAsBilling h5 { margin-bottom:0; }
#step #content .useAsBilling p { margin-bottom:15px; }
#step #content #attendeeCart { list-style:none; margin:0 0 15px 0; background-color:#f1f7e0; border-top:1px solid #d1d6bf; }
#step #content #attendeeCart li { border-bottom: 1px solid #d1d6bf; }
#step #content #attendeeCart h4 { color:#287070; font-size:16px; }
#step #content #attendeeCart p { line-height:1em; }
#step #content #attendeeCart .billing { font-size:10px; color:#a4a4a4; }
#step #content #attendeeCart .info { float:left; width:300px; padding: 8px 0 5px 10px; }
#step #content #attendeeCart .editOrRemove { width:120px; padding:15px 0 8px 0; float:right; text-align:center; background-color:#e2eebe; }
#step #content .checkoutAttendees { margin-top:10px; border-bottom:1px solid #e9e6e4; padding-bottom:15px; text-align:right; }
#content .formDesc { text-align:right; width:40%; }
.attendeeForm, .organizationForm, .billingForm, .discountForm, .paymentForm { margin-top:10px; width:100%; }
.discountForm { margin-bottom:15px;}
.attendeeForm td, .organizationForm td, .billingForm td, .discountForm td, .paymentForm td { padding:5px; }
#content .organizationForm td { padding:5px; }
#content .reqFieldInfo { font-size:11px; color:#a4a3a3; }
#content option { padding-right:10px; }
#confirmAttendees { background-color:#f1f7e0; padding:4px 8px; list-style:none; border-top:1px solid #d1d6bf; border-bottom:1px solid #d1d6bf; }
#confirmTotals { margin-bottom:25px; width:100%; background-color:#f1f7e0; border-top:1px solid #d1d6bf; border-bottom:1px solid #d1d6bf; }
#confirmTotals td { padding:3px 0px 3px 8px; }
#confirmTotals .totalDesc, #confirmTotals .prices { background-color:#e2eebe; text-align:right; padding-right:10px}
#confirmTotals .totalDesc { font-style:italic; text-align:right; }
#confirmTotals .notes { margin-left:15px; font-style:italic; }
#confirmTotals .price { font-weight:bold; }
#confirmTotals .totalDesc { width: 60px; }
#confirmTotals .prices { width: 70px; }
#confirmTotals .subTotal .totalDesc, #confirmTotals .subTotal .prices { border-top:1px solid #d1d6bf; }
#confirmTotals .finalTotal .totalDesc, #confirmTotals .finalTotal .prices { font-weight:bold; background-color:#d2e498; }
#content .desc { padding-left:20px; }
#content .finalTotal { background-color: #d2e498; padding:5px 7px; }
#content #ErrorMessage { border:1px solid red; padding-bottom:10px; }
#content #ErrorMessage p { font-style:italic; padding: 0 8px; }
#content #ErrorMessage ul { margin-left:50px; }
#content #ErrorMessage h5 { color:white; background-color:red; margin-top:0; padding:5px 8px; }
#content #WarningMessage { border:1px solid #FF9900; padding-bottom:10px; }
#content #WarningMessage p { font-style:italic; padding: 0 8px; }
#content #WarningMessage ul { margin-left:25px; }
#content #WarningMessage h5 { color:white; background-color:#FF9900; margin-top:0; padding:5px 8px; }
#content .sessionHeading { font-size:14px; font-style:italic; font-weight:normal; }
#content #EditOrganizationLink { display:block; background-color:#f1f7e0; margin-top:10px; padding:5px 10px; }
/* -- Sidebar -- */
#sidebar { float:right; width:280px; padding:0 10px 0 0; margin-right:0; font-size:14px; }
#sidebar p { line-height:1.65em; margin-left:13px; color:#606060; }
#sidebar h5 { margin:15px 0 10px 13px; color:#393939; font-size:14px;}
#sidebar #steps { list-style:none; margin-top:25px; }
#sidebar #steps li { margin-bottom:12px; padding:7px 20px; background:url(/graphics/sd_bcmb/donation/stepMenu_off_bg.gif) repeat-y; width:230px; }
#sidebar #steps #currentStep { background:url(/graphics/sd_bcmb/donation/stepMenu_current_bg.gif) repeat-y; color:#fff; }
/* -- Sidebar -- */
#popup { background-color: #fff; background-image:none; text-align:left; }
#popup h1 { font-size:24px; color:#725b4c; padding:15px 0 10px 0; }
#popup h2 { font-size:18px; color:#725b4c; padding:15px 0 10px 0; }
#popup p { padding:0 0 20px 0; }
html #popup #content { float:none; width:400px; padding:10px 20px; margin:0 auto; border-top:3px solid #725b4c; }
#popup #content div { border-top:2px solid #725b4c; padding:20px; }
/* -- Footer -- */
#footer { clear:both; width:850px; margin:0 auto 20px auto; padding-top:25px; background:url(/graphics/sd_bcmb/donation/bg_footer.jpg) no-repeat; color:#a5ab7f; }
#footer a { color:#a5ab7f; }
/* -- Utility -- */
.clearFloats { clear:both; }