@charset "UTF-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
color:#000;
font-size:62.5%;
}

.extra {
position:relative;
margin:0 auto;
width:942px;
font-size: 1.3em;
}

a img {
border: 0px;
}

a { cursor:pointer; }

img.leftimg, .biopic, .causepic, .summaryitem {
float: left;
width: 98px;
border: 4px solid #ccc;
background: #fff;
margin-right: 10px;
}

.summaryitem {
 width: 60px;
 padding: 7px 7px 5px 7px;
 border: 0px;
 margin: 0px;
}

.causepic {
width: 50px;
}

.summaryitem .causepic {
  margin-right: 0px;
}

.biopic {
width: 180px;
background:#FFF;
border:4px solid #CCC;
vertical-align:middle;
}

.biopicture .biopic {
height:226px;
width:415px;
margin-right: 0px;
float: none !important;
}

a {
color: #014587;
}

a:visited {
color: #0156A9;
}

a:hover {
color: #012B54;
}

.clear {
clear: both;
}

.radiobuttons .clear {
margin: 0px 0px 5px 0px;
}

h1, h2, h3, h4, h5 {
font-family: tahoma;
color: #000;
font-weight: bold;
margin: 0px 0px 7px 0px;
padding: 0px;
}

h1 {
font-size: 2.7em;
margin: 10px 0px;
text-align: left;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.4em;
margin-bottom: 5px;
}

form h3 {
margin: 10px 0px;
padding: 5px;
font-size: 1.2em;
}

form h3.warning {
background: #FFCCCC;
color: #650101;
}

h4 {
font-size: 1.2em;
}

h4 a, h4 a:visited {
color: #000;
text-decoration: none;
}

h4 a:hover {
color: #000;
text-decoration: underline;
}

h5 {
margin-bottom: 5px;
font-size: 1em;
}

p {
margin: 0px 0px 10px 0px;
}

.centered {
text-align: center;
}


/* HEADER */

#header {
height:117px;
position: relative;
}

.headerRight {
float:right;
position:relative;
width: 500px;
}

.headerRight1 {
position:absolute;
right:0;
top:0;
width:500px;
}

.headerRight2 {
padding:10px;
}

.headerRight ul {
display:inline;
width:auto;
list-style: none;
}

.headerRight ul li {
display:block;
float:left;
margin:0;
padding: 2px 3px 0 3px;
font-size: 1em;
}

.headerRight li span {
padding-right: 3px;
}

.headerRight li span.non {
color:transparent;
}
.headerRight ul li a, .headerRight ul li a:visited {
color:#000;
text-decoration:none;
font-size: 0.9em;
}

.headerSearch {
float:right;
width:180px;
}

a.logo img {
float: left;
}

#menuHead {
height: 30px;
list-style-type:none;
margin: 2px 0 0 0;
padding: 0 0 0 10px;
width: 800px;
float: right;
}

#menuHead li {
float: left;
margin:0;
padding:0;
}

.fundraisetab {
width: 160px;
}

html>body .fundraisetab 
{
  width: auto;
  min-width: 80px;
}

.browsetab {
  width: 160px;
}

html>body .browsetab 
{
  width:auto;
  min-width: 80px;
}

.hometab {
  width: 160px;
}

html>body .hometab
{
  width:auto;
  min-width: 80px;
}

#menuHead li a.halfround, #menuHead li a.halfround:visited {
color:white;
cursor:pointer;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
margin:0 0 0 3px;
padding:0 !important;
text-decoration:none;
}

#menuHead li a.halfround span, #menuHead li a.halfround:visited span {
color:white;
cursor:pointer;
display:block;
font-size: 0.9em;
font-weight:bold;
height:30px;
line-height:30px;
padding:0 15px;
text-decoration:none;
text-align: center;
}

/* Footer */


#footer {
padding:15px 0px 0px 0px;
color: #fff;
font-size: 0.9em;
margin-top: 30px;
}

#footer p {
text-align: center;
margin-top: 20px;
font-weight: bold;
}

ul#footerMenu {
width: 500px;
margin: 0px auto;
}

#footer .extra {
padding-bottom: 10px;
}

ul#footerMenu li {
float: left;
width: 30%;
list-style: none;
text-align: center;
margin: 3px 0px 0px 0px;
}

ul#footerMenu li a {
color: #fff;
text-decoration: none;
}

#footer .icons {
background:#EFEFEF;
border-top: 3px solid #999;
padding: 5px 0;
margin-bottom: 15px;
text-align: center;
}


/* BUttons */
a.button3, a.button3:visited, .button3b, .button2b, a.button2, a.button2:visited, .button2, .button3, a.button1, a.button1:visited, a.button2a, a.button2a:visited, a.button1a, a.button1a:visited {
display: block;
height: 35px;
line-height: 35px;
width: 120px;
text-align: center;
text-decoration: none;
color: #fff;
border: 0px;
cursor: pointer;
font-size: 14px;
}

