html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
font-family:Arial, Helvetica, sans-serif; 
color:#5d5d5c;
font-size:12px;
line-height:130%;
}

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
padding:0;
margin:0;
}
h1 {
color: #FF9900;
font-size:24px;
line-height:30px;
}
h2{
font-size:20px;
line-height:25px;
}
h3{
font-size:18px;
line-height:20px;
}
h4 {
font-size:16px;
font-weight:bold;
line-height:18px;
}
h5{
 font-size: 12px;
 font-weight: bold;
 line-height:16px;
}

p, li {padding:0 0 10px 0; line-height:150%;}

ul,ol {padding:0 0 0 20px;}
ul {list-style:disc; list-style-position:outside;}
ol {list-style-type:decimal; list-style-position:outside;}

img{border:none}

a:link, a:visited{color:#0079C2; text-decoration:none;}
a:hover {text-decoration:underline;}
a.noHover:hover {text-decoration:none;}

.fakeLink {color:#0079C2; cursor:pointer; cursor: hand;}
.fakeLink:hover {text-decoration: underline;}

a.gray:link, a.gray:visited{color:#666666; text-decoration:none;}
a.gray:hover {text-decoration:underline;}

/*colors and backgrounds */
.green {background: #C2E4BA;}
.orange {background: #FFCC66;}
.yellow {background:#FFFF99;}
.paleyellow {background:#FFFCD2;}
.lightgrey {background:#eeeeee;}
.noBackground {background:none;}
.black {color:#000000;}
.greyColor {color:#999999;}
.darkgreyColor {color:#5d5d5c;}
.orangeColor {color: #F7A836;}
.blueColor {color:#067CC7;}
.whiteColor {color:#fff;}
.darkorangeColor {color:#EF6601;}
.greenColor {color: #008E00;}
.maroonColor {color:#a93a41;}
.darkblueColor {color:#065389;}

/*sizes */
.small {font-size:10px; color:#5d5d5c;}
.smallBlack {font-size:10px; color:#000000;}
.smallWhite {font-size:10px; color:#fff;}
.medium {font-size:11px;}
.big {font-size:14px;}
.large {font-size:150%; line-height:180%;}
.veryLarge {font-size:200%;line-height:180%;}
.humongous {font-size:250%;line-height:180%;}
.bold {font-weight:bold;}

/*Flashes*/
.notice, .success, .warning, .error, .validation {
border: 1px solid #ccc;
margin: 5px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px 10px;
}
.notice {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/icons/notice.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/icons/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/icons/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/icons/error.png');
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('validation.png');
}
/* e.g. for welcome prompt message */
div.highlight{
	background-color: #FFFED5;
}
div.prompt{
	margin: 10px 0;
	padding: 10px;
}
/* used in error pages */
.dialog{
	padding: 0;
	margin: 40px 0;
			
}

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 680px;
  height: 130px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 610px;
  height: 130px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}                      

#horizontal_carousel ul li {
  width: 152px;
  height: 130px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 32px;
  height: 120px;
  background: url(prototype-ui/horizontal/left.png) no-repeat center left;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(prototype-ui/horizontal/left_over.png) center left;
}

#horizontal_carousel .previous_button_disabled {
  background: url(prototype-ui/horizontal/left_disabled.png) center left;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 32px;
  height: 120px;
  background: url(prototype-ui/horizontal/right.png) center left;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(prototype-ui/horizontal/right_over.png) center left;
}

#horizontal_carousel .next_button_disabled {
  background: url(prototype-ui/horizontal/right_disabled.png) center left;
  cursor: default;
}


/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 350px;
  height: 270px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 260px;
  height: 240px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 260px;
  height: 240px;
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(prototype-ui/vertical/left.png);
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
}

#vertical_carousel .previous_button_over {
  background: url(prototype-ui/vertical/left_over.png);
}

#vertical_carousel .previous_button_disabled {
  background: url(prototype-ui/vertical/left_disabled.png);
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(prototype-ui/vertical/right.png);
  display:inline;
  margin-left: 40px;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url(prototype-ui/vertical/right_over.png);
}

#vertical_carousel .next_button_disabled {
  background: url(prototype-ui/vertical/right_disabled.png);
  cursor: default;
}



/*import emails page */
.importLinks a img {border:0px solid #ccc; margin:8px;}

/*select friends to invite page */
#existingMembers  {}
#newContacts {width:570px;}
.existingMembersList {padding-bottom:5px; border-bottom:1px dashed #ccc; margin-bottom:5px;}
.existingMembersList img {float:left; margin-right:5px; width:75px;}

/* pending friend requests */
#pendingFriends.moduleBox {min-height:50px;}
#pendingFriends.moduleBox .requesterInfo {}
#pendingFriends.moduleBox li {padding:10px 0; border-bottom:1px solid #ddd;}
#pendingFriends.moduleBox .requesterImage {float:left; width:150px; margin-right:10px; overflow:hidden;}
#pendingFriends.moduleBox .requesterImage img{}


/* menu bars */
#menuBarOuter {width:920px; padding-bottom:0px;} /* this ensures that the content area doesn't move up if there's no submenu */

#menuBar {
background:#F7A836; border:0px solid #dcdcdc; height:35px; width:920px;
}

#menuBar .x1,
#menuBar .x1a, 
#menuBar .x2,
#menuBar .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:10px;  /* set height to the size of the corner */
   background: url(/images/rc_noborder_white.gif) no-repeat;
   position:relative;
}
#menuBar .x1, #menuBar .x2 {width:100%; right:-1px;}
#menuBar .x1a, #menuBar .x2a {width:12px; left:-2px;}

#menuBar .x1 {background-position:100% 0; top:-1px; text-align:left;}
#menuBar .x1a { background-position:0 -20px;}
#menuBar .x2 {background-position:100% -10px; top:-9px; height:10px; bottom:0px; text-align:left;}
#menuBar .x2a {background-position:0 -30px;}

#menuBar #mainMenu {
width:100%; background:#F7A836; height:25px;
}
#menuBar #mainMenu ul {list-style:none; vertical-align:middle; margin:0px; padding:0; height:25px;}
#menuBar #mainMenu li {width:auto; border-right:1px solid #eeeeee; float:left; margin-top:-10px; margin-bottom:-10px; padding:0; list-style: none outside none;}
#menuBar #mainMenu a {font-size:14px; font-weight:bold; color:#fff; padding:10px 20px 0px 20px; display:block; height:25px;}
#menuBar #mainMenu a:hover { text-decoration:none;}
#menuBar #mainMenu li:hover, #menuBar #mainMenu li.active {background:#067cc7;}

#menuBar #subMenu {background:#067cc7;}
#menuBar #subMenu ul {list-style:none;height:25px; vertical-align:middle; padding:0; margin:0;}
#menuBar #subMenu li {width:auto; float:left; padding:0; display:block; }
#menuBar #subMenu a {color:#fff; padding:5px 20px 0px 20px; display:block;}
#menuBar #subMenu li.active {font-weight:bold;background:url(/images/icons/bullet_orange.png) no-repeat 5px 5px;}

/*info boxes*/
.box {border:1px solid #cccccc; padding:5px; margin-bottom:10px; overflow:auto;}
#boxHeader {background:#eeeeee; border-bottom:1px solid #cccccc; padding:5px; }
#boxHeaderRight {text-align:right;}

.moduleBox {
border:1px solid #dcdcdc;
margin-bottom:10px;
position:relative;
   z-index:0;
}
.moduleBox .inner {
padding:10px; clear:both; overflow:hidden;}

.moduleBox ul {
list-style:none; margin:0; padding:0 0 10px 0;
}
.moduleBox li {
line-height:170%;
padding:0 0 0 10px;
}
.moduleBox ul.nonMenu {list-style:disc; padding-left:10px; margin:0;} /* for ul in modulebox that isn't a menu */
.moduleBox ul.nonMenu li {padding:0; margin:0; line-height:normal; padding-bottom:10px;}

.moduleBox li.active {
font-weight:bold; background:url(/images/icons/bullet_orange.png) no-repeat -5px center;color:#0079C2;
}
.moduleBox li.active a {
color:#0079C2;
}
.moduleBox .header {
font-size:16px;
color:#333333;
margin-bottom:10px;
font-weight:bold;
padding:0;
}
.moduleBox .footer {
text-align:right; padding:10px 0; margin-top:10px; border-top:1px dotted #999;
}
.moduleBox .footer a {
background:url(/images/arrow_right_white.gif) no-repeat; padding-left:12px;
}
.moduleBox h2 {
background: #eeeeee url(/images/moduleBoxHeader.gif) no-repeat; margin:-10px -10px 5px -10px; padding: 4px 10px 4px 10px; border-bottom:1px solid #cccccc;
}
.moduleBox .headerBlue {background:#067CC7; color:#fff; height:25px; margin:-10px -10px 10px; padding:5px 10px;}
.moduleBox .headerBlue .header {font-size:18px; width:70%; float:left; color:#fff; font-weight:normal; margin:0;}
.moduleBox .headerBlue .headerUtility {float:right; width:25%; color:#fff;}
.moduleBox table, .moduleBox p, .moduleBox h3 {
padding-bottom:10px;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.moduleBox .x1,
.moduleBox .x1a, 
.moduleBox .x2,
.moduleBox .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:10px;  /* set height to the size of the corner */
   position:relative;
   background: transparent url(/images/rc_sprite.gif) no-repeat;
}
.moduleBox .x1, .moduleBox .x1a { 
   margin-bottom: -10px;
}
.moduleBox .x1,
.moduleBox .x2 {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}
.moduleBox .x1a,
.moduleBox .x2a { /* left corners */
   width:12px;
   left:-2px;
}
.moduleBox .x1 {
   background-position:100% 0;
   top:-1px;
	 text-align:left;
}
.moduleBox .x1a {
	background-position:0 -20px;
}
.moduleBox .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -10px;
   bottom:-1px; /* overlap bottom border */
	 text-align:left;
}
.moduleBox .x2a {
   background-position:0 -30px;
}

/* content box to be used in the main content area */
.contentBox {margin-bottom:10px;}

.contentBox .headerBar {background:#0079C2; position:relative;
   overflow: hidden;} 
.headerBar .x1,
.headerBar .x1a, 
.headerBar .x2,
.headerBar .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:5px;  /* set height to the size of the corner */
   background:  url(/images/blue_header_sprite_large.png) no-repeat;
   position:relative;
}
.headerBar .x1, .headerBar .x2 {width:100%; z-index:0;}
.headerBar .x1a, .headerBar .x2a {width:5px;}

.headerBar .x1 {background-position:100% 0;}
.headerBar .x1a {}
.headerBar .x2 {background-position:100% 100%;}
.headerBar .x2a {background-position:0 100%;}

.contentBox .header {font-size:14px; color:#fff; font-weight:bold; float:left; padding:0; padding-left:10px; width:270px;}
.headerUtility {text-align:right; padding-right:10px; width:180px; float:right; overflow: hidden; font-size: 1px; color:  #fff; }
.headerUtility a {color:#fff; background:url(/images/arrow_right_white.gif) no-repeat; padding:0; padding-left:12px; font-size: 12px; z-index:1;}
.headerUtility span.count{
	font-size: 12px;
	padding-left: 2px;
}
.contentBoxContent {padding:10px 20px 0px 20px; background:#fff;}

.contentBox .oneThird, .contentBox .oneFourth, .contentBox .oneFifth {
margin:10px 0;
text-align:center;
}

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

#wrap {
width:100%;
text-align:center;
}

#wrapOuter {
margin:20px;
border:0px solid #cccccc;}

#wrapInner {
width:920px;
margin:auto;
text-align:center;
height:1%; !important
}

#mainBody {
width:100%;
}

#header {
width:100%;
}
#topBar {
width:100%;
padding:5px 0;
}
#menuBar {

}
#memberUtilityLinks {
width:100%;
text-align:right;
height:25px;
}
#logo {
width:240px;
float:left;
margin:0 20px;
height:55px;
}

#memberCause_testimonial {
width:640px;
float:left;
text-align:left;
height:55px;
}

#mainPage {
width:100%;
min-height: 600px;
}

#contentSearch {
width:270px;
float:right;
height:50px;
background:#FFCC33;
}

#leftColumn {
width:200px;
float:left;
margin-right:20px;}

#content {
width:100%;
text-align:left;
margin-top:20px; /*this value is set in a separate stylesheet for ie7 */
}

#contentLeft {
width:700px;
float:left;
}
#contentCenter {
width:480px;
margin-right:20px;
float:left;
}
#contentFull {
width:100%;
float:left;
}

#rightColumn {
width:200px;
float:right;
}

#footer {
width:100%;
}

