.resetPassword				{ float:right; display:block; background:url(/images/chrome/button_resetpassword.gif) no-repeat; width: 157px; height: 29px; margin-right:7px}
.save				          { float:right; display:block; background:url(/images/chrome/button_save.png) no-repeat; width: 59px; height: 24px; margin-right:7px}

h1.error a { background: none; }

h1.nomargin { margin-left: 0px; }

.line h2 { font-weight: bold; }
/*#footer { height: 80px; }*/

.middleMain2 p.entitytype { font-size: 1.1em; color:#666 }

p.updateinfo { color:#999; font-size:10px; width:560px; }

.confirmbox {
	font-size: 1.2em;
}

a {cursor: pointer; }

.confirmbox a
{
	font-size: 1.3em;
	color: Red;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;	
}

.bigfeature-top 
{
  width: 704px;
  height: 17px;
  background: url("/images/chrome/big-border-top.png") no-repeat;
  padding-top: 0;
  margin: 0;
}

.bigfeature2 
{
  width: 704px;
  background: url("/images/chrome/big-border-heading.png") repeat-y;
  position: relative;
}
.bigfeature2 h2  { color: #fff; text-transform:uppercase;font-weight: bold; font-size: 1.5em; padding: 0px 0 5px 12px;
                   margin: 0;}
.bigfeature2 ul		{ list-style-type: none; padding: 0; 
               		  margin: 0; 
               		  position: absolute;
               		  right: 20px;
               		  top: -3px; 
               		  }
.bigfeature2 li			{ color: #000; text-decoration: none; display: block; 
               			  float: right;
               			  padding: 0px 0px 0px 0px;}
.bigfeature2 li a		{ color: #fff; text-decoration: none;
                 		  display: block;
                 		  margin: 0;
                 		  padding: 0;
                 		  font-size: 1.1em;
                 		  text-transform: uppercase; }
.bigfeature2 li a:hover	{ color: #fff; text-decoration: underline }
.bigfeature2 li a.leftArrow { color: #fff; vertical-align:middle; padding-left: 10px; padding-top: 0px; 
           				  background-image: url(/images/chrome/arrow-white-left.gif); background-repeat: no-repeat;
           				  background-position: left .4em;
           				  }
.bigfeature2 li a.rightArrow	{ color: #fff; vertical-align:middle; padding-right: 10px; padding-top: 0px; background-image: url(/images/chrome/arrow-white.gif); background-repeat: no-repeat;  background-position: right .4em;}


.bigfeature li a
{
	font-size:1.1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1em;
	padding-top:14px;
	text-transform:uppercase;
}

.bigfeature li a.leftArrow
{
	background-position: left 20px;
}

.bigfeature li a.rightArrow
{
	background-position: right 20px;
}

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

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

div.flash.error, #errorExplanation {
	background:#FFE3E3 /* url(/images/chrome/cross.png) no-repeat scroll 5px 5px */;
	color: #DD0000;	
}

#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: 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;
}

.steps20
{
	margin-top: 20px;
}

/*.stdform label		{ float:left; width: 208px; font: bold 1.0em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2d2924; padding-top: 3px}
.stdform label span	{ font: normal 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif !Important; letter-spacing: 0px}
.stdform input		{ float:left; width: 255px}
.stdform select		{ float:left; margin:0; width: 260px; margin-bottom: 5px}
.stdform textarea	{ float:left; width: 380px; height: 50px; font: normal 1.0em/1.0em Verdana, Arial, Helvetica, sans-serif;}*/

.next { cursor: pointer; border: none; }
.finish { cursor: pointer; border: none; }

.helpTip
{
	position: absolute;
  margin-top:0px;
	z-index: 1000;
	background: url(/images/chrome/hpop-header.gif) no-repeat 10px 0px;  	
	width:200px;
}

.helpTipText
{
	background: #72a241;
	color: #fff;
	padding:6px 10px 20px 14px;
	position: relative;
	top: 14px;
	left: 10px;	
	font-size: 1.2em;
}

.submitResetPassword { width: 160px !important; height: 24px !important; border: none; background: url(/images/chrome/button_reset_password.png) no-repeat; color: #fff; font-weight: bold; font-size: 1.2em; text-transform:uppercase; margin-top: 5px; float: right; }

.progressfill { height: 14px;padding: 0px 0px 0px 0px; background-color: #72A241; margin-top: 2px;}

p.description { height: 80px; }

.graph-stats-wide { width:300px; float:left; padding-right: 5px;}
.graph-links-narrow { width:90px; float:left; padding-right: 0px;}

/* date picker specific styles */

table.jCalendar {
	border: 1px solid #000;
	border: none;
	border-left: 1px solid #ccc;
	background: #f5f5f5;
  border-collapse: separate;
  border-spacing: 0px;
}
table.jCalendar th {
	background: #fff;
	border: 1px solid #ccc;
	border-left: none;
	color: #444;
	font-weight: bold;
	padding: 2px 4px 2px 6px;
}
table.jCalendar td {
	background: #e9e9e9;
	border: 1px solid #ccc;
	border-left: none;
	border-top: none;
	color: #000;
	padding: 2px 4px 2px 4px;
}
table.jCalendar td.other-month {
	background: #f7f7f7;
	color: #aaa;
}
table.jCalendar td.today {
	background: #e9f6d1;
	color: #79a641;
}
table.jCalendar td.selected {
	background: #79a641;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: white;
	color: #79a641;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: white;
	color: #79a641;
	font-weight:bold;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

div.dp-popup {
	position: relative;
	background: #f5f5f5;
	font-size: 10px;
	padding: 0px;
	width: 162px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* Bookmarks */
.googlebm, .yahoobm, .reportpage { color: #458554; vertical-align:middle; padding-left: 28px; padding-top: 0px; background: url(/images/icons/icon_google.png) left 0px no-repeat;}
.yahoobm { background: url(/images/icons/icon_yahoo.png) left 0px no-repeat;}
.reportpage		  { background: url(/images/icons/icon_report.png) left 0px no-repeat;;}


/* Email a friend styles */
#eaf				{ width: 100%; background-color:#E2F7BB; overflow:hidden;
						border-top: 2px solid #fff; margin-bottom: 7px}
#eaf li			{ float:left; width: 400px; list-style: none; margin:0; padding:5px 0 5px 14px; 
						overflow:hidden; height: 1%}
#eaf li img		{ vertical-align: middle; margin:0 20px 25px 0}		
#eaf li p			{ clear:both; font: normal 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif; 
						color: #2d2924; padding-top: 3px; letter-spacing: 0px}					

a.dp-choose-date {
  background:transparent url(/images/calendar.png) no-repeat scroll 0 0;
  display:block;
  float:left;
  height:16px;
  margin:5px 3px 0;
  overflow:hidden;
  padding:0;
  text-indent:-2000px;
  width:16px;
}

/*image replacement
++++++++++++++++++++++++++++*/
.replace {
position: relative;
/* hide from IE5Mac \*/
overflow: hidden;
/* end hide */
}

.replace em {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
}

#menuHead {
	list-style-type: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 700px;
	height: 30px;
	margin: 0;
	padding: 0 0px 0px 10px;
  
}

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

#menuHead li a {
	display: block;
	height: 30px;
	margin:0;
}

#menuHead li a.halfround{
  height:30px;
  line-height: 30px;
  background: url(/images/chrome/main-other-right.png) 100% 0% no-repeat;
  color:white;
  font-weight:bold;
  font-size: 1.1em;
  cursor:pointer;
  text-decoration:none;
  display:block; 
  padding: 0px !important;
  margin:0 0px 0px 5px;
}

#menuHead li a.halfround span {
  display: block;
  height:30px;
  line-height: 30px;
  background: url(/images/chrome/main-other-left.png) 0% 0% no-repeat;
  color:white;
  font-weight:bold;
  font-size: 1em;
  cursor:pointer;
  text-decoration:none;
  padding: 0px 15px; 
}

#menuHead li a.halfround.current {
  background: url(/images/chrome/main-current-right.png) 100% 0% no-repeat;
}

#menuHead li a.halfround.current span {
  background: url(/images/chrome/main-current-left.png) 0% 0% no-repeat; 
}