.moneydetails a.button2, .moneydetails a.button2:visited, .moneydetails a.button3, .moneydetails a.button3:visited, form#removefrominstanceform  .button3 {
  margin-top: 3px !important;
}

.moneyinfo a.button2, .moneyinfo a.button2:visited {
  margin-bottom: 5px;
}

a.button2, a.button2:visited, .button2, a.button1, a.button1:visited, .button1, a.button2a, a.button2a:visited, a.button1a, a.button1a:visited {
background: url(/images/fixed/button2.png) 0px 0px no-repeat;
}

a.button2a, a.button2a:visited, .evenlisting a.button2, .evenlisting a.button2a:visited {
background: url(/images/fixed/button2a.png) 0px 0px no-repeat;
float: left;
}

a.button2:hover, a.button2:visited:hover, .button2:hover {
background: url(/images/fixed/button2.png) 0px -35px no-repeat;
}

#commentForm .button2 {
float: right;
}

#reviewForm .button2b, #askquestion .button2 {
margin: 10px 20px 0px 0px;
}

.button2a:hover, .evenlisting a.button2:hover {
background: url(/images/fixed/button2a.png) 0px -35px no-repeat;
}

 a.button1, a.button1:visited {
background: url(/images/fixed/button1.png) 0px 0px no-repeat;
color: #333; 
 }
 
  a.button1a, a.button1a:visited, .evenlisting a.button1, .evenlisting a.button1:visited {
background: url(/images/fixed/button1a.png) 0px 0px no-repeat;
color: #333; 
 }

a.button1:hover, a.button1:visited:hover, .button1:hover {
background: url(/images/fixed/button1.png) 0px -35px no-repeat;
}

a.button1a:hover, a.button1a:visited:hover, .evenlisting a.button1:hover {
background: url(/images/fixed/button1a.png) 0px -35px no-repeat;
}

#widgetForm a.button1 {
float: right;
}

.homecause a.button2, .homecause a.button2:visited {
margin-top: 45px;
}

.submitbuttons {
margin: 15px 0px;
}

.submitbuttons a, .submitbuttons input {
float: right;
}

/* forms */
fieldset, form {
border: 0px;
padding: 0px;
margin: 0px;
}

input.qtop {
border:1px solid #CCC;
border-right: 0px;
color:gray;
float:left;
height:23px;
line-height:23px !important;
margin:0 !important;
padding: 3px 0 0 2px !important;
width:150px;
}

input.btnsearch {
border: 0px;
color:#FFF;
cursor:pointer;
display:block;
float: left;
height:27px;
line-height:27px;
margin:0 !important;
padding:0 0 5px !important;
width:24px;
}

fieldset {
text-align: left;
}

.radiobuttons {
float: left;
margin: 0px;
width: 400px;
}

#commentForm .radiobuttons {
float: right;
width: 425px;
}

#reviewForm .radiobuttons {
width: 350px;
}

.wideradiobuttons {
width: 600px;
}

#commentForm .radiobuttons {
float: right;
width: 425px;
}

#reviewForm .radiobuttons {
width: 350px;
}

span.req {
color:Red;
font-weight:bold;
}

#donateForm label, #commentForm label, .searchbar label, .sortbar label, #reviewForm, #askquestion label, #registerForm label {
float: left;
font-weight: bold;
text-align: right;
width: 230px;
width: 150px;/* Fix until Natalie can see the flexbox fileds */
font-size: 0.9em;
margin-right: 10px;
position: relative; /* stoopid ie 6 */
}

.sortbar label {
  padding-top: 1px;
}

#reviewForm, #askquestion label {
width: 100%;
text-align: left;
margin-top: 15px;
}
/*
#registerForm label {
  width: 50px;
  font-size: 1.1em;
  margin-top: 3px;
}
*/

#commentForm label.normalsize, #reviewForm label.normalsize {
width: 320px;
font-weight: normal;
margin: 2px 0px 0px 5px;
text-align: left;
}

#commentForm input.radio2, #reviewForm input.radio2, input.radio2 {
float: left;
height: 15px;
width: 15px;
}

.formline {
clear: both;
padding: 5px 0px;
}

.formlinewide

.payment {
height: 100px;
}

.inputbox {
background:#FFF;
border:1px solid #CCC;
float:left;
padding:5px;
width:250px;
}

#donateForm .inputbox, #commentForm .inputbox, #reviewForm .inputbox {
width: 410px;
}

#askquestion .inputbox {
  width: 425px;
}

#registerForm .inputbox {
  width: 395px;
}

#donateForm select.inputbox {
width: 422px;
}

#ccfee, .cctotal {
float: right;
text-align: right;
width: 150px;
font-weight: bold;
}

#donateForm .ccnum input {
width: 89px;
margin-right: 6px;
}

#donateForm #expiry_month, #donateForm #expiry_year {
width: 208px;
margin-right: 6px;
}

#donateForm .module2 {
margin-left: 70px;
}


/* page layout */
.maincolumn {
float:left;
width:615px;
}

