style.css

/* Donor List Table */
.donorList {
    width:100%;
    padding:0px;
    margin:0px;
    border:1px solid #888;
}

.pager {
    width: 100%;
}

.donorList .donorHeader td {
    background-image:url(/images/bar.jpg);
    font-weight:bold;
    height:25px;
    border-bottom:1px solid #888;
    padding: 0 3px 0 3px;
}

.donorList .donorRecord td {
    border-bottom:1px solid #ccc;
    padding: 3px;
}

.donorListMessage {
    max-width:600px;
}


.eclipse-login {
  padding-top: 5px;
}

.eclipse-login-label {
  padding-top: 3px;
  padding-right: 5px;
  font-weight: bold;
  float: left;
}

.save-button {
  margin-top: 10px;
}

.sideitem > table > tbody > tr > td {
  border: none;
  padding-left: 12px;
  padding-right: 12px;
}

.sideitem > table {
  padding-bottom: 0;
  margin-bottom: 0;
}

.sideitem > a {
  margin: 12px;
}

div.donation-box div.background-purple {
  height: 12em;
}

.donation-box h2 {
  font-weight: bold;
  color: grey;
}

.you-get-label {
  text-align: left;
  font-weight: bold;
  margin-top: 0;
  padding-top: 2em;
  padding-left: 2.5em;
}

.donation-benefits {
  width: 95%;
  height: 80%;
  padding-left: 2.5em;
  text-align: left;
}

#best-friends-benefits {
  border-width: 0.1em;
  border-style: none solid none solid;
  border-color: #EFEFEF;
}

#related-links {
  padding-left: 2em;
}

.donation-footer h2 {
  font-size: 1.7em;
  font-weight: bold;
  color: grey;
}

.friends-logo-top {
  width: 18.5em;
}

.friends-logo-bot {
  width: 60px;
  height: 20px;
}

.friends-list {
  padding-top: 1em;
}

.friends-list li {
  padding-bottom: 2em;
}

#content div.row {
  margin-bottom: 2em;
}

#custom-donation {
  background-color: #FAFAFA;
  padding-top: 2em;
  padding-bottom: 1em;
}

#donation-amount {
  float: left;
  padding: 0.7em;
  width: 11em;
}

.donation-amount {
  color: #41337C;
}

.tshirt-ribbon {
  position: absolute;
  top: 0;
  right: 10;
}

#custom-donation-button {
  width: 10em;
  padding-left: none;
  padding-right: none;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.green {
	color:green;
}

.red {
	color:#FF0000;
}

.invisible{
	display:none;
}

.visible{
	display:inline;
}

.disabled{
	background-color:#eee;
}
.enabled {
	background-color:none;
}


.more {
	font-size:75%;
	text-align:right;
	vertical-align:bottom;
	padding-top:5px;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;

}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;

}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;

}
.error {
    color: #D8000C;
    background-color: #FFBABA;

}

.friend-images > div {
  height: 140px;
}

.friend-images .user-picture {
  text-align: center;
  padding: 20px;
}