#menuHead li a.halfround:hover, #menuHead li a.halfround:visited:hover{
  background: url(/images/chrome/main-current-right.png) 100% 0% no-repeat;
  text-decoration:none; 
}

#menuHead li a.halfround:hover span, #menuHead li a.halfround:visited:hover span{
  background: url(/images/chrome/main-current-left.png) 0% 0% no-repeat;
  text-decoration:none; 
}


#menuHead li.replace a.halfround, #menuHead li.replace a.halfround:hover{
  background: rgb(48,47,47) url("/images/chrome/browse-replace.png") repeat-x;
  border:solid 1px gray;
  text-decoration:none;
  cursor:default;
}

/*styles for right hand side snippet headings
++++++++++++++++++++++++++++*/

div.rhs-top 
{ width: 212px;
  height: 12px;
  background: url("/images/chrome/sm-border-top.jpg") no-repeat;
}
.top4				{ background:url(/images/chrome/sm-border-heading.jpg) repeat-y; width: 212px; height: auto; padding-top: 0px;}
.top4 h2,
.top4red h2 { color: #fff; text-transform:uppercase; font: bold 1.5em/1.0em Trebuchet MS, sans-serif; padding: 0px 12px 5px 12px;
           margin: 0;
           }
.top4 h3			{ font: bold 1.1em/1.0em Trebuchet MS, sans-serif !important; color: #72a241 !important; 
						text-transform:uppercase; margin-bottom: 5px !Important}						