.fullformcolumn, .fullformcolumnwide {
text-align: center;
margin: 0px auto;
float: none;
}

.fullformcolumnwide {
width: 820px;
}

#agreetosignup, .inlineformelement, .formbottomcheckbox  {
  margin: 4px 0px 0px 190px !important; 
  width: 15px !important; 
  height: 15px; 
  line-height: 100%; 
  padding: 0px !Important; 
}

.fullpageform input.radioLarge, .maincolumn input.radioLarge {
  border:0 none;
  float:left;
  height:10px;
  margin:5px -5px 0 0;
  padding:0;
  width:10px;
}

.rightcolumn {
background: url(/images/fixed/rightcolumn-bottom.png) no-repeat 0 100%;
float:right;
height:1%;
width:310px;
margin-top: 20px;
font-size: 0.9em;
}

.rightcolumn1 {
background: url(/images/fixed/rightcolumn-top.png) no-repeat 0 0;
height:1%;
padding:10px 12px;
}

/* homepage */
.messagebox, .failmessagebox, .reviewdetails {
padding: 15px;
margin: 20px 0px;
}

.positivereview {
background:#E8F0D2;
border:4px solid #C6DA94;
}

.negativereview {
background:#ffd8dd;
border:4px solid #ff8896;
}

.homecause {
width: 32%;
float: left;
margin-right: 1.5%;
margin-bottom: 20px;
}

.homecausetop, .homecausebottom {
padding: 10px;
}

.homecausetop {
border: 1px solid #e6e6e6;
height: 165px;
}

.homecausebottom {
background: #e6e6e6;
font-size: 0.9em;
height: 70px;
}

.lastcolumn {
margin: 0px !important;
}

.keyinfo {
float: right;
width: 160px;
}

.twocolumn {
float:left;
margin-right:35px;
width:48%;
}

.biopicture {
margin-bottom:20px;
padding:15px 15px 5px 15px;
text-align:center;
}

.menuimages {
margin:15px 0px 0px 0px;
}

a.backlink, a.backlink:visited {
display:block;
float:left;
margin: 30px 10px 0px 0px;
width: 20px; 
}

a.nextlink, a.nextlink:visited {
margin: 30px 0px 0px 10px;
float: right;
width: 20px;
}

p.gallerylinks {
margin-top: 10px;
font-size: 0.9em;
}

.module3 {
margin:5px 0 20px 0;
padding:10px 10px 5px 10px;
}

.module3 .keyinfo {
float: none;
width: 100%;
}

.module3 .keyinfo span.label {
width: 80px;
float: left;
}

.module3 .keyinfo .lineitem, .moneyinfo .lineitem {
margin-bottom: 5px;
}

.moneydetails {
height:1%;
margin:-5px 0px 15px 0px;
padding: 5px 10px;
}


/*Donate page */

.module {
margin-bottom: 40px;
}

.module2 {
background: url(/images/fixed/module2a.png) no-repeat 100% 100%;
margin:15px 0;
width:450px;
}


.module2a {
background: url(/images/fixed/module2.png) no-repeat 0 0;
height:1%;
padding:15px;
}

.feature {
float: left;
padding-right: 10px;
}

/* Success spage */

.thanksforcomment {
background: #79a531;
padding: 5px;
color: #fff;
margin-top: 20px;
}


.donationinfo {
width: 450px;
margin: 0px auto 15px auto;
}

.updateSectionBlock .donationinfo {
width: 100%;
margin: 10px 0px;
}

.donationdetails {
padding: 10px 10px 25px 10px;
width: 320px;
}

.donationamount {
color:#79A531;
font-size:1.2em;
font-weight:bold;
}

/* Browse page */
.browseheader {
position:relative;
}

.browsedetails {
  text-align: right;
  width: 600px;
  display: block;
  float: right;
  position: relative; /* ie6 fix */
  padding-top: 2px;
}

.browseheader ul {
height:30px;
margin:0;
padding:0;
width:100%;
}

.browseheader ul li {
float:left;
height:30px;
list-style: none;
margin:0 2px 0 0;
padding:0;
width:100px;
}

.browseheader ul li.alltab {
width: 70px;
}
html>body .browseheader ul li.alltab{
  width: auto;
  min-width: 70px;
}

.browseheader ul li.orgstab {
  width: 100px;
}
html>body .browseheader ul li.orgstab{
  width: auto;
  min-width: 100px;
}

.browseheader ul li.causestab {
  width: 160px;
}
html>body .browseheader ul li.causestab{
  width: auto;
  min-width: 100px;
}

.browseheader ul li.eventstab {
  width: 140px;
}
html>body .browseheader ul li.eventstab{
  width: auto;
  min-width: 80px;
}

.browseheader ul li.peopletab {
  width: 80px;
}
html>body .browseheader ul li.peopletab{
  width: auto;
  min-width: 80px;
}

.browseheader ul li a, .browseheader ul li a:visited {
display:block;
height:30px;
font-family:tahoma !important;
text-align: center;
font-weight:bold;
text-decoration:none;
cursor: pointer;
}

