@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%;}