.top4 p				{ font-size: 1.3em; margin-bottom: 5px; padding-right: 20px; clear:both;}
.top4 img			{ border:1px solid #343434; margin:5px 0;}

/*styles for right hand side red snippet headings
++++++++++++++++++++++++++++*/
div.rhs-topred 
{
  width: 205px;
  height: 12px;
  background: url("/images/chrome/sm-border-top-red.jpg") no-repeat;
  margin-left: 3px;
   }
  
.top4red				{ background:url(/images/chrome/sm-border-heading-red.jpg) repeat-y; width: 205px; height: auto; padding-top: 0px;
        				  margin-left: 3px;}  

.sidesred				{ background:url(/images/chrome/right-snippet-bg-red.jpg) repeat-y; width: 192px; padding: 10px 6px 0px 7px; clear: both; overflow: hidden;
         				  margin-left: 3px;}

.bottom1red			{ background:url(/images/chrome/sm-border-bottom-red.jpg) bottom no-repeat; width: 192px; padding: 0px 6px 0px 7px; height: 12px; 
           			  margin: -2px 0 5px 3px;
           		 }
           		 
           		 
div.rhs-green 
{
  width: 210px;
  height: 15px;
  background: url("/images/chrome/green-top.jpg") no-repeat;
  margin-left: 0px;
   }
  
.sidesgreen				{ background:url(/images/chrome/green-mid.jpg) repeat-y; width: 194px; padding: 10px 9px 0px 9px; clear: both; overflow: hidden;
         				  margin-left: 0px;}
         				  
.sidesgreen h3 { font-size: 1.75em; color: #cf5610; margin: -10px 0 5px 10px;
                 padding: 0 0 0 30px;
                 background: url("/images/icons/icon-question.jpg") no-repeat;}         				  

.bottom1green			{ background:url(/images/chrome/green-bottom.jpg) bottom no-repeat; width: 194px; padding: 0px 9px 0px 8px; height: 14px; 
           			  margin: 0px;
           		 }


ul.gal-key 
{ list-style-type: none;
  padding: 0;
  margin: 0 3px;
}

ul.gal-key li { margin: 0 0 5px 0; }

ul.gal-key li span {         padding: 0px 0 5px 30px;
                             display: block;
                             min-height: 30px;
                             background: url("/images/chrome/org-wrapper-bg.gif") repeat-x left bottom;
                             color: #666;
                             font-weight: bold; }
                             
ul.gal-key li.trusted-icon {  background: url("/images/chrome/key-tick.jpg") no-repeat; }    
ul.gal-key li.charity-icon {  background: url("/images/chrome/key-badge.jpg") no-repeat; } 
ul.gal-key li.rebate-icon {  background: url("/images/chrome/key-arrow.jpg") no-repeat; }                       
ul.gal-key li.featured-icon {  background: url("/images/chrome/key-featured.png") no-repeat; }                       

/*login form
++++++++++++++++++++++++++++*/
#login-top {
  width: 410px;
  height: 10px;
  background: url("/images/chrome/login-top-bg.gif") no-repeat;
}
   
#login-bottom {
  width: 410px;
  height: 10px;
  background: url("/images/chrome/login-bottom-bg.gif") no-repeat;
}   
  
#login-wrapper { background: #e5f6c5; border: solid 1px #e5f6c5;/*border prevents Google.chrome from adding margin*/} 
   
.regedit { padding-top: 0px; padding-left: 16px; width: 380px; width: 410px;}
.regedit legend { display: none}
/*.regedit label { text-align: left; float:left; font: bold 1.3em/1.6em Arial, Helvetica, sans-serif; width: 78px;letter-spacing: 0px}
.regedit input { float:left; width: 256px;font: normal 1.3em/1.6em Verdana, Arial, Helvetica, sans-serif; height: 20px; margin-bottom: 10px}*/
.regedit label {display: block; margin-bottom: 20px; overflow: hidden;}
.regedit label span { width: 140px; margin-right: 10px; float: left; font-weight: bold; font-size: 1.3em;}
.regedit label input { width: 200px; float: left;}

.regedit label.remember {  padding-left: 150px; padding-right: 30px; }
.regedit label.remember input {width: auto; float: none;}


.agreeRegister { float:right; text-align:left; width: 260px!Important; display: block; font-size: 1.0em!Important;padding-top: 2px;}


/*register organisation form
++++++++++++++++++++++++++++*/
            
ul#formregorg { background-color:#E2F7BB;
            overflow:hidden;
            list-style-type: none;
            padding: 0;
            margin: 0; }
            
ul#formregorg li { padding: 8px 0;
                   margin: 0;
                   border-bottom: 2px solid #fff; }   
                   
ul#formregorg li label { margin: 0;
                          padding: 0 0 0 10px;
                          position: relative; }  
                          
ul#formregorg li label span,
ul#formregorg li span.labelfaux { display: block;
                              float: left;
                              width: 200px;
                              margin-right: 10px;
                              font-weight: bold;
                              font-weight: normal;
                              padding:0;
                              color: #000; } 