.browseheader ul li a span, .browseheader ul li a:visited span {
display:block;
height:30px;
line-height:30px;
padding-left:10px;
padding-right:10px;
}

.browseheader a.rssicon, .browseheader a.rssicon:visited {
background: url(/images/fixed/button_rss_whitebg.gif) right center no-repeat;
color:#333;
height:29px;
line-height: 29px;
padding:0;
position:absolute;
right:0;
top:0;
padding-left: 35px;
font-size: 0.9em;
width:165px;
}
.browseheader a.rssicon span, .browseheader a.rssicon:visited span { float:left; margin-top:5px; }

.searchbar {
background: #000 url(images/custom/search-bar.png) repeat-x 0 0;
height:40px;
line-height:40px;
margin:0;
padding:0 5px;
position:relative;
}

label.searchlabel {
margin-right: 15px;
width: 45px;
text-align: left;
color:#FFF;
height:40px;
line-height:40px;
margin-left:10px;
}

.sortbar label {
text-align: left;
width: 60px;
margin-top: 2px;
}

.searchbar input.inputbox {
margin-top:6px;
padding: 7px;
border: 0px;
}

input.gosearch {
border:0 none;
cursor:pointer;
font-weight:bold;
height:40px;
line-height:40px;
margin:0;
padding:0 0 3px;
width:34px;
}

a.findfriend, a.findfriend:visited {
font-size: 0.9em;
}

.threecolumn {
float:left;
margin:0 10px 0 0;
width:305px;
}

.threecolumn ul {
margin: 15px 0 0 0;
padding: 0px;
}

.threecolumn ul li {
list-style: none;
margin: 0 0 10px 0;
}

.sortbar {
padding: 7px;
margin-top:0px;
position:relative;
}

.sortbar select {
margin-top: 3px;
}

.listingsinfo {
right:10px;
position:absolute;
line-height: 20px;
font-size: 0.9em;
}

.causelisting {
margin:0;
padding:10px;
border-bottom: 1px solid #ccc;
}

.evenlisting {
background:#EEE;
border-bottom:2px solid #999;
border-top:2px solid #999;
}

.causelisting .moneyinfo {
margin-top:10px;
float:right;
width:155px;
font-size: 0.9em;
}

span.label {
font-weight: bold;
}

.keycauseinfo_narrow {
float:left;
margin-left:10px;
width:400px;  
}

ul#number {
margin: 10px 0 20px 0px;
overflow:hidden;
width:50%;
padding: 0px;
}

ul#number li {
float:left;
list-style: none;
margin:0 2px;
}

ul#number li a {
background:#EFEFEF;
border:1px solid #CCC;
display:block;
padding:3px 5px;
text-decoration:none;
font-size: 0.9em;
color: #666;
}

ul#number li a.active {
border:1px solid #EFEFEF;
color:#000;
font-weight:bold;
}

ul#number li a:hover {
background:#ccc;
border:1px solid #CCC;
}

.keycauseinfo_medium {
width:630px;
}

.givereceivemoney {
float:left;
font-weight:bold;
margin: 4px 5px 2px 0;
padding: 0px 4px;
width: 330px;
font-size: 0.9em;
}

.shortgivereceive {
  width: 170px;
}

.givereceivemoney p {
line-height: 34px;
margin: 0px;
}

#progbarouter {
float:left;
height:22px;
margin: 6px 5px 0 2px;
padding: 0px;
width:170px;
}

p.dollarsraised, p.raised {
font-size:0.9em;
font-weight:bold;
margin: 0px;
float:left;
}

p.raised {
margin: 0px 0 0 3px;
width:50px;
}

p.raised {
margin: 0px 0 0 3px;
width:45px;
}

p.raisedlong {
  width: 150px;
}

.amountraisedbox {
  float: left;
  width: 200px;
}

.donationaim {
  padding-top: 12px;
  float: left;
  font-size: 0.9em;
  width: 190px;
}

/* Cause */
.donationamount {
color:#79A531;
font-size: 0.9em;
font-weight:bold;
float: left;
width: 95px;
text-align: right;
}

.latestdonationrightcolumn .donationinfo {
width: 100%;
margin: 0px 0px 10px 0px;
}

.verticallistings {
float: right;
width: 315px;
padding: 10px 10px 10px 25px;
}

.updateSectionBlock .verticallistings {
width: 780px;
}

p.donationcomment {
color:#666;
display:block;
font-size: 1.2em;
font-weight:normal;
float: left;
font-family:georgia;
width:245px;
}

p.donationcomment .donationcommentdetails {
font-size: 0.9em;
}

.reviewdetails .donationcomment {
  font-size: 1.2em;
  color: #000
}

.reviewdetails .reviewcommentdetails {
  font-size: 0.9em;
  display: block;
  color: #666;
}

.updateSectionBlock p.donationcomment {
width: 700px;
}

