body {
margin:0;
padding:0;
font: normal 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
-moz-border-radius: 10px; -webkit-border-radius: 10px;
color: #666;

/*---this is where you change the background color for the whole site---*/

background: #dddddd; 

}

.header {
width:100%;
height: 75px;

/*---this is where you change the background of the top bar to match the logo---*/

background: #181818; 

}

.logo {
width:510px;
height:60px;
background: url('http://simplegive.org/images/site/logo.png') no-repeat;
}

.admin_top_left {display:none;}
.admin_top_right {display:none;}


.header_wrap {
width:900px;
margin: 0 auto;
}


.giving_wrapper {
width: 860px;
margin: 0px auto;
margin-top: 30px;
margin-bottom: 10px;
background: #fff;
padding: 20px;
color: #666;
letter-spacing: .08em;
font: normal 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
-moz-border-radius: 10px; -webkit-border-radius: 10px;
font-weight: 500px;
}

/*---Giving Top---*/
.giving_top {display:none;}

h1.title {width: 500px; float: left; font-size: 18px; color: #fff; margin: 0px; padding: 0px; font-weight: 500; }
p.welcome_text {width: 320px; float: right; font-size: 14px;}
p.welcome_text a {text-decoration: none; color: #ddd;}
p.welcome_text a:hover {text-decoration: underline; color: #ddd;}
/*---End Giving Top---*/





/*---Giving Left---*/
.giving_left { width: 390px; float: left; margin-right: 75px;}

.log-in { 
width: 350px; 
height: 200px; 
padding: 10px 20px; 
background: #ddd url('http://simplegive.org/images/company/login_bg.jpg') no-repeat; 
border: 1px solid #ddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.log-in p { margin: 0px;}


p.congrats {font-size: 16px; color: #222; line-height: 26px; font-weight: bold; letter-spacing: .5px;}

/*---End Giving Left---*/





/*---Giving Right---*/
.giving_right { width: 394px; float: left;}
.giving_right .description { width: 320px; background: #ddd; border:3px solid #ccc; padding: 5px 10px; color: #444; margin-bottom: 10px; text-align:left;}
.giving_right span { font-weight: normal; font-size: 12px; float: none;  margin: 0px; padding-left: 10px;}

.create_account {
width: 350px;
height: 220px;
padding: 10px 20px;
background: #ddd url('http://simplegive.org/images/company/login_bg.jpg') no-repeat;
border: 1px solid #ddd;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.create_account p {margin: 0px; padding:0px; padding-top: 5px;}
/*---End Giving Right---*/






/*--- Bottom Text---*/

.giving_bottom { background: #eee; padding: 10px; margin-top: 40px; border: 1px solid #ddd;}
.giving_bottom h4 {font-size: 16px; color: #222; margin: 0px; padding: 0px; }

/*--- End Bottom Text---*/






/*---Forms CSS---*/
.label { width: 200px; font-size: 14px; font-weight: bold; padding-top: 0px; color: #444; padding-bottom: 3px; margin:0px; }
.input { width: 220px; height: 25px; border: 1px solid #ccc; font-size: 16px;  margin-bottom: 10px; }

.homepage_input { width: 190px; height: 30px; border: 1px solid #ccc; font-size: 16px;  margin-bottom: 10px; }


.billing_label { width: 100px; font-size: 14px; font-weight: bold; padding-top: 0px; color: #444; padding-bottom: 3px; float: left; text-align:right; padding-right: 20px; }

.account_label { width: 130px; font-size: 14px; font-weight: bold; padding-top: 0px; color: #444; padding-bottom: 3px; float: left; text-align:right; padding-right: 20px; }
.create_label { width: 150px; font-size: 14px; font-weight: bold; padding-top: 0px; color: #444; padding-bottom: 3px; float: left; text-align:left; }
.expiration_label {width: 30px; font-size: 12px; font-weight: bold; padding-top: 0px; color: #444; float: left; text-align:right; padding-right: 20px;}

.amount_input { width: 125px; height: 25px; border: 1px solid #ccc; font-size: 16px;  margin-bottom: 10px;}
.expiration_input { width: 60px; height: 25px; border: 1px solid #ccc; font-size: 16px;  margin-bottom: 10px;}

select {width: 200px;}
select.expiration_month {width: 50px;}
select.expiration_year {width: 60px;}
select.designation {width: 130px; margin-left: 10px;}
/*--- End Forms CSS---*/



/*---Button---*/
.giving_button { 


color: #52b1d1; 


width: 164px; 
height: 46px; 
margin-top: 10px; 
background: url('http://simplegive.org/images/company/button_bg.jpg') no-repeat; 
float: right; 
border:none;
text-shadow: 0px 0px 2px #999;
font: bold 13px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

#checkout_button {margin-right: 33px;}
/*---End Button---*/



/*---Giving History---*/


.profile_top_left {display:none;}

.profile_top_right {display:none;}

.submit_button {display:none;}

.giving_history h2 {display:none;}

ul.history_filter {display:none;}
ul.history_filter li {display:none;}
.print_button {display:none;}

table {
width: 100%;
text-align: left;
font-size: 13px; 
color: #000;
}

th	{ background: #ddd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb), color-stop(.6,#bbb)); color:#222; padding: 8px 10px; font-size: 16px;}

td	{ padding: 5px 10px; }
.odd { background-color: #f0f0ee; }

td.title a {font-size: 18px;  letter-spacing: -.10em;}
td.title a:hover { text-decoration: none; border-bottom: 1px dashed #999; color: #333;}

/*---End Giving History---*/


/*---Footer CSS---*/
.giving_footer { width:880px; color: #fff; margin:0 auto; font-size: 11px;}
.simplegive_logo {width: 200px; float: right;}
.copyright { width: 280px; float: left;}
/*---End Footer CSS---*/



.giving_wrapper a {  


color: #52b1d1; 
 

text-decoration: none; font-size:12px; float: none;}
.giving_wrapper a:hover { text-decoration: underline; font-size:12px; float: none;}

.welcome_profile h1 {font-size: 24px; color: #000; margin:0; padding:0; padding-bottom: 5px;}
.giving_wrapper h2 {font-size: 16px; color: #222; margin: 0px; padding: 0px; padding-bottom: 5px;}
.giving_wrapper h5 {font-size: 16px; color: #222; margin: 0px; padding: 5px; padding-bottom: 3px; background: #ddd; width: 350px; margin-bottom: 15px;}


.clear {clear:both;}

p {margin:3px; padding:0px;}