ul#formregorg li span.labelfaux 
{
  margin-left: 10px;
  font-size: 1.25em;
} 

ul#formregorg li span.adminHeading { width: 350px; }
ul#formregorg li span.adminData { width: 150px; }
ul#formregorg li span.adminData h4 { text-align: right; }

ul#formregorg li div.forbuttons { margin-left: 210px;
                                  overflow: hidden;
                                  
}  

ul#formregorg li div.forbuttons label { margin: 0 50px 0 0;
                                        padding-left: 0;
                                        padding-bottom: 0;
                                        color: #000;
                                        display: inline;
                                        
}                             
                              
ul#formregorg li label sup, label sup, td sup, p sup  {
  color: red;
  font-size: 1.2em; 
}
                             
ul#formregorg li label strong {display: block;
                               width: 400px;
                               margin-left: 210px; }

ul#formregorg li label strong span {display: inline; }
                              
ul#formregorg li label span.namehint { display: inline;
                                      float: none;
                                      width: auto;
                                      color: #666;
                                      margin: 0; }  
                                      
ul#formregorg li label input { float: left;
                               width: 250px;
                               height: 1.5em; }
                               
ul#formregorg li label textarea { float: left;
                               width: 250px; } 
                               
ul#formregorg li label select { float: left;
                               width: 250px;
                               height: 1.5em;
                               font-size: 1em;
                               margin-bottom: 0;
                               display: block; }  

p.noshow { display: none; }

ul#formregorg li .category-wrapper,
ul#formregorg li .category-wrapper2 {margin: -1.5em 0 1em 220px;
                                    position: relative;
                                    
                                     }



.minus				{ background:url(/images/chrome/minus.png) left no-repeat; height: 14px; padding-left: 17px; display:block; 
						float:left; margin: 3px 0 0 7px; text-decoration:none;}
.plus				{ background:url(/images/chrome/plus2.gif) left no-repeat; height: 14px; padding-left: 17px; display:block; 
						float:left; margin: 3px 0 0 7px; text-decoration:none;}


ul#formregorg li a.plus.addcategory  { position: absolute;
                                       top: 0;
                                       right: 0px;
                                       width: 180px;
                                       z-index: 9;
                                           }

ul#formregorg li a.minus.removecategory   { position: absolute;
                                            top: 4em;
                                            right: 0px;
                                            width: 180px;
                                            z-index: 9;
                                           }

ul#formregorg li label select.toplevel { /*margin-bottom: 10px;
                                                float: none;
                                                display: block;
                                                margin-left: 210px;*/
                                          }   

ul#formregorg li label select.sublevel { /*float: none;
                                               margin-left: 210px;*/ }   

ul#formregorg li label a.addcategory { position: absolute;
                                       top: 0px;
                                       left: 490px; }
                                               
                                                                                                              
                               
ul#formregorg li label em  { font-size: .9em;
                             font-style: normal;
                             font-weight: normal; }

ul#formregorg li label em.afterinput  { margin-left: 500px;
                            font-size: .9em;
                            display: block;
                            font-style: normal; }    
                            
ul#formregorg li label.checkspacing { padding-left: 220px;
                                      padding-right: 10px;
                                      color: #000; } 
                                      
ul#formregorg li p.regdetails { margin: 10px;
                                font-size: .9em; }    
                                
ul#formregorg li label textarea { 
                                  font-size: .9em;
                                  padding: 4px; }

ul#formregorg li label textarea.textareawide { width: 400px; }    

#registerForm h2 { margin-left: 10px; }


/*misc changes
++++++++++++++++++++++++++++*/

a.moveright { margin-left: 210px;
              font-size: .9em }
              
div.select-wrapper { display: inline; }  


/*homepage
++++++++++++++++++++++++++++*/    
#content-wrapper  
{
  padding: 20px 0 20px 0;
  overflow: hidden; 
  width: 942px;
  margin-top: 8px;
  margin-top: 1px;
  
} 



#content 
{
  float: left;
  width: 720px;
  
} 

/*for no background image
++++++++++++++++++++++++++++*/   
#content-wrapper.loginwrap,
#content-wrapper.nobg { background-image: none; }
#content-wrapper.loginwrap #content 
{
  float: none;
  width: 942px;
}

h1#homepage { padding: 0 12px 5px 12px;
              font-size: 2em;
              margin: -7px 0 0 0; }
#get-involved{
  overflow: hidden; 
  margin-top: 10px;
  margin-left: 15px;
  padding-bottom:0;
  padding:0;
  width: 720px;
} 

#get-involved a { text-decoration: none; }
#get-involved a:hover,
#get-involved a:focus { text-decoration: underline; }