.contentlist {
margin-bottom: 15px;
}

.viewall {
font-size: 0.7em;
}

.updatetabs {
height:30px;
padding:8px 0 0 3px;
position:relative;
margin-bottom: 10px;
}

.updatetabs ul {
bottom:0;
left:10px;
margin:0;
padding:0;
position:absolute;
width:700px;
}

.updatetabs ul li {
float:left;
list-style: none;
margin:0;
padding:0 2px;
width:80px;
}

.updatetabs ul li a, .updatetabs ul li a:visited {
display:block;
height:31px;
line-height:31px;
text-align:center;
text-decoration:none;
width:100%;
}

.updatetabs ul li a span, .updatetabs ul li a:visited span {
display:block;
font-weight:bold;
height:31px;
line-height:31px;
text-align:center;
text-decoration:none;
font-size: 0.9em;
}

.subscribeoptions {
float:right;
width:200px;
}

a.rssicon, a.rssicon:visited, a.emailicon, a.emailicon:visited {
display:block;
float:left;
font-size: 0.9em;
height:19px;
line-height:19px;
padding-left:22px;
}

a.emailicon, a.emailicon:visited {
margin-left:20px;
}

.questionbox {
height:1%;
margin:15px 0;
padding:15px;
}

#showReviewSection a.button1, #showReviewSection a.button2 {
float: left;
margin-right: 10px;
}

.radiofloated {
float:left;
width:60px
}

#reviewForm .radiofloated label {
width: 20px;
}

p.updatedate {
clear:both;
float:left;
margin-top: 10px;
width:70px;
}

p.updatedate span {
font-size: 0.9em;
font-weight:bold;
padding:5px;
text-align:center;
}

.question {
background:#EFEFEF;
padding:10px 15px;
margin-bottom: 10px;
}

.questionicon {
color:#666;
display:block;
float:left;
font-size:1.5em;
height:19px;
margin:0px;
width:30px;
}

.answer .questionicon {
  margin-left: 15px;
}

.whosaidit {
 color:#666;
font-weight:bold;
padding-top:10px;
font-size: 0.9em;
}

#submitemailupdate, a#cancelemailupdate {
  float: right;
}

.slides {
    position: relative;
    height: 80px;
    display: block;
    margin: 10px 0px;
}

.slides .causepic {
position: absolute;
  float: left;
}

a.menupic 
{
  margin-top:16px;
  width: 30px;
  height: 36px;
}
a.menupic:hover 
{
  cursor:pointer;
  border: 4px solid #3F4F17;
  width: 30px;
  height: 36px;
}
.selecteditem {
  background: #efefef;
}

.update {
  margin-top: 30px;
}
/* get widgets page */
.widgetiframe {
margin: 0px 7px 0px 10px; 
padding: 0px; 
float: left; 
width: 240px;
}

.widgetiframe iframe {
margin-top: 5px;
}

.iframe2 {
width: 167px;
height: 325px;
margin-left: 0px;
}

.iframe3 {
width: 390px;
height: 140px;
margin: 0px;
}

#widgetForm textarea {
width: 820px;
height: 100px;
}

/* event */
.eventdetails {
padding: 5px;
}

.shareandupdate {
border-bottom:1px solid #CCC;
margin: -10px 0px 20px 0px;
padding:5px;
text-align:left;
}

.mysharebutton {
  padding-bottom: 7px;
}

.mysharebutton a.stbutton {
background:url(/images/fixed/share.png) 0px 0px no-repeat;
margin: 0px;
width:80px;
padding-left: 20px;
}
.expandablehist {
  padding: 0px 60px 0px 0px;
}

.commenttext {
  background: #efefef url(/images/fixed/comment-bubble-

bottom.png) 0% 100% no-repeat;
  padding: 15px;
  margin: 10px 0px 5px 0px;
}
p.updateinfo {
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 20px !important;
}


/*failed donation */
.noResults {
text-align: left;
}

/* Donation receipt*/
#receipt table {
background:#F5FBEE;
border:1px solid #B7D095;
margin-left:2px;
width:100%;
border-collapse:collapse;
text-align: left;
font-size: 0.65em;
}

#receipt td {
border:1px solid #B7D095;
font-size:1.5em;
padding:0.3em 1em;
}

.addresscell {
background:#FFF;
}

.receiptlogo {
float: left;
border: 3px solid #ccc;
margin: 15px 15px 15px 0px;
}

#receipt h2, #receipt p {
float:right;
margin:0;
padding: 3px 0;
text-align:right;
width:400px;
}

#receipt p.smalltext {
font-size: 0.9em;
color: #333;
}

#receipt td.titlecell {
background:#DEF0C1;
text-transform:uppercase;
}

p.receiptlinks {
text-align: right;
margin: 15px 0px 10px 0px;
}

p.bottompara {
text-align: left;
}

.donorpopups .clear
{
height: 0px !important;
}

.selectedsummary {
  background: #efefef;
  padding: 10px;
  margin:0px;
}

