/* Reset margin and padding */
* {margin:0; padding:0}

/* Need _height:100% to make sure black overlay covers entire browser viewport in IE6 */
html,body{width:100%;_height:100%;}

body {font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:12px; color:#47697A; overflow-x:hidden; 
padding-bottom:20px; background:#F9F6EF}

/* Global */
a {text-decoration:none; outline-style:none; color:#FF4E00;cursor:pointer}
a:hover {text-decoration:underline}
img {border:0}
h1, h2, h3, h4 { font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight:normal; color: #000; }

/* Form */
.textbox {width:200px; padding:5px; border:1px solid #c5d1dd; display:block; margin-top:10px; font-size:16px}
.dropdownlist {width:150px; padding:5px; display:block; margin-top:10px; font-size:16px; border:1px solid #c5d1dd}
.checkbox {padding:2px; border:1px solid #c5d1dd}
.textarea {border:1px solid #c5d1dd; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:16px; padding:5px;
display:block}
.clearfloat {clear:both; font-size:0; line-height:0; height:0}

/* Error message */
#global-wgb_error_message {font-size:25px; margin:40px auto; width:520px}
#global-wgb_error_message p {margin-bottom:10px}
#global-wgb_error_message a {font-size:12px}

/* Overlay, used as the black background behind the reader overlay and author bio overlay */
#overlay {background:#000 scroll; opacity:0.8; filter:alpha(opacity=80); position:fixed;width:100%;height:100%;z-index:1001;display:none;
_position:absolute;_zoom:1_min-height:100%;}

/* ISSUU reader, common */
#issuu-reader-container { width:1000px; padding:2px; background:#fff; position:absolute; z-index:2000; left:50%; top:10px; margin-top:10px;
display:none; }
#issuu-reader-stats { background: #F9F6EF url(/presentation/en_US/images/blue_sky_bg.jpg) repeat-x top center; position:relative; -moz-box-shadow: 2px 2px 4px #CCC; -webkit-box-shadow: 2px 2px 4px #CCC;}
#issuu-reader-stats .top_nav { width:100%; margin-left:0; }
#issuu-reader-stats .top_nav li { width:167px; padding:10px; height:65px; border-top:0; background:none}
#issuu-reader-stats .top_nav_right {width:106px}
#issuu-viewer { }
#issuu-reader-campaign-image, #issuu-reader-book-cover {width:46px; margin-top:10px}
#close-issuu-reader-wrapper { cursor:pointer; position:absolute; right:20px; top:13px; }

/* ISSUU reader anonymous mode */
#issuu-reader-wgb-logo { }
#issuu-reader-choose-tab { border-left:1px solid #C5D1DD; }
#issuu-reader-read-tab { border-left:1px solid #C5D1DD; background:#fff !important}
#issuu-reader-share-tab {border-left:1px solid #C5D1DD; border-right:1px solid #C5D1DD; }

/* ISSUU reader registered mode */
#issuu-reader-wgb-logo-reg { }
#issuu-reader-support-tab-reg { border-left:1px solid #C5D1DD; }
#issuu-reader-read-tab-reg { border-left:1px solid #C5D1DD; border-right:1px solid #C5D1DD; background:#fff !important}
#issuu-reader-finished-tab-reg { border-left:1px solid #C5D1DD; }
#issuu-reader-book-cover-reg {width:46px; margin-top:10px}

/* Spotlight overlay */
#spotlight-overlay {width:480px; padding:10px; background:url("http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/program/contentPattern.png") repeat scroll left top transparent;
position:absolute; top:0; left:50%; margin-left:-250px; z-index:1100; -moz-border-radius:8px; -webkit-border-radius:8px}
#close-spotlight {-moz-box-shadow:0 0 0 !important;-webkit-box-shadow:0 0 0 !important;}

/* Campaign desc overlay on campaigns and choose page */
#campaign-overlay {width:480px; padding:10px; background:url("http://cdn.bettertheworld.com/presentation/bettertheworld/en-us/images/program/contentPattern.png") repeat scroll left top transparent;
position:absolute; top:0; left:50%; margin-left:-250px; z-index:1100; -moz-border-radius:8px; -webkit-border-radius:8px}
#close-campaign-overlay-wrapper {height:1px;position:relative}
#close-campaign-overlay {position:absolute;top:-35px;right:-35px;z-index:100;cursor:pointer;display:block;width:40px;height:40px;
background:url(/presentation/en_US/images/campaign_overlay_close.png) no-repeat}
#campaign-title-overlay {margin-bottom:0}
#campaign-overlay-desc-wrapper {float:left; width:296px}
#campaign-overlay-desc {color:#fff;font-size:10px}
#support-campaign-overlay {float:right;width:120px;padding:8px;font-size:14px;width:154px}

/* WeGiveBooks logo */
.wgb_top_logo_container {width:780px; margin:0 auto; position:relative; z-index:1000}
.wgb_top_logo {background:none; margin-top:10px; margin-left:15px; width:165px; text-decoration:none; text-align:center; cursor:pointer; 
float:left; _display:inline}
/* Number of books donated right below WGB logo (top left) */
#global-num_books_donated {display:block; margin-top:2px; color:#47697A; font-size:11px}
.wgb_top_logo:hover {text-decoration:none !important}
.stats, .stats_caption {color:#FF4E00}
.wgb_top_logo .stats {font-weight:bold; font-size:16px; margin-right:5px}
.wgb_top_logo .stats_caption {text-align:center; display:block; margin-top:2px; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size:14px; *font-size:13px; _font-size:13px; letter-spacing:-1px;}

/* Top nav (step 1, 2, 3) */
.top_nav {list-style:none; overflow:hidden; width:589px; margin-left:10px}
.top_nav li {float:left; width:160px; padding:18px; background:url(/presentation/en_US/images/top_nav_bg.png) no-repeat right top}
.top_nav li.current {background:#fff; height:84px}
.top_nav li.current .step_number { background:#f27538 url(/presentation/en_US/images/current_step_number_bg.jpg) repeat-x left 
bottom !important; color: #FFF; }
.top_nav .step_number { margin-top:10px; }
.top_nav_left_image {float:left; margin-right:10px; background:#fff; width:46px; height:46px; -moz-box-shadow: 2px 2px 4px #CCC; 
-webkit-box-shadow: 2px 2px 4px #CCC; }
.top_nav_right {float:left; width:99px}
.top_nav_step_header { display:block; font-size:18px; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial,sans-serif; color:#000; margin-bottom:1px; }
.top_nav_step_caption {display:block; color:#47697A; font-size:11px}
.top_nav_links_wrapper {margin-top:10px; font-size:11px}

/* Top nav (registered mode) */
#global-top_nav_reg {float:left; width:595px; margin-left:20px; _display:inline}
#global-top_nav_reg li {width:258px}
#global-top_nav_reg li.current .group_name {color:#000 !important}
#global-top_nav_reg li.current .user_screenname {color:#000 !important}
#global-top_nav_reg .top_nav_right {width:200px}
#global-top_nav_reg .user_screenname, #global-top_nav_reg .group_name { display:block; margin-bottom:3px; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial,sans-serif; font-size:22px !important; *font-size:22px !important; _font-size:22px !important; font-size:22px\9 !important; letter-spacing:-1px}
#global-username_reg, #global-user_books_donated, #global-group_members_donation {width:206px; overflow:hidden}


/* Intro shade */
.intro_shade_wrapper {width:100%; position:absolute; z-index:1100; background:#faf6ee; display:none;
/*We need the height value here for the intro/window shade animation*/
height:514px; }
.intro_shade {width:1098px; height:483px; background:url(/presentation/en_US/images/intro_book_bg.jpg) no-repeat top center; z-index:1200; 
display:none; margin:20px auto 0; padding-top:30px}
.intro_shade_left {float:left; margin-right:60px; width:480px; padding-left:40px; text-align:center;}
#global-wgb_intro_logo {display:block; margin:0 auto 15px;}
.intro_shade_right {float:left; width:360px;}
.intro_shade_images {width:120px; border:5px solid #fff; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc}
h1#global-intro_welcome { display: none; }
#global-top_login_link {float:right; width:100px; text-align:right}
#global-intro_welcome {margin-bottom:35px; font-size:24px}
#global-tag_line {font-size:30px; margin-bottom:35px; color:#000; letter-spacing:-1px; font-family:Georgia, "Times New Roman", Times, serif}
#global-books_donated_so_far {font-size:21px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
#global-books_donated_so_far span{font-size:32px}
#wgb-intro-details{width:250px; float:right; text-align:left;font-size:10px;}
#wgb-intro-details p{margin-bottom:10px;color:#333333;};
#global-intro_right {margin-left:0; width:360px}
#global-intro_right li {float:none; padding:0; width:360px; overflow:hidden; margin-top:20px; background:none;}
#global-intro_right .top_nav_right {width:300px; margin-right:20px}
#global-how_you_can_help {margin-top:25px;color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#global-get_started_wrapper {width:210px; margin-top:20px; color:#000}
#global-get_started {color:#ff4e00; font-size:18px; cursor:pointer; width: 137px;}
#global-learn_more_wrapper {width:300px; margin-top:5px; color:#000; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif}
#global-learn_more {color:#ff4e00;font-size:15px;text-decoration:underline;}

/* Top bar (Already a member? Login, window shade) */
.top_bar_container {background:#cccc99; height:25px; position:relative; z-index:90}
.top_bar {width:800px; /*height:40px;*/ margin:0 auto; padding:10px 0; overflow:hidden; position:relative; *z-index:104; _z-index:104}
.top_bar_left_link {width:500px; position:absolute; left:50%; margin:0 0 0 -250px; text-align:center; cursor:pointer}

/* Main content */
.main_content_container {width:800px; margin:0 auto; background:#fff url(/presentation/en_US/images/blue_sky_bg.jpg) repeat-x;
-moz-box-shadow:2px 2px 2px #CCCCCC; -webkit-box-shadow:2px 2px 2px #CCCCCC; -moz-border-radius: 0 0 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; }

/* Main content */
.main_content { background:#fff; padding-top:1px; -moz-border-radius: 0 0 8px 8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; 
/*fix jquery sliding bug in IE6 and 7*/
zoom:1; width:800px}
.content_header {padding:30px 0 20px; width:750px; margin:0 auto; color:#646432; _z-index:12; *z_index:12; _zoom:1}
.group_content_header {padding:15px 0; width:750px; margin:0 auto; text-align:right}
.content_header_left {float:left; line-height:42px; overflow:hidden}
.content_header_right {float:right}
.step_number { padding:4px; width:38px; height:38px; line-height:35px; font-size:26px; color:#000; margin-right:10px; 
background:url(/presentation/en_US/images/step_number_bg.jpg) repeat-x; display:block; text-align:center; float:left; 
-moz-box-shadow: 2px 2px 4px #CCC; -webkit-box-shadow: 2px 2px 4px #CCC; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-weight:normal; }
.step_number_caption {font-size:27px; color:#47697A; text-shadow: 1px 1px 2px #CCC; padding:20px 0; width:750px; margin:0 auto}
.subheader_text { margin: 0 auto; width:750px; } 

/* Beige/grey div inside main content */
.content_illustration {background:#e6eff5 url(/presentation/en_US/images/window_shade_bg.jpg) repeat-x left bottom; 
padding:15px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:0 auto; width:720px; overflow:hidden}
.content_illustration_left {float:left; width:300px}
.content_illustration_right {background:#fff;float:right; width:380px;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;
-moz-box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px}
.content_illustration_right img {width:380px}
.content_by_author {font-style:italic;}
.content_age_range {display:block; margin-top:10px}
.content_campaign_desc {line-height:18px; margin:10px 0}
/* This class is used to wrap around content on group pages, basically it acts the same as .content_illustration, the only 
difference is the padding. Why this class? Simply because it's gonna be used on a few pages so it's more reasonable to have
a class for it rather than hacking through a variety of ids on pages */
.group_content_illustration {background:#E6EFF5 url(/presentation/en_US/images/window_shade_bg.jpg) repeat-x left bottom; 
padding:0 15px 15px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:0 auto;width:720px}

/* Book donation goal meter */
.book_donation_goal_label { font-size: 10px; margin-top: 10px; }
.book_donation_goal_wrapper {position:relative; border:1px solid #47697A; margin-top:5px; width:214px; background:#e5eef4 url(/presentation/en_US/images/cause_goal_meter_bg.jpg) repeat-x left bottom; -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; }
.book_donation_goal_current_meter {
height:18px;background:#f16321 url(/presentation/en_US/images/cause_goal_meter_percentage_bg.jpg) repeat-x left bottom; 
/* fix mysterious gap in IE6 */
_font-size:0}
.book_donation_goal_current {position:absolute;left:5px; top:1px; color:#000; }
.book_donation_goal_objective {position:absolute;right:5px; top:1px; color:#47697A; }

/* Author overlay book shelf */
.book_nav {width:720px; margin:0 auto; background:#E6EFF5; padding:10px 15px 0; -moz-border-radius:8px; -webkit-border-radius:8px}
.book_nav_left {float:left; width:100px; font-size:20px; text-shadow: 1px 1px 2px #CCC}
.book_nav_right {list-style:none; float:right; width:500px;}
.book_nav_right li {float:left; width:120px;}
.book_nav_right li span {display:block;text-align:center; cursor:pointer; font-size:14px; padding:9px 5px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial,sans-serif;
background:url(/presentation/en_US/images/vertical_divider.png) no-repeat right top}
.book_nav_right li .current {background:#fff !important; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; -moz-box-shadow: 2px -2px 2px #CCC; -webkit-box-shadow: 2px -2px 2px #CCC;}

.textbutton {background:#30aafc url(/presentation/en_US/images/textbutton_bg.jpg) repeat-x left bottom; padding:10px 20px; 
display:inline-block; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC;
color:#fff !important; margin-top:10px; font-family:
"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size:17px; border:1px solid #fff; text-decoration:none; text-align:center; cursor:pointer}
.textbutton:hover { background: #FF4E00; text-decoration:none !important; }

/* Tabs */
.tab_content {min-height:500px; height:auto !important; height:500px}

/* How It Works */
.how_this_works_exp_container {width:740px; padding:20px; _border:1px solid #cccc99; *border:1px solid #cccc99; border:1px solid #cccc99\9;
position:absolute; top:20px; left:50%; margin-left:-390px; z-index:10; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; 
-moz-box-shadow:2px 2px 2px #CCC; -webkit-box-shadow:2px 2px 2px #CCC; }
.how_this_works_exp_container h3 {font-weight:normal;font-size:16px}
.how_this_works_exp_container h1 {font-weight:normal;font-size:30px; margin:5px 0 10px}
.how_this_works_exp_left {float:left; width:441px; margin-right:20px; padding:0 10px 10px 0; border-right:1px solid #cccc99}
.how_this_works_exp_container p {line-height:18px; margin:10px 0}
.toggle_how_this_works_exp {cursor:pointer; display:block; margin-bottom:10px; text-align:right}

/* Campaign unit */
.campaign_unit_wrapper {margin:20px auto; width:750px}
.campaign_unit {float:left; margin: 0 35px 35px 0; width:226px; }
.campaign_unit_fix {float:left; margin: 0 35px 35px 0; width:226px; height:350px; position: relative; }
.campaign_unit_top { background:#f9f6ef url(/presentation/en_US/images/window_shade_bg.jpg) repeat-x left bottom; padding:5px; 
-moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; zoom:1;
position:relative}
/* .book_unit_top is same as .campaign_unit_top except it has a different background, because .campaign_unit_top is used
at a number of places (campaigns, news etc) so it makes sense to create a new class for book unit */
.book_unit_top {background:#f9f6ef url(/presentation/en_US/images/book_unit_top_bg.jpg) left bottom; padding:5px; 
-moz-border-radius:5px; -webkit-border-radius:5px; zoom:1;}
.campaign_image {display:block; width:216px; height:127px; -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; }
.campaign_title {display:block; font-size:17px; margin:8px 0 5px; }
.campaign_author {font-style:oblique; display:block; margin-bottom:5px; color:#000}
.campaign_date {font-style:oblique; display:block; margin-bottom:5px; color:#47697A}
.campaign_desc {color:#47697A; height:55px; font-size: 10px; }
.campaign_buttons {text-align:center}
.campaign_unit .textbutton { font-size:14px; padding:8px; margin:10px 0 5px}
.campaign_unit_nav {text-align:center;}
.campaign_unit_nav span {width:6px; background:#fff; /*border:1px solid #0984D4;float:left;*/ cursor:pointer; 
/*text-indent:-9999px;*/ margin:0 2px; /*-moz-border-radius:5px; -webkit-border-radius:5px; _font-size:0; _line_height:0*/}
.campaign_unit_group {overflow:hidden; width:750px; margin:0 auto}
.campaign_unit_nav_inner {width:90px;margin:0 auto; overflow:hidden; _width:105px}
.campaign_unit_nav_inner .current {background:#0984D4}
.campaign_unit_nav_inner .noncurrent {background:#fff !important}
.campaign_learn_more {display:block; margin-top:3px; text-align:center; font-size:13px}
.campaign_members {color:#47697A}
.campaign_title_bar {padding-bottom:20px}
.campaign_logo {width:80px;height:80px;display:block; -moz-box-shadow:0 0 2px 1px #CCC; -webkit-box-shadow:0 0 2px #CCC}
.campaign_more_news {margin-top:15px; line-height:18px}
.campaign_more_news span {font-style:oblique}
.campaign_other_images {margin-top:7px}
.campaign_other_images img {width:75px; margin-right:5px; -moz-box-shadow:1px 1px 1px 1px #CCC; -webkit-box-shadow:1px 1px 1px #CCC}
.campaign_prev_nav {display:block; width:150px; float:left; cursor:pointer}
.campaign_view_all_nav {width:150px; text-align:center; position:absolute; left:50%; margin-left:-75px; cursor:pointer}
.campaign_next_nav {dispaly:block; width:130px; float:right; text-align:right; cursor:pointer}
.campaign_column {float:left; width:205px; margin-right:28px; padding-right:28px}
.campaign_news_wrapper {margin-top:20px}
.your_campaign_group {background:#4c9900 url(/presentation/en_US/images/green_gradient_bg.jpg) repeat-x left bottom !important;
width:158px !important; cursor:default !important}
.author_bio_avail {cursor:pointer; color:#FF4E00}
.fav_book_title {display:block; color:#000; font-size:15px; margin-bottom:10px}
.video_play_btn_overlay {background:url(/presentation/en_US/images/video_play_btn_overlay.png);position:absolute;top:5px;left:5px;
width:216px;height:127px;display:block;text-indent:-9999px}
.campaign_video_wrapper {height:257px}

/* Campaign image film strip */
.image_strip_wrapper {float:left;width:334px;position:relative;overflow:hidden}
.image_strip_arrow {float:left;width:23px !important;cursor:pointer;-moz-box-shadow:0 0 0 !important;-webkit-box-shadow:0 0 0 !important;
padding-top:12px}
.image_strip {width:2000px}
.image_strip img {display:block;width:80px; height:48px; cursor:pointer;-moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC;}
.image_strip_item_wrapper {float:left;width:80px;margin-right:5px;position:relative}
.image_strip_item_wrapper  .video_play_btn_overlay{position:absolute;top:0;left:0;width:80px;height:48px;
background:url(/presentation/en_US/images/video_play_btn_overlay_thumb.png)}

/* Book buttons */
.book_buttons { float:left; position: absolute; bottom: 0px;}
.buy_book { width: 40px; }

/* Book shelf */
.book_shelf_container {width:750px; margin:20px auto}
.book_shelf {background:#fff url(/presentation/en_US/images/book_shelf_bg.jpg) repeat-x left bottom}
.issuu-cover-wrapper {float:left; width:150px; height:185px; position:relative; overflow:hidden }
.issuu-cover-link {-moz-box-shadow:3px 3px 5px #000;-webkit-box-shadow:3px 3px 5px #000000; cursor:pointer; position:absolute; bottom:0;
left:30px; width:80px}
.book_cover {height:120px; display:block; margin:10px auto; cursor:pointer; -moz-box-shadow: 2px 2px 4px #CCC; -webkit-box-shadow: 2px 2px 4px #CCC; }
.book_shelf_bottom_bar {height:4px; background:#d6d6bd url(/presentation/en_US/images/book_shelf_bar_bg.jpg) repeat-x left bottom;
font-size:0; line-height:0; clear:both; border:1px solid #666633; -moz-border-radius:0 0 5px 5px; 
 -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}

/* SignUp form */
.signup_form_container {overflow:hidden; width:750px; margin:0 auto}
.signup_form {float:left; width:430px; _display:inline}
.signup_form h2 {font-size:25px; color:#DF6325; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-shadow:0 0 0}
.signup_field {overflow:hidden; margin-top:10px; _width:430px}
.signup_field_header {font-size:15px; text-shadow:0 0 0; margin-bottom:30px; color:#ff6600}
.signup_field_name {display:block; float:left; margin-right:10px; font-size:14px; margin-top:4px; width:100px}
.signup_field_input {float:left; width:300px; padding-top:5px}
.signup_field .textbox, .signup_field select{float:left; margin-top:0}
.signup_field_row {margin-bottom:10px; overflow:hidden}
.points_illustration { float:right; width:290px; padding: 10px; background:url("/presentation/en_US/images/window_shade_bg.jpg") repeat-x scroll left bottom #E6EFF5; -moz-border-radius:8px; -webkit-border-radius:8px; }
.points_illustration h2 {font-size:20px; font-weight:normal; text-shadow:0 0 0; color:#000; }
.points_illustration h4 {font-size:16px; font-weight:normal; margin-bottom:5px; }
.points_illustration img {display:block; margin:10px 0; width:290px}
.points_illustration ul {list-style:none}
.points_illustration li {margin-top:15px; line-height:18px; width:290px;}
.points_illustration li p {padding-left:69px}
.points_illustration .point_unit {float:left; margin-right:10px}
.points_illustration p { font-size: 11px; margin-bottom: 20px; }
.required { color: #CC0000; }


/* Points unit (used on the right of the sign up form */
.point_unit {background:#ff6600; padding:5px 8px; border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; 
color:#fff; -moz-box-shadow:0 1px 1px 0 #CCC; -webkit-box-shadow:0 1px 1px #CCC}
.point_unit .stats {font-size:26px; font-weight:normal; text-align:center; display:block; color:#fff}
.point_unit .stats_caption {font-size:13px; text-align:center; display:block;  color:#fff}

/* Author overlay */
.author_overlay {width:720px; -moz-border-radius:8px; -webkit-border-radius:8px; position:absolute; left:50%; margin-left:-360px;
-moz-box-shadow:0 2px 4px 3px #444; -webkit-box-shadow:0 2px 4px #444; z-index:1004; _display:inline;}
.author_overlay_bio_wrapper {position:relative; background:#E6EFF5;padding:25px; overflow:hidden;-moz-border-radius:8px 8px 0 0;
_width:670px; *width:670px}
.author_overlay_close {position:absolute; right:14px; top:10px; cursor:pointer; text-decoration:none; background:#E6EFF5}
.author_overlay_close:hover {text-decoration:none !important}
.author_overlay_image {float:left; width:60px; margin-right:20px; border:2px solid #fff; -moz-box-shadow:1px 1px 3px 0 #CCC;
-webkit-box-shadow:1px 1px 3px #CCC}
.author_overlay_bio {float:left; width:560px}
.author_overlay_name {font-size:25px; display:block; margin-bottom:10px; color:#000; text-shadow:1px 1px 2px #CCC;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial,sans-serif}
.author_overlay_bio_text {line-height:18px; background:#E6EFF5}
#global-author_overlay_nav {float:none; width:700px; padding-left:20px; background:#E6EFF5; overflow:hidden;}
.author_overlay_nav {list-style:none; overflow:hidden; background:#cccc99; width:575px; padding-left:25px}
.author_overlay_nav li {float:left; margin-right:10px; width:80px; cursor:pointer; padding:8px 15px; color:#fff; text-align:center;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial,sans-serif; font-size:14px}
.author_overlay_nav li.current {background:#fff; color:#646432 !important; border:1px solid #fff}
.author_overlay_main_content { padding:25px; background:#fff; -moz-border-radius:0 0 8px 8px; }
.author_overlay_book_shelf_wrapper {overflow: visible; overflow-x:auto; overflow-y:hidden; width:550px; height:200px; _position:relative;*position:relative}
.author_overlay_book_shelf {height:185px; background:#cccc99; width:4050px; list-style:none;  _position:relative; *position:relative}

/* Social share */
.social_share_container {margin-top:20px}
.social_share_follow { font-size:15px; margin-right:5px; color:#47697A; position:relative; top:-2px}
.social_share_container img {margin-left:5px}

/* My Group */
.my_group_left {float:left; width:510px}
.my_group_left .book_nav {background:none; padding:0; width:100%}
.my_group_left .book_nav_right {float:none}
.my_group_right {float:left; width:210px; padding-top:10px}
.my_group_left_tab_content_wrapper {background:#fff;-moz-box-shadow:1px 1px 3px -1px #CCC; -webkit-box-shadow:1px 1px 3px #CCC; 
padding:15px; width:480px; min-height:650px; _height:auto !important; _height:650px}
.my_group_info {background:url(/presentation/en_US/images/my_group_horizontal_divider.png) no-repeat left bottom transparent;
padding:30px 0 20px 20px}
.my_group_name {float:left; width:130px; font-size:13px; color:#000}
.my_group_name h1 {color:#000}
.my_group_name span {display:block; font-size:13px; color:#47697A; margin-bottom:2px}
.my_group_name .my_group_link {font-size:14px; margin-bottom:2px}
.my_group_by {font-style:oblique}
.my_group_desc {margin:10px 0; line-height:18px}
.my_group_action {}
.my_group_block, .my_group_social_share { padding:20px 0 20px 20px; 
background:url(/presentation/en_US/images/my_group_horizontal_divider.png) no-repeat left bottom}
.my_group_social_share a:hover {text-decoration:none}
.my_group_block h2 {color:#000; font-size:18px; margin-bottom:15px;}
.my_group_block .campaign_title {font-size:12px; } 
.my_group_block .campaign_learn_more_button {float:left; width:90px; padding:5px 2px; font-size:15px; margin-right:10px}
.my_group_block .change_campaign_link { float:left; width:50px; margin: 20px 0 0 10px; }
.my_group_block .book_donation_goal {margin-top:15px}
.my_group_social_share h2 { color:#000; font-size:18px; margin-bottom:15px;}
.my_group_fav_book_cover {width:150px; height:150px; margin:0 0 10px; -moz-box-shadow:1px 1px 3px 0 #CCC; -webkit-box-shadow:1px 1px 3px #CCC; 
cursor:pointer}
.my_group_block_section {color:#fff; text-shadow:1px 1px 2px #CCC; font-size:18px; margin-bottom:10px; display:block}
.my_group_block .campaign_unit {float:none; margin:0 0 15px; width:185px}
.my_group_block .book_donation_goal_wrapper {width:178px}
.my_group_social_share img {margin-right:4px}
.my_group_sponsor_ad {padding:20px 0 20px 20px}
.my_group_block_title { font-size: 18px; }

/* Group */
.group_name {font-size:20px !important;}
.group_unit_results {font-size:13px; color:#000}
.group_unit {background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x left bottom #fff; padding:15px; width:202px;
float:left; margin-right:15px; margin-top:15px}
.group_unit_info {margin-left:45px; width:150px}
.group_unit_name {display:block; font-size:16px; margin-bottom:4px; height:85px}
.group_unit_members, .group_unit_books_read {display:block; font-size:11px !important}
.group_search_box_container {padding:15px 10px; overflow:hidden; background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) 
repeat-x left bottom #fff; margin-bottom:15px; width:460px}
.group_search_box {display:block; width:300px; padding:8px; border:1px solid #C5D1DD; float:left; margin-right:10px}
.group_search_box_container .textbutton {float:left; width:85px; padding:5px 20px; margin-top:0}
.group_type_select {margin-top:10px}
.group_desc_textarea {margin-top:10px; display:block; width:448px; padding:5px; border:1px solid #C5D1DD; 
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana, sans-serif; font-size:16px}
.group_upload_image {margin:15px 0}
.group_upload_image_message {margin-bottom:10px}
.group_url {margin:20px 0 25px; overflow:hidden}
.group_url_prefix {float:left; display:block; margin-top:17px; width:200px; font-size:13px; color:#000}
.group_invite, .group_status {margin-bottom:10px; color:#000}
.create_group_button {width:130px; padding:7px 2px; font-size:15px}
.group_member_row_wrapper {overflow-y:auto; overflow-x:hidden}
.group_member_row {margin-top:10px; width:100%}
.group_member_name {float:left; width:150px;}
.group_member_role {float:right; width:212px;}
div.group_member_role {color:#646432}
.group_name_top {margin-bottom:20px}
.group_name_top .top_nav_left_image {-moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; width:80px; height:80px }
.group_name_top .my_group_name {width:430px; color:#fff; font-size:16px; margin-top:4px}
.group_name_top .top_nav_step_caption {font-size:11px}
.group_name_top .textbutton {font-size:14px; padding:7px 2px; width:120px; display:block; float:right; margin-top:20px; margin-right:5px}

/* Shoutouts */
.shoutbox_wrapper {padding:0 10px 15px; background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x scroll left bottom #FFFFFF;
width:460px}
.shoutbox_wrapper textarea {width:448px; height:80px; font-size:13px;}
.shoutbox_wrapper .textbutton {font-size:14px; padding:7px 12px}
.shoutout_units_wrapper {background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x left bottom #fff; width:480px}
.shoutout_unit {width:460px; padding:15px 10px; background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x left bottom #fff;}
.shoutout_date {color:#47697A}
.shoutout_content_container {float:left; width:400px}
.shoutout_content_container p { line-height:24px; margin-top:5px; font-size:16px; color:#000; font-weight: normal; word-wrap: break-word; }
.shoutout_action {display:block; color:#47697A; text-align:right; margin-top:3px}
.shoutout_action span {color:#ff4e00}
.shoutout_nav {text-align:center; margin-top:30px}
.shoutout_nav span {margin:0 2px; color:#FF4E00; cursor:pointer}
.shoutout_nav .current {color:#47697A}

/* Content Spotlight */
.content_spotlight_wrapper {margin:20px auto 0; width:750px}
.horizontal_spotlight_wrapper {width:750px; margin:20px auto; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc;
position:relative; background:#F9F6EF}
.horizontal_spotlight_image {float:left; width:160px; margin-right:10px}
.horizontal_spotlight_image img {width:160px}
.horizontal_spotlight_title_wrapper {float:left; width:470px; padding:10px 0}
.horizontal_spotlight_title {font-size:20px}
.horizontal_spotlight_description {margin-top:5px}
.horizontal_spotlight_close {float:right; width:90px; cursor:pointer; font-size:11px; margin-left:10px; margin-top:5px}

/* Readers table (top readers etc) */
.reader_table {border:0; width:100%}
.reader_table th {padding:10px}
.reader_table th {background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x left -22px #fff; font-weight:normal} 
.reader_table td {background:url(/presentation/en_US/images/shoutout_unit_bg.jpg) repeat-x left top #fff;text-align:center}
.reader_table th, .reader_table td {padding-top:10px; padding-bottom:10px}
.reader_table th {text-align:left; padding-left:10px}
.reader_member .user_screenname {float:left; display:block; margin-top:10px; width:135px; text-align:left; 
overflow:hidden; font-size:19px !important}
.reader_campaign .top_nav_left_image {display:block; margin:0 auto;float:none; width:46px}
.reader_rank, .reader_donations {font-size:20px;}
.reader_rank {padding:10px}
.reader_member {padding-left:10px !important}

/* News */
.news_wrapper {padding:25px; border-bottom:1px solid #C5D1DD}
.news_wrapper p {margin:20px 0;line-height:18px}
.news_title {margin-bottom:20px; color:#FF4E00; display:block}
.news_date {display:block; font-style:oblique; margin-bottom:20px}
.news_image {display:block; width:100%; margin-bottom:10px}
.news_shoutout_unit_wrapper {padding:20px 0}
.news_comment_header {font-size:25px; width:460px; margin:0 auto 10px; text-shadow:1px 1px 2px #CCC; }

/* Profile */
#profile-image-preview-overlay {background:#fff;padding:10px;position:absolute;z-index:1002;left:50%;display:none;margin-left:-410px;
width:800px; _border:1px solid #47697A; *border:1px solid #47697A; border:1px solid #47697A\9; -moz-box-shadow:0 2px 4px 3px #ccc;
-webkit-box-shadow:1px 2px 4px #ccc}

/* Sponsor ads */
.sponsor_ad {width:180px; background:#fff; -moz-box-shadow:1px 1px 3px 0 #CCC; -webkit-box-shadow:1px 1px 3px #CCC}

/* Loading circle */
.loading_circle {width:100%; margin: 0 auto; text-align: center; background:url(/presentation/en_US/images/loading_circle.gif) 
no-repeat center top; height:32px; display:none; margin-top:20px}

/* Forgot password */
.result_error, .result_success {margin-top:10px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px}
.result_error {background:#FFBFC8; color:#BF001A}
.result_success {background:#FF4E00; color:#FFF; width:730px; margin:0 auto}
.notice { color:#CC0000; }

/* Account setings */
.form_wrapper {width:500px; margin:40px auto;}
.form_wrapper h2 {font-size:18px; text-shadow:0 0 0; margin-bottom:15px; color: #000; }
.form_wrapper .signup_field {margin:0; padding:20px 0; border-bottom:1px solid #C5D1DD}
.form_wrapper .signup_field_name {font-size:12px; width:150px}
.form_wrapper .signup_field .notice {margin-bottom:10px}

/* How It Works, About, FAQ */
.static_content_wrapper {width:750px; margin:0 auto}
.static_content_wrapper p {margin-bottom:20px; line-height:18px}
.static_list li{list-style:none; line-height:18px} 
.question { color:#000}
.answer {margin-top:8px; margin-bottom:30px;}

/* Pagniation (general, shouts pagination, books pagination) */
.pagination_index, .shout_pagination_index, .book_pagination_index {padding-top: 10px; text-align:center}
.pagination_index span, .shout_pagination_index span, .book_pagination_index span{color:#FF4E00; cursor:pointer}
.pagination_index .current, .shout_pagination_index .current, .book_pagination_index .current {color:#47697A !important}
.pagination_index .nav, .shout_pagination_index .nav, .book_pagination_index .nav {cursor:pointer}



/* Resource overlay */
#resource-desc {margin:5px 0; font-size:18px}
#resource-overlay-video img {width:480px}
#resource-overlay {width:480px;padding:10px;background:#fff;position:absolute;left:50%;margin-left:-250px;z-index:1201;
-moz-border-radius:8px; -webkit-border-radius:8px}

/* Report */
.report_link {cursor:pointer}

/* Bottom links */
.main_content_bottom_links {overflow:hidden; border-top:1px solid #c5d1dd;list-style:none; margin:20px auto 0; width:800px}
.main_content_bottom_links li {float:left}
.main_content_bottom_links li a {display:block; margin:10px 0; padding:0px 15px; border-right:1px solid #c5d1dd}
#global-bottom_faq_link a{border:0}

/* Footer */
.footer_ad {width:728px; margin:0 auto; background:#fff; margin-top:20px; -moz-box-shadow: 2px 2px 2px #CCC;
-webkit-box-shadow: 2px 2px 2px #CCC}
.footer {padding:15px 0; border-bottom:1px solid #C5D1DD; border-top:1px solid #C5D1DD; margin:20px auto 0; overflow:hidden; width:800px}
.pearson_footer_logo {float:left; margin-right:20px; -moz-box-shadow: 2px 2px 2px #CCC; -webkit-box-shadow: 2px 2px 2px #CCC; }
.footer_copyright_statement_container {float:left; width:400px}
.footer_copyright_statement {display:block; margin-bottom:2px; margin-top:5px; color:#47697A}
.footer_follow_us_container {float:right; margin-top:12px; color:#fff}
#global-footer_follow_us_container .social_share_follow {top:-8px}
.footer_follow_us_container img {margin-right:4px; width:25px}
.powered_by { width:800px; margin:5px auto 0; text-align:right; color:#0A85D5; font-size: 10px}
.powered_by a {display:block; background:url(/presentation/en_US/images/btw_logo.png) no-repeat left center; padding:10px 0 10px 21px;
width:147px; float:right}

#global-intro_shade_wrapper .top_nav_step_header{color:#FF4E00; display:inline; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase;}
#global-intro_shade_wrapper .top_nav_step_caption{color:#000; display:inline; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif;}