#get-involved h2 { font-size: 2.5em;}
#give p, #campaign p, #create p{margin:0;}
#give, #campaign, #create {
  padding:0;
  float: left;
  width: 210px;
  margin-bottom: 0px;
}     

#give {margin-left: 0px;}
#give h2 { text-align: center;}  
#give h2 a { color: #f09442;
             width: 210px;
             height: 103px;
             height: 5em;
             background: url("/images/chrome/give-bg.jpg") no-repeat 0 1em;
             display: block;
            }

#campaign {margin-left: 26px;}
#campaign h2 { text-align: center;}  
#campaign h2 a { color: #24a9bd;
                 height: 103px;
             height: 5em;
             background: url("/images/chrome/campaign-bg.jpg") no-repeat 0 1em;
             display: block;
                  }
#create {margin-left: 26px; }
#create h2 { color: #9485b3; text-align: center;}  
#create h2 a { color: #9485b3;
               height: 5em;
             background: url("/images/chrome/create-bg.jpg") no-repeat 0 1em;
             display: block;
                }

#content #get-involved p a { border: 1px solid #eee;
                  font-family: Trebuchet MS, sans-serif;
                  font-size: 1.25em;
                  font-weight: normal;
                  padding: 5px 10px 5px 40px;
                  background: url("/images/chrome/give-p.jpg") no-repeat 5px 50%;
                  line-height: 1;
                  display: block;
} 

#get-involved a { font-family: Trebuchet MS, sans-serif; color: #333; }

#get-involved #campaign p a { background-image: url("/images/chrome/campaign-p.jpg"); } 
#get-involved #create p a { background-image: url("/images/chrome/create-p.jpg"); } 
/*
#get-involved-bottom
{
  background: url("/images/chrome/get-involved-bottom.jpg") no-repeat;
  width: 720px;
  height: 18px;
}     
*/
#register-wrapper { margin: 15px; 
                    margin-right:0px;
                    padding:0;
                    overflow: hidden;
}

#home-register, #home-support { float: left;
                 width: 327px;
                 background: #eff8dd url("/images/chrome/home-reg-bot.jpg") no-repeat left bottom;
                 padding-bottom: 20px;
                 margin-left: 0px;
}
#home-support {margin-left:30px;}
#register-wrapper h3 a { padding: 0px 10px 50px 85px;
                    background: url("/images/chrome/home-register.gif") no-repeat 10px 0;
                    color: #72a241;
                    font-size: 1.5em;
                    display: block;
                    margin-bottom: 10px;
                    text-decoration: none;
                     }
 
#home-support h3 a { background-image: url("/images/chrome/home-support.gif") }    

#register-wrapper h3 a:hover,
#register-wrapper h3 a:focus { text-decoration: underline; }              
                     
#register-wrapper p { margin: -50px 10px 0 85px;
}                     

div.home-reg-top { width: 327px;
                   height: 12px;
                   background: url("/images/chrome/home-reg-top.jpg") no-repeat;
}

h2#makeadiff { background-color: #333;
               color: #fff;
               padding: 8px;
               margin: 8px;
               margin-top: 15px;
               width: 684px; }
               
.org-wrapper {
  background:transparent url(/images/chrome/org-wrapper-bg.gif) repeat-x scroll left bottom;
  float:left;
  margin:0pt 8px 1px;
  overflow:auto;
  padding:6px;
  width:684px;
}

.org-wrapper h3 {
  float:left;
  font-size:2em;
  margin-left:9px;
}

.org-wrapper h3 a {
	color: #5c8f1f;
}
.org-wrapper h3 img {
	vertical-align: text-bottom;
}

.photo-wrapper {
  background:transparent url(/images/chrome/photo-wrapper-bg.jpg) no-repeat scroll 0%;
  float:left;
  height:120px;
  margin-top:5px;
  position:relative;
  width:105px;
}

.photo-wrapper img {
	border: 1px solid #ccc;
	position: absolute;
	top: -5px;
	left: 0;
}

#home-register a,
.org-wrapper h3 a { font-family: Trebuchet MS, sans-serif; }

.org-content-wrapper {
  float:left;
  margin-left:9px;
  overflow:hidden;
  width:568px;
} 

.org-content {
	float: left;
	width: 400px;
}

.org-content p.member-details {
	font-size: .9em;
	color: #666;
}

.org-content p.member-details a {
	color: #5c8f1f;
}

.org-stats {
	margin-left: 405px;
	width: 160px;
}

.org-stats p {
	color: #1171a0;
  width: 160px;
}

.org-wrapper div.choice { float: right; width: 350px; }
.org-wrapper div.choice img { vertical-align: middle; }

/*Campaign head
++++++++++++++++++++++++++++*/  
#campaign-head {
  background: #fff url("/images/chrome/get-involved-bottom.jpg") repeat-x left bottom;
  padding: 20px 0 15px 0;
  margin: -20px 0 10px 0;
  overflow: hidden;
  position: relative;
}