#footer {
	text-align:center;
	font-size:11px;
	color:#999999;
	border-top:1px solid #DCDCDC;
	padding-top:10px;
}
#footerMenu {
	text-align: center;
	margin: 10px auto 0px auto;
	padding: 10px 0px 10px 0px;
}
#footerMenu a {padding:0 5px;}

.inner {
padding:10px;}


@charset "utf-8";
/* CSS Document - make sure size is not multiple of 8092 nnnnnnnn*/
* {margin:0; padding:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

h1.breadcrumbs {font-size:12px; color:#5d5d5c;}

#contentCenter h2, #contentLeft h2, #contentIntro h2, #contentFull h2 {
width:100%; border-bottom:1px solid #cccccc; margin-bottom:5px; padding-top:10px;
}

h5 span{
	font-weight: normal;
}
#contentCenter h4 {margin-top:20px;}

hr.dottedLine {margin:10px 0; height:0px; color:#fff; background-color:#fff; border:0px; border-bottom:1px dotted #ccc;}

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.regularBottomMargin {margin-bottom: 10px;}

.lastUpdated {font-size:10px; font-style:italic; color:#5d5d5c;}

.oneHalf {width:50%; float:left; padding:0; margin:0;}
.oneThird {width:33%; float:left; padding:0; margin:0;}
.oneFourth {width:25%; float:left; padding:0; margin:0;}
.oneFifth {width:20%; float:left; padding:0; margin:0;}
.oneEighth { width:12.5%; float:left; padding:0; margin:0;}
.twoThird {width:66%; float:left; padding:0; margin:0;}
.threeFourth {width:75%; float:left; padding:0; margin:0;}
.textRight {text-align:right;}
.textCenter {text-align:center;}
.textLeft {text-align:left;}

.unread {font-weight:bold;}

/*form elements */
input, select {color:#000000;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background: #E2F2FC; border:1px solid #666666; padding:1px;}
input[type="button"]:focus, input[type="reset"]:focus , input[type="submit"]:focus, input[type="submit"]:active, input[type="file"]:focus, .button:focus { }
input.large {color:#0079C2;}
optgroup{padding: 0 0 20px 0;}
optgroup option{padding-left: 5px;}

.nicEdit-main {background:#fff; border-color:#fff; overflow:scroll; position:relative;}
.nicEdit-selected {background: #E2F2FC; cursor:text;}
#nicEditContent {background:#fff; overflow:scroll;}

span.required, em.required {padding:0px 5px; font-size:15px; color:#FF6600; position:relative;}
input.validation-failed[type="text"] {border:1px solid #ff0000;}
label em{padding:0px 5px; font-size:15px; color:#FF6600;}
.divForm label,.fakeLabel{width:30%; text-align:right; display:block; float:left; padding:0 5px; margin:5px 0 0 0;}
.divForm label.check_box{width: auto; text-align: left; display: inline; float: none;}
.divForm label.fakeLink {width: auto; text-align: left; margin: 0px;}
.divForm input[type=text],.divForm input[type=password], .divForm input[type=checkbox], .divForm input[type=radio], .divForm textarea, .divForm select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
.divForm .fm-indent{ margin-left: 288px;} /* e.g. to display nicEdit wrapped textarea */
.divForm .checkbox{ margin-left: 220px;} /* e.g. to display nicEdit wrapped textarea */
.divForm fieldset {border:0px; margin:10px 0; padding:10px 0; background:#eeefff;}
.divForm .smallLabel {width:auto; display:block; text-align:left; float:none;}
.divForm form br {clear:left;}
.divForm .leftBlock{width:30%; text-align:right; display:block; float:left; padding:0 5px; margin:5px 0 0 0;} /* e.g. to align normal text as if a label */
.divForm .rightBlock{width:65%; float:right; padding:0; margin-top:5px;} /* e.g. to align normal text as if a label */

/* formtastic forms */
.divForm fieldset.inputs ol, .divForm fieldset.buttons ol{list-style-type: none;}
.divForm fieldset.inputs li{clear: both;}
.divForm fieldset.inputs li.radio label{width: auto; text-align: left; display: inline; float: none;}
.divForm fieldset.inputs li.date fieldset{margin: 0; padding: 0;}
.divForm fieldset.inputs li.date fieldset ol{margin: 0; padding: 0;}
.moduleBox .divForm fieldset.inputs li fieldset li{padding: 0;}
.divForm fieldset.inputs abbr {padding-left: 1px;color:#FF6600;} /* 'required' asterisk */
fieldset.inputs .inline-errors{clear: left;margin-left: 215px;}
fieldset.inputs li.radio fieldset ol{margin-left: 180px;} /* e.g. list of radio buttons */
fieldset.inputs li fieldset legend{} /* headings for date select, radio lists etc. */
fieldset.inputs .inline-hints{margin-left: 215px;}
/* login forms */
#loginForm.divForm label {width:60px; text-align:right; float:left; padding:0 5px; margin:5px 0 0 0;}


textarea.wide{width: 660px;min-width: 100%;max-width: 100%;}

.arrowNextPrev {background: #eeeeee url(/images/arrowNextPrev.gif) no-repeat; border:none; width:40px; height:40px; cursor:pointer; margin:0 5px; position:absolute; outline:none;}

/* button_z */
.button {
background:url(/images/buttons/med_right_end.jpg) no-repeat top right;
text-decoration:none;
height:24px;
display:block;
padding-right:8px;
margin:0px 6px 5px 0px;
float:left;
font-size:14px;
font-weight:bold;
outline:none;
}
.button b {
color:#fff;
background:url(/images/buttons/med_left.jpg) no-repeat top left;
line-height:14px;
padding:5px 0px 5px 8px;
display:block;
}
.button:hover {
text-decoration:none;
background-position:center right;
}
.button:hover b{
text-decoration:none;
background-position:center left;
}
.button:active {
background-position:bottom right;
outline:none;
}
.button:active b {
background-position:bottom left;
padding:6px 0px 4px 8px;
color:#fff;
}

/* go button */
.goButton {
	background: url(/images/buttons/goButton.jpg) no-repeat center center; 
	border: none; 
	width: 43px !important; 
	height: 24px !important; 
	cursor: pointer; 
	margin: 0px;
	color: #fff;
	font-weight: bold;
	outline:none;
}
.goButton:hover  {background: url(/images/buttons/goButton.jpg) no-repeat left center; border:none; outline:none;}
.goButton:active, .goButton:focus {background: url(/images/buttons/goButton.jpg) no-repeat left bottom; border:none; outline:none;}
.floatRight {float:right; margin-right:1px;} /* margin-right added because button was causing overflow scroll bars in div */

/*link styles */
.favorite {padding:0px 0px 0px 24px; background:url(/images/icons/heart.png) no-repeat 0; font-size:11px; font-weight:bold;}
.favoriteAdd {padding:0px 0px 0px 24px; background: url(/images/icons/heart_add.png) no-repeat 0; border:none; color:#0079C6; font-size:11px; cursor:pointer; text-align:left;}
.favoriteRemove {padding:0px 0px 0px 24px; background: url(/images/icons/cross.png) no-repeat 0; font-size:11px; height:18px;} 
.acrobatLink {padding-left:24px; background:url(/images/icons/page_white_acrobat.png) no-repeat;}
.utilityLink {background:url(/images/arrow_right_white.gif) no-repeat; padding-left:15px; margin-left:10px;}
.selectedItem {color:#7ca332; font-style:italic; background:url(/images/icons/tick.png) no-repeat left; padding-left:24px;}
.favoriteItem {color:#7ca332; font-style:italic; background:url(/images/icons/heart.png) no-repeat left; padding-left:24px;}
.messageSend {padding:0px 0px 0px 24px; background: url(/images/icons/email.png) no-repeat 0px 3px; border:none; color:#0079C6;}
.inviteFriends {padding:0px 0px 0px 24px; background: url(/images/icons/group.png) no-repeat 0px 3px; border:none; color:#0079C6;}
.sharePage {padding:0px 0px 0px 24px; background: url(/images/icons/page_go.png) no-repeat 0px 3px; border:none; color:#0079C6;}
.newFeature {padding:0px 24px 0px 0px; background: url(/images/icons/new_feature.jpg) no-repeat top right; border:none;}

.tabButton a { padding: 4px; border:1px solid #999999; background:#eeeeee; margin-bottom: 5px; }
.tabButtonOpen a { padding: 4px; border:1px solid #999999; background:#eeeeee; border-bottom:1px solid #eeeeee; margin-bottom: 5px; }
.tabPane { padding: 5px; background: #eeeeee; border: 1px solid #999999; margin-top: 4px; }

/* some styles for icons */
.mapIcon {margin:1px 5px;}

/*utility menus */
ul.utilityMenu {list-style:none; display:table;}
ul.utilityMenu li {margin:0; padding:0; list-style:none; float:left; width:auto;}
ul.utilityMenu a {border-left:1px solid #DCDCDC; padding:0 8px;}
ul.utilityMenu a.menuFirst {border-left:none; padding:0 8px;}
#memberUtilityLinks ul.utilityMenu {
float:right;
}
/*layout divs*/
#systemMessages {
background:#FFFFCC url(/images/icons/tick.png) no-repeat left center;
padding:0;
font-weight:bold;
color:#5CA353;
text-align:left;
text-indent:20px;
}

#alt_display_prompt{
	/* e.g. when no data is available for favorite causes, could contain a link to alternative option */
	margin: 0px 0 0 0;
}

/* for all page navigation elements, Next, Prev, 1, 2, 3, etc. */
.navigation {padding:10px 0;}
.navigation .active {font-weight:bold; background:none; color:#666666;}
.navigation .navigationPages {width:50%; float:right; text-align:right;}
.navigation .navigationLimits {width:50%; float:left;}

.navigation .subnavigation {padding-left:30px;}

/*testimonial and memberCause*/
#testimonial {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size:13px;
line-height:20px;
color:#9f9e9e;
width:450px;
text-align:left;
}
#testimonial .testimonialBig {font-size:16px;}
#testimonial .testimonialIndent {padding-left:80px;}
#memberCause {
text-align:right;
font-style:italic;
font-weight:bold;
font-size:14px;
color:#666666;
padding-top:30px;
height:25px;
line-height:25px;
}
#memberCause a {
font-size:20px;
font-weight:normal;
}

/*tabular data*/
.tableData {
margin:10px 0; padding:0; border:0; border-bottom:0px solid #cccccc;
}
.tableData tr:hover {

}
.tableData th, .tableData thead {
background: #eeeeee; padding:5px; text-transform:capitalize; color:#666666; font-weight:bold; /* this is universal - change others individually */
}
.tableData td {
padding:5px; margin:0; vertical-align:top;
}
.alt1, .alt1 td {background:#DBE5F1;}
.alt2, .alt2 td {background:#EAF5FA;}
.alt1 td {border-bottom:1px solid #cccccc;}
.alt2 td {border-bottom:1px solid #cccccc;}

td.currency{
	text-align: right;
}

.selected{background: #FFFED5;}

/* news items */
.newsTitle {padding-right:10px;}
.newsDate {color:#5d5d5c; padding-right:10px;}
.newsContent {color:#000000;}
.newsComment {padding:10px 0;}
.commentCount {width:150px;  display:-moz-inline-block; display:-moz-inline-box; display:inline-block; padding-right:10px;} /* 3 display cases added to work for span widths on mozilla and IE */
.commentPost {width:150px; background:url(/images/arrow_right_white.gif) no-repeat; padding-left:12px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; padding-right:10px;}
.newsUtility {text-align:right;}

/*event items */
.eventVenueName {font-weight:bold;}

/* progress indicators */
.progressIndicator {background: url(/images/signup_progress_indicator.jpg) no-repeat top center; height:60px; margin:10px 0; overflow:hidden;}
#signupProgress1.progressIndicator {background-position:0 0;}
#signupProgress2.progressIndicator {background-position:0 -60px;}
#signupProgress3.progressIndicator {background-position:0 -120px;}

/* home page */
#contentIntro.homeTop {padding-bottom:10px; } 

#homeSlideshowArea {width:502px; float:left;}
#homeIntroRight { width:400px; float:right;}
#homeIntroRightCookied {width:280px; float:right; margin-left:20px;}
#homeIntroRightTop {padding-left:20px;}
.homeIntroNumbers {font-size:25px; color:#F7A836; font-weight:bold; line-height:30px;}

#homeIntroRightBottom.moduleBox {
margin-left:20px;
margin-top:20px;
width:315px;
}
#homeIntroRightBottom input[type="text"], #homeIntroRightBottom select{width:240px;}
#slideshowBox.moduleBox {background:#067CC7; margin:0; padding:0;}

#homeSlideshowTop {padding:10px 20px; color:#fff; height:40px;}
#homeSlideshowBottom {margin:10px 10px 0 10px; color:#fff; height:40px;}
#homeSlideshowBottom  .oneThird p {font-size:11px; margin-left:40px; padding:0;}
#homeSlideshowBottom #stepOne {background: url(/images/home_slideshow/step1.jpg) no-repeat 0px -5px}
#homeSlideshowBottom #stepTwo {background: url(/images/home_slideshow/step2.jpg) no-repeat 0px -5px}
#homeSlideshowBottom #stepThree {background: url(/images/home_slideshow/step3.jpg) no-repeat 0px -5px}

#homeCarousel , #homeCarousel .container {width:500px; overflow:hidden; position:relative; background:#000; }
#homeCarousel .container ul {width:10000px; overflow:hidden; padding:0; margin:0; position:relative; list-style:none; height:250px; border-top:1px solid #F7A836; border-bottom:1px solid #F7A836;}
#homeCarousel .container ul li {width:500px; float:left; list-style:none; padding:0; margin:0;}

#homeCarousel .previous_button {}
#homeCarousel .next_button {}

.homeJoinButton {background:transparent url(/images/home_slideshow/homeJoinButton.gif) no-repeat center center; width:120px; height:45px; display:block; font-size:0px; text-decoration:none;}

.homeBottomModule {padding:10px; border-left:1px solid #dcdcdc; min-height:300px;}
.homeBottomModule h4 {padding-bottom:20px;}
.noLeftBorder {border-left:none;}

.homeBottomModule ol {padding:0 0 10px 20px;}
.homeBottomModule ol li {padding:5px 0;}

#mostSuccessfulSupporters.homeBottomModule img {width:50px; height:50px; margin-right:10px; float:left;}
#mostSuccessfulSupporters.homeBottomModule div {height:70px;}

#featuredMerchants.homeBottomModule img {margin-right:20px; float:left;}
#featuredMerchants.homeBottomModule div {height:40px;}
#featuredMerchants.homeBottomModule .merchantContributionText {padding-top:8px;}

/* home page cookied */
#cookiedHomeIntroArea {width:620px; float:left;}
#cookiedHomeIntroArea h2 {border:none;}

#homeIntroRightTop.moduleBox {
margin-left:20px;
margin-top:0;
padding-left:0;
}

/*login page*/
#loginRight.moduleBox {width:300px;}

/*tabs*/
#signupTabs {margin-bottom:20px;border-bottom:5px solid #999999; height:40px;}
#signupTabs ul {margin-left:10px;}
#signupTabs ul li {list-style:none; float:left;}
#signupTabs ul a {display:block; padding:4px; margin:10px 2px 0px 2px; border:1px solid #999999; height:20px; background:#eeeeee; border-bottom:none; outline:none; color:#666; }
#signupTabs ul a:hover {text-decoration:none; background:#FFFF99;}
#signupTabs ul a.active {background:#999999; padding:10px 4px; margin:0 5px; color:#fff; font-weight:bold;}

/* sign up 1 */
#signup1.divForm {width:640px; float:left;}
#signup1.divForm fieldset {background:none;}

#signup1.divForm input[type=text], #signup1.divForm input[type=password], #signup1.divForm label {font-size:14px; font-weight:bold; margin-top:10px;}
#signup1.divForm label {padding-top:5px;}
#signup1.divForm input[type=text], #signup1.divForm input[type=password] {color:#666; padding:2px;}
#signup1.divForm input[type=text]:focus, #signup1.divForm input[type=password]:focus {color:#000; padding:2px;}

table#signUp.signUp { border:0px #cccccc solid; padding:10px;}
table#signUp.signUp td {padding:5px;}
col.labels {width:25%; text-align:right;}
col.fields {width:40%;}
col.notices {width:35%;}

#screenname_results, .inline_validation {font-style:normal; }
.loginAvailable {color:#339900; padding-left:20px; background:url(/images/icons/icon_accept.gif) no-repeat; }
.loginTaken, .invalidLoginFormat {color:#FF0000; padding-left:20px; background:url(/images/icons/icon_alert.gif) no-repeat;}

.errorExplanation, #errorMessages {margin:5px; border:1px solid #ff0000; background: #FFFFCC; padding:10px; color:#ff0000;}
.errorExplanation ul, #errorMessages ul {color:#666666; list-style:disc;padding-left:20px; color:#ff0000;}
.errorExplanation ul li, #errorMessages ul li { }
.errorExplanation p {font-weight:bold;}
.errorExplanation h2 {display:none;}
.fieldWithErrors, .validation-advice{ padding:0; margin:0; color:#ff0000;}
.validation-advice {padding-left:230px; font-size:10px;}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors input:focus {border:1px solid #ff0000;}
.fieldWithErrors label {color:#ff0000;}/*this is not working */

#sendOnecauseEmailsText.rightBlock {position:relative; top:-20px; left:5px; }
#privacyText.rightBlock {left:-15px;}
#submitCancelButton.rightBlock {left:-25px;}

.verisignLogo {padding-top:20px;}

ul.listBulb {padding-top:30px;}
ul.listBulb li {background:url(/images/icons/lightbulb.png) no-repeat left top; padding:0 0 20px 20px;}

/*sign up 2 - search causes */
.searchPanelContainer { 
	position: relative; 
	width: 100%;
	z-index:80;
}

.searchMask {
	position:absolute;
	background-color:#fff;
	top:0px;
	left:0px;
	z-index:100;
}

.searchLoader{
	position:absolute;
	z-index:150;
	text-align:center;
	background: #fff url(/stylesheets/ajax-loader.gif) no-repeat;
	height:20px;
	padding-left:50px;
	padding-top:15px;
	color:#0066FF;
	border:1px solid #cccccc;
	position:absolute;
	top:150px;
	left:150px;
}

#signup2a, #signup2b, #signup2c {
padding:20px;
}

.search_results {padding:10px 0px;}

#signup2a.divForm input, #signup2a.divForm label, #signup2b.divForm input, #signup2b.divForm label, #signup2c.divForm input, #signup2c.divForm label, #signup2d.divForm input, #signup2d.divForm label, #signup2e.divForm input, #signup2e.divForm label, #signup2b #organization_main_address_state, #signup2c #organization_distance{
font-size:14px; 
font-weight:bold; 
margin-top:10px;
}
#signup2a.divForm label, #signup2b.divForm label, #signup2c.divForm label, #signup2d.divForm label, #signup2e.divForm label{
padding-top:5px;
}
#signup2a.divForm input, #signup2b.divForm input, #signup2c.divForm input, #signup2d.divForm input, #signup2e.divForm input, #organization_main_address_state, #signup2c #organization_distance {
color:#666; 
padding:2px;
}
#signup2a.divForm input:focus, #signup2b.divForm input:focus, #signup2c.divForm input:focus, #signup2d.divForm input:focus, #signup2e.divForm input:focus {
color:#000; 
padding:2px;
}

#signup2ZipResults.tableData, #signup2StateResults.tableData {width:70%; font-size:14px;}
#signup2ZipResults.tableData td, #signup2StateResults.tableData td {padding:5px;}
#signup2ZipResults.tableData tr:hover, #signup2StateResults.tableData tr:hover {background:#FFFFCC;}
#signup2ZipResults.tableData input, #signup2StateResults.tableData input, #signup2ZipResults.tableData label, #signup2StateResults.tableData label{margin-top:0; padding:0;}

/*signup 3 - maximize your contributions */
ul#signup_step_three {margin-left:10px;}
ul#signup_step_three li {list-style:none; float:left;}
a#one.onecause_card_application, a#two.register_cards, a#three.install_toolbar, a#four.invite_contacts, a#one.onecause_card_application:hover, a#two.register_cards:hover, a#three.install_toolbar:hover, a#four.invite_contacts:hover, a#five.pta_card_application, a#five.pta_card_application:hover, a#six.irish_card_application, a#six.irish_card_application:hover  {background:#999999; padding:10px 4px; margin:0 2px; color:#fff; font-weight:bold;}

#signup3a, #signup3b, #signup3c, #signup3d {
padding:20px; min-height:200px;
}

#signupCards {padding:20px 0;}
#signupCards #addCard {width:50%; float:left;}
#signupCards #showCards {width:48%; float:left;}

table#showRegisteredCards.tableData {
border:none; width:100%;
}
#showRegisteredCards.tableData td {padding:10px 0; border-bottom:1px solid #cccccc;}

.lockIcon {background:url(/images/icons/lock.png) no-repeat left top; padding-left:20px; font-size:11px; color:#999999; line-height:20px;}

/*signup4 - thank you */
#thankyouIntro {width:50%; float:left;}
#thankyouAction1 {width:20%; float:left; margin:0 10px;}
#thankyouAction2 {width:18%; float:left; margin-left:5%;}

#signupThanksOffers.moduleBox {}
ul.thankyouOffers li {width:20%; text-align:center; float:left; height:140px; margin:0; padding:10px 0px;}

/*signup tooltip*/
.prototip .signupTip { border: 0px solid #dcdcdc; width:160px; margin-left:0px;background:url(/images/tooltip_bubble.gif) 1px top no-repeat; padding-left:20px; padding-top:10px;}
.prototip .signupTip .toolbar {  color: #000000; font-size: 12px; font-weight:bold; width:150px;}
.prototip .signupTip .title { padding: 0 5px; }
.prototip .signupTip .content {background:url(/images/tooltip_bubble.gif) -19px bottom no-repeat; color: #555555; font-size: 11px; padding: 0 5px; padding-bottom:10px; }
.signupSearchcauseImage {width:100px;}

.htmlTooltip {width:180px;}
.htmlTooltip .top {background:url(/images/tooltip_bubble.gif) no-repeat top left; display:block; padding-top:20px; z-index:25;}
.htmlTooltip .middle {background: url(/images/tooltip_middle.gif) repeat-y; display:block; padding-left:30px; padding-right:10px;}
.htmlTooltip .bottom {background:url(/images/tooltip_bubble.gif) no-repeat bottom left; display:block; padding-top:10px;}
#editScreenName.htmlTooltip {margin-top:55px; position:absolute; margin-left:520px;}
#signupEmailExplain.htmlTooltip {margin-top:5px; position:absolute; right:60px;} 

/*signup cta buttons*/
#signup1.divForm input.large, #signup2a.divForm input.large, #signup2b.divForm input.large, #signup2c.divForm input.large, #signup2d.divForm input.large, #signup2e.divForm input.large{color:#067CC7; padding:2px 5px; font-size:16px; font-weight:bold;}

/*my home*/
#contentIntro {margin-bottom:10px; position:relative;}

h2#memberScreenname, #memberDescription {color:#333333;}

table#memberContributions {width:100%;}
table#memberContributions td {padding:2px 0;}
td#contributionValue {text-align:right; font-weight:bold;}
td#contributionTotal {font-weight:bold;}

#memberDuesCrediting {font-weight:bold; padding:10px 0;}

#memberPictureManagement.moduleBox {text-align:center; min-height:120px; vertical-align:middle;}
#memberPicture {text-align:center;}
#memberAboutMe, #memberDescription {padding:5px;}

.newsUpdate {padding-bottom:10px; border-bottom:1px dotted #999999; margin-bottom:10px;}
.newsUpdate .newsTitle {font-weight:bold;}
.newsUpdate .newsDate {color:#5d5d5d; font-size:11px;}
.newsUpdate .newsContent {color:#000000;}
.moduleBox .newsUpdate .newsContent {font-size:11px;}
.newsUpdate .newsComment {padding:10px 0;}
.newsUpdate .newsComment .commentCount {width:150px;  display:-moz-inline-block; display:-moz-inline-box; display:inline-block;} /* 3 display cases added to work for span widths on mozilla and IE */
.newsUpdate .newsComment .commentPost {width:150px; background:url(/images/arrow_right_white.gif) no-repeat; padding-left:15px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block;}

.tableData#memberMessagesTable {margin:0; padding:0;}
.tableData#memberMessagesTable th {
background:#eeeeee; padding:5px; border-bottom:1px solid #cccccc; font-weight:normal; text-align:left; color:#666666;
}
.tableData#memberMessagesTable td {padding:5px; border-bottom:1px dotted #999999;}
.tableData#memberMessagesTable tr {vertical-align:top;}
.tableData#memberMessagesTable #unread {font-weight:bold;}
#composeMessageLink {
font-weight:bold;
padding-top:10px;
}

.tableData#memberFavoriteTable { margin-bottom:0;}
.tableData#memberFavoriteTable td {padding:10px; border-bottom:1px dotted #999999;}

.contentBoxContent#memberSpecialOffers {clear:both;}
.contentBoxContent#memberSpecialOffers img {border:none; margin:5px 0;}
.contentBoxContent#memberSpecialOffers a {font-weight:bold;}
.contentBoxContent#memberSpecialOffers .oneThird {text-align:center; padding:10px 0;}

.contentBoxContent#memberFavoriteCauses {margin:0; padding-top:0; padding-bottom:0;}

.contentBoxContent#memberFavoriteStores .oneFourth {text-align:center;}

.moduleBox#memberAnnouncement {background:#FFFFCC;}

.myhomeMerchantCouponSearch {border-top:1px dotted #999; padding:15px 80px 0 0;}

/*my home - account info */
.tableData#accountInfoTable th, .tableData#accountInfoTable td {vertical-align:top;}
.tableData#accountInfoTable th {background:none; text-align:right;}

#hide_location_results_2 {padding:10px 0; font-style:italic; font-weight:bold; color:#339900;}
#tipHideMyLocation {border-bottom:1px dotted #999999;}

.editRow {background: #FFFFCC;}

/*my home - email prefs */
.newsletterName {font-weight:bold; padding-bottom:10px;}
.tableData#emailPreferencesTable td {vertical-align:top;}

/*myhome credit debit cards */

/*my home profile privacy */
#profilePrivacy {padding:20px;}
#privacyOptions {padding-left:20px;}

/*my home messages */
#messageMemberAvatar {width:50px; float:left; padding-right:5px;}
#messageMemberAvatar img {width:50px;}
#messageUtility {padding:10px 0;position:relative;}

.moduleBox#messageUtilityMenu li a{line-height:24px; border-bottom:1px dotted #cccccc; display:block;}

#messageComposeTable.tableData th, #messageReadTable.tableData th {width:120px; text-align:right; vertical-align:top;}

/*my home contributions */
.tableData .mainHeaders{background:#fff;}

.tableData .contributionSources tr {
background:#6699CC; font-weight:bold; color:#fff; cursor:pointer;
}
.tableData .unclickable tr{cursor: default;}
.tableData .contributionSources tr:hover {
background:#0066CC;
}
.tableData .contributionSources td {
border-bottom:1px solid #fff; background:#6699CC; 
}
.tableData .contributionSources a {
color:#fff;
}
.tableData .contributionSourcesTotal td{
background:#666666;
color:#fff;
font-weight:bold;
}
.tableData .total {font-weight:bold;}

.sectionHeader{font-weight:bold; padding:100px;}

#contributionExportUtility {text-align:right;}
#contributionExportUtility span {padding:5px 20px;}
#contributionExportUtility span img {margin:0 10px;}

.purchasesColumn {background:#C2D69A; font-weight:bold; color:#000000; text-align:right; vertical-align:middle;}
.contributionsColumn {background:#DDD9C3; font-weight:bold; color:#000000;}
.contributionSubItems {background:#EEECE1;}

#dateRangeSelector {padding:5px 0;}


#duesCreditingContributions.contentBox {width:450px;}

/*my home supporter profile */

#memberContributingCause.moduleBox #causeLogo {margin:10px 0; max-width:180px;}

/*my home import contacts*/
.contentBox #inviteForm {float:left; width:80%;}
.contentBox #inviteUtility {float:left; width:20%}

/*my home profile photo*/
.avatarContainer {width:auto; display:table-cell; float:left; padding:10px; margin:5px; text-align:center;}
.avatarContainer img {margin-bottom:10px; width:100px; max-height:100px;}
.avatarContainer:hover {background:#FFCC00;}

/*my cause main page */
#causeAddressBlock, #causeDescription {padding-top:10px;}
.orangeButton#viewCauseProfile {float:right;}

.causeNewsLatest {border-bottom:1px solid #cccccc;}
.causeNewsLatest .newsTitle, .causeNewsLatest .newsDate {font-weight:bold;}

.causeNewsPrevious {padding:5px 0;}
.causeNewsPrevious .newsTitle {width:150px; display:table-cell;}

.contentBoxContent#causeTopSupporters .oneFifth {text-align:center;}
.contentBoxContent#causeTopSupporters .oneFifth img {width:50px; margin-bottom:10px;}

.goalGauge {line-height:150%;}
.progressBar {border:1px solid #999; width:150px; height:10px; margin:2px 0; text-align:left;}
.progressMeter {background:green url(/images/goal_gauge.jpg) repeat-x top left; height:10px;}

#mycauseSkyscraper {background:#fff url(/images/banners/skyscraper_tools_you_can_use_bg.jpg) no-repeat top center; padding:140px 20px 20px 20px; height:300px; color:#dddddd; font-size:11px;}
#mycauseSkyscraper a {color:#fff; font-weight:bold; font-size:12px;}

ul.smallMan {list-style:none;}
ul.smallMan li {background: url(/images/icons/oc_little_man.gif) no-repeat left top; padding-left:15px; margin-bottom:5px;}

/*goals page */
.tableData#goalSettingsTable th {background:none; text-align:right; width:25%; vertical-align:top; text-transform:none;}
.tableData#goalSettingsTable {border:none;}

/*my cause news page */
.causeNewsItem {border-bottom: 1px dotted #999999; margin-bottom:20px;}
.causeNewsItem .newsTitle {font-size:16px; font-weight:bold;}
.causeNewsItem .newsContent {padding:10px 0;}

/*my cause news detail page */
.newsCommentList .commentAvatar {width:50px; float:left; margin-right:10px; clear:both;}
.newsCommentList .commentAvatar img {width:50px;}
.newsCommentList .commentContent { padding-top:10px;}

.commentUtility {text-align:right; font-size:11px; width:auto; float:right;}
.commentApprove {padding:5px 18px; background:url(/images/icons/tick.png) no-repeat left center;}
.commentDelete {padding:5px 18px; background: url(/images/icons/cross.png) no-repeat left center;}
.commentApproved {padding:5px 18px; font-style:italic;}

/* cause news post */
.tableData#causeNewsPostTable th {background:none; text-align:right; width:20%; vertical-align:top;}
.tableData#causeNewsPostTable {border:none;}

/* cause new event */
.tableData#causeNewEventTable th {background:none; text-align:right; width:20%; vertical-align:top;}
.tableData#causeNewEventTable {border:none;}

.eventDateTimeSelect label {font-size:10px; float:left; clear:right; width:auto; margin-right:10px;}
.eventDateTimeSelect input, .eventDateTimeSelect select {float:left; clear:left; }
.eventDateTimeSelect .dateSelectIcon {padding-top:12px;}

.eventDateTimeSelect {clear:both;}
.eventDateTimeSelect .eventDateSelect {width:auto; float:left; padding-right:20px;}
.eventDateTimeSelect .eventTimeSelect {width:300px; float:left;}

.eventLocationSelect label {font-size:10px; float:left; width:auto; margin:0 10px 10px 0;}
.eventLocationSelect input, .eventLocationSelect select {float:left; clear:left;}

.eventCostSelect label {margin-right:20px; margin-bottom:10px;}

/* cause event details page */
.eventLocationMap {padding:10px;}

/*cause supporters table */
.tableData#causeSupportersTable {width:100%;}
.tableData#causeSupportersTable th.contributionsHeader {text-align:center; background: #C0C081;}
.tableData#causeSupportersTable th.contributionsSubHeader {background:#D9D9B3; font-weight:bold;}

.memberHidden {padding: 0 16px 0 0; background: #dddddd url(/images/icons/member_hidden.png) no-repeat right top;}
.memberHidden * {text-decoration:line-through;}

/*cause newsletter create */
.tableData#newsletterCreateTable {border:none;}
.tableData#newsletterCreateTable th {background:none; text-align:right; vertical-align:top;}
#newsletterSelectedRecipients {padding:10px 0 20px 0;}

/* edit cause info */
.tableData#editcauseGeneralInfoTable th {width:30%; background:none; font-weight:normal; text-align:right;}
ol.mycauseDuesCrediting {padding:20px 50px;}
.mycauseDuesCreditingDiv {padding:20px 50px;}

/* causes */
.causesFeatured {padding:10px 0; outline:none; min-height:80px; border-bottom:1px solid #dddddd;}
.causesFeatured .oneThird {margin:0;}

#causeInfoTable td, #causeInfoTable th {vertical-align:top;}
#causeInfoTable td {padding:2px 5px;}

.featuredCausesAdlob {border-bottom:1px solid #ccc; background:#eee;}
.featuredCausesAdlob h1 {font-size:11px; font-weight:bold; color:#000; line-height:16px;}
#contentLeft .featuredCausesAdlob h2 {font-size:11px; font-weight:normal; color:#000; border-bottom:none; line-height:14px;}
.featuredCausesAdlob img {width:75px;}
.featuredCausesAdlob td {padding:5px; vertical-align:top;}

/* cause detail page */
.causeIntroLeft {float:left; width:480px;} 
.causeIntroRight {float:right; width:210px; position:relative;}

.causeUtilityMenu li {padding:0 0 0 20px; line-height:200%;}
.causeUtilityMenu li a {font-size:12px;}

/*causes search results */
.sortBy {padding:10px 0;}
.sortByItem {padding:0 15px;}
.sortByItem {padding:0 5px;}
ul.causesSearchNoResults {padding:20px 50px;}
.mycauseDuesCreditingDiv {padding:20px 50px;}

#causeListTable.tableData td {border-bottom: 1px solid #dddddd;}

ul#editcauseTabs { margin-left:50px; }

a#one.general_info, a#two.profile_info, a#three.logo, a#four.payment_info, a#five.dues_crediting, a#six.advocates, a#one.general_info:hover, a#two.profile_info:hover, a#three.logo:hover, a#four.payment_info:hover, a#five.dues_crediting:hover, a#six.advocates:hover {background:#999999; padding:10px 4px; margin:0 5px; font-weight:bold; color:#fff;}

/* badge widget code */
.causeLogoSmall {margin:10px 0;}

.causeSupportWidget {
border:1px solid #cccccc;
padding:5px;
margin:10px 0;
text-align:center;
background: #FFFF99;
}
.causeSupportWidget:hover {background: #FFFF33;}

.contentBoxContent#causeTopSupporters .oneEighth,  .contentBoxContent#causeSupporters .oneEighth{margin-bottom:10px;}
.contentBoxContent#causeTopSupporters .oneEighth img, .contentBoxContent#causeSupporters .oneEighth img {width:60px;}

img.causeAdvocateAvatar {width:60px; margin-right:10px; float:left;}

/* causes - my causes */
.selectedCause {font-style:italic; color:#339900;}

/* shopping main page */
h3#onecauseTagLine {font-weight:normal; color:#000000;}

#merchantSearchBox{float:right; width:200px; height:50px;}

.shopMerchants {text-align:center; margin: 10px 0px 20px 0px; }
.shopFeaturedDeals {padding:5px 0;}

#onecauseVisaCard.moduleBox {background: #FFFCD2;}

#merchantListTable.tableData td {border-bottom:1px solid #dddddd; padding:10px 5px;}

/*shopping page glider */
#gliderFeaturedMerchants.moduleBox {text-align:center;}
div#gliderFeaturedMerchants div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 600px; 
	height: 130px;
	overflow: hidden;
	margin-left:50px;
	}
	div#gliderFeaturedMerchants div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:150px;
		height:120px;
		overflow:hidden;
		float:left;
		text-align:center;
		}
	div#gliderFeaturedMerchants div.scroller div.content {
		width: 10000px;
		}
#shopNext.arrowNextPrev {right:0; top:50px;}
#shopPrev.arrowNextPrev {left:0; top:50px; background-position:-40px 0;}

/* merchant details page */
.merchantStats {overflow:auto; padding-bottom:20px;}
ul.merchantCoupons  li {padding:10px 0; border-bottom:1px dotted #cccccc;}

#merchantShopNowButton.button {font-size:16px; font-weight:bold;}

/* neighborhood merchants */
.mapNeighborhoodMerchants {margin-left:10px;}
#onecauseVisaCardBig img {margin:0 10px 10px 0;}
#onecauseVisaApply.button {font-size:16px; font-weight:bold;}

#shopNeighborhoodMerchantsTable.tableData td {border-bottom:1px solid #dddddd;}

/*one cause visa card page*/
#shopNationalMerchantsTable.tableData {border:none;}
#shopNationalMerchantsTable.tableData td {border-bottom:1px solid #cccccc;}
ul#shopOnecauseVisaSpiel {padding:20px;}
ul#shopOnecauseVisaSpiel li {padding:10px 0;}

/* coupon search */
#couponListTable.tableData td {border-bottom:1px solid #dddddd;}
/*coupons page glider */
#freeShippingDeals.moduleBox, #gliderFeaturedCoupons.moduleBox {}
div#gliderFeaturedCoupons div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 600px; 
	height: 120px;
	overflow: hidden;
	margin-left:40px;
	}
	div#gliderFeaturedCoupons div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:150px;
		height:120px;
		overflow:hidden;
		float:left;
		text-align:center;
		}
	div#gliderFeaturedCoupons div.scroller div.content {
		width: 10000px;
		}
#couponNext.arrowNextPrev {margin-left:650px; margin-top:30px;}
#couponPrev.arrowNextPrev {background-position:-40px 0; margin-left:0px; margin-top:30px;}

div#gliderFeaturedCoupons .contentBoxContent {padding:10px 10px;}

/* gift center */
#shopGiftIdeas.moduleBox .oneFourth {height:160px; overflow:hidden;}

#credit_card_expiration_year { width: 60px; }

/* banner examples */
div.web_banner_example{
	margin: 0 0 40px 0;

}
div.web_banner_example img{
	display: block;
	margin: 10px 0;
}
div.web_banner_example textarea{
	font-size:85%;
	width: 500px;
}

.organizationMatch label { width: 100%; text-align: left; }

select.minute { width: 45px !important; }

a.shopNow { 
	color: #fff; 
	display: block; 
	width: 120px; 
	height: 20px; 
	padding: 5px 0px 0px 0px; 
	text-align: center; 
	background: transparent url(/images/orangeButtonShopNow.gif) no-repeat; 
	font-size: 14px;
	font-weight: bold;
}

.topSupporter {
	overflow: hidden;
	float: left;
	width: 120px;
	padding: 10px;
	text-align: center;
  height:130px;
}

.topSupporter .supporterImage {height:80px; text-align:center; overflow:hidden;}
.topSupporter .supporterImage img {margin:0 auto; width:75px;}
.topSupporter .supporterName, .topSupporter .supporterLocation, .topSupporter .contribution_amount {height:15px;}

/* history challenge banner */

#historyChallenge.moduleBox {background:#FFFFCC;}

/* toolbar related */
.toolbarDownloadArea {
padding:10px; margin:10px;padding-top:70px;
}
#ffdownload {
background: url(/images/toolbar/FF_logo.jpg) no-repeat 10px 10px; 
}
#iedownload {
background: url(/images/toolbar/ie_logo.jpg) no-repeat 10px 10px;
}

/* toolbar signin */
.toolbarBody {border:1px solid #cccccc; margin:5px; padding:5px;background:url(/images/oc_banner_logo.jpg) no-repeat 10px 10px;}
.toolbarBody h3 {padding-top:20px;}

.closeLink {padding-left:20px; background:url(/images/icons/cross.png) no-repeat left center;}

/* schools */
#schoolLeftSkyscraper {background:url(/images/banners/schools_left_skyscraper_bg.jpg) no-repeat top center; padding:200px 10px 10px; font-size:11px;}
#schoolLeftSkyscraper a {font-size:11px; margin-left:0;}

/*pre enroll code */
.preenrollWrapper {border-top:1px solid #ccc;}

.preenrollLogo {width:120px; text-align:center; float:left; height:75px; overflow:hidden;}
.preenrollSpiel {width:700px; float:left;}
.preenrollTour {width:150px; float:right;}

/*spop landing */

#spopLanding.moduleBox {background: url(/images/schoolpop_landing/module_bg.jpg) repeat-x top left; height:300px; width:460px;}

.spopLandingRight {padding:0 20px;}

.spopLandingSpeil {
padding:20px;
}
.spopLandingSpeil li {padding-bottom:20px;}
#spopLoginBulb.moduleBox {width:140px; float:right; font-size:10px; background:#eaeaea url(/images/icons/lightbulb.png) no-repeat 2px 2px;}
#spopLoginBulb.moduleBox p {padding-left:10px; padding-bottom:0;}

#spopJoin.orangeButton {float:right;}

/* parent letter */
.parentletterWrapper {border:1px solid #eaeaea; width:700px; margin:30px auto;}

.parentletter { padding:300px 10px 10px 10px; background:url(/images/parent_letters/Neighborhood-Dynamic-Head.jpg) no-repeat top center;}

.parentletter ol {padding:10px; margin-left:20px;}
.parentletter ol li {padding:10px;}

/*toolbar download*/
#toolbarBanner.moduleBox  .inner{background: #ffffcc url(/images/icons/dollar_60.gif) no-repeat -5px 0px; padding:5px; padding-left:40px;}

/*truste*/
.truste#accountInfo {width:150px; float:right;}
.truste#tsw img{padding:5px 0px;}

/*toolbar notices on My Home and Nav */
.navBarMessage {float:right; width:250px; background:url('/images/my_home_messaging/nav_bar_message.jpg') no-repeat left top; margin:-10px -1px 0 0; padding:0; z-index:99;}
.toolbarSlideDown {background:url('/images/my_home_messaging/toolbar_message_full.gif') no-repeat center top; position:absolute; z-index:999; height:133px;  top:140px; width:383px; left:50%; margin-left:-191px;}

/* maximize contributions */
#maximize_contributions {width:480px; margin-bottom:10px; }

#maximize_contributions .maximize_top {background:url('/images/maximize/maximize_top.jpg') no-repeat left top; padding: 8px 5px 0px; height:17px;}
#maximize_contributions .maximize_top .maximize_header {color:#fff; font-weight:bold; font-size:14px; width:210px; float:left; height:15px; padding-left:10px;}
#maximize_contributions .maximize_top .progress_bar_container {width:110px; height: 15px; float:left;}
#maximize_contributions .maximize_top .progress_bar {width:100px; height: 12px; background:#fff; border:solid 1px #fff; }
#maximize_contributions .maximize_top .progress_measure {background:#096895 url('/images/maximize/progress_bar_bg.jpg') repeat-x left top; height: 12px;} 
#maximize_contributions .maximize_top .member_progress {color:#F2E395; font-size:11px; font-weight:bold; height:15px; width:80px; float:left;}
#maximize_contributions .maximize_top .maximize_openclose { height:15px; float:right; width:50px;}
#maximize_contributions .maximize_top .maximize_openclose a { color:#fff; font-size:11px; padding-left:10px;}
#maximize_contributions .maximize_top .maximize_openclose #expand_maximize { background: url('/images/maximize/arrow_expand.jpg') no-repeat left center;}
#maximize_contributions .maximize_top .maximize_openclose #close_maximize { background: url('/images/maximize/arrow_close.jpg') no-repeat left center;}

#maximize_contributions_detail {border-left:1px solid #519B4C; border-right:1px solid #519B4C; padding:10px; border-top:5px solid #519b4c; height:160px;}
#maximize_contributions_detail ul { padding:0; list-style:none; width:250px; float:left; border-right:1px solid #519B4C;}
#maximize_contributions_detail li { padding:0px 0px 0px 20px; list-style:none; height:20px;}
#maximize_contributions_detail li.complete{ color: #999; background: url('/images/icons/tick.png') no-repeat left center; }
#maximize_contributions_detail li.incomplete{background: url('/images/icons/bullet_blue.jpg') no-repeat 8px center; }
#maximize_contributions_detail li .maximize_list_item { width:230px; padding:0; margin:0;}
#maximize_contributions_detail li .maximize_list_item:hover { background: url('/images/icons/bullet_green_left.jpg') no-repeat right center; }
#maximize_contributions .maximize_bottom {background:url('/images/maximize/maximize_bottom.jpg') no-repeat left top; height:10px;}

#maximize_help_area {width:200px; background:#fff;; float:left;}
#maximize_help_area p {width:150px; padding:30px 10px 10px 20px; font-size:11px; color:#333;}

.prototip .maximize {width:100px; height:120px; background:#fff;}

/* definition lists */
dt{text-align: right; width: 30%; margin-right: 10px; float: left; clear: left;}
dd{float: left; width: 60%;}