/* Plain content pages */
.plaincontent {
text-align: left;
}

.plaincontent ul, .twocolumn ul {
  margin: 10px 0px 0px 20px;
}

.plaincontent ul li, .twocolumn ul li {
  margin: 0px 0px 7px 10px;
}

/* widgets */


a img {
border: 0px;
}
.widget1, .widget2, .widget3 {
width: 150px;
font-size: 12px;
}

.widget2 {
width: 223px;
position: relative;
}

.widget2a {
height: 230px;
}

.widget3 {
width: 330px;
}

.widget1-top, .widget1-content, .widget2-content {
padding: 5px;
}

.widget2-top {
padding: 5px 10px;
position: absolute;
top: 0px;
}

.widget1 h3, .widget2 h3, .widget3 h3 {
font-size: 1.2em;
text-align: center;
margin: 0px;
}

.widget3 h3 {
text-align: left;
margin-bottom: 7px;
}

.widget1-content h4, .widget3-content h4 {
font-size: 0.95em;
margin: 4px 0px 0px 0px;
}

.widget2-content h4 {
font-size: 1.1em;
margin: 4px 0px 0px 0px;
}

.widget3-content h4 {
font-size: 0.9em;
margin: 0px;
padding: 3px 0px 0px 0px;
line-height: 100%;
}

.widget3-content {
width: 322px;
float: left;
padding: 7px 0px 4px 7px;
}

.widget2-content {
padding: 10px;
background: none;
border: 0px;
position: absolute;
top: 45px;
}

.leftimage {
float: left;
width: 48px;
border: 2px solid #ccc;
margin-right: 5px;
}

.widget1-content p, .widget2-content p, .widget3-content p {
margin: 0px;
font-size: 0.85em;
float: left;
width: 77px;
line-height: 115%;
}
 .widget2-content p {
 width: 144px;
 }

.widget3-content p {
width: 105px;
} 
 
.details {
width: 100px;
float: left;
}
 
 .progress {
 float: right;
 width: 155px;
}

.widget1-content p.fulllength, .widget2-content p.fulllength {
width: 100%;
float: none;
}

.widget2-content p.fulllength {
margin: 10px 0px;
}


a.donate-button, a.donate-button:visited {
display: block;
width: 50px;
height: 30px;
color: #fff;
text-decoration: none;
font-size: 0.6em;
text-align: left;
line-height: 120%;
float: left;
margin: 10px 0px 0px -1px;
line-height: 30px;
padding-left: 30px;
}


.widget3 a.donate-button, .widget3 a.donate-button:visited {
margin: 5px 0px 0px 0px;
}

a.donate-button strong {
display: block;
font-size: 1.5em;
padding: 2px 0px;
}

a.widget3-button strong {
display: inline;
}

a.widgetlogo, a.widgetlogo:visited {
font-size: 0.65em;
text-decoration: none;
margin: 10px 0px 0px 0px;
float: right;
width: 50px;
display: block;
}

.widget2 a.widgetlogo, .widget2 a.widgetlogo:visited {

}

.widget3 a.widgetlogo, .widget3 a.widgetlogo:visited {
margin: 2px 5px 0px 5px;
width: 50px;
font-size: 0.7em;
}

a.widgetlogo img {
vertical-align: top;
width: 40px;
height: 24px;
}

.inlineshare {
    float: left;
    width: 100px;
}

.inlineshare .mysharebutton {
  border: 0px;
  padding: 0px;
}

.viewcomments {
    border-left: 1px solid #ccc;
    padding-left: 5px;
}

.commentsrefresh {
  margin-top: 10px;
}

.nosearchresults {
padding: 15px;
margin-top: 10px;
}

.nosearchresults ul {
margin: 0px 0px 20px 40px;
}

.homebanner1 {
display: none;
}

.homebanner2 {
display: none;
}

#errorExplanation
{
  margin-left:5px;
  margin-right:5px; 
}

#errorExplanation ul {
margin-bottom: 0px;
}

#errorExplanation, div.flash, .nodata, .warning 
{
	border:2px solid;
	font-size:1.4em;
	margin-bottom:12px;
	padding: 10px;
}