div.campaign-image { background: url("/images/chrome/org-wrapper-bg.gif") repeat-x left bottom;
                     padding-bottom: 8px;
                     margin-bottom: 8px;
                      }
div.campaign-image img { border: none; } 


/*Start page
++++++++++++++++++++++++++++*/   
.start-top { width: 900px;
             height: 12px;
             background: url("/images/chrome/start-top.jpg") no-repeat; 
             
}

.start-top { width: 913px;
             height: 10px;
             background: url("/images/icons/start-top-c.gif") no-repeat; 
             margin-left: 10px;
}
.start-bottom { width: 913px;
             height: 10px;
             background: url("/images/icons/start-bottom-c.gif") no-repeat left bottom;
             margin-bottom: 15px;
             margin-left: 10px;
}

.start-wrapper { width: 913px;
             height: auto;
             background: url("/images/icons/start-wrapper-bg.gif") repeat-y;
             padding: 0;
             margin: 0 0 0 10px;
             overflow: auto;
}

div.start-content {
                    float: left;
                    margin: 10px;
                    width: 530px;
                    border-right: 1px solid #ccc;
}

.start-content ul { list-style-type: none;
                 padding: 0;
                 margin: none; }
.start-content li { padding: 2px 0 2px 30px;
                 margin: 0 0 10px 0;
                  }
.start-content h2 { font-size: 2em; }

#start-give { background: url("/images/icons/start-give.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-give h2 { color: #f09942; }            
#start-give li { background: url("/images/icons/start-arrow-orange.jpg") no-repeat 0 .3em; }
#start-give li a { color: #ee8d38; }

#start-campaign { background: url("/images/icons/start-campaign.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-campaign h2 { color: #24a9bd; }            
#start-campaign li { background: url("/images/icons/start-arrow-blue.jpg") no-repeat 0 .3em; }
#start-campaign li a { color: #1f8b9b; }

#start-create { background: url("/images/icons/start-create.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-create h2 { color: #9485b3; }            
#start-create li { background: url("/images/icons/start-arrow-lblue.jpg") no-repeat 0 .3em; }
#start-create li a { color: #9485B3; }

#start-business { background: url("/images/icons/start-business.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-business h2 { color: #346540; }            
#start-business li { background: url("/images/icons/start-green-arrow.jpg") no-repeat 0 .3em; }
#start-business li a { color: #72A330; }

#start-supporters { background: url("/images/icons/start-supporters.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-supporters h2 { color: #346540; }            
#start-supporters li { background: url("/images/icons/start-green-arrow.jpg") no-repeat 0 .3em; }
#start-supporters li a { color: #72A330; }

#start-register { background: url("/images/icons/start-register.jpg") no-repeat 0 20px;
              padding-left: 140px; }
#start-register h2 { color: #346540; }            
#start-register li { background: url("/images/icons/start-green-arrow.jpg") no-repeat 0 .3em; }
#start-register li a { color: #72A330; }

.start-action { margin: 10px; }

.start-sides { width: 900px;
               background: #EFF8DD url("/images/chrome/start-bottom.jpg") no-repeat left bottom;
               padding: 0 0 15px 0;
               margin: 0 0 50px 0;
               overflow: hidden; }
               
.start-sides h2 { background: url("/images/chrome/give-green.jpg") no-repeat 50% bottom;  
                       padding-bottom: 110px;
                       width: 180px;
                       float: left;
                       text-align: center;
                       font-size: 2.5em;
                        } 
                       
.start-sides h2.campaign { background-image: url("/images/chrome/campaign-green.jpg"); }  
.start-sides h2.create { background-image: url("/images/chrome/create-green.jpg"); }
.start-sides h2.support-org { background-image: url("/images/chrome/supporter-green.jpg"); }
.start-sides h2.organisation { background-image: url("/images/chrome/organisation-green.jpg"); }                       
.start-sides h2.business-giver { background-image: url("/images/icons/icon_BusinessGiver.png"); }                       
                       
.start-sides ul { margin-left: 200px;
                  margin-right: 30px;
                  color: #4F6B72;
                  font-size: 1.25em; }                                

.msexpand { float: right;
            margin: -1.7em 10px 0 0 }
            
/*Content pages
++++++++++++++++++++++++++*/
.content-top { width: 690px;
height: 12px;
background: url("/images/chrome/content-top.jpg") no-repeat;
}

.content-sides {
padding: 0 0 15px 0;
margin: 0 0 20px 0;
overflow: hidden; }

.content-sides ul { margin-left: 0px; margin-right: 20px; color: #000; }

.msexpand { float: right;
margin: -1.7em 10px 0 0 }

.greenAccounts h3 
{
	padding-top: 12px;
	padding-left: 10px;
	color: Red;	
}

.subtle, h3.subtle{ color:#999; }
.total, h2.total, h3.total, h4.total{ color: rgb(62,105,56); }
               
               
/*chairy action calls
++++++++++++++++++++++++++*/
ul#charity-action { list-style-type: none;
                    overflow: hidden; }
ul#charity-action li {
	float: left;
	margin: 0;
	padding: 0;
}

