@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin); #test_ad { position:absolute; left: 970px; top:20px; } #test_ad_auth { position:absolute; left: 820px; top:20px; } .holder { position: relative; top: 0px; left: 0px; } .info { padding: 10px; background: #FFFFCC; font-weight: bold; margin-bottom: 20px; border: 2px solid #333;} body { background: #fff; color: #333; padding: 0px; margin: 0px; font-family: Helvetica,sans-serif; } input,textarea,h1,h2,h3,h4,h5,h6,body { font-family:"Droid Sans"; } input.placeholder, textarea.placeholder { color:#777; } a { color: #1B88A6; text-decoration: none; } a img { border:none; } a:visited { color: #1B88A6; } a:hover { } .content { background: #FFFFFF; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px;} .grid { width: 960px; margin-left: auto; margin-right: auto; } .editthis { margin-left:10px; font-size:10px; } .column_1 { width: 80px; float: left; overflow: hidden; } .column_2 { width: 160px; float: left; overflow: hidden; } .column_3 { width: 240px; float: left; overflow: hidden; } .column_4 { width: 320px; float: left; overflow: hidden; } .column_5 { width: 400px; float: left; } .column_6 { width: 480px; float: left; } .column_7 { width: 560px; float: left; } .column_8 { width: 640px; float: left; } .column_9 { width: 720px; float: left; overflow: hidden; } .column_10 { width: 800px; float: left; } .column_11 { width: 880px; float: left; overflow: hidden; } .column_12 { width: 960px; float: left; overflow: visible; } fieldset { margin-bottom:20px; } .column_filler { float: left; width: auto; } .last { margin-right: 0px; } .right_align { text-align: right; } .right_float { float: right; } .left_float { float: left; } .center_align { text-align: center; } .column_padding { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .no_v_padding { padding-top: 0px; padding-bottom: 0px; } .no_b_padding { padding-bottom: 0px; } .no_b_margin { margin-bottom:0; } .clearer { float: none; height: 0px; width: 100%; clear: both; } .condensed { letter-spacing:-1px; } h1,h2,h3 { margin-top: 0px; } h3 { font-size: 14px; padding: 10px; margin-bottom: 0px;} h1.title { font-size: 18px; margin-left:10px; margin-right:10px; } .column_padding h3 { padding: 0px; } .pager { padding:5px; font-size:12px; text-align:center; } .pager .pages { margin:0 5px; } /* #main { min-height: 300px; background: url(img/grid.png);} */ #main.grid,#search_page,#edit_profile { background: url(img/lines.png) #FFFFFF repeat-y;} #location { font-size: 32px; border-bottom:1px solid #CCC; padding:5px 10px; } #location a { font-size: 11px; } #location_info { padding:10px;} #nav { } #nav ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 13px; min-height: 100%; height: 100%;padding-top:20px; } #nav ul li { display: block; } #nav ul li a { color: #1B88A6; font-weight: bold; display: block; padding: 5px 10px; } #nav ul li ul { list-style-type: none; border-right: 0px; padding:0px; padding-left: 10px; font-size:11px;} #nav ul li ul a { color: #666; font-weight: normal; } #nav ul li.counter { position: relative; } #nav ul li.counter a { } #nav ul li.active { background: #CCC; } #nav ul li.active ul { background: url(img/lines.png) #FFFFFF repeat-y; } #nav ul li.active ul a { color: #666; } #nav li.active a { color: #333; } #login_status { background: transparent; text-align: right; font-size: 12px; } #login_status a { font-weight: bold; } #header { background: url(img/header.png) bottom; } #global_search { margin: 20px 0 0 200px; background-color: #FFFFFF; width: 182px; } #global_search #search { height: 28px; } #global_search #search_q { float: left; width: 148px; padding: 5px 2px; margin: 0; font-size: 14px; border: 1px solid #CCCCCC; } #global_search #search_submit { float: left; } #watchers h3 { font-size: 12px; } div.watcher { font-size: 13px; margin-bottom: 5px; } div#post { color: #7C8D56; } div#post form { margin: 0px; padding: 30px; padding-top: 20px; padding-bottom:20px; background: #CDEB8B; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-bottom: 10px; } p { margin-top: 0px; font-size: 14px; line-height: 125%; } label { font-weight: bold; } .static_text p, .static_text blockquote, .static_text li { margin-top: 0px; font-size: 14px; line-height: 125%; } p.big_input { margin: 0px; padding: 0px;} p.big_input label { display: block; padding-bottom: 3px; } p.big_input input.text { width: 560px; font-size: 20px; } p.big_input textarea.text { width: 500px; height: 100px; font-size: 20px; margin-top: 0px;} p.input { margin-top: 0px; padding-top: 0px; } p.input label { font-weight: bold; width: 120px; padding-right: 10px; display: block; float: left; padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;} p.input input.text { width: 390px; font-size: 16px; } p.input textarea.text { width: 390px; height: 100px; font-size: 16px; margin-top: 0px;} p.input_text { margin-left: 130px; } p.input .validation-advice { margin-left: 130px; } p.input input.error { border: 2px solid #F14A2b; } p.input label.error { margin-left: 130px; float: none; width: auto; font-weight: bold; color: #F14A2B; background: #FFFF99; text-align: left; margin-right:0px;} .column_6 .column_padding .round_tan_box .curl_white_box p.input label { width: 80px; } .column_6 .column_padding .round_tan_box .curl_white_box p.input .text { width: 300px; } p.normal_input { margin-top: 0px; padding-top: 0px; } p.normal_input label { font-weight: bold; width: 120px; padding-right: 10px; display: block; float: left; padding-top: 3px; padding-bottom: 3px; text-transform:capitalize; text-align: right;} p.normal_input input.text { width: 300px; font-size: 16px; } p.normal_input textarea.text { width: 300px; height: 100px; font-size: 16px; margin-top: 0px;} .post_option { float: left; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .post_option a { display: block; padding: 10px; border-bottom: 5px solid #CCC; background: #F0F0F0; width: 73px; } .post_option a.active { background: #CCC; border-top: 5px solid #f0f0f0; border-bottom: 0px; } .post_extra { display: none; } #dashboard_tabs { border-bottom: 2px solid #CCC; background: #fff; margin-bottom:20px; } #dashboard_tabs a { font-weight: bold; display: block; width: 130px; padding-left: 10px; padding-right: 10px; padding-top: 10px; float: left; margin-right: 10px; } #dashboard_tabs a.active { background: #CCC; } input.flat_button { color: #7C8D56; border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CDEB8B; padding: 10px; padding-left: 20px; padding-right: 20px; } a.flat_button { color: #7C8D56; border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CDEB8B; padding: 10px; padding-left: 20px; padding-right: 20px;} a.watch_button { color: #333; border: 2px solid #FFF; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center; font-weight: bold; color: #FFF; background: #CCD9E5; padding: 10px; padding-left: 20px; padding-right: 20px; } p.no_padding { margin: 0px; padding: 0px; } .row10 { margin-bottom: 10px; } .row20 { margin-bottom: 20px; } .padding { padding: 10px; } #footer { padding-top: 20px; padding-bottom: 20px; background: url(img/footer.png) repeat-x; height: 150px;} #footer a { color: #7E4F25; } form { margin: 0px; padding: 0px; } .loading_message { padding: 10px; text-align: center; background: #F0F0F0; font-weight: bold; color: #CCC; } .round_orange_box { background: #E44C2E; border: 1px solid #E44C2E; margin:5px; padding:4px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .round_white_box { background: #FFF; border: 1px solid #CCC; margin:5px; padding:4px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .round_tan_box { background: #F7F0E3; border: 1px solid #F7F0E3; margin:5px; padding:4px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .round_yellow_box { background: #FFFAD0; border: 1px solid #666; margin:5px; padding:4px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .curl_tan_box { background: #F7F0E3; border: 1px solid #666; border-bottom: 2px solid #666; border-right: 2px solid #666; margin:5px;padding:4px; padding-right:3px; } .curl_white_box { background: #FFF; border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-right: 2px solid #CCC; margin:5px;padding:4px; padding-right:3px; } .curl_orange_box { background: #E44C2E; border: 1px solid #666; border-bottom: 2px solid #666; border-right: 2px solid #666; margin:5px;padding:4px; padding-right:3px; } .curl_white_box_no_sides { background: #FFF; border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-right: 2px solid #CCC; margin:5px;padding:4px; padding-right:3px; } /* These are the fancier styles for CSS 3 browsers like Firefox 3.5 and Safari 3.0 */ .round_orange_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background: #E44C2E; border:1px solid #CCC; box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } .round_white_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background: #FFFFFF; border:1px solid #CCC; box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } .round_tan_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background: #F7F0E3; border:1px solid #CCC; box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } .round_yellow_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background: #FFFAD0; border:1px solid #CCC; box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } .curl_tan_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background:transparent; border-width:10px; border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_tan_box.png) 10 10 10 10 stretch stretch; background-clip:padding; -moz-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_tan_box.png) 10 10 10 10 stretch stretch; -moz-background-clip:padding; -webkit-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_tan_box.png) 10 10 10 10 stretch stretch; -webkit-background-clip:padding; } .curl_white_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background:transparent; border-width:10px; border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_white_box.png) 10 10 10 10 stretch stretch; background-clip:padding; -moz-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_white_box.png) 10 10 10 10 stretch stretch; -moz-background-clip:padding; -webkit-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_white_box.png) 10 10 10 10 stretch stretch; -webkit-background-clip:padding; } .curl_orange_box:nth-of-type(1n) { margin:5px; padding:0 0 12px; background:transparent; border-width:10px; border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_orange_box.png) 10 10 10 10 stretch stretch; background-clip:padding; -moz-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_orange_box.png) 10 10 10 10 stretch stretch; -moz-background-clip:padding; -webkit-border-image:url(http://neighborgoods.net/peoplepods/themes/neighborgoods/img/curl_orange_box.png) 10 10 10 10 stretch stretch; -webkit-background-clip:padding; } .round_orange_box:nth-of-type(1n) .column_padding, .round_white_box:nth-of-type(1n) .column_padding, .round_tan_box:nth-of-type(1n) .column_padding, .round_yellow_box:nth-of-type(1n) .column_padding { padding-bottom:0; } .round_orange_box:nth-of-type(1n) h3, .round_white_box:nth-of-type(1n) h3, .round_tan_box:nth-of-type(1n) h3, .round_yellow_box:nth-of-type(1n) h3 { margin:0 0 10px; font-size:16px; font-weight:bold; background: #F14A2B; color: #FFF; padding:5px 12px; border-top-left-radius:12px; border-top-right-radius:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -moz-border-radius-topLeft:12px; -moz-border-radius-topRight:12px; } .round_orange_box:nth-of-type(1n) h1, .round_white_box:nth-of-type(1n) h1, .round_tan_box:nth-of-type(1n) h1, .round_yellow_box:nth-of-type(1n) h1 { margin:0 0 10px; font-size:24px; font-weight:bold; background: #F14A2B; color: #FFF; padding:5px 12px; border-top-left-radius:12px; border-top-right-radius:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -moz-border-radius-topLeft:12px; -moz-border-radius-topRight:12px; } .round_orange_box:nth-of-type(1n) h3.no_b_margin, .round_white_box:nth-of-type(1n) h3.no_b_margin, .round_tan_box:nth-of-type(1n) h3.no_b_margin, .round_yellow_box:nth-of-type(1n) h3.no_b_margin { margin-bottom:0; } .shadow { box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } .dark-shadow { box-shadow:1px 1px 5px #333; -moz-box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; } .curl_white_box_no_sides:nth-of-type(1n) { margin:0px; padding:0px; background: #FFFFFF; margin-left: 10px; margin-right: 10px; border:0px; border-bottom:7px; -moz-border-image: url(img/curl_white_box_no_sides.png) 0 0 7 0 stretch stretch; -webkit-border-image: url(img/curl_white_box_no_sides.png) 10 10 10 10 stretch stretch; -moz-background-clip: padding; background-clip: padding; -webkit-background-clip: padding; } .round_orange_box a { color: #FFFF99; } .curl_orange_box a { color: #FFFF99; } .round_white_box h4 { margin: 5px; font-size: 14px; font-weight: normal; padding: 5px; } .motivator_box { width: 180px; float: left; min-height: 135px; height: 135px;} .motivator_box hr { color: #CCC; width: 90%; } #stats_dashboard { } #stats_dashboard h3 { margin: 3px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } .motivator_box .stat { color: #F14A2B; font-size: 40px; } .motivator_box .stat_description { color: #F14A2B; font-size: 12px; } .motivator_box .stat_title { display: block; font-size: 12px; margin-top: 10px; font-weight: bold; } .motivator_box .stat_img { background: #FFF; border: 1px solid #CCC; float: left; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .motivator_box .stat_placeholder { height: 60px; float: left; width: 60px; margin-right: 12px; } #dashboard_prize .prize_img { background: #FFF; border: 1px solid #CCC; float: left; margin-bottom:50px; margin-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #dashboard_prize .prize_body { margin-left: 70px; padding:10px; } #dashboard_prize input { width: 100%; } #dashboard_prize h3 { margin-bottom: 5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; margin:5px; } .motivator { -moz-border-radius: 12px; background: #CCC; margin-bottom: 20px; text-align: center; font-size: 30px; } .motivator .motivator_description { font-size: 11px; display: block; margin-bottom: 10px;} #tip { margin-bottom: 20px; margin-top:10px; padding-top:10px;padding-bottom:10px; font-size: 13px; } #tip_sticker { left: -20px; top: -15px; margin-right: 10px; position:absolute; } .miniprofile { margin-bottom: 10px; font-size: 13px; } .miniprofile .member_name { font-size: 14px; font-weight: bold; text-decoration: underline; } .miniprofile .curl_white_box { padding-top:10px;padding-bottom:10px; } .miniprofile .curl_white_box .column_3 { width: 180px; } .miniprofile .column_padding { padding: 0px; } .miniprofile .column_1 { text-align:right; margin-right:10px; width:70px;} .friend .column_1 { text-align:right; margin-right:0px; width:70px;} .friend .column_1 .column_padding { padding:0px; padding-top:10px; padding-bottom:10px;} .friend .friend_avatar { text-align: right; margin-right:10px; width: 70px; padding-top:10px; padding-bottom:10px; float: left; } .friend .friend_body { margin-left:80px; margin-right:180px; padding-top: 10px; } .friend .friend_controls {float:right; width: 180px; padding-top:10px; color: #CCC; font-size:11px; } .friend .friend_controls div { padding-top:10px; } .friend .friend_controls a.stop_sharing { background: #CCC; } .calendar_link { background: #F0F0F0; text-align: right; } #activity_stream { margin-bottom: 10px; background: #FFF; } #activity_stream ul { list-style-type:none; margin:0px; padding:0px; } #activity_stream ul li { font-size: 13px; padding:5px; } #activity_stream h3 { margin-bottom: 5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #notification_inbox { margin-bottom: 10px; background: #FFF; } #notification_inbox ul { list-style-type:none; margin:0px; padding:0px; } #notification_inbox ul li { font-size: 13px; margin-bottom: 5px; padding-left: 5px; padding-right:5px; vertical-align: middle; height: 30px;} #notification_inbox h3 { margin-bottom: 5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #forum_sidebar { background: #FFF; border: 1px solid #D8D8D8;} #forum_sidebar h3 { margin-bottom: 5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #recommended_items { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; padding-top: 10px; padding-bottom: 10px; } p.more { text-align: right; font-size: 13px; margin-bottom: 0px; } #item_lists { margin-bottom: 20px;} #item_lists .item_list { padding-top: 20px; background: #FFF; padding:5px; border:1px solid #CCC; border-top:0px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-radius-bottom-left: 12px; -webkit-border-radius-bottom-right: 12px; } .list_action_buttons { width: 120px; margin-right: 20px; float: left; overflow: hidden; } .featured_item { background: #FFFF99; } .item_image { float: left; min-height: 270px; } .small_item_image { float: left; height:80px; width: 80;} #list_navigation { list-style-type: none; margin: 0px; padding: 0px;} #list_navigation li { float: left; background:url(img/inactive_secondary_tab.png) no-repeat; width: 154px; height: 31px; margin:0px; font-size: 14px; font-weight: bold; } #list_navigation li.active { background:url(img/active_secondary_tab.png) no-repeat; width: 158px; height: 36px; margin-top: -5px; } #list_navigation li a { display: block; padding:5px; padding-top:7px; color: #6A6A6A; text-align: center;} #list_navigation li.active a { color: #F14A2B;padding-top: 12px;} .item { background: #FAFAFA; border-bottom: 1px solid #d1d1d1; margin-bottom: 0px; font-size: 13px; padding-top:10px; padding-bottom: 10px; } .item_pic { width: 100px; text-align: center; float: left; } .item_pic img { border:1px solid #d1d1d1; } .list_item_body { margin-left:100px; margin-right:100px; line-height: 150%; } .list_item_body h3 { padding:0; margin:0 0 10px; } .tiny_text { font-size: 11px; } .last_item { border-bottom: 0px; } .even_item { background: #F9F6F0; } .panic_item { background: #E44C2E; color: #FFFF99; } .panic_item a { color: #FFFF99; } .panic_item a:visited { color: #FFFF99; } /* Login / Signup Styles */ span.required { font-weight: bold; color: #F14A2B; } .validation-failed { border: 2px solid #F14a2b; } .validation-advice { font-weight: bold; color: #F14A2B; background: #FFFF99; } #advice-required-headline { display: none; } #signup_form { width: 500px; margin: auto; padding: 20px; background: #FFF; } #signup_form label { display: inline-block; width: 175px; font-size: 18px; color: #666; font-weight: normal; text-align: right; margin-right: 20px; } #signup_form input { font-size: 18px; border: 1px solid #CCC; padding: 5px; } #signup_form p.form_text { margin-left: 195px; } #signup_form .validation-advice { margin-left: 195px; } #signup_form input.error { border: 2px solid #F14A2b; } #signup_form label.error { margin-left: 195px; display: block; float: none; width: auto; font-weight: bold; color: #F14A2B; background: #FFFF99; text-align: left; margin-right:0px; } #connect_form { width: 500px; padding:20px; margin-left: auto; margin-right: auto; } #connect_form h1 { font-size: 18px; border-bottom:1px solid #CCC; margin-bottom:20px; } #connect_form .connect_details p { font-size: 20px; } #connect_form .connect_details { margin-bottom:20px; border-bottom:1px solid #CCC; } #connect_form input.text { width: 480px; font-size: 18px; padding:5px; margin-bottom:10px;} #connect_options { margin-bottom: 20px; } .connect_option { border: 1px solid #CCC; border-bottom:0px; } .connect_option:first-child { -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px;} .connect_option:last-child { border-bottom: 1px solid #CCC; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px;} .connect_option .connect_name { padding:10px; width: 100px; font-weight: bold; float: left; } .connect_option .connect_status {padding:10px; margin-left: 120px; border-left: 1px solid #CCC; } .connect_option .connect_status .connect_options { padding: 10px; } .connect_option .connect_status .connect_options p { margin:0px; } #login_wrapper { padding:20px; background: #FFF; } #login_wrapper #connectables { font-weight:bold; float:right; line-height:32px; } #login_wrapper #connectables a { margin:0 5px; font-size:14px; vertical-align:middle; } #login_wrapper #connectables a img { vertical-align:middle; } #login_form { float:left; } #login_form form { margin:0; width:250px; padding:10px; } #login_form label { display:block; font-size:18px; color:#666; font-weight:bold; vertical-align:middle; width:230px; } #login_form input { font-size:18px; border:1px solid #CCC; padding:5px; vertical-align:middle; width:230px; } #login_form input[name="remember_me"] { display:inline; width:15px; } #login_form label[for="remember_me"] { font-size:10px; display:inline; } #login_form input[type=submit] { border:none; display:inline; width:75px; float:right; margin:0 10px 0 0; } #login_form label.error { background:#FF9; color:#F14A2B; width:236px; font-size:12px; border:1px dotted #CCC; padding:2px; } /* #login_form textarea#message { width:265px; } #login_form .form_text { margin-left: 155px; } #login_form .validation-advice { margin-left: 155px; } #login_form input.error { border: 2px solid #F14A2b; } */ #signup_box { float:left; margin:0 5px; padding:10px; width:420px; } #signup_box h3 { font-size:24px; color:#666; margin:0 0 10px; padding:0; } #signup_box p { font-size:16px; } #verify { background: #F0F0F0; padding:10px; margin-bottom: 20px; } #verify label { display: inline-block; width: 135px; font-size: 18px; color: #666; font-weight: normal; text-align: right; margin-right: 20px; vertical-align: top; } #verify input { font-size: 18px; border: 1px solid #CCC; padding: 5px; } #verify .form_text { margin-left: 155px; } #verify .validation-advice { margin-left: 155px; } #verify input.error { border: 2px solid #F14A2b; } #verify label.error { margin-left: 155px; display: block; float: none; width: auto; font-weight: bold; color: #F14A2B; background: #FFFF99; text-align: left; margin-right:0px; } .column_4 .round_white_box label { display: inline-block; width: 80px; font-size: 18px; color: #666; font-weight: normal; text-align: left; margin-right: 10px; } .column_4 .round_white_box input { font-size: 18px; border: 1px solid #CCC; padding: 5px; width: 150px;} .column_4 .round_white_box p.form_text { } .column_4 .round_white_box .validation-advice { margin-left: 90px; } .column_4 .round_white_box input.error { border: 2px solid #F14A2b; } .column_4 .round_white_box p { padding-left:10px; } #groups_options ul { list-style-type: none; margin:0px; padding:0px; } #groups_options ul li { padding-left:10px; padding-bottom:10px; } #groups_options ul li:last-child { border-bottom: 0px; } .column_4 .round_white_box label.error { margin-left: 90px;display: block; float: none; width: auto; font-weight: bold; color: #F14A2B; background: #FFFF99; text-align: left; margin-right:0px;} .column_4 .round_white_box h3 { overflow: hidden; margin-bottom:10px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } /* item page styles */ h1#item_name { font-size: 20px; margin:10px 0 0 15px; } #item_permalink_main { overflow: visible; } #item_permalink_main #item_photo .curl_white_box { margin:0 0 10px; } #item_permalink_main #item_photos .round_tan_box { margin:0 0 10px; padding:5px; } #item_permalink_main #item_photos .round_tan_box h2 { margin:0 0 5px; } #item_permalink_main #item_photos .round_tan_box img { margin:0 5px; } #item_photo img { margin: 5px; } #item_photo img.item_image { margin:5px; } #item_photo .photo_matte{ background: #FFF; margin: 5px; } #item_no_photo { background: #F0F0F0; border-style: 2px dashed #CCC; text-align: center; color: #666; padding: 20px; margin-bottom:10px; } .related_carousel { border: 1px solid #c6c6c6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:20px; padding:5px; text-align: center; } .related_carousel_item { float: left; padding: 4px; background: #FFF; margin: 4px; border:1px solid #CCC; } .related_carousel_control { width: 24px; background: #EEE2CC; float: left; margin:4px;} #item_view_item_info { font-size: 13px; } #item_view_item_info iframe { vertical-align: top; margin-top:6px; margin-left:0px;} #item_view_owner_info { font-size: 13px; } #item_view_owner_info .member_name { font-size: 14px; font-weight: bold; text-decoration: underline; } .item_view_request { margin-bottom: 20px;} .item_view_request a.request { margin-left: -5px; background: url(img/button_transaction.png) no-repeat; width:242px; height: 49px; color: #FFF; font-size: 20px; display:block; text-transform:capitalize;} .item_view_request a.request span.text { display: block; padding-left: 80px; padding-top: 15px; } #date, #transaction_type { font-size: 20px; } #comments { } textarea#comment, textarea.commentarea { width: 100%; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%; } #comment_type_navigation { padding-bottom: 0px; } #comment_type_navigation a { display: inline-block; padding: 5px; } #comment_type_navigation a.active { font-weight: bold; background: #FFF; } .comment_update { background: #F0F0F0; font-weight: bold; } .comment_update p { margin-bottom: 0px; } .comment .comment_permalink { color: #CCC; float: right; } .comment { border-bottom: 1px solid #ccc; background: #FFF; } .comment span.byline { font-size: 12px; font-weight: bold; display:block; } .comment p { font-size: 13px; line-height: 150%; } .verified_status { background: #F14A2B; padding: 3px; } .comment_comment { background: #FFFFCC; } .comment_panic_comment { background: #E44C2E; color: #FFF; } .comment .column_1 { text-align: right; } .related_item { font-size: 11px; border: 1px dashed #F0F0F0; margin-bottom: 10px; } .datetime_picker label { display: block; float: left; margin-right: 10px; margin-bottom: 50px; width: 60px; } input#start_date { margin-bottom: 10px; } input#end_date { margin-bottom: 10px; } #send_request { margin-left: -5px; } #panic { padding: 5px; background: #FFF; } #panic:hover { background: #FFFFCC; color: #000; } #panic:hover input { color: #FFF; background: #E44C2E; } #panicMode { position: absolute; width: 100%; color: #FFF; } #panicMode div.curl_orange_box {margin:0 auto; width: 600px; padding: 20px;} /* add item styles */ #add_item label { font-weight: bold; width: 100px; margin-right: 10px; float: left; } #add_item label.long { margin-bottom: 40px; } #add_item input.text { width: 300px; } #add_item textarea { width: 300px; height: 100px; } #add_item p { margin-bottom: 20px; } #add_item .validation-advice { margin-left: 110px; } #add_item input.error { border: 2px solid #F14A2b; } #add_item label.error { margin-left: 110px; display: block; float: none; width: auto; font-weight: bold; color: #F14A2B; background: #FFFF99; text-align: left; margin-right:0px;} #add_item_title { font-size: 24px; background: #E64527; color: #FFF;padding:20px;} #add_item_title input { font-size: 24px; } #add_item_title label.error { margin-left:10px; display: inline; } #add_item_map { width: 200px; float: right; margin-left: 10px; } /* profile page styles */ #profile_map .map_container { margin:10px 10px 0; border:1px solid #CCC; } .item_profile { font-size: 12px; } #profile_actions { padding-top: 10px; } #already_sharing { padding-bottom:10px; background: #efe2c9; } #notification_options span.gray { display: block; margin-left: 45px; } #notification_options label { margin-left: 20px; } h1#profile_name { color: #F14A2B; font-size: 40px; } #profile_pic { text-align: center; padding-top:10px; } #profile_verified_flag { position: absolute; z-index: 2; } .miniprofile_verified_flag { position: absolute; z-index: 2; display:block; } .miniprofile_verified_check { margin-left: 16px; margin-top: -10px; } .miniprofile_verified_check_on_big { margin-left: -19px; margin-top: -15px; } .profile_verified_check { margin-left: 125px; margin-top:-30px; } #nav .miniprofile_verified_check { margin-left: 35px; margin-top: -15px; } #profile_inventory { margin-bottom: 20px; } #profile_inventory h3 { overflow: hidden; margin: 5px; margin-bottom:0px;font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #profile_inventory .column_padding { padding: 0px; } #profile_inventory .list_item_profile { font-size: 15px; padding-top:10px; padding-bottom: 10px;} #profile_inventory .list_item_profile .list_item_profile_pic { width: 80px; text-align: center; float: left; } #profile_inventory .list_item_profile .list_item_profile_pic img { border: 1px solid #C6c6c6; } #profile_inventory .list_item_profile .list_item_profile_description { width: 110px; margin-left: 10px; float: left; } #profile_inventory .list_item_profile .list_item_profile_description a.product_link {font-weight: bold; display: block; margin-bottom: 5px; } #profile_inventory a.more_link { display: block; margin-top: 10px; text-align: right; font-size: 12px; } #profile_inventory .list_item_profile .list_item_profile_description i { background: #F4E8D0; } #profile_wishlist { } #profile_wishlist h3 {overflow: hidden; margin: 5px; margin-bottom:0px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #profile_wishlist .wishlist_item_profile { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } #profile_wishlist .wishlist_item_profile .wishlist_item_profile_title { width: 135px; float: left; } #profile_wishlist .wishlist_item_profile .wishlist_item_profile_button { width: 40px; margin-left: 10px; float: left; } #profile_stats .motivator_box { float: none; height: auto; width:auto; margin:0 5px; } /* #profile_stats h3 {overflow: hidden; margin: 5px; margin-bottom:0px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } */ #group_list ul { list-style-type: none; margin:0px; padding:0px;} #group_list ul li { padding:10px;} #friend_list { text-align: center; font-size: 11px; } /* #friend_list h3 {overflow: hidden; text-align: left; margin: 5px; margin-bottom:5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } */ .friend_list_friend { width: 65px; float: left; margin: 5px; overflow: hidden; height: 75px; padding-left:1px; } .friend_list_friend .person_permalink { display:block; } #profile_comments { } #profile_badges { float: right; } a.littleButton { font-size: 11px; font-weight: bold; color: #FFF; background: url(img/button_bg.png) repeat-x bottom #e55033; border:1px solid #d3d3d3; padding: 5px; text-align: center; padding-top: 8px; padding-bottom:8px; } a.littleOffButton { font-size: 11px; font-weight: bold; color: #FFF; background: #CCC; border:1px solid #d3d3d3; padding: 5px; text-align: center; padding-top: 8px; padding-bottom:8px; } input.bigButton { color: white !important; display: block; background: url(img/button_bg.png) repeat-x bottom #e55033; width: 220px; height: 52px; border:0px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin: 5px auto 5px auto; } a.bigButton { color: white !important; display: block; background: url(img/button_bg.png) repeat-x bottom #e55033; width: 220px; height: 32px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding-top: 17px; margin: 5px auto 5px auto; padding-right:10px; color: white; text-decoration: none; } input.massiveButton,a.massiveButton { display: block; padding: 5px; color: white !important; text-decoration: none; background: url(img/button_bg.png) repeat-x bottom #e55033; border: 0px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; cursor:pointer; } #wishlist_peeps ul { list-style-type: none; margin: 0px; padding: 10px; } #wishlist_peeps ul li { padding-bottom:10px;} #wishlist_peeps ul li:last-child { padding-bottom: 0px; } #wishlist_actions a.massiveButton { float: left; margin-right: 20px; width: 150px; } .item_actions { float: right; width:80px; padding-right:10px; } .item_actions a, a.smallButton { text-decoration: none; color: white !important; display: block; padding: 5px; background: url(img/button_bg.png) repeat-x bottom #e55033; border: 0px; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; } .item_actions a, .friend .friend_controls a { margin-bottom:10px; } a.rowButton { float: left; margin-right:10px; } a.stackingButton { margin-bottom:10px; } /* .column_4 .round_white_box p a.bigButton { margin-left: -10px; } */ /* edit profile styles */ #editprofile_nav { width: 280px; } #editprofile_nav ul { list-style-type: none; margin: 0px; padding: 0px; } #editprofile_nav ul li { display: block; margin-bottom:10px; } #editprofile_nav ul li.last { display: block; margin-bottom:0px; margin-top: 20px; } /* homepage styles */ #homepage_people_buttons { border-top: 2px solid #CCC; margin-top:10px; padding:5px; } #homepage_people_buttons a.bigButton { float: left; width:200px; padding-right:0px; background:url(img/button_background_200.png) no-repeat; } ul#activity_list { margin: 0px; padding: 0px; list-style-type: none; } ul#activity_list li { padding:10px 10px 5px; font-size: 12px; } ul#activity_list li.odd { background: #f2f2f3; } ul#activity_list li:last-child { border-bottom:none; } ul#activity_list li .avatar { float:left; } ul#activity_list li .avatar img { width: 25px; height: 25px; } ul#activity_list li .action { float:left; width:245px; margin-left:5px; } ul#activity_list li .action .activity_text {} ul#activity_list li .action .activity_timestamp { display: block; color: #CCC; font-size:11px; } #welcome_anonymous { margin-bottom:10px; } #testimonials .avatar { float:left; } #testimonials .avatar img { float:none; } #testimonials ul { list-style-type:none; margin:0; padding:0; } #testimonials li { background:#FFF; margin:0; padding:5px; font-size:13px; } #testimonials li.odd { background:#F2F2F3; } #testimonials li img { float:left; margin-right:10px; } #follow_us .like_box_wrapper { overflow:hidden; width:307px; height:250px; } #follow_us .like_box_wrapper iframe { margin:-1px; } #homepage_wishlist ul { margin: 0px; padding: 0px; list-style-type: none; } #homepage_wishlist li { padding: 10px; padding-bottom: 0px; font-size: 12px; } #homepage_wishlist li input { float: right; } #big_wishlist ul { margin: 0px; padding: 0px; list-style-type: none; } #big_wishlist li { padding: 10px; padding-bottom: 5px; border-bottom: 1px solid #D3D3D3; font-size: 12px; } #big_wishlist li:last-child { border-bottom: 0px; } #big_wishlist li a.littleButton { float: right; } #createWishlistItemForm { padding: 10px; } #createWishlistItemForm input { width: 100%; } #homepage_stuff { } #homepage_stuff_controller { border-bottom: 2px solid #CCC; padding:10px;} #friend_finder .icon_pile { list-style-type:none; margin:0; padding:0; } #friend_finder .icon_pile li { margin:0; font-size:12px; padding:5px; } .item_grid { width: 200px; float: left; margin-bottom:10px; overflow: hidden; } .item_grid:hover { background: #F0F0F0; } .item_grid .item_pic { width: 50px; padding: 10px; } .item_grid .item_body { margin-left: 70px; font-size: 14px; padding-top:10px;} #group_select { float: right; } /* promotional homepage styles */ #welcome_message h1 { font-weight: normal; font-size: 24px; margin:20px; } #welcome_message p { margin-left:20px; margin-right:20px; } ul#homepage_news { list-style-type: none; margin: 0px; padding: 10px; } ul#homepage_news li { margin-bottom: 10px; } #news-wrapper { padding:10px; } p#homepage_news { font-size: 14px; line-height: 30px; } p#homepage_news img{ width:25px; height:25px; } #facebook-likes { margin-top:20px; } #press-box { margin-top:20px; } #press-box h2, #news-wrapper h2 { margin:5px 0; font-size: 18px; } #press-box h2 {margin-left:5px;} .press-item { float: left; width: 150px; margin-right: 10px; text-align: center; } .press-item img { border: none; padding:5px; } .last { margin-right: 0; } .avatar_image { width: 50px; height: 50px; } #neighborhood_mapcanvas_home { width: 100%; height: 150px; } form#homepage_filter { background: #F0F0F0; padding: 10px; font-size: 18px; } form#homepage_filter input { border: 2px solid #CCC; font-size: 18px; } /* search page styles */ form#advanced_search { } form#advanced_search input#q { font-size: 24px; width: 500px; margin-bottom:5px; float:left;} form#advanced_search select#transaction { } form#advanced_search #search_submit { margin-top: -6px; } #search_options p { font-size: 12px; text-align: left; padding:10px; } #search_options input { font-size: 12px; } #search_options select { font-size: 12px; } #search_options p { font-size: 12px; line-height:30px; } #archive_nav { padding: 10px; } #search_category { font-size: 12px; } #category_nav {min-height: 100%; height: 100%;} #category_nav ul { list-style-type:none; margin:0px; padding:0px; } #category_nav ul li { font-size: 11px; } #category_nav ul li a { padding: 5px; display: block; } #category_nav ul li a.active { background: #CCC; color: #333; font-weight: bold; } #category_nav ul li ul { background: #F9F6F0; } #category_nav ul li ul li { margin: 0px; margin-left: -10px; padding-left: 25px;font-size: 12px; } #category_nav ul li ul li a { background: none; font-weight: normal; padding:5px; } #category_nav ul li a.open { background: #F9F6F0; color:#333; font-weight: bold; padding-bottom:0px; } #category_nav h3 { padding:5px; font-size: 13px; color: #666; } p.smaller {font-size: 11px;} #map_container { position: relative; width: 100%; } #neighborhood_mapcanvas { width: 100%; height: 150px; } #neighborhood_mapcanvas.map_large { height: 300px; } #homepage_map.map_large { height: 300px; } .map_tab { position: absolute; right: 0; top: 130px; width: 19px; height: 19px; background-color: #9CD2DB; border: 1px solid blue; sborder-bottom: none; sborder-right: none; cursor: pointer; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; d-moz-border-radius-topright: 5px; d-webkit-border-top-right-radius: 5px; text-align: center; } #map_shrinktab { display:none; top: 280px; } #homepage_mapcontainer .map_tab { right: 0; } /* my neighbors page styles */ #friends_actions { border-bottom: 1px solid #CCC; margin-bottom: 20px; } #friends_actions ul { list-style-type: none; margin: 0px; padding: 0px; } #friends_actions ul li { display: inline-block; padding: 10px; font-size:14px; float:left; background: #F0F0F0; border-top: 2px solid transparent;} #friends_actions ul li.search { padding-bottom:3px; } #friends_actions ul li.active { background: #FFF; font-weight: bold; border-top: 2px solid #1B88A6; } .friend { background: #FFF; border-bottom: 1px solid #CCC; } .friend:last-child { border-bottom: 0px; } .friend_last { border-bottom: 0px; } #neighbor_wishlist ul { list-style-type: none; margin: 0px; padding: 0px; } #neighbor_wishlist ul li { display: block; padding:5px; padding-left:30px; } #neighbor_wishlist ul li input {float: right; } #neighbor_wishlist { background: url(img/background_notepaper.png); } #neighbor_wishlist h3 { background: transparent; color: #333; padding: 5px; padding-top:10px; padding-left: 30px; } .wishlist_item_neighbors { } div#neighbor_items { background: #FFCC99; color: #FFF; margin-bottom: 10px; } #inbox_nav { width: 280px; } #inbox_nav ul { list-style-type: none; margin: 0px; padding: 0px; } #inbox_nav ul li { display: block; margin-bottom:10px; } #inbox_nav ul li.last { display: block; margin-bottom:0px; } #inbox_nav span.unreadCount { font-weight: bold; background: #369; color: #FFF; padding-left: 5px; padding-right: 5px; } .thread_short { border-bottom: 1px solid #CCC; } .thread_short:hover { background: #CCD9E5; border-bottom: 1px solid #CCC; } .thread_short:hover a { background: #FFFFCC; } .thread_unread { background: #FFFF99; } #thread .message { border-bottom: 1px solid #CCC; background: #FFF; } #thread .message span.byline { font-size: 12px; font-weight: bold; } #thread .message p { font-size: 13px; line-height: 150%; } .notification_list { } .notification { background: #FFFFCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; } .notification_read { background: #FFF; } .notification_title { font-size: 13px; font-weight: bold; } .notification_body { font-size:13px; } .notification_timestamp { font-size: 11px; font-weight: bold; vertical-align: middle;} .empty_list { padding: 10px; color: #CCC; } .inbox_header { border-bottom: 1px dashed #CCC;} span.tagline { font-size: 13px; color: #666; } .highlight { background: #D4C4A6; } .warning { background: #FF0000; color: #FFF; padding-left: 3px; padding-right: 3px;} .lightblue { background: #CCD9E5; color: #3a3a3a; font-size: 13px; } .pink { background: #EF5BA1; color: #FFF; font-size: 13px; } .pink b { font-size: 15px; letter-spacing: -1px; } .gray { color: #CCC; } .gray input { color: #CCC; } .error_message { background: #FFFF99; padding: 10px; font-weight: bold; } .document { margin-bottom: 20px; padding-top: 10px; border-left: 1px solid #CCC;} .author { width: 80px; float: left; text-align: right; } textarea#message { width: 440px; height: 100px; font-size: 14px; font-family: helvetica; line-height: 150%;} #post_previous,#post_next,.post_recent { font-size: 12px; margin-bottom: 10px; } div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; } div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #ffb;} div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; height:32px; cursor:pointer; } .last_item { border-bottom:0px; } h2.error { color:#F14A2B; } input.error, textarea.error { border: 2px solid #F14A2b; } label.error { font-weight: bold; color: #F14A2B; background: #FFFF99; display: block; float: none; } #special_announcement { padding:10px; margin-bottom:20px; } #special_announcement h3 { margin:0px; margin-left: 50px; margin-bottom:10px; padding:0px;} #special_announcement p { margin-left: 50px;} #tabs { list-style-type: none; margin: 0px; padding: 0px; background: #efe2c9; color: #FFF; height: 40px; z-index: 1; font-size:14px; } #tabs li { display: block; margin-right: 20px; float: left; } #tabs a { padding: 10px; padding-top: 20px; padding-bottom: 0px; font-weight: bold; text-align: center; display: block; } #tabs li.active { z-index: 2; width: 117px; height: 40px; background: url(img/active_tab.png) no-repeat;} #tabs li.extras { float: right; padding-top:10px;} #tabs li.extras a { padding:0px; display: inline; } #giantzip { background: #F14A2B; color: #FFF; padding: 10px; line-height:50px; text-align:center; } #giantzip label { float:left; font-size:24px; font-weight:bold; width:400px; margin-left:85px; } #giantzip #zip_wrapper { position:relative; float:left; height:50px; width:320px; } #giantzip #zipentry { font-size:26px; font-weight:bold; width:275px; text-align:center; position:absolute; top:0; left:0; padding:0; border:1px solid #CCC; height:48px; } #giantzip #zipentry::-webkit-input-placeholder { font-weight:bold; font-size:32px; } #giantzip input[type=submit] { background:#F0F0F0; color:#333; font-size:18px; font-weight:bold; border:1px solid #CCC; width:45px; height:50px; position:absolute; top:0; left:277px; padding:0 5px; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topRight:5px; -moz-border-radius-bottomRight:5px; } .quiet { color: #CCC; font-size:smaller; } .quiet a { color: #CCC; font-weight: bold; } .homepage_row { border-bottom: 1px solid #CCC; margin-bottom:10px; padding-bottom:10px; } .homepage_row p, .homepage_row li,.homepage_row h1,.homepage_row h2,.homepage_row h3 { margin-left: 10px; margin-right: 10px; } .homepage_row h1,.homepage_row h2,.homepage_row h3 { margin-top:5px; } .homepage_row h3 { padding: 0px; margin-bottom:10px;} .row { border-bottom: 1px solid #CCC; margin-bottom:10px; padding-bottom:10px; } .row p, .row li,.row h1,.row h2,.row h3 { margin-left: 10px; margin-right: 10px; } .row h1,.row h2,.row h3 { margin-top:5px; } .row h3 { padding: 0px; margin-bottom:10px;} .row h2 { margin-bottom:10px; } .row h1 { margin-bottom:10px; } .row p.input_text { margin-left: 140px; } .notice { background: #FFFFCC; padding-bottom:20px; border-bottom:3px solid #333;} .notice p, .notice h1 { padding: 10px; margin:0px; padding-bottom:0px; } .notice a.smallButton { float: left;} .message { background: #c9edf6; padding-bottom:20px; border-bottom:3px solid #333;} .message p, .message h1 { padding: 10px; margin:0px; padding-bottom:0px; } div.empty { background: #F0F0F0; margin:10px; border: 1px solid #CCC; -moz-border-radius:12px; -webkit-border-radius:12px; } div.empty p,.empty h1, .empty h2, .empty h3 { padding:10px; margin:0px; } .empty p { font-size: 18px; } .section { background: #F7F0E3; } .with_bottom_border { border-bottom: 1px solid #efe2c9; } .with_bottom_margin { margin-bottom:20px; } .with_bottom_padding { padding-bottom:5px; } .section p, .section h1 { padding:10px; margin:0px; padding-bottom:0px;} #people_search { padding: 10px; border-bottom: #efe2c9 1px solid; } .app_widget { border: 1px solid #CCC; margin:5px; padding:4px; background-color:#FFF; margin:0 10px; padding:0; } .app_widget:nth-of-type(1n) { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; } .app_widget h1:first-child, .app_widget h2:first-child, .app_widget h3:first-child { color:#333; padding:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; margin:0; } .app_widget ul.simple_list { margin: 10px; border:1px solid #CCC; } ul.simple_list { margin:0; list-style-type: none; padding:0px; } ul.simple_list li { background: #FFF; margin: 0px; padding: 5px; padding-top:8px; font-size: 13px; } ul.simple_list li.odd { background: #f2f2f3; } ul.simple_list li span.timestamp { float: right; color: #999; } ul.simple_list li a.action, ul.simple_list li span.action { margin-top: 15px; float: right; font-weight: bold; color: #e55033; width:75px; text-align: right; } ul.simple_list li span.text { display: block; margin-top:15px; margin-left: 60px; margin-right: 75px;} ul.simple_list li img { float:left; margin-right:10px; } ul.simple_list li.more { border-top: #ccc solid 1px; text-align: right; } form.simple_form { margin-left:10px; margin-right:10px; } form.simple_form p.input { border:2px solid #ccc; padding:4px; background: #FFF; margin:0px; margin-bottom:10px; width:65%; margin-right:10px; float:left;} form.simple_form input.text { font-size: 20px; width:100%; padding:0px; margin:0px; border:0px;} ul.simple_list li.wishlist_checkbox { } ul.simple_list li.wishlist_checkbox .checkbox { float: right; margin-top:15px; } ul.simple_list li.wishlist_simple .checkbox { float: right; margin-top:15px; } .recommended_neighbor {background: #F7F0E3; border: 1px solid #F7F0E3; margin:5px;padding:4px; -moz-border-radius:12px; -webkit-border-radius:12px; text-align: center;} .recommended_neighbor:nth-of-type(1n) { margin:0px; padding:0px; background: #F7F0E3; border: 10px solid #CCC; -moz-border-image: url(img/round_tan_box.png) 10 10 10 10 stretch stretch; -webkit-border-image: url(img/round_tan_box.png) 10 10 10 10 stretch stretch; -moz-background-clip: padding; background-clip: padding; -webkit-background-clip: padding; } .recommended_neighbor div.avatar { margin:10px auto; margin-bottom:20px; position:relative; width:100px; text-align:right;} .recommended_neighbor img.img { } .recommended_neighbor img.verified_check { position: absolute; bottom: 0px; right:0px; } .recommended_neighbor p { margin-bottom:10px; font-size: 13px;} .button_pile { list-style-type: none; margin: 0px; padding:0px; } .button_pile li { display: block; margin-bottom:5px;} .button_pile li a { display: block; padding:5px; background: #e55033; color: #FFF; text-align: center;} .button_pile li a.facebook { background: #3B5998; } .button_pile li a.twitter { background: #3D88AC; } a.facebook { background: #3B5998; text-align:center; color: #FFF; display: block; padding:5px;} a.twitter { background: #3D88AC; text-align:center; color: #FFF; display: block; padding:5px;} #homepage_map { width: 100%; height: 150px; } .transaction_row {background: #666; border-bottom:1px solid #CCC; position:relative;} .transaction_row:last-child { border-bottom:0px; } .transaction_row_finished {background: #DDD; } .transaction_row_active {background: #e55033; } .transaction_row_messages { background: #FFF; } .transaction_row .head { color: #FFF; float: left; width: 160px; padding:0px; margin:0px; } .transaction_row .head h2 { padding:10px; font-weight: bold; font-size: 26px; margin-bottom:0px; } .transaction_row .head p { padding:10px; font-size: 12px; } .transaction_row .body { padding-bottom:10px; margin-left: 160px; background: #F0F0F0;} .transaction_row .body h1 { font-weight: normal; font-size: 18px; padding: 10px; margin-bottom:0px; } .transaction_row .body p { padding:0px; margin-left:10px; margin-right:10px;margin-bottom:10px; } .transaction_row .body span.byline { padding-left:10px;} .transaction_row .body h3 { padding:10px; padding-bottom:0px; } .transaction_row .body h3.pop { background: #FFFF99; padding:10px; -moz-border-radius: 12px; -webkit-border-radius:12px;} .transaction_row .body .comment { padding-top:10px; } .transaction_row_messages .head { color: #666; } .transaction_row_messages .body { background:#FFF; } .transaction_row_active .body {background: #FFF; } .transaction_row_active h2 { font-size:18px; } .transaction_row .body .action { float: right; font-weight: bold; } .transaction_row_donate { background: #e55033; } .transaction_footer { border-top:1px dashed #CCC; padding:10px; } ul.cost_calculator { list-style-type: none; margin:0px; padding:0px; } ul.cost_calculator li { display: block; font-size: 13px; padding:10px; } ul.cost_calculator li span.figure { float: right; font-weight: bold; } #transaction_savings { border-top: 1px solid #CCC; font-weight:bold; } #mini_profile { border-bottom: 1px solid #CCC; padding-bottom:5px; font-size:12px; } #mini_profile .mini_avatar { float: left; width:50px; margin-right:5px; } #mini_profile .mini_details { margin-left:55px; } #mini_profile .member_edit { font-size:10px; margin-top:2px; text-transform:lowercase; } #mini_profile .member_verification { font-size:10px; } #mini_profile .member_name, #mini_profile .member_location, #mini_profile .member_rating { margin-bottom:2px; } #nav ul li#mini_profile a { font-weight: normal; display: inline; padding:0px; color: #1B88A6; } #nav ul li#impact a { color:#F00; padding:0; } .huge_stat { font-size: 20px; color: #E64527; } .unread_left { background: url(img/bub_left.png) no-repeat top left; display:block; float:right; position: relative; z-index:2; top:-10px; margin-bottom:-10px;} .unread_right { background: url(img/bub_right.png) no-repeat top right; margin-left:17px; display:block;} .unread_right span { padding-top:10px; padding-right:11px; display: block; padding-bottom:15px; font-size:12px; font-weight:bold; color: #FFF;} .unread_transactions { margin-right: 30px; } .unread_inbox { margin-right: 60px;} .tan_box { background: #F7F0E3; border: 1px solid #F7F0E3; margin:5px; padding:4px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; } .white_box { background: #FFF; border: 1px solid #CCC; margin:5px; padding:4px; } .stickerbox { position: relative; } .stickerbox p,.stickerbox h1 { margin-left: 50px; } h3.header { margin: 5px; font-size: 14px; background: #F14A2B; color: #FFF; padding: 5px; } #impact { margin-bottom:10px; } .impact_stat { display: block; height:50px; overflow:hidden; border-bottom: 1px solid #CCC; } .impact_stat .stat_head { display:inline-block; width:60px; height:46px; padding:2px; border-right: 1px solid #CCC; } .impact_stat .stat_img, .impact_stat .stat_title { text-align: center; } .impact_stat .stat_title { font-size:10px; clear:left; } .impact_stat .stat { font-size:14px; color:#F00; font-weight:bold; line-height:50px; float:right; width:90px; text-align: center; } .impact_stat .stat a { color:#F00; } ul#to_field { list-style-type: none; margin:0px; padding:0px; background:#FFF; margin-left:140px; width:440px; margin-bottom:10px; border:1px solid #666; height: 100px; overflow: auto;} ul#to_field li { padding:3px; } .group_list .item_pic { width: 70px; } .group_list .list_item_body { margin-left: 70px; } .group_list .list_item_body a { font-size: 14px; } .group_list .list_item_body p { font-size: 11px; } #ad_leaderboard { } #ad_sidebar { margin-top:20px; } #ad_sidebar p { padding:5px; font-size: 13px;} #ad_sidebar .sponsor { font-size: 20px; } .half { width:50%; float:left; } .onethird { width:33.333%; float: left; } .twothirds { width:66.666%; float: left; } .hundredpercent { width:100%; } .recommended_friend { float:left; width:180px; padding:7px; margin:5px; border:1px solid #CCC; font-size:12px; min-height:65px; position:relative; background:#FFF; } .recommended_friend .avatar { float:left; margin:0 5px 5px 0;} .recommended_friend .permalink { overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; } .recommended_friend .location { font-weight:bold; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; } .recommended_friend .options { position:absolute; bottom:7px; right:7px; } #homepage_friend_recommendations { padding:0 4px; font-size: 12px; } #homepage_friend_recommendations .recommended_friend { width:230px; } #welcome_anonymous h1 { font-size:28px; text-align: center; letter-spacing:-1px; margin:30px 0 20px; } #homepage_press { border-top:1px solid #CCC; margin:20px 0; padding:20px 0 0; line-height:40px; text-align:center; } #homepage_press a { margin:0 5px; } #homepage_press a img { vertical-align:middle; } #homepage_featured { margin-top:10px; } #homepage_featured img { margin:0 5px 5px 0; } #homepage_recent_news .simple_list { margin:0 5px; padding:0; border:none; } #homepage_recent_activity #activity_list { border:1px solid #CCC; margin:5px; } #for_organizations .massiveButton { font-size: 12px; display: inline-block; } .with_flat_top { margin-top: 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-radius-topleft: 0px; -webkit-border-radius-topright: 0px; padding-top:20px; } #details p { margin-left: 10px; margin-right: 10px; } #add_item_suggestions { margin-top: 20px; } .invite_row { background: #CCC; border-bottom: 1px solid #FFF; } .invite_row .head h2 { font-size: 18px; color: #333;} .invite_row .body h1 { font-size: 18px; } .invite_row #connectables { float:left; margin:0; } .invite_row #connectables .round_white_box { float:left; padding: 10px; } .invite_row #connectables .round_white_box a { line-height:32px; vertical-align:top; font-size:14px; } textarea.req_textarea { width: 100%; height: 80px; } ol.promises li { margin-top: 0px; font-size: 14px; line-height: 125%; margin-left: 15px; } .transaction_tip { position: absolute; top: 50px; right: -20px; background: #FFFFCC; padding:5px; width:120px; z-index:5; -moz-box-shadow: rgba(0,0,0,0.25) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0,0.24) 0px 0px 5px; } .transaction_tip img { float: left; } .transaction_row .body .transaction_tip p { margin-left: 35px; font-size:11px; margin-bottom:0px;} #contact_form form { padding:20px; } #contact_form label { display:block; color:#444; font-weight:bold; font-size:18px; margin-bottom:5px; } #contact_form input, #contact_form textarea { border:1px solid #CCC; font-size:16px; padding:5px; } #contact_form input { width:250px; } #contact_form textarea { width:700px; height:150px; } #contact_form input[type=submit] { width:auto; float:right; } /* !Global -------------------------------------------------- */ /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* !Alerts -------------------------------------------------- */ ul#alerts { font-size:13px; padding:0; list-style-type:none; margin: 10px; } .alert { padding:5px; padding-left:10px;padding-right:10px; } .alert .markAsRead { float:right; margin-right:5px; } .alert .markAsRead:hover { font-weight:bold; } .alert:hover { background:#DEDEDE; border:1px dashed #CCC; } .alert a.button { float: right; } /* !Homepage -------------------------------------------------- */ #home.authorized { background-color:#F7F0E3; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; } .borderradius #home.authorized { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .boxshadow #home.authorized { box-shadow:1px 1px 5px #CCC; -moz-box-shadow:1px 1px 5px #CCC; -webkit-box-shadow:1px 1px 5px #CCC; } #home.authorized .app_widget h3 { padding:4px; font-size:16px; } #home.authorized .app_widget p { padding-left: 4px; } #home.authorized .stat { font-weight:bold; color:#FF0000; } #home.authorized #content, #home.authorized #sidebar { float:left; } #home.authorized #content { width:550px; } #home.authorized #content .app_widget { margin:10px; } #home.authorized #sidebar { width:248px; } #home.authorized #sidebar .app_widget { margin:10px 10px 0 0; } #home.authorized #sidebar ul.simple_list { margin:0; } #home.authorized #sidebar ul.simple_list li { font-size:12px; } #home.authorized #sidebar ul.simple_list li span.text { margin:0; } #home.authorized #sidebar ul.simple_list li img { width:32px; height:32px; } #home.authorized #sidebar form { padding:5px; text-align: center; font-size:12px; line-height:35px; } #home.authorized #sidebar input[type=text] { width:140px; padding: 5px; font-size: 16px; border: 1px solid #CCC; } #home.authorized #sidebar input.massiveButton { font-size: 14px; display: inline-block; } #home.authorized #sidebar #recent-news ul { border:none; } #home.authorized #sidebar #recent-news li { border-bottom: 1px solid #CCC; } #home.authorized #sidebar #recent-news li.more { border: none; } #home.authorized #my-stats { padding:10px; font-size:14px; } #home.authorized #my-stats h3 { padding:0; margin-bottom:10px; } #home.authorized #my-stats ul { margin:0; padding:0; } #home.authorized #my-stats li { list-style-type:none; padding: 4px 0; } #home.authorized #my-stats .list { float:left; width:300px; } #home.authorized #my-stats .stack { float:left; width:200px; margin-left:5px; font-weight:bold; } #home.authorized #my-stats .stack .stat { display:block; font-size:20px; } #home.authorized #my-stats .stack ul { border-left:1px solid #CCC; } #home.authorized #my-stats .stack li { text-align: center; clear:both; padding:10px 0 10px 65px; background:transparent no-repeat 5px center; } #home.authorized #my-stats .stack li.first { border-bottom:1px solid #CCC; } #home.authorized #my-stats .stack li.saved { background-image:url(img/stat_savings.png); } #home.authorized #my-stats .stack li.saved-my-neighbors { background-image:url(img/stat_impact.png); } #home.authorized #wall-context { margin:10px 10px 5px; } #home.authorized #wall-context p { margin:0; font-size:12px; font-weight:bold; } #home.authorized #wall { padding:0; margin:0 10px; } #home.authorized #wall #tabs { margin:0; } /* !Groups -------------------------------------------------- */ #group.home #right-col { width:380px; margin-top:5px } #group.home #featured-group { margin:5px; } #group.home #featured-group h1 { font-size:24px; margin:0; padding:0; } #group.home #featured-group img.group { margin:5px 0; border:1px solid #CCC; } #group.home #featured-group h2 { font-size:20px; } #group.home #recent-groups { margin:10px } #group.home #create-group .simple_list ul { margin:0; padding:0 10px; } #group.home #create-group .simple_list ul li { list-style-type:disc; margin-left:15px; background:none; } #group.home #create-group .massiveButton { font-size:14px; margin:10px auto; } #group.home #search-wrapper { margin-top:0; position:relative; height:50px; } #group.home #search-wrapper #group-q { border: 1px solid #CCC; font-size: 26px; font-weight: bold; text-align: center; height:48px; width: 275px; position:absolute; top:5px; left:12px; } #group.home #search-wrapper input[type=submit] { background: #F0F0F0; border: 1px solid #CCC; color: #333; position: absolute; top:5px; left:291px; border-bottom-right-radius: 5px 5px; border-top-right-radius: 5px 5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topRight:5px; -moz-border-radius-bottomRight:5px; cursor: pointer; font-size: 18px; font-weight: bold; height: 52px; padding: 0px 5px; width: 45px; } #group.new #left-col, #group.new #right-col { width:50%; } #group.new #what-you-get { padding:10px; font-size:14px; } #group.new #what-you-get p.title { font-weight:bold; font-size:16px; } #group.new #what-you-get li { margin:10px 0; } #group.new #new-group-form label { display:block; font-size:14px; } #group.new #new-group-form input[type=submit] { font-size:14px; } #group.new #group-name, #group.new #group-description { border:1px solid #CCC; width:365px; } #group.new #group-name { font-size:18px; } #group.new #group-description { font-size:14px; height:100px; } #group.new #group-logo { border:none; } #group.new .errors { border:2px solid #000; background:#FFC; color:#FF0000; } #group.pay { position:relative; } #group.pay h2 { font-size:22px; } #group.pay h3 { padding:10px 0; } #group.pay em { font-size:12px; display:block; margin-bottom:10px; } #group.pay .white_box { margin-bottom:12px; padding:0 10px; } #group.pay .massiveButton { display:inline; font-size:14px; } #group.pay p.submit { text-align:right; line-height:35px; } #group.pay .round_white_box h3 { padding:10px; } #group.pay .round_white_box p { padding:0 10px; } #group.pay #group-plans label { display:inline; font-weight:normal; } #group.pay #sharing-image { padding:0; margin:0; position: absolute; top:10px; right:30px; } #group.pay #why-we-charge { margin-top:180px; } #group.enterprise-contact label { display:block; } #group.enterprise-contact textarea, #group.enterprise-contact input[type=text] { border:1px solid #CCC; width:340px; font-size:14px; padding:5px; } #group.enterprise-contact textarea { width:755px; height:200px; } #group.enterprise-contact input[type=submit] { float:right; font-size:14px; } #group.existing #group-logo { float:right; padding:0; } #group.existing #tools dl { margin:0; border-bottom:1px solid #CCC; padding:10px; text-align:center; } #group.existing #tools dl:last-child { border:none; padding-bottom:0; } #group.existing #tools dt { font-weight:bold; margin:0 0 5px; } #group.existing #tools dd { margin:0; font-size:14px; line-height:20px; } #group.existing #tools a.massiveButton { font-size:12px; margin:10px 0 0; line-height:16px; } #group.existing #tab-content .loading { font-weight:bold; font-size:25px; line-height:25px; padding:25px; text-align:center; } #group.existing #tab-content #filters { padding:5px; } #group.existing #tab-content #filters label { font-size:12px; } #group.existing #wall { padding-bottom:5px; } #group.existing #wall p { padding:10px; } #group.existing #wall label.error { background:none; font-size:12px; float:left; margin:5px 0 0 10px; } #group.existing #wall .post.update { background:none; font-size:12px; } #group.existing #wall .post.update .timestamp { margin:0; } #group.existing #wall .post.update .value { font-weight:bold; } #group.existing #wall .post.update .avatar, #group.existing #wall .post.update .avatar img { width:25px; height:25px; } #group.existing #wall .post.update .avatar .miniprofile_verified_check { width:10px; height:10px; } #group.existing #wall .post.update .timestamp { font-size:11px; } #group.existing #wall .post { border:none; background:#F1F1F1; padding:5px; margin:1px 0; font-size:14px; } #group.existing #wall .post .avatar { float:left; margin:0 5px 5px 0; width:50px; height:50px; } #group.existing #wall .post .head { margin:0 0 5px; } #group.existing #wall .post .comment { background:none; border:none; padding:0; margin:0 0 2px; } #group.existing #wall .post .comment p { margin:0 0 2px; padding:0; } #group.existing #wall .post .timestamp { float:left; font-size:12px; color:#CCC; } #group.existing #wall .post .message #group.existing #wall .post .head { margin-left:55px; } #group.existing #wall .post .tools { float:right; font-size:12px; } #group.existing #wall .loading { display:inline; font-size:14px; font-weight:bold; line-height:36px; } #group.existing #wall .loading img { margin:0 5px; } #group.existing #wall #add_comment { text-align:center; margin:5px 0 0; } #group.existing #wall #add_comment input[type=submit] { margin:10px; display:inline; font-size:14px; } #group.existing #wall #add_comment textarea { height:44px; } #group.existing #wall textarea { width:540px; border:1px solid #CCC; } #group.existing #wall .comments { display:none; margin-left:50px; } #group.existing #wall .comments textarea { width:475px; height:50px; font-size:14px; margin-top:5px; } #group.existing #wall .comments label.error { margin-left:2px; } #group.existing #wall .comments input[type=submit] { display:inline; font-size:12px; margin:5px 0 0; } #group.existing #wall .response { padding:5px; border-top:1px dotted #DEDEDE; } #group.existing #wall .response, #group.existing #wall .response p { font-size:12px; } #group.existing #wall .response p { padding:0; margin-bottom:5px; } #group.existing #wall .response .avatar { width:30px; height:30px; } #group.existing #inventory-filters-form { padding:5px; } #group.existing #inventory-filters-form a { font-size:12px; } #group.existing #inventory-filters-form input { border:1px solid #CCC; padding:3px; width:200px; } #group.existing #inventory-filters-form label { font-size:12px; } #group.existing #edit-group-form label { display:block; margin-bottom:5px; } #group.existing #edit-group-form input, #group.existing #edit-group-form textarea { border:1px solid #CCC; } #group.existing #edit-group-form #group-title { font-size:26px; width:95%; } #group.existing #edit-group-form #group-description { width:95%; height:150px; font-size:14px; } #group.existing #edit-group-form #group-logo { float:left; margin:0; } #group.existing #edit-group-form #group-image-options { font-size:11px; margin:3px 0; } #group.existing #edit-group-form a.massiveButton { float:left; font-size:12px; margin:0 5px; } #member_filters { font-size: 12px; padding:5px;} #group-inviter form { padding:0; } #group-inviter .massiveButton { float:right; font-size:14px; } #group #private-group p { font-size:18px; text-align:center; } #group.private .section { padding-bottom:5px; } #apply-popup label { font-size:12px; } #apply-popup textarea { clear:both; border:1px solid #CCC; width:100%; height:200px; margin:5px 0; } #apply-popup .massiveButton { font-size:12px; float:right; margin:5px; } #apply-popup .massiveButton:last-child { margin-right:0; } #apply-popup .loader { float:right; font-weight:bold; line-height:32px; } #apply-popup.applied { text-align:center; padding:20px; } #apply-popup.applied a { font-size:18px; font-weight:bold; } /* !Groups Legacy -------------------------------------------------- */ #group_search_wrapper { padding:5px; } #group_search_wrapper p { margin:0; text-align:center; } #group_search_wrapper p * { vertical-align:bottom; } #group_search #group_q { border:1px solid #CCC; font-size:26px; font-weight:bold; text-align:center; line-height:48px; height:48px; width:280px; padding:0; } #group_search input[type=submit] { background: #F0F0F0; border: 1px solid #CCC; width: 50px; height: 50px; cursor: pointer; font-size: 20px; font-weight: bold; -moz-border-radius-bottomright:5px 5px; -moz-border-radius-topright:5px 5px; border-bottom-right-radius: 5px 5px; border-top-right-radius: 5px 5px; } #group_search #group_q::-webkit-input-placeholder { font-weight:normal; font-size:36px; } #group_activity { border-left: 1px solid #CCC; } #group_activity ul { margin: 0px; padding: 0px; list-style-type: none; } #group_activity li { padding: 10px; padding-bottom: 5px; font-size: 12px; } #group_activity li span.activity_timestamp { display: block; color: #CCC; font-size:11px; margin-left: 35px;} #group_activity li a.avatar_link { display: block; float: left; margin-right:10px; } #group_activity li img { width: 25px; height: 25px; } /* Group Item Sharing Permissions -------------------------------------------------- */ #group_selector ul { list-style-type: none; margin: 0px; padding:0px; border:1px solid #CCC; background:#FFF; margin-left:10px; margin-right:10px; margin-bottom:20px; width:286px;} #group_selector ul li { padding:5px; border-bottom:1px solid #CCC; font-size:13px;} #group_selector ul li span {display:block; margin-right:50px;} #group_selector ul li.header_row { background: #E64527; color:#FFF; } #group_selector ul li.empty p { margin:0px; margin-bottom:10px; font-size:11px;} #group_selector ul li.empty p:last-child { margin:0px; } #group_selector ul li:last-child { border-bottom:0px;} #group_selector ul li input.group_selector_checkbox { float: right; } #group_selector ul li input#group_selector_select_all { float: right; } /* !Transactions Page -------------------------------------------------- */ #transaction .massiveButton { font-size:14px; } #transaction .toolButton { margin:0 5px 5px; } #transaction .toolInfo { padding:0; } #transaction .toolInfo div { padding:10px; } #transaction .toolInfo p { margin:0; padding:0; } #transaction label.error { border:none; background:none; display:block; float:none; width:auto; text-align:left; } #transaction #savings { float:left; padding:10px; text-align:center; } #transaction #savings strong { color:green; } #transaction #image_wrapper { padding:0; } #transaction.new { padding:10px; } #transaction.new h1 { margin-bottom:5px; } #transaction.new #phone_wrapper { padding:10px 0; } #transaction.new #phone_wrapper label { font-size: 18px; } #transaction.new #phone_wrapper input { border:1px solid #CCC; padding:5px; margin:5px 0 0; font-size:14px; } #transaction.new #phone_wrapper .phoneNumber { margin-top:5px; color:#444; font-weight:bold; font-size:14px; } #transaction.new #message_wrapper { float:left; width:550px; padding-top:5px; } #transaction.new #message_wrapper textarea { padding:5px; } #transaction.new #agreement { font-size:14px; margin:10px 0; } #transaction.new #agreement ol { margin:5px 0; } #transaction.new #message { border:1px solid #CCC; width:540px; margin-bottom:5px; min-height:200px; } #transaction.new #reserve { display:inline; } #transaction.new #cancel { display:inline; } #transaction.new #savings { width:168px; } #transaction.new #savings img { width:138px; } #transaction.existing #headline { margin:0; } #transaction.existing #info { margin:10px 0; } #transaction.existing #test_transaction { margin:10px 0; text-align:right; } #transaction.existing #test_transaction input[type=submit] { display:inline; } #transaction.existing .item, #transaction.existing .borrower { padding:0; padding:10px; width:300px; float:left; } #transaction.existing .photo { float:left; margin:0 5px 0 0; width:100px; } #transaction.existing .details { line-height:18px; font-size:12px; } #transaction.existing .impact, #transaction.existing .owner { float:left; width:180px; padding:5px; } #transaction.existing .owner .photo { width:50px; } #transaction.existing .impact .motivator_box { height:auto; min-height:110px; } #transaction.existing .impact .motivator_box .stat_title { font-size:10px; } #transaction.existing .impact .motivator_box .stat { font-size:20px; font-weight:bold; } #transaction.existing #panic_wrap textarea { border:1px solid #CCC; padding:3px; width:490px; height:150px; } #transaction.existing #panic_wrap .massiveButton { margin:5px 0 0; } #transaction.existing #panic_wrap form h2 { float:left; margin:10px 0 0; } #transaction.existing #panic_wrap label.error { float:right; margin:10px 10px 0; } #transaction.existing #panic_info { padding-top:10px; } #transaction.existing #panic_info p { font-size:11px; color:#666; margin-bottom:5px; } #transaction.existing #comments {} #transaction.existing #comments #add_comment { text-align:center; margin:5px 0 0; } #transaction.existing #comments #add_comment input[type=submit] { margin:5px 0; display:inline; } #transaction.existing #comments textarea { width:535px; border:1px solid #CCC; } #transaction.existing #comments #feedback .curl_tan_box { padding:0; } #transaction.existing #comments #feedback textarea { width:485px; } #transaction.existing #comments #feedback h1 { margin:0; text-align:center; } #transaction.existing #comments .comment.update { background:none; font-size:12px; } #transaction.existing #comments .comment.update .timestamp { margin:0; } #transaction.existing #comments .comment.update .value { font-weight:bold; } #transaction.existing #comments .comment.update .avatar { width:25px; height:25px; } #transaction.existing #comments .comment { border:none; background:#F1F1F1; padding:5px; margin:1px 0; font-size:14px; } #transaction.existing #comments .comment .avatar { float:left; margin:0 5px 5px 0; width:50px; height:50px; } #transaction.existing #comments .comment .head { } #transaction.existing #comments .comment .message { background:none; border:none; padding:0; } #transaction.existing #comments .comment .message p { margin:0 0 2px; padding:0; } #transaction.existing #comments .comment .timestamp { font-size:12px; color:#CCC; } #transaction.existing #comments .comment .timestamp, #transaction.existing #comments .comment .message, #transaction.existing #comments .comment .head { margin-left:55px; } #transaction.existing #comments .loading { display:inline; font-size:14px; font-weight:bold; line-height:36px; } #transaction.existing #comments .loading img { margin:0 5px; } #transaction_tools p { font-size:12px; } #transaction_tools .curl_white_box { padding:0; } #transaction_tools .tool { padding:0; text-align:center; font-size:12px; background-color:#FFF; } #transaction_tools .tool .container { padding:0 5px 5px; } #transaction_tools .tool .info { font-size:13px; border:none; background:none; padding:0; margin:0 0 5px; font-weight:normal; } #transaction_tools .tool h3 { font-size:16px; font-weight:bold; padding:5px; background:none; color:#333; margin:0; } #transaction_tools .tool p { margin-bottom:3px; line-height:22px; } #transaction_tools .tool label { float:left; width:32px; text-align:center; display:block; } #transaction_tools .tool label.error { margin:0 0 0 38px; width:auto; } #transaction_tools .tool input[type=text], #transaction_tools .tool textarea { border:1px solid #CCC; padding:3px; width:145px; font-weight:bold; font-size:12px; color:#333; } #transaction_tools .tool input[disabled], #transaction_tools .tool textarea[disabled] { color:#000; background:#FFF; } #transaction_tools .tool input.unset, #transaction_tools .tool textarea.unset { color:#555; background-color:#F1F1F1; font-weight:normal; } #transaction_tools .tool input.placeholder, #transaction_tools .tool textarea.placeholder { color:#888; font-weight:normal; } #transaction_tools .tool input[type=submit] { width:auto; cursor:pointer; } #transaction_tools .round_white_box .tool { border:1px solid #CCC; } #transaction_tools #transaction_tool_panic { padding:10px; } #transaction_tools #transaction_tool_panic p { font-size:12px; line-height:26px; color:#444; } #transaction_tools #tool_contact_form textarea { border:1px solid #CCC; padding:3px; width:490px; height:150px; } #transaction_tools #tool_contact_form .massiveButton { float:right; margin: 5px 0; } #transaction_tools #tool_contact_form label.error { margin:10px 0; } #transaction_tools #tool_panic { display:inline; } #transaction_tools #panic_wrap { display:none; } #transaction_tools #panic_wrap p { line-height:18px; text-align:left; } #transaction_tools #phoneNumber { font-size:14px; padding:5px 0; } #transaction_tools #nextStep h2 { margin:0 0 5px; font-size:14px; } #transaction_tools #savings { width:210px; } #transaction_tools #savings img { width:180px; } /* Modal Popups -------------------------------------------------- */ .close_button { position: absolute; top:-10px; right:-20px; border:0px; z-index:10;} .close_button img { border:0px; } .popup { display:none; background: #F7F0E3; top:100px; margin-left: auto; margin-right: auto; width:500px; border:1px solid #CCC; } .borderradius .popup { -moz-border-radius:15px; border-radius:15px; } .boxshadow .popup { -webkit-box-shadow:5px 10px 10px #555; -moz-box-shadow:5px 10px 10px #555; box-shadow:5px 10px 10px #555; } .popup h1 { background: #F14A2B; padding:10px 20px; color:#FFF; font-size:14px; } .popup form { padding: 20px; } .popup form p { font-size: 13px;} .popup form p label { font-size: 13px; display:block; width:150px;float:left; } .popup form p label.error { float:none; margin-left:150px;} .popup form p input { font-size:13px; } .popup form p textarea { width:100%; height:100px; font-size:13px; } .popup #group_selector ul { width: auto; margin: 0px; margin-bottom:10px; margin-left:150px; } #popup_new_item { padding:20px; } #popup_new_item h1 { font-size: 16px; margin-top:0px; margin-bottom:10px; padding:0px; background:transparent; color:#000;} #popup_new_item img { float: left; margin-right:20px; } #popup_new_item ul.status { width: 180px; float: left; margin:0px; padding:0px; list-style-position: inside; font-size:13px;} #popup_new_item ul.status li { padding:5px;} textarea.htmlarea { width: 550px; height:300px; } #preview_body { border: 1px dashed #CCC; padding:10px; margin-bottom:10px; } #preview_body div { margin-top:10px; } ul#group_search_results { list-style-type: none; margin:0px;} #profileedit_mapbox { width: 390px; height: 195px; margin-left: 140px; } #welcome_mapbox { height: 300px; margin-bottom:15px; } #map_holder_live #welcome_mapbox { height:340px; } #welcome_live_groups { position: relative; margin-left: 5px; } #welcome_live_groups input[type='submit']{ float: right; } #newGroupLoggedOut { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; background-color: #ff9; } #newGroupLoggedOut p { padding: 26px 0 1px; font: normal 24px "Helvetica", "Arial", sans-serif; } #changelocation .massiveButton { margin-right: 20px; margin-top: -7px; } #changelocation_input { width: 200px; } #anonymous_welcome h1 { font-weight: normal; padding:8px; text-align:center; } #anonymous_welcome a.massiveButton { display: inline; background: url("img/button_bg_grey.png") repeat-x scroll center bottom #F9F4FA; color: #F14A2B; font-weight: normal; border-radius: 12px; } #homepage_areastatistics p { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px 0; text-align: center; font: normal 24px "Helvetica", "Arial", sans-serif; } #homepage_areastatistics p .highlight { color: #1C77B1; background: none; font-weight: bold; } #homepage_areastatistics p .highlight:hover { text-decoration: underline; } #map_holder_live { background: #fff; margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px #CCCCCC; } #groupbox_live { background: #fff; margin-top: 10px; padding-bottom: 10px; width: 500px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px #CCCCCC; } #map_holder_beta { background: #fff; margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px #CCCCCC; } #groupbox_beta { background: #fff; margin-top: 10px; width: 500px; height: 433px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px #CCCCCC; } #groupbox_beta h4 { padding: 10px; } #groupbox_live h5 { margin-top:0px; margin-bottom:5px; padding: 0px 10px; } #groupbox_live h4 { padding: 0px 10px; } #groupbox_live .item_actions { width: 12px; } #groupbox_live .list_item_body { margin-right: 12px; } #groupbox_live ul.simple_list { border: 1px solid #ccc; } #groupbox_live ul.simple_list li:nth-child(odd) { background: #f3f3f3; } #groupbox_live .public_groups { position: relative; left: 5px; } #groupbox_live .more_link { display: block; border: 1px solid #ccc; background: #fff; width: 238px; text-align: right; padding: 4px 0; } #groupbox_live .more_link span { margin-right: 10px; } #follow_us .fb_edge_widget_with_comment { margin-left: 6px; } .signup_buttons { background: #f3f3f3; border-top: 2px solid #ddd; margin: 0 10px 0; } .signup_buttons p { padding-bottom: 10px; } .signup_buttons ul { list-style: none; padding: 10px 0; } #groupbox_beta .signup_buttons ul li { padding: 7px; } .signup_buttons ul li img { vertical-align: middle; } #changelocation_mapbox { margin: 10px; width: 927px; height: 250px; } form#location_search #changelocation_input { font-size: 18px; border: 1px solid #666; height: 36px; vertical-align: top; width: 275px; } form#location_search input.massiveButton { display: inline; background: url("img/button_bg_grey.png") repeat-x scroll center bottom #F9F4FA; color: #666; font-weight: normal; border-top-right-radius: 12px; border-bottom-right-radius: 12px; box-shadow: none; padding: none; border: 1px solid #666; height: 40px; margin-left: -5px; } #user_needs_special_attention { background: #ff9; } #user_needs_special_attention p { } #banner { top: 0; left: 0; background-color: #F7F0E3; border-bottom: 1px solid #CCCCCC; box-shadow:0 1px 5px -5px #CCCCCC; moz-box-shadow:0 1px 5px -5px #CCCCCC; webkit-box-shadow:0 1px 5px -5px #CCCCCC; padding: 12px; } #banner p { color: #333333; font-size: 75%; margin: 0 auto; width: 800px; } .impact_stat { height: 60px; } #homepage_friend_recommendations .recommended_friend { width: 225px; } /*.twothirds {*/ /*width: 533px;*/ /*float: left;*/ /*}*/ .header .box_soc p span { vertical-align: top; margin: 2px 0 0; } .person_permalink { color: rgb(235, 83, 59) !important; } .info .simple_list a { color: #fede78 !important; } form#location_search input.massiveButton { color: black !important; }