.profiles dt { clear: right; }
.profiles dt a { font-weight: bold; }
.profiles dt a:hover { text-decoration: underline; }

.profiles dd { padding: 0; margin: 0 0 10px 0; }
.profiles dd div {
  width: 25px;
  float: right;
  font-weight: bold;
}
.profiles dd div.p-info {
  width: 250px;
  margin-left: 10px;
}
.profiles dd label { font-weight: normal; }

.profiles dd div.visual .progress-bar {
  background: url(../images/giving/progress-bg-short.png) no-repeat bottom left;
  width: 22px;
  height: 94px;
  position: relative;
}
.profiles dd div.visual .progress-level {
  background: url(../images/giving/progress-short.png) no-repeat bottom left;
  position: absolute;
  width: 22px;
  bottom: 0;
  left: 0;
}

.giving-profile #infobox {
  float: right;
  padding-left: 10px;
  width: 150px;
}
.giving-profile #infobox dl dt { font-style: italic; }
.giving-profile #infobox dl dd {
  margin: 0 0 5px 5px;
  font-weight: bold;
}

.giving-profile #visual {
  float: right;
  margin-left: 10px;
  position: relative;
  height: 296px;
  width: 75px;
}
.giving-profile #visual .progress-bar {
  background: url(../images/giving/progress-bg-tall.png) no-repeat bottom left;
  width: 22px;
  height: 296px;
  position: absolute;
  top: 0;
}
.giving-profile #visual .progress-level {
  background: url(../images/giving/progress-tall.png) no-repeat bottom left;
  position: absolute;
  width: 22px;
  bottom: 0;
  left: 0;
}
.giving-profile #visual span {
  line-height: 12px;
  font-size: 11px;
  margin: -7px 0 -0 24px;
  position: absolute;
  display: block;
}
.giving-profile #visual span.marker0 { top: 100%; }
.giving-profile #visual span.marker50 { top: 50%; }

.giving-profile #donate-now {
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  width: 100px;
  height: 33px;
  display: block;
  text-align: center;
  background: url(../images/giving/donate_button.png) no-repeat left top;
}
.giving-profile #donate-now:hover {
  color: green;
}

.donate fieldset {
  border: none;
  border-top: 1px solid #ccc;
  margin-top: 15px;
  width: 450px;
}
.donate fieldset.steps { border: none; }
.donate fieldset.collapsed div { display: none; }

.donate label {
  margin-top: 10px; 
  width: 190px;
  display: inline-block;
}
.donate label.comment {
  display: block;
}

.donate input { margin-bottom: 5px; }
.donate input[type="text"] { width: 250px; }
.donate input.donate { float: right; }

.donate textarea {
  width: 450px;
  height: 150px;
  font-family: inherit;
}

#steps {
  width: 210px;
  height: 42px;
  margin: 20px auto 10px;
}
#steps div {
  width: 42px;
  height: 42px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
}
#steps div.sep {
  background-image: url(../images/step-sep.png);
  width: 30px;
}
#step1 { background-image: url(../images/step-1.png); }
.step1 #step1 { background-image: url(../images/step-1-active.png); }
#step2 { background-image: url(../images/step-2.png); }
.step2 #step2 { background-image: url(../images/step-2-active.png); }
#step3 { background-image: url(../images/step-3.png); }
.step3 #step3 { background-image: url(../images/step-3-active.png); }


.donate fieldset.login input[type="text"] { width: auto; }
.donate fieldset.login label { margin-bottom: 10px; }

.donate h5 { margin-bottom: 0; }

.donate fieldset.widelabel label { width: 250px; }
.donate fieldset.widelabel input[type="text"] { width: 150px; }

.donate fieldset label.flexi { width: auto; }

.donate label#amountlabel {
  display: inline-block;
  width: 10px;
  position: relative;
  left: 5px;
  margin: 0 -10px 0 50px;
  font-size: 20px;
}
.donate input#amount {
  padding: 0 2px 0 15px;
  width: 100px;
  text-align: left;
  font-size: 20px;
}

.donate button.next { float: right; }

div#lightbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: url(../images/80.png) repeat left top;
  display: none;
}
div.loginbox {
  background: #fff;
  width: 200px;
  height: 150px;
  margin: -80px 0 0 -115px;
  position: absolute;
  top: 50%;
  left: 50%;  
  border: 5px solid #ccc;
  padding: 10px;
}
div.loginbox p.title { font-size: 16px; }
div.loginbox p#loginerror { color: red; }
div.loginbox label { display: inline-block; width: 80px; margin-bottom: 10px; }
div.loginbox input[type="text"], div.loginbox input[type="password"] { width: 100px; padding: 2px; }

#msgAnon { display: none; }
.anon #msgAnon { display: inline; }
.anon #msgUser { display: none; }