ul#charity-action a {
	display: block;
	height: 67px;
	width: 141px;
}


ul#charity-action li#help a em {
	background: url("/images/icons/charity-help.jpg") no-repeat;
}   

h3.subheading, h3.subheading a{color:#5C8F1F;}  
h3.subheading a{text-decoration:underline;}       
h3.subheading a:hover{color:gray;}  

.jquery-valid{
  margin-top: 0px;
  margin-left: 3px;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url('/images/chrome/cross.png');
}   
#ajaxloading{
  /*background-image:url('/images/icons/loading.gif');
  width:21px;
  height:21px;
	position:absolute;
	top:125px;
	right:10px;*/
	display:none;
}
.alphasortitem{
  margin-right:6px;
  text-decoration:underline;
  cursor:pointer;
}  

input.btnround, input.btnround:hover, div.btnround, div.btnround:hover, 
span.btnround, ul#formregorg li label span.btnround, span.btnround:hover, 
a.btnround, a.btnround:visited, a.btnround:hover, a.btnround:visited:hover, 
a.btnhilite, a.btnhilite:visited, a.btnhilite:hover, a.btnhilite:visited:hover, 
input.btnroundpassive, a.btnroundpassive, div.btnroundpassive{
  padding: 3px 10px;
  background: rgb(119,163,48) url("/images/chrome/btn.png") repeat-x;
  color:white;
  font-weight:bold;
  font-size:9pt;
  cursor:pointer;
  border:solid 1px rgb(83,139,76);
  text-decoration:none;
  float:right; 
  display:block; 
  margin:0;
  margin-left:5px;
  white-space: nowrap;
  vertical-align: middle; 
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

input.btnround:hover, div.btnround:hover, span.btnround:hover,
a.btnround:hover, a.btnround:visited:hover,
a.btnhilite:hover, a.btnhilite:visited:hover{
  background: rgb(156,190,71) url("/images/chrome/btn2.png") repeat-x;
  text-decoration:underline; 
}
input.btnroundpassive, a.btnroundpassive, div.btnroundpassive{
  background: #ccc;
  cursor:default;
  border:1px solid #aaa;
}
input.btnround, input.btnroundpassive, input.btnround:hover{
  font-family: trebuchet ms, verdana, arial !important;
  padding:1px 10px;
  vertical-align:top;
}
a.btnhilite, a.btnhilite:visited{background: rgb(254,153,0) url("/images/chrome/btn-highlight.png") repeat-x; border:solid 1px rgb(233,137,51);}
a.btnhilite:hover, a.btnhilite:visited:hover{background: rgb(255,220,167) url("/images/chrome/btn-highlight2.png") repeat-x; border:solid 1px rgb(233,137,51);}
input.qtop{
  float:left;
  color:gray;
  width:150px;
  height:20px;
  line-height: 20px !important;
  margin:0 !important;
  padding: 3px 0px 0px 2px !important;
  border:none;
  border:solid 1px #ccc;
}
input.btnsearch{
  background:url("/images/chrome/gosearch.png") no-repeat;
  cursor:pointer;
  height:26px;
  line-height: 26px;
  display: block;
  width: 24px;
  margin:0 !important;
  padding: 0px 0px 5px 0px !important;
  color: #fff;
  float: right;
  border:none;
}

/*About page styles
++++++++++++++++++++++++++*/    
ul.about-intro { border: 1px solid #ccc;
                 list-style-type: none;
                 padding: 10px;
                 margin: 0 0 10px 0; }
                 
ul.about-intro li { background: url("/images/icons/start-green-arrow.jpg") no-repeat 0 .3em;
                    padding-left: 30px;
                    font-weight: bold;
                    font-size: 1.25em;
                    margin: 0 10px 10px 0; }   
                    
div.people-wrapper { overflow: hidden;
                     margin: 15px 0; }

div.people-wrapper img { float: left; }

p.view-profile { margin-bottom: 10px;
                  }
                 
p.view-profile img { float: none; }                 

div.person-left { background: url("/images/chrome/person-left-bg.gif") repeat-y;
                  float: left;
                  width: 329px;
                  margin-right: 25px;
                  }  
                  
div.person-left h3,
div.person-left p,
div.person-right h3,
div.person-right p { margin-left: 135px; }  

div.person-right { background: url("/images/chrome/person-right-bg.gif") repeat-y;
                  float: left;
                  width: 329px;
                  }  
.ccnum input			{ width: 86px !important; margin: 0px 0px 0px 10px !important;}

#voucherForm .ccnum input { width: 46px !important; }

table.donationstats tr{
  border-bottom:solid 1px #ffffff;
}
table.donationstats tr td{
  width:100px;
  border:0;
  background-color:#E2F7BB;
  border-bottom:solid 1px #ffffff;
}
div.griddefault{
	background: #f7f7f7;
	border: solid 1px #e5e5e5;
	border-right: solid 2px #e5e5e5;
	border-top: 0px;
	font-size: 0.9;
	text-align: left;
	cursor: default;
	color: #4F6B72;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
}
div.gridscrollsection
{
  overflow: -moz-scrollbars-vertical;
  overflow-y:scroll;
}
table.mastertabledefault tbody{
	border: 0px !important;
	border-collapse: separate !important;
	font: 11px tahoma;
	color: #000000;
	/*-moz-user-select: none;*/ /*disables text selecting in Firefox to combat unpleasant visual appearance*/
}
table.mastertabledefault tbody a:link, table.mastertabledefault tbody a:visited, table.mastertabledefault tbody a:hover, table.mastertabledefault tbody a:active,
table.mastertabledefault tbody a {  
	font-size: 0.9em; 
	font-size:10pt;
	color: #4F6B72; 
	margin: 0 2px 0px 4px;
	padding:2px 0 0 0;
	display:block;
} 
tr.groupheaderdefault{
	background: white;
	height: 22px;
}
tr.groupheaderdefault td
{
	border: solid 1px white;
	padding-left: 4px;
}
th.gridheaderdefault{
	font-size: 0.8em;
	background: white url('Img/GridHeaderBg.gif') repeat-x bottom;
	border:none;
	border: solid 1px #f7f7f7;
	border-top: solid 1px #e5e5e5;
	border-bottom:none;/* solid 1px #bbb;*/
	padding-left: 6px; /*more than items to compensate for item borders!*/
	height: 22px;
	color:black;
	vertical-align:middle;
}
.gridheaderdefault a{
	color: black;
	font-size: 0.8em;
	text-decoration: none;
}
.gridrowdefault{
	background: #f7f7f7;
	height: 22px;
}
.gridrowdefault td{
	border: solid 1px #f7f7f7;
	border-top: solid 1px #e9e9e9;
	border-bottom:none;/* solid 1px white;*/
	padding:0;
	padding-left: 4px;
}
.gridaltrowdefault{
	background: #f7f7f7;
	height: 22px;
}
.gridaltrowdefault td{
	border: solid 1px #eee;
	border: solid 1px #f7f7f7;
	border-top: solid 1px #e9e9e9;
	border-bottom:none;/* solid 1px white;*/
	padding:0;
	padding-left: 4px;
	background-color:#eee;
} 
td.data, th.data{
  text-align:right;
  padding-right:6px;
}
tr.gridhighlightedrow td, tr.gridhighlightedrow td a, tr.gridhighlightedrow td a:hover{
  background-color:#5C8F1F;
  border-left:#5C8F1F;
  border-right:#5C8F1F;
  color:White;
  font-weight:bold;
}
ul#sitemap{
  list-style-type:disc; 
}
ul#sitemap li ul{list-style-type:circle;}
ul#sitemap a, ul#sitemap span{ font-size:10pt; }
ul#sitemap li ul li{ margin:5px 0 0 20px; line-height:1.2em; }

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
	float:left;
	color:#000; /* must specify along with watermark color */
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
	float:left;
	width:18px;
	height:22px;
	background-image:url(/images/sel.gif);
}
.ffb-arrow.out { /* css sprite technique */
	background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-18px 0;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-36px 0;
}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}

