/*------------------------- HTML ------------------------- */
/* page */
* { margin:0; padding:0; }
body {font-family: Helvetica, Arial, sans-serif !important; font-size:0.8em; }
/* IE peekaboo fix, div fix only can be applied to IE */
*html div { min-width:0; position:relative; }
h1, h2, h3, p { min-width:0; position:relative; }
/* links */
a {text-decoration:none; color:#55a1d5; outline-style:none;}
a:hover {text-decoration:underline;}
/* images & media */
img {border:0 !important}
/* headlines */
h1 { font-size:2.0em; color:#409413; text-shadow:#ccc 1px 1px 1px; font-weight:normal; font-family: Helvetica, Arial, sans-serif; }
h1 span { margin-right:10px; }
h1 img {vertical-align:middle; }
h2 { font-size:1.6em; margin-bottom:20px; color:#409413; text-shadow:#ccc 1px 1px 1px; font-weight:normal; font-family: Helvetica, Arial, sans-serif; }
h2 span { margin-right:10px; }
h2 img {vertical-align:middle; }
h3 { font-size:1.4em; text-shadow:#ccc 1px 1px 1px; font-weight:normal; font-family: Helvetica, Arial, sans-serif; border-top: 1px solid #E6E6E6; margin-top: 20px; padding: 10px 0 3px 0; }
h3 span { margin-right:10px; }
h3 img {vertical-align:middle; }
h4 { font-size:1.1em; font-weight:bold; margin-top: 10px; }
h4 span { margin-right:10px; }
h4 img {vertical-align:middle; }
h5 { font-size:1.0em; font-weight:bold; }
h5 span { margin-right:10px; }
h5 img {vertical-align:middle; }
/* paragraph */
p { line-height: 140%; margin-bottom: 10px; }
/*------------------------- HTML ------------------------- */
/*------------------------- FORM ------------------------- */
input.text, input[type=text], input.password, input[type=password], select, textarea { border: #55A1D5 solid 1px; padding: 5px; background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; font-size:1.0em; line-height: 140%; font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif !important; width:230px; }
radio, input[type=radio] { width:15px }
input.imagebutton { border: 0; }
.textbutton, input[type=submit], input[type=button] { border: #55A1D5 solid 1px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 10px 20px; background: url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbutton_bg.png) repeat-x top center; font-size:1.0em; color: #FFF; margin: 10px 0; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; display:inline-block; }
a.textbutton {color: #FFF; text-decoration: none; }
a.textbutton:hover {color: #000; text-decoration: none; background: url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbutton_bg.png) repeat-x bottom center; }
input.textbuttondisabled { border: #e6e6e6 solid 1px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 5px; background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbuttondisabled_bg.png) repeat-x top center; font-size:1.0em; color: #FFF; margin: 10px 0; font-family: Helvetica, Arial, sans-serif; }
.form_fieldset {margin-bottom:20px}
.form_field_label {float:left; width:160px; font-size:1.2em; padding:5px}
.form_field_input {float:left; width:250px}
.form_field_caption {font-size:1em; margin:10px 0}
.form_field_example {color:#55a1d5; margin-top:5px; font-size:1em}
.form_fieldset_left {float:left; width:420px}
.form_fieldset_right {float:left; width:260px; position:relative}
.form_field_error {color:red; font-size:11px}
/*------------------------- FORM ------------------------- */
/*------------------------- CONTAINER ------------------------- */
/* container for header */
.header_container {position:relative; height: auto; border-bottom: #55a1d5 solid 1px; }
/* bottom background container */
.body_container {background: #FFFEF9 url(http://www.uat.bettertheworld.com/presentation/bettertheworld/en-us/images/footer_mountain.gif) center bottom no-repeat; padding-bottom:100px; }
/* top background container */
.background_container { background: transparent url(http://www.uat.bettertheworld.com/presentation/bettertheworld/en-us/images/body_container_background.png) center top repeat-x; }
/* content container */
.content_container {width:760px; margin:0 auto; padding-top:20px; }
/* Layout containers used on every page */
.small_left_container {float:left; width:310px;}
.small_right_container {float:right; width:310px;}
.large_left_container {float:left; width:420px;}
.large_right_container {float:right; width:420px;}
.large_center_container {width:760px;}
.med_left_container {float:left; width:365px;}
.med_right_container {float:right; width:365px;}
/* container for footer */
.footer_container {background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/footer_grade_top.gif) center top repeat-x; position: relative;}
.footer_partner {line-height:20px; width:732px; margin:0 auto; text-align:left}
.footer_partner .smalltext {color:#CFF08B !important; padding-right:10px; margin-right:10px; border-right:1px solid #60605F}
.footer_partner .clickthru{display:block; font-size:1em !important; font-weight:bold !important; color:#ffffff}
/* containers for sidebars */
.sidebar_center_container { min-height: 100%; height: auto !important; }
.sidebar_footer_container { }
/* noborder */
.noborder {border:0 !important}
/*------------------------- CONTAINER ------------------------- */
/*------------------------- GLOBAL FONT CLASSES ------------------------- */
/* links */
.no_decoration {text-decoration:none}
.no_outline {outline-style:none}
/* standard call to action link */
.clickthru { font-weight:normal !important; font-size:11px !important; text-transform:uppercase; text-shadow:none; }
/* small text */
.smalltext { font-weight:normal !important; font-size:0.9em !important; text-shadow:none; color:#666; }
/* sub H1 copy text */
.page_description, .page_top_description, .subtitle_text { padding: 5px 0 10px 0; font-size:1.0em; }
/* Stats */
.stat_group { margin: 0; padding: 0; }
.stat_group li { list-style: none; margin-right: 5px; float: left; }
.stat_wrapper { -moz-border-radius:8px; -webkit-border-radius: 8px; border:1px solid #E6E6E6; background: #E6E6E6; padding: 10px; margin-bottom: 10px; }
.stat { font-size:1.6em; font-weight:bold; }
.stat_desc { font-size:0.7em; font-weight:normal; }
.stat_block_wrapper { -moz-border-radius:8px; -webkit-border-radius: 8px; border:1px solid #E6E6E6; background: #E6E6E6; padding: 10px 0; text-align: center; margin-bottom: 10px; width:80px; overflow: hidden; }
.stat_block { display:block; font-size:1.4em; font-weight:bold; }
.stat_block_desc { display:block; font-size:0.7em; font-weight:normal; margin-top: 5px; }
.stat_small_wrapper { -moz-border-radius:3px; -webkit-border-radius: 3px; border:1px solid #E6E6E6; background: #E6E6E6; padding: 2px 5px; }
.stat_small { font-size:1.0em; font-weight:bold; }
.stat_small_desc { font-size:0.7em; font-weight:normal; }
.stat_small_block_wrapper { -moz-border-radius:3px; -webkit-border-radius: 3px; border:1px solid #E6E6E6; background: #E6E6E6; padding: 3px 7px; text-align: center; margin-bottom: 5px; width:40px; overflow: hidden; }
.stat_small_block { display:block; font-size:1.0em; font-weight:bold; }
.stat_small_block_desc { display:block; font-size:0.7em; font-weight:normal; }
/* quotes */
.quote {font-style: italic; font-weight: bold; }
/*------------------------- GLOBAL FONT CLASSES ------------------------- */
/*------------------------- ERRORS & NOTIFICATIONS ------------------------- */
.error_message { background:#FFDBDB; border-top:1px solid #FFA3A3; border-bottom:1px solid #FFA3A3; color:red; padding:10px; margin-bottom:20px; }
.notification_message ,.profile_saved_notification, .email_validation_notification
{ background:#E4F6C4; border-top:1px solid #C6F179; border-bottom:1px solid #C6F179; padding:10px; margin-bottom:20px; color:#409413; padding:10px; }
.profile_saved_notification_left {float:left;}
.profile_saved_notification_right {float:right;}
/*------------------------- ERRORS & NOTIFICATIONS ------------------------- */
/*------------------------- LAYOUT ------------------------- */
/* float related */
.float_left {float:left}
.float_right {float:right}
.clearfloat {clear:both; font-size:0; line-height:0}
/* positioning related */
.align_center {margin-left:auto;margin-right:auto}
.position_absolute {position:absolute}
.position_relative {position:relative}
.position_fixed {position:fixed}
/* list related */
.horizontal_li {float:left;display:inline}
.list_without_bullet {list-style-type:none}
/* display */
.display_block {display:block}
.display_inline {display:inline}
.display_none {display:none}
/*------------------------- LAYOUT ------------------------- */
/*------------------------- ADS ------------------------- */
/* Leaderboard Ad and Bigbox Ad*/
.bigbox_ad {text-align:center; margin:20px 0}
.leaderboard_ad {text-align:center; margin-bottom:20px}
.widesky_ad { float:left; width:160px; }
.widesky_ad p, .bigbox_ad p, .leaderboard_ad p {font-size:8px; color:#9a9a9a}
/*------------------------- ADS ------------------------- */
/*------------------------- HEADER ------------------------- */
.header {
margin:0 auto;
background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/header_bg.jpg) no-repeat scroll center top
}
/* headline news */
.header_headline_news { text-align: center; border-bottom: #55A1D5 solid 1px; padding: 5px 0; color:#fff; font-size:1.0em; font-weight: bold;
background: #55A1D5 url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbutton_bg.png) repeat-x top center; }
.header_headline_news a { color:#fff; }
/* no navigation */
.header_no_nav {background: url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/header_bg.jpg) no-repeat scroll center top}
#top_no_nav-elements_container {position:relative;width:760px;margin:0 auto; overflow:hidden}
/* navigation */
#top_navigation-elements_container {width:760px; overflow:hidden; position:relative; margin:0 auto}
#btw_header_logo {display:block;float:left; padding:10px 0;}
#header-toplinks {position:absolute; top:0; right:0; overflow:hidden;}
#header-toplinks ul {list-style-type: none;}
#header-toplinks ul li {float:left}
#header-about_blog {margin-top:6px; float:left;}
#header-profile_signup {border: #55A1D5 solid 1px; color:#55A1D5 !important;
-moz-border-radius:0 0 8px 8px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0;
-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;
background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbutton_bg.png) repeat-x -20px center;
margin-left: 15px; padding: 5px 10px; }
#header-profile_screenname {color:#fff; text-shadow:0 1px 0 #333; font-weight:bold; margin-right:10px; font-size:1.1em}
#header-profile_signup a {color:#fff; }
#header-login_joinnow_container {display:none}
/* begin css tabs */
ul#tabnav { /* general settings */
text-align: center; /* set to left, right or center */
font: bold 1.1em Helvetica, Arial, sans-serif; /* set font as desired */
text-shadow:0 1px 0 #333333;
list-style-type: none;
overflow:hidden;
width:760px;
margin:0 auto;
}
ul#tabnav li { /* do not change */
/*display: inline;*/
float:left;
margin-right:3px;
}
ul#tabnav .tab_contests {margin-right:0}
body#home li.tab_home a, body#dashboard li.tab_dashboard a, body#take_action li.tab_take_action a, body#causes li.tab_causes a, body#doing_good li.tab_doing_good a, body#impact li.tab_impact a, body#top_supporters li.tab_top_supporters a, body#contests li.tab_contests a { /* settings for selected tab link */
background-color: #55A1D5;
}
ul#tabnav li a { /* settings for all tab links */
padding: 5px 13px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #55A1D5; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: transparent url(/presentation/bettertheworld/en-us/images/nav_tab_bg.png) repeat-x -20px; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin: 0; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
display:block;
-moz-border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;
}
ul#tabnav .tab_home a {width:80px}
ul#tabnav a:hover { /* settings for hover effect */
background-color: #55A1D5 /* set unselected tab background color as desired */
}
/*------------------------- HEADER ------------------------- */
/*------------------------- FOOTER ------------------------- */
.footer_links { width:732px;padding:20px 0; /*text-transform:uppercase;*/ margin:0 auto}
.footer_links .smalltext, .footer_legal .smalltext {color:#55a1d5; }
.footer_partner_container {background:#C9612C url(http://www.uat.bettertheworld.com/presentation/bettertheworld/en-us/images/footer_featured_charity_gradient.png) center bottom repeat-x;border-top:1px solid #7D3D1C;padding:20px 0; text-align:center; }
.footer_legal_container {border-top:1px solid #bfbfbf; background:#1e0f07;}
.footer_legal {width:760px;padding:20px; margin:0 auto;}
.footer_logo {padding-right:20px;width:108px;}
#copyright_text {line-height:18px; color: #ffffff}
.footer_links_wrapper { background: #7d3d1c; }
.footer_column_title { font-size: 1em; color: #ffffff; text-transform: uppercase; font-weight:bold; margin:0 0 7px 0 !important; text-shadow:1px 1px 1px #000000; }
.footer_column { float: left; padding-right:35px; width: 20%; }
.footer_column li{ list-style: none; margin: 3px 0 }
.footer_follow_us li {list-style:none; float:left; margin: 0px 5px 0; }
/*.footer_follow_us img { width: 30px; }*/
.footer_follow_us .footer_column_title { float:left; margin-right: 5px; }
.footer_twitter_wrapper { background: #9B4B22 }
.footer_twitter { margin: 0 auto; width: 732px; padding: 10px; }
.footer_tweet { margin: 0; font-size: 11px; }
.footer_twitter img { float: left; height: 20px; margin-right: 5px; }
/*------------------------- FOOTER ------------------------- */
/*------------------------- SIDEBAR ------------------------- */
.sidebar_header { padding:20px 0; text-align: center; }
.sidebar_login { margin-top:100px; padding: 20px; text-align: center; }
.sidebar_footer_container { width: 210px; vertical-align: middle; }
.sidebar_footer_logo { float: left; }
.sidebar_footer_links { float: right; }
.sidebar_ad_frame { overflow:hidden; border:0; }
/*iframe#adframe { width: 180px; } /* has to be an ID due to DOM */
.sidebar_ad { padding: 15px 15px 0 15px; height: 150px; width: 180px; }
.sidebar_user{ padding: 15px; }
.sidebar_user_left{ float:left;}
.sidebar_user_left img{ border:5px solid #fff; width:50px }
.sidebar_user_right{ float:left; padding:0 0 0 10px; width: auto; }
.sidebar_user_right span a { font-size: 1.2em; }
.sidebar_user_right .rank { font-size:0.8em; font-weight:normal; display:block;}
.sidebar_user_right span a.sidebar_points { font-size:1.2em; display: inline; }
.sidebar_user_right span{ font-size:1.0em; font-weight:normal;}
#profilelink{ font-size:1.2em; display:block; } /* has to be an ID due to DOM */
.sidebar_cause { padding: 1.0em; text-align:left; background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; border-top:1px solid #e6e6e6; }
.sidebar_cause_current_logo{ float:left; }
.sidebar_cause_current_logo img{ display:inline; border:0; max-width:50px; }
.sidebar_cause_current_name{ float:left; width:110px; font-size:1.0em; padding:0 0 0 10px; }
.sidebar_cause_current_stats{ padding:10px 0;}
.sidebar_cause_current_stats span{ text-transform:uppercase; }
.sidebar_cause_current{ }
.sidebar_cause_current_members { font-size:0.8em; margin-top:5px;}
.sidebar_goal{ padding: 15px; background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; border-top:1px solid #e6e6e6; }
.sidebar_goal .goal_details{ font-size:0.8em; padding: 0 0 5px 0; }
.sidebar_goal_meter{background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sidebar/progressbar_bg_180.png) 0 0 no-repeat; }
.sidebar_goal_meter_zero {background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sidebar/progressbar_zero_14.png) 0 0 no-repeat; width:9px; height:22px; float:left;margin-top:2px}
.sidebar_goal_meter_fill {width:164px; float:left;}
.sidebar_goal_meter_fill span{background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sidebar/progressbar_percentage_14.png) right no-repeat; height:22px; float:left;}
.sidebar_goal_meter_fig { position:absolute; width:170px; left: 20px; padding:5px 0; z-index:999; font-size: 0.8em; font-weight: bold; }
.sidebar_goal_meter_fig .left{float:left;}
.sidebar_goal_meter_fig .right{float:right;}
.sidebar_news{ padding:10px 0; background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; border-top:1px solid #e6e6e6; }
div.sidebar_news div.news_item { float:left; width: 170px; text-align: left; margin: 0 5px; }
div.sidebar_news div.news_item div.item_title { font-size: 1.0em; width:145px; float:left; }
div.sidebar_news div.news_item div.item_comments { background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sidebar/comments_bg_25.png) no-repeat; padding:4px 9px 6px; float:left; font-size:0.7em; color:#fff !important; }
div.sidebar_news div.item_summary { line-height: 140%; font-size:0.8em; margin: 5px 0 0 0; clear:both; display:block; }
div.sidebar_news div.item_summary img { border: 5px solid #FFF; max-width:160px;max-height:90px;margin:0pt auto; }
div.sidebar_news div.arrow_previous { float:left; width:10px; margin-left: 5px; position:relative; top:3px; }
div.sidebar_news div.arrow_forward { float:left; width:10px; margin-right: 5px; position:relative; top:3px; }
/*------------------------- SIDEBAR ------------------------- */
/*------------------------- MODULES ------------------------- */
/* Powered By */
.powered_by { text-align: center; width: auto; padding: 10px 0; font-size: 0.8em;}
/* Tooltip */
/*.exp_tool_tip { padding:3px 7px 0 7px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#55a1d5; font-weight:normal; color:#fff; text-decoration:none !important; cursor:pointer; margin-left: 10px; } */
#tooltip { position:absolute; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e6e6e6; background:#e6e6e6; padding: 5px; display:none; width:250px}
.tooltip {cursor:pointer}
/* Social Web */
.socialweb_wrapper { background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; padding:20px;border:1px solid #e6e6e6;
-moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; height: 260px; }
/* Impact */
.impact_wrapper { padding-bottom:16px; padding-top:10px;padding:20px;border:1px solid #e6e6e6;
-moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;
-webkit-box-shadow:#e6e6e6 2px 2px 2px;
background:#fff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center;
}
.impact_members, .impact_raised, .impact_goalscomplete, .impact_points, .impact_rank { float:left; text-align:center; background:#E6E6E6; -moz-border-radius:5px; -webkit-border-radius:5px; margin:2px; }
.impact_snapshot {padding-bottom:20px}
.goals_achieved_date {padding:10px 0; border-top:1px solid #e6e6e6}
.goals_achieved {padding-bottom:10px}
.impact_so_far_raised, .impact_so_far_goalscomplete, .impact_so_far_members,
.impact_so_far_points {float:left; }
.impact_so_far_raised {width:90px; margin-right:10px;}
.impact_so_far_goalscomplete {width:80px; margin-right:10px;}
.impact_so_far_members {width:70px}
.goals_achieved ul {list-style-type:none}
.goals_achieved:last-child {border:0}
.goals_achieve_category {color:#55a1d5; margin:10px 0; min-width:0;position:relative;}
.goals_achieved_amount {font-size:20px;font-weight:bold; width:70px;float:left}
.goals_achieved_cause {width:90px; float:left}
.goals_achieved_short_name {font-weight:bold; width:100px; float:left; word-wrap: break-word; }
.impact_this_month_goals_achieved_amount {font-size:20px;font-weight:bold; width:120px;float:left}
.impact_this_month_goals_achieved_cause {width:120px; float:left}
.impact_this_month_goals_achieved_short_name {font-weight:bold; width:120px; float:left}
.impact_this_month_goal_category {font-size:14px !important; margin:10px 0; }
.goals_achieved_date {color:#333333;padding:10px 0;}
.myimpact_goal_amount {width:50px; font-size:20px; font-weight:bold; vertical-align:top}
.myimpact_goal_cause {width:75px; vertical-align:top}
.myimpact_goal_title {width:125px; font-weight:bold}
/* Member Profile Photo W/Rollover */
.top_supporter{ width:332px; }
.ts_unit{width:72px; float:left;margin: 7px 5px 7px 0;}
.ts_unit img{padding:0;}
.ts_more{position:absolute; width:303px; margin-left:-235px; margin-top:1px;}
.ts_more_container{position:absolute; }
.ts_more_super_container {position:absolute; margin:-17px 0 0 -11px; border:0;}
.ts_more_hover_anchor {position:absolute; width:65px; height:84px; display:block; margin:15px 0 0 245px; z-index:10;}
.ts_more_uname{ font-size:18px; }
.ts_more_mid{ color:#666666; font-size:10px; text-transform: uppercase; margin-bottom: 3px; }
.ts_more_charity { font-size:14px; height:45px; width:210px; }
.ts_more_imglink{background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/blank_link.gif) repeat 0 0; position:absolute; padding:42px 32px; margin:16px 0 0 245px;}
.ts_bot_0{ padding-left:20px; }
.ts_bot_1{ float:left; width:156px; font-size:18px; color:#000; font-weight: bold; }
.ts_bot_2{ float:left; width:127px; font-size:18px; color:#000; font-weight: bold; }
.ts_more_cont img{ border-width:0;}
.ts_more_text { padding:20px 20px 15px 20px; width:250px;}
/* Small Cause (used on home.php and causes.php) */
.cause_listing_wrapper { width: auto; margin:20px 0; }
.cause_listing { margin:0 40px; position:relative }
.cause_filter_label { font-weight:bold; margin-right: 10px; }
.cause_unit { border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; float:left; width:160px; position:relative; padding:18px 13px;
-moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; margin:0 10px 20px 10px; background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; min-height:220px; }
.cause_unit_wrapper {position:relative;}
.cause_unit_rollover { border:1px solid #e6e6e6; -moz-border-radius:8px;width:160px; position:absolute; padding:18px 13px 10px;
-moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center;
z-index:99999; top:-1px; left:-1px; min-height:230px;}
.cause_unit_your_cause_label {position:absolute; top:-1px; left:-1px;}
.cause_unit_rollover img {max-width:160px}
.cause_unit img {max-width:160px; }
.cause_figures {font-size:18px;font-weight:bold;}
.cause_caption {font-weight:bold;font-size:11px;}
.cause_amount, .cause_members {margin-right:12px}
.cause_members, .cause_goals_reached {padding-left:10px;border-left:1px solid #e6e6e6}
.cause_title {margin:10px 0;}
.cause_title a{font-size:15px; }
.cause_stats {margin-top:10px; position: absolute; bottom: 10px}
.cause_stats_left {float:left;margin-right:20px; width:50px}
.cause_stats_left img {max-width:60px}
.cause_stats_right {float:left; width:90px; }
.cause_stats ul {list-style-type:none}
.cause_stats ul li { margin-bottom:3px }
.cause_description { font-size:11px; color:#666; margin-bottom:10px; }
.cause_head a {font-size:14px; }
.cause_current_goal_description {margin:10px 0; }
.cause_links .clickthru {font-size:9px !important}
.cause_currently_selected {padding:3px 4px; background:#55a1d5; color:#fff; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* Large Cause (used on dashboard.php and cause.php) */
.large_cause_wrapper { padding:20px; background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; border:1px solid #e6e6e6;-moz-border-radius:8px;-webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom: 20px; }
.large_cause img {max-width:270px}
.large_cause_title_header {font-size:16px; }
.large_cause_list {margin-top:15px; list-style-type:none; }
.large_cause_list li { float:left; }
.large_cause_list_amount { width:80px; }
.large_cause_list_supporters { width:70px; padding-left:10px; }
.large_cause_list_goals {width:90px; padding-left:10px;}
.large_cause_list_amount div, .large_cause_list_supporters div, .large_cause_list_goals div {margin-top:5px; font-size:11px !important;}
.large_cause_image {display:block;margin:10px 0}
.large_cause_short_description {color:#666666; margin:10px 0; }
.large_cause_shouter_content {float:left; width:200px}
.large_cause_shout_date {color:#666}
.large_cause_shout_content { padding:10px 0; word-wrap: break-word; }
.large_cause_current_goal {border-top:1px solid #e6e6e6; margin-top:20px; padding-top:20px}
.large_cause_action_name {color:#55a1d5; font-weight:bold; margin-bottom:5px; display:block}
.large_cause_shouter_image {float:left; width:40px; margin-right:10px}
.large_cause_shouter_image img {width:36px; -moz-box-shadow:2px 2px 2px #898989; -webkit-box-shadow:2px 2px 2px #898989; }
.large_cause_shouter_screenname {font-weight:bold}
.large_cause_other_causes_description {margin:10px 0 20px}
.large_cause_other_causes_statistics {overflow:hidden; margin:10px 0}
.large_cause_other_causes_statistics li { float:left; margin-right:15px; list-style-type:none; }
.top_3_supporters_image {width:36px; -moz-box-shadow:2px 2px 2px #898989; -webkit-box-shadow:2px 2px 2px #898989; display:block; margin:0 auto 10px}
.top_3_supporters_of_cause { float:left; width:60px; margin-right:5px; margin-bottom:10px}
.top_3_supporters_points, .top_3_supporters_name {text-align:center; font-size:0.8em;}
.dashboard_recruits_name {font-weight:bold; margin-bottom:5px}
.dashboard_action_item_checkbox {float:left; margin-right:10px}
.dashboard_action_message {float:left; width:240px}
.dashboard_large_cause_blog_post_title { font-size:14px; display:block; margin-top:10px; font-weight: bold; }
.dashboard_large_cause_blog_posted_date {color:#666; margin:10px 0}
.goal_progressbar {
background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/progressbar_bg.png) no-repeat scroll 0 0;height:26px;
margin-top:20px;position:relative;}
.goal_progressbar span { position:absolute;font-weight:bold;font-size:12px;}
.goal_zero_percent {
background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/progressbar_zero.png) no-repeat;
float:left;height:26px;width:10px;
}
.goal_to_one_hundred {float:left;height:26px;background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/progressbar_percentage.png) no-repeat scroll right center;}
.goal_so_far {position:absolute;top:5px;left:10px;font-weight:bold}
.goal_objective {position:absolute;top:5px;right:35px;font-weight:bold}
.goal_current_progress {background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/progressbar_percentage.png) no-repeat scroll right 0; height:26px}
/* About BTW Movie */
.about_movie_wrapper {padding:20px; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;
-webkit-box-shadow:#e6e6e6 2px 2px 2px; background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; height: 260px; }
.video_player {-moz-box-shadow:#e6e6e6 7px 7px 7px; -webkit-box-shadow:#e6e6e6 7px 7px 7px; }
/* Newest Members */
.newest_members_wrapper {padding:15px; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;
-webkit-box-shadow:#e6e6e6 2px 2px 2px; background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; }
.newest_members_pts, .newest_members_rank {font-size:10px;color:#666666;text-transform:uppercase}
/* My Impact */
.my_impact_stats_wrapper {background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6; width:760px; margin:0 auto 20px; width:760px;}
.my_impact_points {font-size:2.0em; font-weight:bold}
.my_impact_pts {font-size:0.7em; font-weight: normal; }
.my_impact_stats_link {display:block; margin-top:10px}
.my_impact_action li { list-style: none; margin: 10px 0; }
.my_impact_action_points { font-weight:bold; font-size:1.2em; background: #e6e6e6; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #e6e6e6; margin-left:10px; padding: 1px 10px; }
.my_impact_from_action { font-weight:bold; font-size:1.0em; width: 150px; float:left; }
/* blog listing */
.blog_wrapper {background:#ffffff;padding:20px 20px 10px 20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x; margin-bottom: 20px; }
.blog_post{margin-top:20px; padding-top:10px; border-top:1px solid #e6e6e6;
background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/dashboard/news_item_bg.png) repeat-x scroll 0 0}
.blog_posted_date {float:left; width:70px; }
.blog_posted_date iframe {margin-top:20px} /* This rule is for Digg and Tweet Meme */
.blog_posted_month { background: transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/textbutton_bg.png) repeat-x 5px center; width:38px; padding:3px 5px; border-top:1px solid #55A1D5; border-left:1px solid #55A1D5; border-right:1px solid #55A1D5; font-weight:bold; color:#fff; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; text-align:center; }
.blog_posted_day {font-size:1.2em; border-left:1px solid #55A1D5; border-right:1px solid #55A1D5; border-bottom:1px solid #55A1D5;
width:38px; padding:5px; text-align:center; color:#55a1d5; -moz-border-radius:0 0 5px 5px}
.blog_post_content {float:left; width:305px; position:relative; margin-bottom:10px}
.blog_post_content img {max-width:305px;}
.blog_post_number_comments {position:absolute; top:0; right:0;
background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/comments_bg.png) no-repeat scroll 0 0;
width:43px;text-align:center;padding:8px 0 10px;}
.blog_post_number_comments a {color:#ffffff; font-weight:bold; font-size:1.2em}
.blog_post_summary_image {display:block; max-width:260px; margin: 0 auto 5px;}
.blog_post_summary {line-height: 140%; margin-bottom:20px;}
.blog_post_title { max-width:260px; margin-bottom:30px }
.blog_post_author {color:#666; }
.blog_post_author p { float: left; padding-right: 5px; }
.blog_post_tag {margin-bottom:20px}
.blog_post_read_more { font-size:11px !important; text-transform:uppercase; }
.blog_post_trackback {margin-top:50px}
.blog_post_tell_a_friend {margin-top:10px}
.blog_post_navigation {padding:20px; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:2px 2px 2px #e6e6e6; -webkit-box-shadow:2px 2px 2px #e6e6e6; margin-top:20px; text-align:center;
background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x}
.blog_post_content_detail .pds-box { padding:8px !important; background: transparent !important; width:250px !important; }
.blog_post_content_detail .pds-box input.pds-votebutton { float:left !important; }
.comment_headshot {float:left; margin-right:10px}
.comment_headshot img {border:1px solid #55a1d5 !important}
.comment_username {font-weight:bold; font-size:1.2em; }
.comment_user_charity_logo {float:right; margin-left:10px}
.comment_user_charity_logo img {max-width:30px}
.blog_comment_textarea {width:305px; margin-bottom:10px; height:80px; display:block;}
.comment {padding:10px 0; margin-bottom:10px; border-top:1px solid #e6e6e6}
.comment:first-child {border:0 !important}
.comment_content {margin-top:10px}
.spacer {margin:0 10px}
/* Month Navigation */
.month_navigation_wrapper { background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x;
padding:10px; border:1px solid #e6e6e6; -moz-border-radius:8px;-webkit-border-radius:8px;
margin-bottom:20px; -moz-box-shadow: inset #e6e6e6 2px 2px 2px;-webkit-box-shadow: inset #e6e6e6 2px 2px 2px; text-align: center; }
.month_navigation_wrapper ul { list-style-type:none; margin:0; }
.month_navigation_wrapper ul li { color:#409413; text-shadow:#bbbbbb 2px 2px 2px; float: left; margin:10px; }
.month_navigation_wrapper ul li.not_avail { color: #EEE; text-shadow: none; }
.month_navigation_wrapper ul li a { text-shadow: none; }
/* Top Supporters */
.top_supporters_wrapper { background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x;
padding:20px;border:1px solid #e6e6e6;-moz-border-radius:8px;-webkit-border-radius:8px;
margin-bottom:20px;-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; }
table.top_supporters_table {width: 100%;}
td.top_supporters_rank {font-weight: bold;}
.top_supporters_rank, .top_supporters_prev_rank, .top_supporters_info, .top_supporters_points, .top_supporters_members, .top_supporters_total_points {padding:10px 0; vertical-align:middle; }
td.top_supporters_prev_rank {color:#666666;}
td.top_supporters_info {float:left; width: 274px; }
.top_supporters_image {float:left; width:28px; margin-right:5px; -moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; }
.top_supporters_name {float:left;}
.top_supporters_screenname { font-weight:bold; font-size:1.2em;}
.top_supporters_country {display:block; margin-top:2px; color:#666666;}
.top_supporters_charity_logo {float:right; width:30px}
.top_supporters_charity_logo img {max-width:30px}
td.top_supporters_points {font-size:1.6em; font-weight:bold; text-align: right;}
table.top_supporters_table .rank_label,
table.top_supporters_table .prev_rank_label,
table.top_supporters_table .user_info_label,
table.top_supporters_table .member_label
{font-size:10px; text-transform:uppercase; color:#666666; padding:10px 0; }
table.top_supporters_table .points_label {font-size:10px; text-transform:uppercase; color:#666666; padding:10px 0; text-align: right; }
/* Top Schools */
.top_schools_ranking_wrapper {background:#ffffff;padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px;
background:#ffffff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x;
}
.school_ranking_table tr td {padding:10px; border-top:1px solid #e6e6e6}
.school_ranking_table th { color:#666666; font-weight: normal; font-size:0.8em; text-transform:uppercase;}
.school_ranking_table tr td img {max-width:30px;}
.rank_cell {width:40px; text-align:center; padding:10px; font-weight: bold;}
.name_cell {width:350px;}
.top_schools_charity {float: right;}
.total_members_cell, .total_points_cell {width:120px; font-weight:bold; font-size:2.0em; text-align:center;}
.top_charity_cell {width:120px}
.top_school_country {font-size:1.6em; margin-bottom:20px}
.school_country {margin-top:20px; float:left; width:270px; margin-right:10px}
.school_charity_logo {float:right; width:60px}
.school_charity_logo img {max-width:60px}
.school {float:left;}
.school_name { float:left; font-weight:bold; margin-bottom:5px; display:block; }
.school_members{color:#666666; display:block; margin-top:2px; clear: left; }
.top_charity_of_school {float:left; width:60px; margin-right:10px; text-align:center;}
/* Shoutout and Blog Comment */
.shoutouts_wrapper, .blog_comments_wrapper {background:#ffffff;padding:20px; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px}
.shoutboxes ul {list-style-type:none}
.shoutout, .blog_comment {margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #e6e6e6}
.shoutout_headshot, .blog_comment_headshot {float:left; width:65px; margin-right:20px}
.shoutout_headshot img, .blog_comment_headshot img {-moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; width:63px}
.shoutout_comment {float:left; width:180px; padding-bottom:10px}
.shoutout_comment_content { margin:0; word-wrap: break-word; margin:10px 0; position:relative}
.blog_comment_detail {float:left; width:240px; padding-bottom:10px}
.blog_comment_content { margin-top:10px; word-wrap: break-word; width: 240px; }
.shoutout_username,.blog_comment_username {font-size:1.2em; font-weight:bold; }
.shoutout_date, .blog_comment_date {color:#666666}
.shoutout_textarea, .blog_comment_textarea {height:100px; margin-top:10px; clear:both; }
.shoutout_textarea {width:168px; display:block}
.shoutout_user_charity_logo, .blog_comment_user_charity_logo {float:right; margin-left:5px;}
.shoutout_user_charity_logo img , .blog_comment_user_charity_logo img{max-width:50px}
.shoutnav, .blogcommentnav {margin-bottom:20px}
.shoutnext, .blogcommentnext {text-transform:uppercase; font-size:0.8em; color:#55a1d5; float:right}
.shoutprev {text-transform:uppercase; font-size:0.8em;}
.total_num_shouts, .total_num_blog_comments, .num_total_shouts {display:block; float:left; font-size:0.7em; text-transform:uppercase; }
.shout_it_out_btn {margin-top:5px}
.shout_spinner, .blog_comment_spinner {text-align:center}
/* Grid boxes */
/* standard width is 233px (allows for 3 columns) - the wider this li is, the fewer columns there will be.
you can override using page specific CSS IDs */
ul.grid_boxes { margin: 0 auto; }
ul.grid_boxes li {
text-align: left;
float: left;
list-style: none;
width:233px;
margin: 10px;
}
.grid_box {
padding: 20px;
overflow:hidden;
background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center;
border:1px solid #e6e6e6;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;
-webkit-box-shadow:#e6e6e6 2px 2px 2px;
}
.grid_box_title { font-size: 1.4em; }
.grid_box_description {padding:10px 0;}
.grid_box_action { font-weight:normal; font-size:10px; text-transform:uppercase; color:#666666;}
/* Rotating DIV (slider) */
#slider-wrapper {margin:0 auto;width:310px;background:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/top_supporters/goals_achieved_bg.png) no-repeat}
#slider {margin:0 auto;padding-top:10px}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider, #slider li{ width:280px; height:220px; overflow:hidden; }
span#prevBtn{position:absolute;color:#55A1D5;text-transform:uppercase;font-size:10px}
span#nextBtn{position:absolute;right:0;text-transform:uppercase;font-size:10px}
.goals_achieved {background:none !important;margin:0 auto !important;}
p.date {padding-bottom:5px}
.slider { background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0; border:1px solid #e6e6e6;
-moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px; }
/* User Info */
.user_info_wrapper {background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0; padding:20px; border:1px solid #e6e6e6;
-moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px}
.user_photo {float:right; height:180px; width:140px; margin-left:20px; }
.user_info_summary {float:left; width:217px}
.user_screenname_container {margin-bottom:20px}
.user_screenname {color:#409413; font-size:24px; margin-bottom:5px}
.user_website_url {color:#55a1d5; font-size:15px }
.user_supporting_cause_subtitle {text-transform:uppercase; font-size:10px; color:#666666; display:block;margin-bottom:5px}
.user_supporting_cause_content {font-size:15px}
.more_about_me_item {margin-top:20px}
.more_about_me_item_subtitle {text-transform:uppercase; color:#666666; display:block; margin:5px 0; font-size:10px}
.more_about_me_item_content {font-size:15px}
.user_top_issues {margin-top:5px; font-size:15px;}
.user_top_issues:first-child {margin-top:0}
.more_about_me_blockquote {font-size:15px; line-height:18px}
/* My Recruits */
.my_recruits_wrapper {background: #FFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x top center; padding:20px; border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px; -webkit-box-shadow:#e6e6e6 2px 2px 2px}
/* Sign Up */
.signup_wrapper {padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
.signup_field {position:relative; overflow:hidden}
.signup_field_name {padding:10px 0;font-size:16px;float:left;width:200px}
.signup_field_textbox { padding:10px;float:left;width:240px}
.field_unit_left_chk {float:left; width:50px; height:32px}
.gender_radio_container {float:left;width:20px}
.reg_message {float:left;width:100px;/*left:550px;*/}
.reg_message p {background:transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sign_up/reg_message_bg.png) no-repeat scroll 0 0;
width:300px;padding:40px 50px; position:absolute; top:-30px }
/* Account Settings */
.account_settings_edit_hint { position:absolute; top:-40px;
background:transparent url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/sign_up/reg_message_bg.png) no-repeat scroll 0 0;
width:300px; padding:40px 50px; }
/* Fieldsets */
.fieldset_wrapper { padding: 20px 20px 0 20px; width: 720px; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* Take Action Spotlight */
.action_spotlight_wrapper { padding: 20px 20px 0 20px; width: 720px; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; position: relative; }
.spotlight_summary { float:left; width:226px; margin-right: 10px; }
.spotlight_summary p { font-size: 140%; line-height: 160%; margin-bottom: 15px; }
.spotlight_summary p.alert { font-size: 12px; margin: 0; }
.spotlight_summary img { margin: 7px 0; margin-left:-7px; }
.spotlight_summary ul li { margin: 7px 0; }
.spotlight_image { float:left; width:326px; margin-right: 10px; }
.spotlight_benefits { float:left; width:140px; }
.spotlight_benefits p { margin: 7px 0; }
.spotlight_benefits img { float:left; }
/* Take Action Instructions */
.action_instructions_wrapper {background: #FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;padding:20px;border:1px solid #e6e6e6; margin-bottom: 20px; -moz-border-radius:8px; -webkit-border-radius:8px;-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; }
.action_button { padding-left:5px; }
.action_button p { padding-left:5px; }
/* Tabs on Take Action page */
.tab_navigation {list-style: none; margin: 0; padding: 0;
/* fix gap between tab navigation and tab content container in IE7*/
min-height:0; position:relative}
.tab_navigation li {float:left}
.tab_navigation li a {padding: 10px 12px; background:transparent url(/presentation/bettertheworld/en-us/images/tab_bg.png) repeat-x scroll 0 0;
color: #000; text-decoration: none; text-align:center;display:block; -moz-border-radius:8px 8px 0 0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-box-shadow:2px -1px 2px #e6e6e6;
color:#000;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;font-size:18px; cursor:pointer}
.tab_container {overflow: hidden; clear: both;float: left; width: 100%;background: #fff;
-moz-box-shadow:2px 2px 2px #e6e6e6; }
.tab_content { padding: 10px;overflow:hidden;}
.tab_content_container {-moz-box-shadow:2px 0px 2px #e6e6e6; -webkit-box-shadow:2px 2px 2px #e6e6e6;background:#fff;border:1px solid #e6e6e6;
-moz-border-radius: 0 0 8px 8px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
.tab_active {background:#fff !important; border-bottom:1px solid #fff !important}
/* Refer Friends code appearance for text */
.code { background-color:#FEF9CC; border:1px dashed #FFE600; font-family:Monaco,"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace; font-size:14px; margin:14px 0; overflow:auto; padding:14px; }
/* FAQ */
.faq_wrapper { background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;padding:20px;border:1px solid #e6e6e6;
-moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom: 20px; }
.faq_wrapper .faq .list_links ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
.faq_wrapper .faq .list_links li{ list-style-type:none; padding:0 10px; background-repeat:no-repeat; background-position:0 5px; font-size:12px; margin-bottom:10px; margin-top:10px; }
.faq_wrapper .faq .list_links li{background-image:url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/list_arrow.gif);}
/* Contest Details */
.contest_details_wrapper { padding:0; }
.triangle_tab_nav {overflow:hidden; background:url(/presentation/bettertheworld/en-us/images/contest/triangle_tab_bg.png) no-repeat;
width:608px; margin:0 auto}
.triangle_tab_nav li {float:left; list-style-type:none}
.triangle_tab_nav li span{font-size:16px; display:block; padding:14px 0 20px}
.triangle_tab_item1 {width:228px}
.triangle_tab_item2 {width:180px}
.triangle_tab_item3 {width:200px}
/* Rules & Regulations */
.rules_and_regulations_wrapper { padding:20px 0; }
/* Edit Profile */
.issue_name {font-size:10px; }
.auto_suggest_list {border-top:1px solid #55a1d5; border-right:1px solid #55a1d5; border-left:1px solid #55a1d5}
.auto_suggest_list ul {list-style-type:none}
.auto_suggest_list ul li {padding:5px; border-bottom:1px solid #55a1d5;background:#fff url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x center top}
/* Issues Info */
.issue_info_wrapper {padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
.issue_image {max-width:380px; margin-bottom: 10px; }
/* Companies That Care */
.companies_that_care_wrapper { }
.companies_that_care {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e6e6e6}
.companies_that_care_logo {float:left; width:50px; margin-right:10px}
.companies_that_care_logo img {max-width:50px}
.companies_that_care_info {float:left; width:250px }
.companies_that_care_info p {margin:10px 0}
/* signup progress meter */
.signup_progress_wrapper { padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0; padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin:20px 0; }
ul.signup_progress { margin: 0 auto; list-style-type:none }
ul.signup_progress li {
text-align: center;
vertical-align: middle;
float: left;
padding: 10px 42px;
font-size: 18px;
font-weight:normal;
font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;
color: #000;
}
ul.signup_progress li.selected {
color:#409413;
text-shadow:#bbbbbb 3px 3px 3px;
}
.signup_progress {
overflow:hidden;
}
/* Login */
.login_wrapper {padding: 20px 20px 0 20px; width: 420px; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* Charity Info */
.charity_info_wrapper {padding: 20px 20px 10px 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* Charity Profile */
.charity_profile_wrapper {padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
.charity_profile_wrapper img {max-width:268px;}
.charity_info_logo { max-height: 100px; float: right; }
.charity_small_image, .program_small_image {width:75px; height:45px}
/* Cause Profile */
.needs_solutions_impact_wrapper {padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* How It Works Content */
.how_it_works_content { padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
.how_it_works_description { float:left; width: 390px; margin-right: 20px; }
.how_it_works_description img {max-width: 380px; }
/* Contest Promo */
.contest_promo_wrapper{ padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* Static Content Block */
.static_content { padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
/* Me */
.me_wrapper { padding: 20px 20px 0 20px; width: auto; background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll 0 0;
padding:20px;border:1px solid #e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px;
-moz-box-shadow:#e6e6e6 2px 2px 2px;-webkit-box-shadow:#e6e6e6 2px 2px 2px; margin-bottom:20px; }
.me_wrapper li { list-style: none; }
/* Animated Collapse (used for FAQ on Take Action pages and some other pages */
.animated_collapse_show, .animated_collapse_hide {cursor:pointer}
/* Featured Sponsors (on Home and Dashboard) */
.featured_sponsors_wrapper {background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x scroll center top;
-moz-border-radius:8px; -moz-box-shadow:2px 2px 2px #e6e6e6; -webkit-border-radius:8px; -webkit-box-shadow:2px 2px 2px #e6e6e6; padding:20px; border:1px solid #e6e6e6}
.featured_sponsors_info {overflow:hidden}
.featured_sponsors_logo {float:left; width:80px; display:block; margin-right: 10px;}
.featured_sponsors_details {float:left; width:177px}
.featured_sponsors_name {display:block; font-size:15px;}
.featured_sponsors_description {display:block; margin-top:10px; font-size:11px}
/* General classes for tab, we will need to use these classes for the tab on the Take Action page once dev & test are done */
.tab2_wrapper {overflow:hidden;position:relative; top:2px; z-index:10}
.tab2_active {float:left; margin:0 10px; background:#fff; -moz-border-radius:8px 8px 0 0;border-left:1px solid #e6e6e6;
border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:18px; -moz-box-shadow:2px -1px 2px #e6e6e6}
.tab2_active a {text-decoration:none; display:block; padding:8px 20px; outline-style:none; color:#000}
.tab2{float:left; background:url(/presentation/bettertheworld/en-us/images/tab_bg.png) repeat-x; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; margin:0 10px;
-moz-border-radius:8px 8px 0 0; font-size:18px; -moz-box-shadow:2px -1px 2px #E6E6E6; -webkit-box-shadow:2px -1px 2px #E6E6E6}
.tab2 a {text-decoration:none; display:block; padding:8px 20px 5px; outline-style:none; cursor:pointer; color:#000}
.tab2_content_wrapper {overflow:hidden;background:#fff; padding:20px; border:1px solid #e6e6e6; -moz-border-radius:8px; position:relative;z-index:9;
-moz-box-shadow:2px 0 2px #E6E6E6; -webkit-box-shadow:2px 0 2px #E6E6E6}
/* End of general classes for tab */
/* Groups */
.group_module {float:left; position:relative; background:#D5EFFE; padding:10px; overflow:hidden; width:300px; -moz-border-radius:5px;
-webkit-border-radius:5px; -moz-box-shadow:2px 0 2px #e6e6e6; -webkit-box-shadow:2px 0 2px #e6e6e6}
.group_remove_btn {font-size:14px; font-weight:bold; color:red; position:absolute; top:5px; right:10px; cursor:pointer;}
.group_image {float:left; width:80px; height:80px; background:#fff}
.group_info {float:left; margin-left:20px}
.group_name {display:block; font-size:14px; font-weight:bold; margin-bottom:5px; text-decoration:underline; color:#01B8F2}
.group_members {display:block; margin-bottom:5px;}
.group_search_box {padding:5px; width:300px !important; border:2px solid #000; margin-right:10px}
.group_search_results_display {margin-top:20px}
.group_search_num_results {font-size:20px; font-weight:bold; margin-bottom:20px}
.group_members_list li {list-style:none; margin-bottom:10px; overflow:hidden}
.group_member_image {float:left; width:80px; height:80px; background:#fff; margin-right:20px}
.group_member_name {float:left; font-size:14px; font-weight:bold; display:block; margin-right:100px; margin-top:30px}
.group_member_action {margin-top:30px}
.group_member_action a, .group_member_pagination a {font-size:14px; cursor:pointer}
/* Badge (used for Virtual Volunteering) */
.badge_wrapper {background:#FFFFFF url(http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/module_bg.png) repeat-x;
-moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #e6e6e6; padding:20px; -moz-box-shadow:2px 2px 2px #E6E6E6;
margin-bottom:20px}
.badge_cause_supporting {overflow:hidden; padding-top:10px; border-top:1px solid #e6e6e6}
.badge_cause_supporting_medal {float:left; width:40px; margin-right:20px;}
.badge_cause_supporting_medal img {width:40px}
.badge_cause_supporting_info {float:left; width:190px; margin-right:20px;}
.badge_cause_supporting_info .top_supporters_image {float:none; display:block; margin:0 auto 2px}
.badge_cause_supporting_charity_logo {float:left;}
.badge_cause_supporting_name {display:block; font-size:0.9em; margin-bottom:5px}
.badge_medal_list {overflow:hidden;}
.badge_medal_list li {float:left; list-style:none; margin-bottom:20px; width:90px; cursor:pointer}
.badge_medal_list li img {display:block; margin:0 auto 5px; float:none}
.badge_wrapper .stat_small_wrapper {text-align:center; background:#fff; border:0}
.badge_wrapper .stat_small_desc {font-size:0.9em; display:block; margin-top:2px; text-align:center}
.badge_wrapper .top_supporters_image {float:none; display:block; width:28px; margin:0 auto 5px}
.badge_wrapper .top_supporters_screenname {float:none; display:block; text-align:center; word-wrap:break-word}
.get_more_badges {text-align:center; padding-top:10px; border-top:1px solid #e6e6e6; margin-top:10px; display:block}
/* Facebook Like */
.facebook_like_wrapper { margin-bottom: 10px; }
.facebook_activity_widget { margin-bottom: 20px; }
/* Facebook like ends */
/* Facebook Activity */
.facebook_activity_wrapper { margin-left: 4px; }
/* Facebook Activity */
/* Social Share */
.social_share_wrapper { border-top:1px solid #E6E6E6; padding-top: 10px; }
.social_share_wrapper img { margin-right: 4px !important; }
.social_share_wrapper h3 { float: left; border: 0; margin: 0 5px 0 0; padding: 0px; }
.social_share { float: left; padding-top: 3px; }
/* Social Share ends */
/* Facebook Widget */
.facebook_widget_wrapper { margin: 20px 0; }
/* Facebook Widget Ends */
/* Buzz Widget */
.buzz_widget_wrapper { margin: 20px 0; }
/* Buzz Widget Ends */
/*------------------------- MODULES ------------------------- */