.error{ color: #FF0000 !important; font-weight: bold; font-size: 1.3em !important; padding:3px 0 3px 5px; }
#errorExplanation li
{
	font-size: 0.9em;
	color: #333;
	margin: 0px 0px 5px 16px;
	list-style-type: disc;
	line-height: 1.0em;
background: none;
padding-left: 0px;
}
div.flash.error, #errorExplanation {
	background:#FFE3E3 /* url(/images/fixed/cross.png) no-repeat scroll 5px 5px */;
	color: #DD0000;	
}

ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #0; }
li p 			{ color: #000 }
#steps				{ width: 540px; height: 32px; margin: 0 auto; overflow:hidden}
#steps li			{ float:left; margin:0; list-style: none; border-right: 1px solid #fff; font-weight: bold; font-size: 1.1em; color: #333; height: 32px}
#steps li a			{ text-decoration:none; float:left; margin:0; font-weight: bold; font-size: 1.1em; padding: 7px 20px 0px 25px; height:25px; color: #000 !Important; }
#steps li a:hover	{ text-decoration:underline; background: none;}
.num1 				{ color: #6D9F44; background:url(/images/fixed/num_one_active.png) 0px 2px no-repeat;}
.num1Passive 		{ color: #333333; background:url(/images/fixed/num_one_passive.png) 0px 2px no-repeat; border: none !important}
.num1Passive a		{ color: #333333; background:url(/images/fixed/num_one_passive.png) 0px 2px no-repeat; }
.num2 				{ color: #6D9F44; background:url(/images/fixed/num_two_active.png) 0px 2px no-repeat}
.num2Passive a		{ color: #333333; background:url(/images/fixed/num_two_passive.png) 0px 2px no-repeat}
.num2Passive 		{ color: #333333; background:url(/images/fixed/num_two_passive.png) 0px 2px no-repeat; border: none !important}
.num3 				{ color: #6D9F44; background:url(/images/fixed/num_three_active.png) 0px 2px no-repeat;}
.num3Passive a		{ color: #333333; background:url(/images/fixed/num_three_passive.png) 0px 2px no-repeat}
.num3Passive 		{ color: #333333; background:url(/images/fixed/num_three_passive.png) 0px 2px no-repeat; border: none !important}
.num4 				{ color: #6D9F44; background:url(/images/fixed/num_four_active.png) 0px 2px no-repeat}
.num4Passive a		{ color: #333333; background:url(/images/fixed/num_four_passive.png) 0px 2px no-repeat}
.num4Passive 		{ color: #333333; background:url(/images/fixed/num_four_passive.png) 0px 2px no-repeat; border: none !important}
.num5 				{ color: #6D9F44; background:url(/images/fixed/num_five_active.png) 0px 2px no-repeat;}
.num5Passive a		{ color: #333333; background:url(/images/fixed/num_five_passive.png) 0px 2px no-repeat}
.num5Passive 		{ color: #333333; background:url(/images/fixed/num_five_passive.png) 0px 2px no-repeat; border: none !important}
.num6 				{ color: #6D9F44; background:url(/images/fixed/num_six_active.png) 0px 2px no-repeat}
.num6Passive a		{ color: #333333; background:url(/images/fixed/num_six_passive.png) 0px 2px no-repeat}
.num6Passive 		{ color: #333333; background:url(/images/fixed/num_six_passive.png) 0px 2px no-repeat; border: none !important}

/* for non clickable steps */
#steps li p { font-weight: bold; font-size: 1.1em; padding: 7px 20px 0px 25px; height:25px; color: #333; }
.registerform h1 {text-align:center;}
.fullpageform input.mediuminput, .fullpageform select.mediuminput, .fullpageform textarea.mediuminput {
  width:250px;
}
#donateForm input, #donateForm select, #donateForm textarea,
.fullpageform input, .fullpageform select, .fullpageform textarea,
input.inputbox, textarea, sortform select , p.inputtext{
  border: 1px solid #ccc;
  padding: 5px;
  width: 250px;
  float: left;
  font-size: 1.3em;
  font-size: 1.0em;
  margin-left: 10px !important;
  background: #fff;
}
#donateForm label, #voucherForm label, .fullpageform label {
  float:left;
  font-family:verdana,arial !important;
  font-size:1.3em;
  font-weight:bold;
  text-align:right;
  width:180px;
}
.fullpageform label {
  width: 100px; 
  float: left; 
  font-size: 1.1em; 
  font-weight: bold; 
  text-align: right;
}
#registerForm label.radiobuttonLarge {
  font-weight:normal !important;
  margin-left:10px;
  margin-top:4px;
  text-align:left;
  width:310px;
}
#donateForm input.radio2, #voucherForm input.radio2, .fullpageform input.radio2 {
  background:transparent none repeat scroll 0 0 !important;
  border:0 none;
  float:left;
  height:24px;
  margin:0 2px 0 10px !important;
  padding:0 !important;
  width:15px;
}

.widgetform {
width:920px;
}

#donateForm .normalsize, #voucherForm .normalsize, .fullpageform .normalsize, .widgetform .normalsize {
  font-weight:normal;
  margin-left:10px;
  text-align:left;
  width:180px;
}
#registerForm .radioButton {
  padding-left:5px;
  width:70px !important;
  text-align:left;
}
.box {
  border:0 none !important;
  width:auto !important;
}

/*login form ++++++++++++++++++++++++++++*/
#login-wrapper  {
  background: #abdaed; 
  margin:0px;
  border: solid 1px #abdaed;/*border prevents Google.chrome from adding margin*/
} 
#login-wrapper .fullpageform label, #signupform .fullpageform label {
  font-size: 1.0em; 
  width:110px;
  margin-top:5px
}
#signupform .fullpageform label { width:150px; }
#login-wrapper .fullpageform input[type=text], #signupform .fullpageform input[type=text],
#login-wrapper .fullpageform input[type=password], #signupform .fullpageform input[type=password]{
  margin-left:5px !important;
}
#signupform .fullpageform input[type=text], #signupform .fullpageform input[type=password]{
  width:240px;
}
#login-wrapper .button2b{ float:right; margin-right:30px;}
#signupform .button2{ float:right; margin-top:10px;}

#login-top {
  width: 410px;
  height: 10px;
  background: url("/images/fixed/login-top-bg.gif") no-repeat;
  border:0 none;
}
   
#login-bottom {
  width: 410px;
  height: 10px;
  background: url("/images/fixed/login-bottom-bg.gif") no-repeat;
  border:0 none;
}   
  

.rightbutton, .fullpageform input.rightbutton, #loginForm .rightbutton {
  border:0 none;
  float:right !important;
}

form#signupform h3{
  background: #abdaed url(/images/fixed/form-header-left.gif) no-repeat scroll 0px 0px;
  margin-top:0px;
  padding:0;
  padding-left:10px;
  line-height:28px;
}
form#signupform h3 span{
  background: transparent url(/images/fixed/form-header-right.gif) no-repeat scroll 100% 0;
  display:block;
}
/*end of login form ++++++++++++++++++++++++++++*/

.plus {
  background:transparent url(/images/fixed/plus2.gif) no-repeat scroll left center;
  display:block;
  float:left;
  height:14px;
  margin:3px 0 0 7px;
  padding-left:17px;
  text-decoration:none;
}
.minus {
  background:transparent url(/images/fixed/minus.png) no-repeat scroll left center;
  display:block;
  float:left;
  height:14px;
  margin:3px 0 0 7px;
  padding-left:17px;
  text-decoration:none;
}
#fb_ctr, #ev_ctr { margin-left:245px; margin-left:170px; /* Fix until Natalie can see all flex boxes */}
.ffb {
  background-color:#EEEEEE;
  border-bottom:1px solid #999999;
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  left:160px;
  overflow:hidden;
  position:absolute;
}
.ffb .content .row {
  border-bottom:1px solid #999999;
  clear:both;
  font-size:1.3em;
  padding:6px 0 6px 16px;
}
.ffb .content { overflow:auto; }
.ffb-match{ background-color:#FFFFFF; }
.ffb .paging { margin:2px; vertical-align:middle; }
.ffb .summary { float:right;font-size:85%; }
.ffb .page, .ffb a.page {
  background-color:#EEEEFF;
  border:1px solid #333399;
  float:left;
  font-size:85%;
  margin:2px;
  padding:2px;
}
.beneficiaryBox {
  background-color:#EEEEEE;
  border:1px solid #999999;
  color:#333333;
  float:left;
  font-size:1.5em;
  margin-left:5px;
  padding:6px 16px;
  width:378px;
}

textarea {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  float:left;
  font-size:1.3em;
  margin-left:10px !important;
  padding:5px;
  width:250px;
}
.fullpageform textarea {
  font-family:verdana;
}
.fullpageform textarea{
  width:410px;
}

.helppopup 
{
  border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
  
  
  
  background:#72A241 url(/images/fixed/helppop.png) no-repeat scroll 0 0;
  color:#FFFFFF;
  font-size:1.2em;
  padding:40px 20px 10px 10px;
  position:absolute;
  right:0;
  top:0;
  width:140px;
  z-index:1;
}
#ajaxloading {display:none;}

div.flash.notice 
{
	background:#E4EECC;
	border-color:#92B63D;
	border-width: 4px;
	color:#3e6938;
}

div.flash {
	margin-top:8px;
	height: 20px;
}

.module6 {
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #CCC;
margin:5px 0 20px;
padding:10px;
}

.module6 .keyinfo {
width: 310px;
}

.module6 .keyinfo .button2a {
margin-top: 10px;
}

.module5 {
background: #fff url(/images/fixed/module5-bottom.png) 0% 100% no-repeat;
margin-bottom: 20px;
height: 1%;
}

.module5 h3 {
background: url(/images/fixed/module5-top.png) 0px 0px no-repeat;
color: #fff;
padding-left: 10px;
line-height: 36px;
font-size: 1.8em;
}

ul.bullets {
margin: 10px 0px 10px 20px;
padding: 0px;
float: left;
width: 43%;
}


ul.bullets li {
list-style: none;
background: url(/images/fixed/bullet2.png) 0px 4px no-repeat;
padding-left: 15px;
margin: 0px 0px 5px 0px;
font-size: 1.4em;

}

.fullwidthcontent { margin-bottom:15px; }
.benefits {
	border-bottom:1px solid #CCCCCC;
	padding:0 0 3px;
}
.benefits h5 { padding-top:5px; }
.benefits img {
	border:3px solid #CCCCCC;
	float:left;
	margin-right:10px;
	width:30px;
}
.fundraiseremailaddresses{
	float:right; margin-top:5px;
}