#fb_ctr
{
    margin-left: 195px;
}

#ev_ctr
{
    margin-left: 190px;
}

#beneficiary_ctr
{
    margin-left: 190px;
}

.eventselected
{
    border:1px solid #999;
	color: #333;
	font-size: 1.5em;
	float: left;
	margin-left: 10px;
	padding: 6px 16px;
	width: 378px;
	background-color:#EEE;
}

/* Container for dropdown contents */
.beneficiaryBox 
{
    border:1px solid #999;
	color: #333;
	font-size: 1.5em;
	float: left;
	margin-left: 10px;
	padding: 6px 16px;
	width: 378px;
	background-color:#EEE;
}

.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	left: 160px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#EEE; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
}
.ffb .content .row {
	border-bottom:1px solid #999;
	clear:both;
	font-size: 1.5em;
	padding: 6px 0px 6px 16px;
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	background-color:#ddd;
}
.ffb-match {
	background-color:#ff9; /* light yellow */
	text-decoration:underline;
	color:#000;
}

/* Paging */
.ffb .paging {
	margin:2px;
	vertical-align:middle;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #339;
	background-color:#eef;
	margin:2px;
	float:left;
}
.ffb .box {
	width:18px;
	margin:2px;
	float:left;
}
.ffb .summary {
	font-size:85%;
	float:right;
}

/* Unique IDs */
#ffb8 .row .col1 {
	float:left;
	width:132px;
}
#ffb8 .row .col2 {
	float:left;
	width:232px;
}