/*********** Remove margins, padding and borders ************/ * { margin: 0; padding: 0; border: 0; } /********************* Body & container *********************/ body { font-size: 62.5%; font-family: Helvetica, Arial, Verdana, sans-serif; color: #494949; line-height: 100%; position: relative; } a { color: #A0C203; /* font-weight: normal; */ text-decoration: none; } a:hover { color: #649928; text-decoration: underline; } #container_outer { margin: 0 auto; width: 941px; background: #d4e9ab url(../images/structure/container_outer_bg.gif) left top repeat-y; } #container_outer_bottom { background: url(../images/structure/container_outer_bottom.png) left bottom no-repeat; height: 21px; } #container { width: 887px; margin: 0 auto; } #container p, #container h2, #container h3 { line-height: 120%; } /************************** Header **************************/ #header_container { background: #fff; } #header { width: 941px; margin: 0 auto; } #header #logo { float: left; width: 167px; } #header #logo h1 { padding: 12px 9px 12px 31px; } #header #logo h1 a { text-indent: -9999px; display: block; width: 127px; height: 41px; background: url(../images/structure/diary_logo_beta.gif) left top no-repeat; } #header .header_date { float: right; margin: 30px 16px 0 0; color: #666; font-size: 1.1em } /************************ Navigation ************************/ #navigation_container { float: left; width: 774px; } #navigation_top { text-align: right; margin: 10px 10px 0 0; } #navigation_top ul { font-size: 1.1em; color: #808080; line-height: 100%; padding: 0; } #navigation_top li { display: inline; list-style-type: none; padding: 0 7px; position: relative; } #navigation_top li.header_invites a { background: #ffffbc; padding: 0 3px; } #navigation_top a { text-decoration: none; text-transform:lowercase; font-weight: bold; color: #808080; padding: 2px 3px 1px 3px; } #navigation_top a:hover { text-decoration: underline; color: #A0C203; } #navigation_top a.header_privacy_link { background: url(../images/icons/header_privacy_icon.gif) left center no-repeat; padding-left: 11px; } #navigation_main { clear: left; background: url(../images/tabs/main_tabs_bg_bar.gif) top left no-repeat; height: 77px; } #navigation_main ul { font-size: 1.0em; line-height: 100%; padding: 0; margin-left: 30px; } #navigation_main li { list-style-type: none; float: left; padding: 0; margin: 0 4px; } #navigation_main li.settings { margin-top: 35px; } #navigation_main p { padding: 0; } #navigation_main a { background: url(../images/tabs/main_tabs_background.gif) top left no-repeat; color: #494949; font-size: 1.3em; font-weight: normal; text-decoration: none; display: block; padding: 0; text-align: center; width: 114px; height: 35px; line-height: 270%; } #navigation_main a:hover {color: #000; background: url(../images/tabs/main_tabs_background.gif) 0 -35px no-repeat;} #navigation_main li.selected {width: 130px; margin: 0; font-weight: bold;} #navigation_main li.selected a, #navigation_main li.selected a:hover {background: url(../images/tabs/main_tabs_background.gif) 0 -70px no-repeat; width: 130px; margin-right: 0;font-weight: bold;} #navigation_main li.last a {padding-right: 0;} #navigation_main .message_count {position: absolute; left: auto; top: auto; background: #ccc; margin: -9px 0 0 95px; background: url(../images/icons/new_message_indicator.png) center center no-repeat; color: #fff; font-size: 1.2em; font-weight: bold; width: 25px; height: 20px; text-align: center; line-height: 160%; z-index: 100;} #navigation_main .message_count p {padding: 3px 0 0 0; font-size: 1.1em;} #header_search {float: right; margin: 0 20px 0 0;} #header_search .header_search_field {border: 1px solid #ABE373; background-color: #fff; width: 150px; font-size: 1.0em; padding: 3px 4px; font-weight: normal;} #header_search p {float: left; color: #525250; padding: 0; font-size: 1.2em; font-weight: bold;} #header_search .search_box_bg {background: url(../images/icons/header_search_icon.gif) left center no-repeat; padding-left: 25px;} #navigation_main ul.navigation_main_subnav { clear: left; margin: 0 0 0 26px; } #navigation_main ul.navigation_main_subnav li {padding-top: 6px;} #navigation_main ul.navigation_main_subnav a {background: url(../images/tabs/main_subnav_button.gif) top left no-repeat; color: #000; font-size: 1.3em; font-weight: bold; text-decoration: none; display: block; padding: 0; text-align: center; width: 120px; height: 28px; line-height: 210%;} #navigation_main ul.navigation_main_subnav a:hover, #navigation_main ul.navigation_main_subnav li.selected a { background: url(../images/tabs/main_subnav_button.gif) 0 -28px no-repeat; color: #000; width: 120px; } #navigation_main ul.navigation_main_subnav a.add_to_journal, #navigation_main ul.navigation_main_subnav a.add_to_journal:hover {background: url(../images/tabs/main_subnav_button.gif) 0 -56px no-repeat; width: 77px; height: 28px; text-align: left; padding-left: 33px;} #navigation_main ul.navigation_main_subnav a.invite_friends, #navigation_main ul.navigation_main_subnav a.invite_friends:hover {background: url(../images/tabs/main_subnav_button_invite.gif) no-repeat; width: 141px; height: 28px; text-align: left; padding-left: 33px;} /********************** Content columns *********************/ label {font-size: 12px;/*was 1.6*/ line-height: 140%;} label.standard {display: block; width: 150px; float: left;} label.normal {font-size: 1.0em;} .create_comment_form textarea { border: none; width: 280px; height: 36px; font-size: 12px; margin: 2px 0 0 18px; font-family: 'Helvetica', sans-serif; } .comment_submit {margin: 9px 0 5px 17px;} .comment_post_bubble {background: url(../images/structure/comment_post_bg.gif) 66px 4px no-repeat;} .textfield_large, .textarea_large {width: 500px;} .textarea_tell {width: 347px; height: 50px; float: left; margin-right: 5px;} .selectfield {border: 1px solid #a6ce87; padding: 0px 0px 3px 0px; min-width: 64px; font-size: 1em; width: 276px;} #column_one .selectfield {width: 100px;} .selectfield_posting {border: 1px solid #a6ce87; padding: 3px; min-width: 50px; font-size: 0.8em;} .textfield_small {border: 1px solid #a6ce87; padding: 4px; width: 40px;} #event_category {border: 1px solid #a6ce87; padding: 2px; width: 150px;} span.fieldWithErrors .textfield, span.fieldWithErrors .quick_event_field, span.fieldWithErrors .event_tab_textarea, span.fieldWithErrors .textarea { border: 1px solid #ff9966; } .formError {color: #ff6600; padding: 0 0 5px 13px; font-size: 1.2em;} #full_page .formError {float: left;} .add_button {border: 1px solid #a5cf85; background: #4ea113; padding: 5px 30px 4px 30px; color: #fff; margin: 0; font-weight: normal;} .add_button:hover {color: #fff; text-decoration: none;} .skip_button {border: 1px solid #a5cf85; background: #ccff9a; padding: 2px 20px 4px 20px; color: #4b9710; margin: 0 0 0 6px;} .tweet_button {margin-left: 39px;} #column_one {float: left; width: 550px; margin: 10px 15px 0 0; font-size: 1.0em;} .column_one_white_box {background: url(../images/structure/column_one_middle.png) repeat-y; overflow: hidden; padding-top: 5px;} .column_one_white_box .bottom {background: url(../images/structure/column_one_bottom.png) left bottom no-repeat; width: 550px; height: 12px;} .column_one_white_box_bottom {background: url(../images/structure/column_one_bottom.png) left bottom no-repeat; width: 550px; height: 13px; margin-bottom: 8px; font-size: 0;} .column_one_white_box_bottom_curl {background: url(../images/structure/column_one_bottom.png) left bottom no-repeat; width: 550px; height: 13px; clear: left; font-size: 0;} .column_one_white_box .top {background: url(../images/structure/column_one_top.png) no-repeat; width: 550px; height: 12px;} .column_one_white_box_top {background: url(../images/structure/column_one_top.png) no-repeat; width: 550px; height: 12px; font-size: 0;} h2 {font-size: 16px; font-weight: bold; padding: 0 11px 5px 11px;} h2.bottom_line {background: url(../images/structure/event_landing_separator.gif) left bottom no-repeat; margin-bottom: 10px; padding-bottom: 10px;} .settings_box .full_page_separator {padding-bottom: 0px; padding-top: 0;} h2.welcome_title {padding: 2px 15px 15px 13px;} h3 {font-size: 1.7em; font-weight: bold; padding: 20px 11px 5px 11px;} h3.comments_title {padding: 0 11px;} #container h3 {padding-top: 0; color: #A0C203;} #feed_container h3 {font-size: 1.4em; font-weight: bold; padding: 9px 11px 9px 11px; color: #999;} h4 {font-size: 16px; color: #494949; font-weight: bold; padding: 0px 11px 5px 15px; line-height: 110%;} p {font-size: 1.4em; padding: 5px 17px 10px 11px;} ul {padding: 5px 20px 5px 11px; font-size: 1.2em; line-height: 120%;} ul.standard_list {padding: 5px 20px 5px 50px; font-size: 1.2em;} ul.standard_list li {list-style-type: disc;} li {list-style-type: none; padding: 0 0 3px 0;} p.event_start_date {color: #ccc; font-size: 1.1em; padding-top: 0; font-style: italic} .event_start_date_view {color: #999; font-size: 0.8em;} .greyed_out {color: #999; font-size: 0.8em; position: absolute; z-index: 1;} a.tag_yellow {background: url(../images/structure/tag_yellow.gif) no-repeat; border-right: 1px solid #F3EA9A; text-decoration: none; font-size: 11px; padding: 1px 5px 2px 12px; margin-right: 5px;} p.last {padding-bottom: 0; margin-bottom: 0;} p.last_event_field {padding-right: 0;} #full_page label { display: block; width: 265px; float: left; text-align: right; padding: 0 10px 0 0; } #full_page label.standard {display: inline; width: auto; float: none; text-align: left; padding: 0 10px 0 0;} #full_page label.sex { display: inline; float: none; font-size: 14px; padding: 0; margin-right: 20px; width: inherit; } #full_page a.skip { margin-left: 20px; } .standard_form_help {font-size: 10px; font-weight: normal;font-style: italic; color: #999;} #full_page .new_message .textfield {width: 97%;} #full_page .full_page_gradient .textfield {width: 262px;} #full_page .textarea_high {height: 200px;} #full_page .logos {float: left; padding: 2px 0 0 15px;} #full_page p { clear: left; } #full_page p.last { margin-bottom: 0; } #full_page .submit_button_full {margin-left: 275px;} #full_page .signup_privacy_options {border: 1px solid #cbdeb1; background: #ddfbd7; width: 274px; float: left;} #full_page .signup_privacy_options .padding { padding: 15px 30px 10px 30px; } #full_page .left_padding {margin-left: 11px;} #full_page .signup_privacy_options label {display: inline; float: none; width: auto; text-align: left; line-height: 200%; padding-left: 12px;} .help_text {font-size: 0.6em; color: #a9a9a9;} #full_page .text_div {width: 274px; float: left; font-size: 1.4em; line-height: 120%;} #full_page .text_div img {border: 1px solid #cbdeb1; margin: 0 0 8px 0; width: 274px;} #full_page .text_div .textfield {margin: 8px 0 15px 0;} #profile_picture_chooser { } #profile_picture_chooser p {padding: 0;} #profile_picture_display {float: left;} #profile_picture_display p {padding: 0; text-align: center;} .picture_settings #profile_picture_display p {padding-bottom: 4px;} #full_page p.step_indicator {float: right; background: url(../images/help/step_indicator.png) center right no-repeat; padding: 27px 88px 15px 0; font-size: 2.2em; font-style: italic; margin: 12px 12px 0 0;} hr {border: 0; background-color: #f2f2f2; color: #f2f2f2; height: 1px; margin: 7px 11px 10px 11px; clear: left;} .news_feed p {font-size: 1.2em; padding: 6px 15px 5px 11px;} .news_feed a {font-size: 1.6em; font-weight: normal; color: #000;} .news_feed_event {padding-bottom: 5px; min-height: 50px; height: auto !important; height: 50px;} .news_feed li {list-style-type: none; display: inline; padding-right: 19px;} .news_feed li.last {padding-right: 0;} .news_feed li a {font-size: 1.1em; color: #90B800;} .avatar {float: left; padding: 0 9px 0 0;} .news_feed .feed_filter p {font-size: 1.1em; color: #666;} .news_feed .feed_filter label {font-size: 1.0em;} .news_feed .feed_filter a {font-size: 1.0em; color: #666; text-decoration: underline;} .news_feed .feed_filter a.selected {color: #333; text-decoration: none; font-weight: bold;} .feed_comment_popup, .feed_share_popup {position: absolute; left: auto; top: auto; border: 1px solid #999; background: url(../images/structure/feed_popup_background.png) left top no-repeat; padding: 5px; margin: 2px 0 0 0;} .feed_comment_popup .textarea {margin-bottom: 5px;} p.feed_previous_day {padding-bottom: 10px;} p.feed_previous_day a {font-size: 1.0em; background: url(../images/buttons/green_arrow_6x11_left.gif) left center no-repeat; color: #999; padding-left: 10px; font-weight: normal;} p.feed_next_day {float: right;} p.feed_next_day a {font-size: 1.0em; background: url(../images/buttons/green_arrow_6x11_right.gif) right center no-repeat; color: #999; padding-right: 10px; font-weight: normal;} .title_arrow_left {padding: 0 15px 3px 0;} .title_arrow_right {padding: 0 0 3px 15px;} a.title_jump_icon {background: url(../images/icons/title_jump_icon.gif) center center no-repeat; font-size: 0.8em; font-weight: bold; padding: 12px 11px 5px 11px; color: #616161;} .quick_event_field {background: url(../images/forms/background_quick_event.jpg) top left repeat-x; border-left: 1px solid #7C9380; border-top: 1px solid #7C9380; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; background-color: #FAF7D0; font-size: 0.8em; padding: 3px; font-weight: normal;} .quick_event_field_long {width: 450px;} .quick_event_field_short {width: 210px;} .event_where_auto_complete {background: #fff; font-size: 1.1em; border: 1px solid #7C9380;} .event_where_auto_complete ul {padding: 0;} .event_where_auto_complete li {list-style-type: none; padding: 5px;} .event_where_auto_complete li:hover {background: #FAFAE2; cursor: pointer;} .event_tab_textarea {background: #FAF7D0 url(../images/forms/background_quick_event.jpg) top left repeat-x; border-left: 1px solid #7C9380; border-top: 1px solid #7C9380; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 0 0 5px 11px; padding: 5px; font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; width: 450px; margin-top: 5px;} #event_invite_friends { background-color: #FFF; border: 1px solid #7C9380; width:505px; margin: 0 0 10px 14px; height: 170px; overflow: auto; left: auto; right: auto; } .invite_friend_item { float: left; margin: 5px; width: 110px; } #event_invite_friends p { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #EDF5E7; cursor: pointer; font-size: 1.2em; line-height: 200%; padding: 10px 0 5px 11px; } #event_invite_friends p label { cursor: pointer; margin-left: 0px; font-size: 1em; text-transform: capitalize; padding-top: 5px; } #event_invite_friends img { float: left; margin-right: 10px; padding: 0 0px 0 0; } form#new_event div.friends_select_helper { font-size: 1.5em; margin-bottom: 5px; margin-left: 21px; } form#new_event div.friends_select_helper a { padding-right: 20px; } .event_type_tabs {height: 21px; padding-bottom: 1px; margin-right: 20px; font-size: 1.2em;} .event_type_tabs ul {text-align: right; padding: 0;} .event_type_tabs li {display: inline; list-style-type: none;} .event_type_tabs .event_tab_private {margin: 0 14px 0 2px;} .diary_it {background: url(../images/titles/diary_it.gif) 13px 5px no-repeat; padding-top: 15px;} ul.post_icons {padding: 10px 0 0 7px; line-height: 100%;} ul.post_icons li {list-style-type: none; float: left; line-height: 100%; padding: 0 9px 10px 0;} #icons_container {margin: 0 0 0 11px; min-height: 50px; height: auto !important; height: 50px;} #journal_icons {background: url(../images/structure/icon_bg_journal_v2.gif) left top no-repeat; float: left; margin: 0 6px 0 0; width: 372px;} #event_icons {background: url(../images/structure/icon_bg_events_v2.gif) left top no-repeat; float: left;} #post_forms {width: 540px; margin-left: 0;} #post_forms p {padding-left: 14px;} #post_forms .post_forms_top {width: 540px; height: 0; clear: left;} #post_forms .post_forms_bottom {background: url(../images/structure/posts_box_bottom.gif) left bottom no-repeat; width: 540px; height: 10px;} .full_form {margin-top: 15px;} .tweet_field_length {padding: 0 180px 0 20px; font-size: 1.4em; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: bold; color: #666; float: right; background: url(../images/icons/max_characters.gif) 0 6px no-repeat;} .user_image_and_text {clear: left; padding: 0; background: url(../images/structure/feed_separator.gif) 4px bottom no-repeat; padding: 10px 0 17px 0;} .user_image_and_text h4 {padding: 0 20px 3px 10px;} .user_image_and_text p {padding: 0;} .user_image_and_text p.event_start_date {font-size: 0.8em; font-weight: normal;} .user_image_and_text p.event_start_date_feed {font-size: 1.1em; font-weight: normal; color: #A8A8A6;} .user_image_and_text p.padding {margin: 0 0 0 12px;} .user_image_and_text a {color: #3d7e0e; font-size: 1.0em; font-weight: normal;} .user_image_and_text a:hover {text-decoration: underline;} .user_image_and_text a.post_title {font-size: 1.0em; color: #000; line-height: 100%;} a.post_comment {font-size: 0.9em; text-decoration: underline; color: #104D9E;} div.post_content {float: left; width: 400px;} div.post_content_top {width: 400px; background: url(../images/structure/feed_post_bubble_p.gif) left top no-repeat;} div.post_content_bottom {width: 400px; height: 6px; background: url(../images/structure/feed_post_bubble_p.gif) right bottom no-repeat;} div.post_content p {line-height: 100%; padding: 6px 15px 3px 15px;} div.post_content .more_link {font-size: 1.1em; font-weight: bold;} div.post_content img {border: 5px solid #fff;} div.post_content .comments_link a {background: url(../images/icons/post_bubble_comment.gif) left center no-repeat; padding: 3px 0 2px 19px;} div.post_content span.web, div.post_content span.flickr, div.post_content span.twitter {background: url(../images/icons/post_bubble_from_web.gif) right center no-repeat; padding: 3px 17px 2px 0;} div.post_content span.iphone {background: url(../images/icons/post_bubble_from_iphone.gif) right center no-repeat; padding: 3px 14px 2px 0;} div.post_content .manage_feed_items {float: right; padding-right: 10px;} div.post_content .manage_feed_items img {border: none; padding-left: 2px;} div.event_feed div.post_content {} div.event_feed div.post_content_top {background: url(../images/structure/feed_post_bubble_e.gif) left top no-repeat;} div.event_feed div.post_content_bottom {background: url(../images/structure/feed_post_bubble_e.gif) right bottom no-repeat;} div.event_feed div.post_content a {color: #FF9900;} div.event_feed div.post_content a.post_title {color: #000;} div.event_feed div.post_content .comments_link a {background: url(../images/icons/event_bubble_comment.gif) left center no-repeat; padding: 3px 0 2px 19px;} div.event_feed div.post_content span.web, div.event_feed div.post_content span.flickr, div.event_feed div.post_content span.twitter {background: url(../images/icons/event_bubble_web.gif) right center no-repeat; padding: 3px 17px 2px 0;} div.event_feed div.post_content span.iphone {background: url(../images/icons/event_bubble_from_iphone.gif) right center no-repeat; padding: 3px 14px 2px 0;} div.comment_feed div.post_content { background: url(../images/structure/feed_post_bubble_c.gif) left top no-repeat; margin: 8px 0 0; overflow: hidden; } div.comment_feed .comment_left_margin {margin-left: 76px;} div.comment_feed div.post_content_top {background: url(../images/structure/feed_post_bubble_c.gif) left top no-repeat; } div.comment_feed div.post_content_bottom {background: url(../images/structure/feed_post_bubble_c.gif) right bottom no-repeat;} div.comment_feed div.post_content a {color: #649928;} div.comment_feed div.post_content a.post_title {color: #000;} div.comment_feed .feed_user_image {float: left; margin: 0 0 0 0;} div.comment_feed div.post_content p { overflow: hidden; padding: 8px 15px 0 8px; } div.comment_feed p.padding {margin: 0 0 0 9px;} div.comment_feed p.comment_avatar {padding: 0 0 0 7px; float: left; margin-top: 8px; } div.comment_post {clear: left; padding-bottom:5px;} div.post_content .feed_date_stamp {clear: left;} div.post_content .feed_date_stamp p {font-size: 1.1em; font-weight: normal; color: #649928; padding: 4px 10px 0 15px;} div.event_feed div.post_content .feed_date_stamp p {color: #FF9900;} div.comment_feed div.post_content .feed_date_stamp p {color: #A8A8A6;} div.post_content .feed_date_stamp p a {font-size: 1.0em; font-weight: normal;} div.post_content .light_text {color: #A8A8A6;} div.post_content .blog_post_snippet {padding-top: 0; color: #7D7E7C;} .share_post {padding: 5px 7px; border: 1px solid #FFFF66; background: #FFFFCC; font-size: 1.1em; margin: 11px 20px 10px 11px;} .feed_share_popup .share_post {margin: 0;} .feed_share_popup .first_share {margin-bottom: 5px;} #emoticon_chooser {position: absolute; left: auto; top: auto; border: 1px solid #000; background: #FFF; margin: 34px 0 0 53px; width: 253px;} #emoticon_chooser p {font-size: 1.0em;} #emoticon_chooser img {padding: 5px;} .emoticon_icon {float: left; margin: 1px 10px 0 0;} #content_below_post_form p {padding: 15px 20px 0 15px;} #content_below_post_form p.todo_inactive {font-size: 1.1em; color: #999; background: url(../images/icons/todo_small.gif) left center no-repeat; padding: 0 0 0 22px; margin: 10px 20px 5px 26px;} .posted_comments {margin: 10px 0 0 0; padding-left: 11px;} .posted_comments p {font-size: 1.2em; padding: 10px 0 10px 11px;} .posted_comments .comment_date {color: #999; font-size: 0.9em;font-style: italic;} .comment_date {color: #666; font-size: 0.8em;} .posted_comments .single_comment {clear: left; background: #c2e28d url(../images/structure/comment_speech_bottom.gif) left bottom no-repeat; margin: 0 25px 11px 11px; min-height: 80px; height: auto !important; height: 80px;} .posted_comments .single_comment p {float: left;} .posted_comments .single_comment a {color: #000;} .create_comment_form h3 {padding-top: 0;} .create_comment_form img {vertical-align: top;} .post_comments {} .post_comments li {display: block; border-bottom: 1px solid #eaeaea; padding: 5px 0; font-size: 1.1em;} /* Keep these styles */ #set_post_privacy {margin: 7px 170px 0 0; float: right;} #set_post_privacy a {font-size: 0.7em; font-weight: normal; color: #006E99;} #set_post_privacy a.selected_setting {background: url(../images/icons/arrow_small_grey.gif) left center no-repeat; padding-left: 12px;} #set_post_privacy li {list-style-type: none;} #set_post_privacy_popup {margin: 4px 0 0 5px; border: 1px solid #7C9380; background: #FFF; position: absolute; top: auto; left: auto; padding: 0 4px 5px 5px; width: 120px;} #set_post_privacy_popup ul {font-size: 1.6em; line-height: 100%;} #set_post_privacy_popup a {padding-left: 12px; color: #8C8E8E;} #set_post_privacy_popup a.selected_setting {background: url(../images/icons/arrow_small_grey.gif) left center no-repeat; padding-left: 12px; color: #006E99;} #set_post_privacy_popup li.group_settings_separator {background: url(../images/structure/post_settings_separator.gif) 11px top no-repeat; padding-top: 4px; margin-top: 5px;} /* Keep these styles */ #event_popup_help_top {background: url(../images/popups/event_help_popup.png); padding-top: 4px;} #event_popup_help_bottom {background: url(../images/popups/event_help_popup_bottom.png); width: 349px; height: 13px;} #event_popup_help {position: absolute; left: auto; top: auto; width: 349px; margin-left: 11px; z-index: 10;} #event_popup_help a {color: #5EA7EB;} #event_popup_help h3 {color: #CAFD7A; font-size: 1.1em; padding: 10px 10px 0 11px;} #event_popup_help p, #invite_people_help p {color: #fff; font-size: 1.2em; padding: 10px 10px 0 11px;} #event_popup_help .close, #invite_people_help .close {background: #fff url(../images/buttons/popup_close.gif) left center no-repeat; color: #fff; text-transform: lowercase; text-decoration: none; font-weight: normal; margin-top: 6px; padding-left: 15px;} #invite_people_help {position: absolute; left: auto; top: auto; width: 265px; background: url(../images/popups/invite_people_popup.png); padding: 13px 0 10px 0; margin-top: 3px;} .column_one_box_inner {background: url(../images/structure/column_one_inner_middle.gif) repeat-y; margin: 0 0 0 11px;} .column_one_box_inner_top {background: url(../images/structure/column_one_inner_top.gif) left bottom no-repeat; width: 523px; height: 12px;} .column_one_box_inner_bottom {background: url(../images/structure/column_one_inner_bottom.gif) left bottom no-repeat; width: 523px; height: 14px;} .column_one_box_inner h2, .column_one_box_inner h3 {background: url(../images/structure/column_one_diary_d.gif) no-repeat; font-size: 1.8em; font-weight: bold; padding: 2px 0 5px 30px; margin: 0 0 5px 10px;} .column_one_box_inner .inner_content {background: #FFF; padding: 5px 0; margin: 0 25px 15px 10px;} .column_one_box_inner .inner_content .profile_label {width: 110px; float: left; color: #5e9819;} .comments_box {margin-top: 10px;} #column_three {float: left; width: 320px; margin-top: 13px;} #column_three .avatar {float: left; margin: 0 3px 0 2px;} #column_three .column_three_box_top {/* background: url(../images/structure/column_three_top.png) left bottom no-repeat; */width: 329px; height: 13px;} #column_three .column_three_box_bottom {background: url(../images/structure/column_three_bottom.png) left bottom no-repeat; width: 329px; height: 14px;} /* #column_three .column_three_box {background: url(../images/structure/column_three_middle.png) repeat-y;} */ #column_three h2 {background: url(../images/structure/column_three_separator_n.png) center top no-repeat; padding: 12px 15px 10px 40px; margin: 0 0 0 0; color: #000; font-size: 1.6em; font-weight: normal; line-height: 100%;} #column_three h2.calendar {background: url(../images/structure/column_three_separator_c.png) center top no-repeat;} #column_three h3.todo { background: url(../images/structure/column_three_separator_t.png) center top no-repeat; padding: 11px 0px 10px 35px; } #column_three .welcome a {color: #000;} #column_three a.welcome_inbox {background: url(../images/icons/message_unread.gif) left center no-repeat; padding: 1px 0 0 22px;} #column_three .salutation {background: none; padding: 0 10px 0 0; font-size: 1.8em; color: #000; font-weight: normal; text-transform: capitalize; line-height: 110%;} #column_three h3 {padding: 7px 20px 0 15px; color: #494949; font-size: 13px; font-weight: bold;} #column_three p {padding: 4px 15px; font-size: 12px;} #column_three a {color: #649928;} #column_three a.link_to_member {color: #922318;} #column_three .link_colour {color: #9EAD2E;} #column_three p a.icon_media_video {background: url(../images/icons/icons_media_video.gif) left center no-repeat; padding: 0 0 0 13px;} #column_three p a.icon_media_images {background: url(../images/icons/icons_media_image.gif) left center no-repeat; padding: 0 0 0 13px;} #column_three p a.icon_media_songs {background: url(../images/icons/icons_media_songs.gif) left center no-repeat; padding: 0 0 0 13px;} #column_three p.first {padding: 0 10px 2px 11px;} #column_three a.small_link {font-size: 0.9em; text-transform: lowercase;} #column_three .small_text {font-size: 0.9em;} #column_three p.smaller_text {font-size: 1.1em; padding: 1px 10px 0 10px;} #column_three .message_notify {float: right; font-size: 1.0em;} #column_three .message_notify img {float: left; padding: 0 3px 0 0;} #column_three .column_three_box_inner_top_speech {background: url(../images/structure/column_three_inner_top_speech.png) left bottom no-repeat; width: 303px; height: 18px; margin: 4px 0 0 13px;} #column_three .column_three_box_inner_top {background: url(../images/structure/column_three_inner_top.png) left bottom no-repeat; width: 303px; height: 10px; margin: 10px 0 0 13px;} #column_three .column_three_box_inner {width: 303px; margin: 0 0 0 13px;} #column_three .column_three_box_inner_bottom {background: url(../images/structure/column_three_inner_bottom.png) left bottom no-repeat; width: 303px; height: 10px; margin: 0 0 0 13px; font-size: 0;} #column_three .column_three_box_inner p {padding: 0 10px 8px 10px;} #column_three .rhc_notifications {padding: 0 0 0px 0; margin: 0 0 0px 0;} #column_three .rhc_notifications p {line-height: 150%; padding: 0 8px 0px 15px;} #column_three .column_three_tell {background: url(../images/structure/col_three_tell_bg.gif) left top no-repeat; width: 303px; margin: 4px 0 0 13px; padding: 17px 0 0 0;} #column_three .column_three_tell_bottom {background: url(../images/structure/col_three_tell_bg.gif) left bottom no-repeat; margin: 0 0 0 13px; height: 10px;} #column_three .column_three_tell .selectfield {width: 150px;} #column_three .column_three_tell p {padding: 5px 10px 0 10px;} #column_three p.latest_post {font-size: 1.6em; padding: 5px 20px 0 11px;} #column_three p.latest_post a {color: #000; font-weight: normal; line-height: 100%;} #column_three .column_three_separator {background: url(../images/structure/column_three_separator.gif) bottom center no-repeat;} #right_col_search {width: 321px; background: #DBFFA3 url(../images/structure/header_shade.png) left top repeat-x;} #right_col_search .right_col_search_field {border-left: 1px solid #7C7C7C; border-top: 1px solid #7C7C7C; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #FAFBD3; width: 210px; font-size: 1.2em; padding: 3px 4px 3px 4px; margin-right: 12px; font-weight: normal; float: left;} #right_col_search p {padding: 10px 0 0 8px;} #right_col_search_bottom {background: url(../images/structure/right_col_search_bottom.png) bottom center no-repeat; width: 321px; height: 10px; margin: 0;} ul.friends {margin: 3px 11px 0 11px;} ul.friends li {float: left; padding: 0 11px 11px 0; list-style-type: none;} ul.friends li.last {padding-right: 0;} ul.friends li.bottom-friend {padding-bottom: 0;} #column_three .friends_list {margin-left: 15px;} #column_three .friends_list p {float: left; padding: 5px 5px 5px 0;} #column_three .user_online {position: absolute; left: auto; top: auto; margin-left: 17px;} /********************* Journal & Recent activity *******************/ #journal h3 {font-size: 2.8em; color: #fff; font-weight: bold; padding: 7px 0 2px 0; width: 45px; line-height: 70%; text-align: center; background: url(../images/journal/bg_date_journal_landing.gif) top center no-repeat; text-transform: uppercase; margin: 0;} #recent_activity h4 {font-size: 2.2em; color: #fff; font-weight: bold; padding: 8px 2px 2px; width: 34px; line-height: 70%; text-align: center; background: url(../images/profile/recentActivityIcon.png) no-repeat; text-transform: uppercase; margin: 5px 0 0 11px;} #recent_activity .event h4 {background: url(../images/icons/bg_date_activity_orange.gif) top center no-repeat;} #recent_activity .event a {color: #ff9900;} #recent_activity p.event {padding-top: 2px; padding-left: 0;} #recent_activity p {padding-bottom: 0;} #recent_activity .activity_right_col {width: 335px; float: left;} #recent_activity .activity_right_col_1 {float: left; width: 50px;} #recent_activity .activity_right_col_2 {float: left; width: 285px;} #journal h3 .month, #recent_activity h4 .month {font-size: 0.5em; font-weight: normal;} #recent_activity h5 {line-height: 120%; font-size: 1.4em; font-weight: normal; padding: 5px 0 0 6px;} #recent_activity .daily_activity {padding-bottom: 10px;} #recent_activity .daily_activity p.tweet {background: url(../images/icons/activity_tell.gif) left 3px no-repeat; padding: 2px 0 2px 25px;} #recent_activity .daily_activity p.blog {background: url(../images/icons/activity_blog.gif) left 3px no-repeat; padding: 2px 0 2px 25px;} #recent_activity .daily_activity p.photo {background: url(../images/icons/activity_photo.gif) left 3px no-repeat; padding: 2px 0 2px 25px;} #recent_activity .daily_activity p.video {background: url(../images/icons/activity_video.gif) left 3px no-repeat; padding: 2px 0 2px 25px;} #recent_activity .daily_activity p.audio {background: url(../images/icons/activity_audio.gif) left 3px no-repeat; padding: 2px 0 2px 25px;} #journal { margin-left: 5px; margin-right: 11px; margin-top: 10px; padding-bottom: 20px; } #journal h4 a { color: #494949; font-weight: bold; } #journal h4 a:hover, #journal h5 a:hover { text-decoration: none; color: #A0C203; } #journal p.comment_link { font-size: 1.1em; padding: 0 11px 10px 0; color:#649928; } #journal p.comment_link a {color: #649928; font-weight: normal;} #journal a.post_title {color: #494949;} .journal_separator { margin-top: 0px; float: left; } #journal .journal_posts_right { /* float: left; */ width: 460px; margin: 0px 0px 0px 10px; } #journal .journalEmpty { margin: 0px 0px 10px 30px; height: 40px; padding-top: 20px; } .journal_photo_post img {padding: 8px; border: 1px solid #d2d2d2; margin-right: 5px;} #journal .journal_entry { margin: 0 0 0 11px; padding: 7px 5px; } #journal .journal_post_content { margin-bottom: 5px; padding-top: 0px; } div.notes #journal .journal_post_content p { padding: 5px 0 10px 0; } div.notes #journal .journal_post_content div.note_inline_comments p { padding: 8px 15px 0 8px; } div.notes #journal .journal_post_content div.note_inline_comments p.comment_avatar { padding: 0 0 0 7px; } #journal .first .journal_post_content { border: 0; } .feed_post_actions_comment {padding: 7px 0 0 19px;} .feed_post_actions a {margin-right: 6px;} #journal_actions_box { float: right; margin-right: 10px; padding: 5px 0 0 0; width: 119px; margin-top: -15px; } #journal_actions_box_bottom {width: 141px; height: 18px; background: url(../images/journal/bg_journal_actions_box.png) left bottom no-repeat;} #journal_actions_box a {display: inline; width: 80px; height: 14px; font-weight: normal; text-align: left; line-height: 120%; color: #649928;} #journal_actions_box a:hover {color: #649928; text-decoration: underline;} #journal_actions_box ul {padding: 4px 0 0 10px; line-height: 100%; margin: 0;} #journal_actions_box li {padding: 3px 0 0 0; margin: 0;} #journal_actions_box p {padding: 0 6px 2px 15px;} #actions_journal a, #actions_events a {padding: 6px 0 4px 26px; display: block;} #actions_journal {width: 118px; margin: 3px 0 0 0px;} #actions_journal .bottom {width: 118px; height: 8px; clear: left;} #actions_journal .tell a, #actions_journal .tell a:hover {background: url(../images/icons/tell_icon_small.gif) left center no-repeat;} #actions_journal .blog a, #actions_journal .blog a:hover {background: url(../images/icons/blog_icon_small.gif) left center no-repeat;} #actions_journal .photo a, #actions_journal .photo a:hover {background: url(../images/icons/photo_icon_small.gif) left center no-repeat;} #actions_journal .music a, #actions_journal .music a:hover {background: url(../images/icons/music_icon_small.gif) left center no-repeat;} #actions_journal .video a, #actions_journal .video a:hover {background: url(../images/icons/video_icon_small.gif) left center no-repeat;} #actions_journal .invite a, #actions_journal .invite a:hover {border-bottom: 1px solid #f2f2f2;background: url(../images/buttons/addInfo.gif) left center no-repeat;} #actions_journal .rsvp a, #actions_journal .rsvp a:hover {background: url(../images/icons/icnRsvp.png) left center no-repeat;} #actions_journal .edit a, #actions_events .edit a:hover {border-bottom: 1px solid #f2f2f2;background: url(../images/buttons/settingIcon.png) left center no-repeat;} #actions_journal .delete a, #actions_events .delete a:hover {background: url(../images/buttons/deleteIcon.png) left center no-repeat;} #actions_events {width: 118px; margin: 12px 0 0 16px; background: url(../images/journal/actions_box_events.gif) left top no-repeat;} #actions_events .bottom {background: url(../images/journal/actions_box_events.gif) left bottom no-repeat; width: 118px; height: 8px; clear: left;} #actions_events a, #actions_events a:hover {color: #ff9900;} #actions_events .event a, #actions_events .event a:hover {background: url(../images/icons/event_icon_small.gif) left center no-repeat;} #actions_events .todo a, #actions_events .todo a:hover {background: url(../images/icons/todo_icon_small.gif) left center no-repeat;} #actions_events .create_event a, #actions_events .create_event a:hover {background: url(../images/icons/rhc_orange_inner_add.gif) left center no-repeat;} #column_three .recent_post_item {margin-bottom: 5px;} #column_three .recent_post_item p {padding-bottom: 0;} #column_three .recent_post_date {width: 20px; float: left;} /************************** Messages ************************/ #inbox_actions ul {margin: 0 20px 15px 11px; font-size: 1.1em; color: #999; padding: 0;} #inbox_actions li {display: inline; padding-right: 7px;} #inbox_actions a {font-weight: bold;} #inbox_actions p {font-size: 1.2em;} #inbox_all_messages {border-top: 1px solid #ccc; margin: 0 6px 0 4px;} #inbox_all_messages p {padding: 10px;} #inbox_message {margin: 0; clear: left; border-bottom: 1px solid #ccc; padding: 7px 0;} #inbox_message p {padding: 5px 10px;} #inbox_message a {font-weight: bold;} #inbox_message div.message_column {float: left; } #inbox_message p.message_icon {padding: 23px 0px 0 10px;} #inbox_message p.delete_message_icon {padding: 18px 10px 0 10px;} #inbox_message p.message_padding {padding: 15px 0 0 5px;} #inbox_message .subtle_color {color: #000; font-weight: normal;} #inbox_message .message_from {width: 240px;} #inbox_message .message_content {width: 450px;} .message_container {padding: 11px 0 0 0px; margin: 0 6px 0 0;} .message_title { padding: 10px 0 15px 20px; margin: 0 6px 0 4px; border-bottom: 1px solid #f2f2f2; color:#A0C203;} .view_message {clear: left; margin: 0 0 8px 10px;} .message_col_1 {float: left; width: 152px;} #full_page .message_col_1 p {padding-top: 0; font-size: 1.6em;} #full_page .message_col_1 .message_date {font-size: 0.8em;} .message_col_2 {float: left; width: 58px;margin: 10px 0px 0px 18px} .message_col_2 p {padding: 0;} .message_col_3 {float: left;margin-top: 10px} .message_col_3 .post_content p {padding: 15px 12px 8px 20px; font-size: 1.6em;} .reply_to_form {margin: 0 0 0 75px;} .reply_to_form .textarea_large {width: 390px;} #full_page #flash_notice, #full_page #flash_error {position: absolute; top: auto; left: 716px; margin: 40px 0 0 0; width: 320px;} #flash_notice, #flash_error {margin: 0 0 5px 0; width: 320px;} #flash_notice .top {background: url(../images/structure/flash_error_top.png) top left no-repeat; width: 320px; height: 10px;_margin-bottom: -4px;} #flash_notice .bottom {background: url(../images/structure/flash_error_bottom.png) bottom left no-repeat; width: 320px; height: 23px; _margin-top: -3px;margin-top:-1px;} #flash_notice p {padding: 5px 10px; font-size: 1.2em; color: #FFF; background-color: #E83030;} #flash_error .top {background: url(../images/structure/flash_error_top.png) top left no-repeat; width: 320px; height: 10px;} #flash_error .bottom {background: url(../images/structure/flash_error_bottom.png) bottom left no-repeat; width: 320px; height: 23px;} #flash_error p {padding: 5px 10px; font-size: 1.2em; color: #FFF; background-color: #E83030;} /*************************** Tables *************************/ table.standard_table {padding: 8px 11px 10px 11px;} table.standard_table td {padding: 0 20px 8px 0; font-weight: normal; font-size: 1.2em;} /*************************** Feedback *************************/ /*************************** Footer *************************/ #footer {padding: 10px 0 20px 0; color:#ccc;} #footer p {text-align: center; font-size: 1.1em; color: #3A5A08; margin: 10px;} #footer ul {text-align: center;} #footer li {list-style-type: none; display: inline; margin: 0 15px;} #footer a {color: #808080; text-decoration: none; font-size: 1.0em; font-weight: normal;} #footer a:hover {text-decoration: none; color: #A0C203;} /*************************** Forms **************************/ .signup_tip { font-size: 1.2em; background-color: #FFF; width: 250px; border: 1px solid #71777b; padding: 10px; line-height: 1.3em; margin: -35px 80px 0px 0px; float:right; } #privacy_chooser_select {float: right; width: 270px;} .button_padding {padding: 10px 0 0 0;} .form_date_chooser {font-size: 1.0em;} .form_date_chooser img {vertical-align: bottom; margin: 0 0 0 5px;} /************************* Selector *************************/ #column_three .selector_rhc_view label {margin-right: 10px; width: 100%;} #column_three .selector_rhc_view .cals_desc {color: #666;} #column_three .selector_rhc_view ul, #full_page_container .selector_month_view ul {font-size: 0.8em; margin: 0; padding: 0; color: #000;} #column_three .selector_rhc_view li {padding: 5px 0 3px 7px; list-style-type: none; margin: 0 0 4px 13px; background: #baed64;} #column_three .selector_rhc_view li.Private {background: url(../images/structure/calendar/cal_select_private.png) no-repeat;} #column_three .selector_rhc_view li.Public {background: url(../images/structure/calendar/cal_select_public.png) no-repeat;} #column_three .selector_rhc_view li.Friends {background: url(../images/structure/calendar/cal_select_friends.png) no-repeat;} #column_three .selector_rhc_view .subscribed_cal, #full_page_container .selector_month_view .subscribed_cal {padding-top: 10px;} #full_page_container .selector_month_view p {font-size: 1.2em; padding: 0 20px 5px 11px;} #full_page_container .selector_month_view label {margin-right: 10px; display: inline; width: auto; float: none;} #full_page_container .selector_month_view .cals_desc {color: #494949;} #full_page_container .selector_month_view li {width: 145px; float: left;} #full_page_container .selector_month_view .subscribed_cal {clear: left;} #full_page_container .selector_month_view li {padding: 5px 0 6px 7px; _padding-top: 0px;list-style-type: none; margin: 0 0 4px 13px;} #full_page_container .selector_month_view li.Private {background: url(../images/structure/calendar/cal_select_large_private.png) no-repeat;} #full_page_container .selector_month_view li.Public {background: url(../images/structure/calendar/cal_select_large_public.png) no-repeat;} #full_page_container .selector_month_view li.Friends {background: url(../images/structure/calendar/cal_select_large_friends.png) no-repeat;} /************************ Main title ************************/ #feed_main_date {background: url(../images/structure/feed_separator.gif) 4px bottom no-repeat;} #feed_main_date .arrows img {padding: 3px 0 0 2px;} h2.main_date_title {padding: 0 8px 10px 11px; font-size: 2.6em; font-weight: bold;} p.title_yesterday_link a:hover, p.title_tomorrow_link a:hover {text-decoration: none;} p.title_yesterday_link, p.title_tomorrow_link {float: left; width: 92px;} p.title_yesterday_link a, p.title_tomorrow_link a {color: #7F7F7F; display: block; height: 21px; font-size: 11px; font-weight: normal; line-height: 100%;} p.title_yesterday_link a {background: url(../images/buttons/title_link_left.gif) left top no-repeat; padding: 4px 0 0 18px;} p.title_tomorrow_link a {background: url(../images/buttons/title_link_right.gif) left top no-repeat; padding: 4px 18px 0 0; text-align: right;} /*********************** Address book ***********************/ #address_book_container {width: 535px; margin: 0 0 0 8px;} #address_book_container .filter_nav ul {margin: 0 0 0 52px;} #address_book_container .filter_nav li {float: left; margin: 0 0 0 1px;} #address_book_container .filter_nav li a {display: block; width: 74px; text-align: center; background: url(../images/address_book/top_nav.gif) left top no-repeat; padding: 13px 0 10px 0; color: #828282;} #address_book_container .filter_nav li a:hover, #address_book_container .filter_nav li a.selected {color: #333; text-decoration: none;} #address_book_container .contact_details {width: 507px; height: 536px; background: url(../images/address_book/background.gif) left top no-repeat; float: left;} #address_book_container .atoz_nav {float: left; width: 28px;} #address_book_container .atoz_nav ul {padding: 0;} #address_book_container .atoz_nav li {margin: 0 0 3px 0;} #address_book_container .atoz_nav li a {display: block; background: url(../images/address_book/left_nav.gif) left top no-repeat; color: #4e8200; width: 28px; text-align: center; min-height: 47px; height: auto !important; height: 47px; padding-top: 6px;} #address_book_container .atoz_nav li a:hover, #address_book_container .atoz_nav li a.selected {background: url(../images/address_book/left_nav_on.gif) left top no-repeat; color: #fff; text-decoration: none;} #address_book_container .atoz_nav li a.etc {background: url(../images/address_book/left_nav_etc.gif) left top no-repeat; min-height: 35px; height: auto !important; height: 35;} #address_book_container .atoz_nav li a.etc:hover {background: url(../images/address_book/left_nav_etc_on.gif) left top no-repeat;} #address_book_container .atoz_nav li span {margin: 5px 0 0 0;} #address_book_container .person_details {margin: 10px 10px 0 17px;} #address_book_container .person_details div {float: left;} #address_book_container .person_details .user_name {font-size: 2.2em;} #address_book_container .other_contacts {clear: left; padding-top: 20px;} #address_book_container #event_invite_friends {background: #f4f4f4; border: 1px solid #a8a8a8; width: 478px; margin: 0 10px 10px 17px; padding-bottom: 5px; height: 170px; overflow: auto;} #address_book_container .invite_friend_item {width: 202px; float: left; margin: 5px 5px 0 5px;} #address_book_container #event_invite_friends p {line-height: 200%; font-size: 1.2em; background: none; padding: 0;} #address_book_container #event_invite_friends p.user_selected {background: none; background-color: #4e8200; color: #fff;} #address_book_container #event_invite_friends a {color: #4e8200;} #address_book_container #event_invite_friends img {float: left; padding: 0 3px 0 0;} /************************* Calendar *************************/ #full_page_container {padding: 10px 0 0 0;} #full_page .full_page_box {background: url(../images/structure/calendar_full_middle.png) repeat-y;} #full_page .full_page_box_bottom_curl {background: transparent url(../images/structure/calendar_full_bottom.png) left bottom no-repeat; width: 886px; height: 14px; clear: left;} #full_page .full_page_box_bottom { background: transparent url(../images/structure/calendar_full_bottom.png) left bottom no-repeat; width: 886px; height: 14px; clear: left; font-size: 0; } #full_page .full_page_box_top {background: url(../images/structure/calendar_full_top.png) no-repeat; width: 886px; height: 12px; font-size: 0;} #full_page .full_page_gradient {background: url(../images/structure/full_page_bg_gradient.jpg) repeat-x; margin: 0 16px 0 11px;} #full_page .full_page_gradient h2 {padding-top: 9px; font-size: 3.0em; font-weight: normal;} #calendar_date h2 {padding: 0 8px 10px 11px; font-size: 2.0em; font-weight: bold;} #calendar_top {background: url(../images/structure/calendar/calendar_top.jpg) no-repeat; margin: 0 0 0 11px; min-height: 99px; height: auto !important; height: 99px;} #calendar_top_month {background: url(../images/structure/calendar/calendar_large_top.jpg) no-repeat; margin: 0 0 0 11px;} #calendar_top h3, #calendar_top_month h3 {font-size: 1.7em; font-weight: bold; padding: 5px 11px 0 11px;} #calendar_top p, #calendar_top_month p {padding: 1px 33px 0 0;} #calendar_top ul.weekdays_nav {padding: 7px 0 0 5px;} #calendar_top ul.weekdays_nav li {list-style-type: none; float: left; margin: 0 0 0 4px; padding: 0;} #calendar_top ul.weekdays_nav li a {background: url(../images/structure/calendar/day_tab_off.png) no-repeat; width: 66px; text-align: center; display: block; line-height: 100%; padding: 5px 0 4px 0; color: #fff; font-size: 1.3em; text-decoration: none; font-weight: bold;} #calendar_top ul.weekdays_nav li a:hover, #calendar_top ul.weekdays_nav li a.selected {background: url(../images/structure/calendar/day_tab_on.png) no-repeat;} #calendar_middle {background: url(../images/structure/calendar/calendar_middle.jpg) repeat-y; margin: 0 0 0 11px; padding: 9px 0 0 10px;} #calendar_middle p {padding: 0 20px 7px 0;} #calendar_bottom {background: url(../images/structure/calendar/calendar_bottom.jpg) no-repeat; margin: 0 0 0 11px; min-height: 61px; height: auto !important; height: 61px;} #calendar_views ul {padding: 3px 0 0 1px;} #calendar_views li {list-style-type: none; float: left; margin-left: 5px;margin-top:5px;} #calendar_monthly_view {margin: 0 0 0 11px; font-size: 1.2em; clear: left; background: url(../images/structure/calendar/calendar_large_bottom.gif) left bottom no-repeat; padding-bottom: 50px;} #calendar_monthly_view table {width: 851px;} #calendar_monthly_view table th {text-align: left; background: url(../images/structure/calendar/month_view_day_box_full.gif) no-repeat; width: 74px; height: 21px; color: #9E9D8E;} #calendar_monthly_view table th abbr {padding: 4px 0 0 5px; line-height: 100%} #calendar_monthly_view table td { width: 117px; height: 117px; vertical-align: text-top; background: url(../images/structure/calendar/month_view_current_month_full.gif) no-repeat; } #calendar_monthly_view table td p { background-color:#CCCCCC; border-bottom:1px solid white; font-size:0.9em; line-height:100%; padding:7px 0 5px 5px; } #calendar_monthly_view table td p a { color: #666; font-weight: bold; } #calendar_monthly_view table td p a:hover {color: #333;} #calendar_monthly_view table td h3 {text-align: left; padding: 3px 2px 2px 5px; font-size: 1.2em; line-height: 100%;} #calendar_monthly_view table td h3 a {font-size: 1.0em; color: #92A461; font-weight: bold;} #calendar_monthly_view table td.current_day h3 a {color: #000; font-weight: bold;} #calendar_monthly_view table td.previous_next_month {background: url(../images/structure/calendar/month_view_other_month_full.gif) no-repeat;} #calendar_monthly_view table td.current_day {background: url(../images/structure/calendar/month_view_current_day_full.gif) no-repeat;} #calendar_monthly_view table caption {background: url(../images/structure/calendar/calendar_large_top.jpg) left bottom no-repeat; padding: 20px 0 20px 12px; font-size: 2.2em; font-weight: bold; color: #000; text-align: left;} #calendar_monthly_view table caption a {display: none;} #calendar_monthly_view table .month_caption_arrow_left {margin-right: 30px;} #calendar_monthly_view table .month_caption_arrow_right {margin-left: 30px;} #calendar_monthly_view div.cal_cell_container { cursor: pointer; height:94px; overflow: auto; width:117px; } #day_view_top {width: 489px; background: url(../images/structure/day_view_sprite.gif) left top no-repeat;} #day_view_top p, #day_view_top_today p {padding: 4px 8px 0 0;} #day_view_top h4, #day_view_top_today h4 {font-size: 1.2em; font-weight: bold; padding: 3px 20px 5px 8px; line-height: 100%; color: #468914;} #day_view_top_today h4 {color: #000;} #day_view_top_today {width: 489px; background: url(../images/structure/day_view_sprite_today.gif) left top no-repeat;} #day_view_bottom, #day_view_bottom_today {width: 489px; background: url(../images/structure/day_view_sprite.gif) left bottom no-repeat; margin: 0 0 9px 0;} #day_view_bottom p, #day_view_bottom_today p {font-size: 1.2em; color: #4c4c4c; padding: 5px 20px 3px 8px; line-height: 150%;} #day_view_bottom_today p {color: #000;} #day_view_bottom a {color: #4c4c4c; font-size: 1.0em; font-weight: bold;} #day_view_bottom_today a {color: #000; font-size: 1.0em; font-weight: bold;} #cal_summary_popup {position: absolute; left: auto; top: auto; background: url(../images/popups/cal_event_summary.gif) top left no-repeat; width: 260px; margin: 1px 0 0 6px;} #calendar_monthly_view #cal_summary_popup h2 {font-size: 1.2em; padding: 16px 6px 0 6px;} #calendar_monthly_view #cal_summary_popup h2 a {color: #333; font-weight: bold;} #calendar_monthly_view #cal_summary_popup p {color: #767676; font-size: 1.0em; padding: 5px 6px 0 6px; line-height: 120%;} #calendar_monthly_view #cal_summary_popup a {color: #56ABD2;} #calendar_monthly_view #cal_summary_popup a.close {color: #ABABAB; font-size: 0.9em;} #calendar_monthly_view #cal_summary_popup .column_wrapper_img {float: left; width: 30px; margin-top: 17px;} #calendar_monthly_view #cal_summary_popup .column_wrapper_text {float: left; width: 223px; margin-top: 15px;} #cal_summary_popup .cal_summary_popup_bottom {background: url(../images/popups/cal_event_summary.gif) bottom left no-repeat; clear: left; width: 260px; height: 9px;} #calendar_small {background: url(../images/structure/calendar_small_middle.gif) repeat-y; width: 210px; margin: 0 auto 10px auto;} #calendar_small table {font-size: 1.1em; text-align: center; margin: 0 auto;} #calendar_small th {font-weight: normal; text-transform: lowercase; width: 28px; padding: 20px 0 3px 0;} #calendar_small .calendar_small_top {background: url(../images/structure/calendar_small_top.gif) no-repeat; width: 210px; height: 10px;} #calendar_small a {color: #000; font-weight: normal; padding: 6px 4px; display: block;} #calendar_small a:hover {background-color: #EBF3F7;} #calendar_small a.today {background-color: #F5E8E7;} #calendar_small .calendar_small_bottom {background: url(../images/structure/calendar_small_bottom.gif) bottom left no-repeat; width: 210px; height: 10px;} #three_calendars_container {margin: 35px 0 0 13px;} #three_calendars_container .months_arrow_previous img {float: left; margin: 7px 6px 0 0;} #three_calendars_container .months_arrow_next img {float: left; margin: 7px 0 0 11px;} #calendar_small_month_view {background: url(../images/structure/calendar/calendar_small_month_view_middle.gif) repeat-y; width: 189px; margin: 0 0 10px 5px; float: left;} #calendar_small_month_view table {font-size: 0.8em; text-align: center; margin: 0 auto;} #calendar_small_month_view th {font-weight: normal; text-transform: lowercase; width: 26px; padding: 10px 0 3px 0;} #calendar_small_month_view td h3 {font-size: 1.0em; padding: 0; margin: 0;} #calendar_small_month_view .calendar_small_month_view_top {background: url(../images/structure/calendar/calendar_small_month_view_top.gif) no-repeat; width: 189px; height: 7px;} #calendar_small_month_view a {color: #000; font-weight: normal; padding: 6px 4px; display: block;} #calendar_small_month_view a:hover {background-color: #FAF9F9;} #calendar_small_month_view a.today {background-color: #E2E2E2;} #calendar_small_month_view .calendar_small_month_view_bottom {background: url(../images/structure/calendar/calendar_small_month_view_bottom.gif) bottom left no-repeat; width: 189px; height: 7px;} #column_one .calendar_10 a {color: #81B049;} #column_one .calendar_11 a {color: #C9A1A1;} #column_one .calendar_12 a {color: #B4A77F;} /************************ RHC Calendar **********************/ #rhc_calendar {background: url(../images/rhc_calendar/rhc_calendar_background.png) left top no-repeat; margin: 10px 0 0 0; padding: 10px 0 0 0;} #rhc_calendar_bottom {background: url(../images/rhc_calendar/rhc_calendar_background.png) left bottom no-repeat; height: 12px;} #rhc_calendar ul {padding: 5px 0 0 4px;} #rhc_calendar li {padding: 0; float: left; padding-left: 1px;} #rhc_calendar table {width: 298px; clear: left;} #rhc_calendar h3 {padding: 0; line-height: 100%;} #rhc_calendar p {padding: 0; margin: 0;} #rhc_calendar a {color: #666; font-weight: bold;} #rhc_calendar td a {font-weight: normal;} #rhc_calendar th {padding: 5px 0 3px 0; font-size: 1.2em;} #rhc_calendar td {padding: 7px 0 4px 0; text-align: center; font-size: 1.2em; /*background: url(../images/rhc_calendar/day_highlight_normal.gif) center center no-repeat; */width: 43px;} #rhc_calendar td.previous_next_month {background: none;} #rhc_calendar td.previous_next_month a {color: #ccc;} #rhc_calendar td.active_day {background: url(../images/rhc_calendar/day_highlight_normal.gif) center center no-repeat;} #rhc_calendar td.current_day {background: url(../images/rhc_calendar/day_highlight_active_day.gif) center center no-repeat;} #rhc_calendar td.current_day a {color: #fff; font-weight: bold;} #rhc_calendar td.current_day.content_day a {color: #fff; font-weight: bold;} #rhc_calendar td.content_day a {font-weight: bold; color: #A0C203; padding: 7px 5px 5px 5px;} #rhc_calendar td.content_day a:hover {text-decoration: underline; color: #649928;} #rhc_calendar td.active_day a { color: white; } #rhc_calendar td.current_day a:hover {color: #fff;text-decoration: underline;} #rhc_calendar td h3 {font-size: 1.0em;} #rhc_calendar caption {font-size: 1.4em; font-weight: bold; border-top: 1px solid #B7E198; border-bottom: 1px solid #B7E198; padding: 3px 0 3px 0; min-height: 23px; height: auto !important; height: 23px;} #rhc_calendar .caption_width {width: 245px; text-align: center; display: block; float: left; line-height: 160%; padding-top: 3px;} #rhc_calendar .month_caption_arrow_left {float: left; padding-left: 6px;} #rhc_calendar .month_caption_arrow_right {float: left;} #column_three a.add_icon {background: url(../images/icons/rhc_green_inner_add.gif) left center no-repeat; padding: 6px 0 5px 28px; color: #000;} /****************** Event landing page **********************/ #event_landing {} #event_landing h2 {font-size: 2em; font-weight: bold; padding-bottom: 0;text-transform: capitalize;} #event_landing h4 {font-size: 1.4em; color: #000;} #event_landing .event_landing_separator { margin-bottom: 5px; } #event_landing ul.event_show_tags {padding: 4px 0 0 0;} #event_landing ul.event_show_tags li {border: 1px solid #99cc33; background: #dbffa3; padding: 2px 10px 1px 10px; margin: 0 5px 3px 0; float: left; color: #000; font-size: 1.0em; font-weight: normal;} #event_landing .add_to_journal {background: url(../images/icons/add_to_journal.gif) left center no-repeat; padding: 3px 0 3px 30px;} #event_landing .view_map {background: url(../images/icons/view_google_map.gif) left center no-repeat; padding: 3px 0 3px 16px;} #event_landing .google_maps_logo {background: url(../images/logos/google_maps_small.gif) right center no-repeat; padding-right: 50px; display: inline;} #event_landing .add_to_actions p {padding: 0 0 3px 11px;} #reminder_form { width:350px; } #reminder_form label {font-size: 1.0em;} #reminder_form .submit_button, #add_tag_form .submit_button { margin-top: 3px; } #reminder_list {padding: 0 20px 0 31px;} #event_landing .event_tags {padding-bottom: 5px;} #event_landing .event_tags p {padding: 0 0 3px 11px;} #event_landing .event_tags h3 {padding-bottom: 0;} #event_landing #tag_list {margin: 5px 10px 10px 11px;} #event_landing .event_image p {padding-right: 5px;} #event_landing .event_status {background: url(../images/structure/event_turnout_top.gif) left top no-repeat; margin: 4px 0 8px 11px; padding: 0 0 10px 0;} #event_landing .event_status p {float: left; padding: 8px 30px 0 6px;} #event_invite_who {clear: left; margin: 0 0 0 11px;} #event_invite_who .invited_users {width: 160px; float: left; margin: 0 8px 0 0;} #event_invite_who .invited_users h4 {color: #494949; font-size: 1.2em; background: #e8fbb6; padding: 6px;} #event_invite_who .invited_users h4 .users_attending {font-weight: normal;} #event_invite_who .invited_users p {padding: 0;} #event_invite_who .invited_users p.view_all_link {padding-top: 5px;} #event_invite_who .invited_users a {color: #000; font-size: 0.8em; font-weight: normal;} #event_invite_who .invited_users img {margin: 8px 8px 0 0;} #event_invite_who .invited_users img.last {margin: 8px 0 0 0;} #event_invite_who .event_invite_response {font-size: 0.7em; color: #999; display: block; text-align: center;} .event_tags label, .journal_tags label {font-size: 1.0em;} .event_tags .textfield, .journal_tags .textfield {margin-bottom: 3px;} .journal_tags ul.event_show_tags li, #tag_list li {background: #f0f0f0; padding: 4px 12px 3px 12px; margin: 0 5px 3px 0; float: left; color: #649928; font-size: 1.2em; font-weight: normal;} #tag_list {margin: 10px 10px 10px 3px;} #add_tag, #add_tag_form {clear: left;} #event_landing .thumbnails img {border: 1px solid #d6d6d6; padding: 1px;} /************************* Homepage *************************/ #column_one_home {float: left; width: 322px;} #left_col_homepage {} #left_col_homepage h2 {padding: 5px 15px 30px 15px; margin: 0; font-family: Georgia; font-size: 2.8em; color: #000; font-weight: bold; text-align: left; background: none;} #left_col_homepage h3 {padding: 0 15px; font-size: 2.0em; font-weight: normal; color: #000;} #left_col_homepage p {padding: 3px 15px 0 15px; font-size: 1.2em; text-align: left;} #left_col_homepage label {text-align: left; padding: 5px 0 3px 0;} #left_col_homepage .textfield {border: 1px solid #a6ce87; padding: 8px 7px 6px 7px; margin-bottom: 9px; width: 95%; font-family: Helvetica, Arial, sans-serif; font-size: 1.4em;} .homepage_feedback_box {margin-top: 10px;} p.homepage_feeback_text {text-align: center; font-size: 1.8em; padding: 7px 0 5px 0;} p.homepage_feeback_text a {font-weight: normal;} #homepage_strapline p {font-size: 1.2em; text-align: center; line-height: 140%;} #homepage_strapline a {color: #AB3519; font-weight: normal; text-decoration: underline;} ul.homepage_buttons {font-size: 1.2em; font-weight: normal; line-height: 140%; padding: 0 0 13px 0;} ul.homepage_buttons li {list-style-type: none; margin: 0 15px;} /************************** Profile *************************/ #profile_picture {float: left; width: 155px;} #profile_detail {float: left; width: 380px;} .profile_avatar {background: url(../images/profile/large_image_bg.gif) top left no-repeat; width: 147px; height: 150px; margin: 10px 0 4px 20px;} .profile_avatar p {padding: 9px 0 0 9px;} .network_avatars img {padding: 6px; background: url(../images/profile/friend_avatar_bg.gif) top left no-repeat;} .profile_separator {background: url(../images/structure/profile_page_separator.gif) 11px bottom no-repeat; margin-bottom: 5px; padding-bottom: 5px;} .profile_activity_number {background: url(../images/profile/peopleCountIcon.png) center center no-repeat; padding: 9px 11px 6px; font-weight: bold; color: #fff;} .rhc_green_inner {/* background: url(../images/structure/rhc_green_inner.gif) left top no-repeat; */ margin: 0 0 0px 0px;} .rhc_green_inner_bottom {/* background: url(../images/structure/rhc_green_inner.gif */) left bottom no-repeat; height: 10px;} #column_three .rhc_green_inner p, #column_three .rhc_green_inner h3 {padding: 10px 10px 0 10px; font-size: 1.4em;} #column_three .rhc_green_inner h3 {font-weight: bold; background: url(../images/structure/rhc_green_inner_separator.jpg) 9px bottom no-repeat; padding-bottom: 10px; margin-bottom: 5px;} #column_three .rhc_green_inner h3.no_background {background: none; padding-bottom: 0; margin-bottom: 0;} #column_three .rhc_green_inner a, #column_three .rhc_orange_inner a {color: #494949; font-weight: bold;} .rhc_green_inner .number {color: #649928;} .rhc_green_inner span {padding: 6px 0 6px 30px;} .rhc_green_inner span.TweetPost {background: url(../images/icons/tell_icon_small.gif) center left no-repeat;} .rhc_green_inner span.BlogPost {background: url(../images/icons/blog_icon_small.gif) center left no-repeat;} .rhc_green_inner span.LinkPost {background: url(../images/icons/tell_icon_small.gif) center left no-repeat;} .rhc_green_inner span.AudioPost {background: url(../images/icons/music_icon_small.gif) center left no-repeat;} .rhc_green_inner span.VideoPost {background: url(../images/icons/video_icon_small.gif) center left no-repeat;} .rhc_green_inner span.PhotoPost {background: url(../images/icons/photo_icon_small.gif) center left no-repeat;} .friends_view span {margin-left: 80px;} #column_three .friends_view span a {color: #649928;} .rhc_green_inner a.add_link {background: url(../images/icons/rhc_green_inner_add.png) center left no-repeat; padding: 6px 0 6px 30px;} .rhc_green_inner a.remove_link {background: url(../images/icons/rhc_green_inner_remove.png) center left no-repeat; padding: 6px 0 6px 30px;} .rhc_orange_inner a.add_link {background: url(../images/icons/rhc_orange_inner_add.png) center left no-repeat; padding: 6px 0 6px 30px;} .rhc_orange_inner a.remove_link {background: url(../images/icons/rhc_orange_inner_remove.png) center left no-repeat; padding: 6px 0 6px 30px;} .rhc_orange_inner {/* background: url(../images/structure/rhc_orange_inner.gif) left top no-repeat; */ margin: 0 0 0px 0px;} .rhc_orange_inner_bottom {/* background: url(../images/structure/rhc_orange_inner.gif) left bottom no-repeat; */height: 10px;} #column_three .rhc_orange_inner p {padding: 10px 10px 0 10px; font-size: 1.4em;} .rhc_orange_inner .number {color: #ff9900;} .rhc_white_inner {background: url(../images/structure/rhc_white_inner.gif) left top no-repeat; margin-left: 11px;} .rhc_white_inner_bottom {background: url(../images/structure/rhc_white_inner.gif) left bottom no-repeat; height: 5px;} #column_three .rhc_white_inner h3 {padding: 10px 10px 0 10px; font-size: 1.2em; font-weight: bold; font-size: 1.4em;} /****************** Global secondary tabs *******************/ div.secondary_navigation_tabs {width: 877px; border-bottom: 1px solid #D6D6D6; margin: 0 0 0px 4px;}/*bottom was 20*/ div.secondary_navigation_tabs ul {padding: 0 0 0 11px; margin: 0;} div.secondary_navigation_tabs li { float: left; padding: 0; margin-right: 4px; background-color: #ccc; } div.secondary_navigation_tabs li a { color: white; } div.secondary_navigation_tabs a {padding: 7px 25px 5px; font-weight: bold; font-size: 1.2em; display: block;} div.secondary_navigation_tabs a:hover, div.secondary_navigation_tabs a.selected {color: #fff; background: #A0C203; text-decoration: none;} div.secondary_navigation_tabs a.selectedSetting {color: #fff; background: #A0C203; text-decoration: none;} /************************Breadcrumbs ************************/ div.breadcrumbs {background: url(../images/journal/journal_separator.gif) center bottom no-repeat; margin-bottom: 12px; padding-bottom: 13px;} div.breadcrumbs a {font-weight: normal;} div.breadcrumbs ul {text-transform: capitalize; padding: 0 0 0 11px;} div.breadcrumbs li {float: left; padding: 0 10px 0 14px;} div.breadcrumbs li.first {padding-left: 0;} div.breadcrumbs li.separator {background: url(../images/icons/breadcrumb_arrow.gif) left center no-repeat;} /********************* Contextual help **********************/ #full_page .context_help_link {font-size: 0.6em;} #column_one .context_help_link {color: #fff; font-weight: bold; background: url(../images/icons/context_help_circle.png) center center no-repeat; padding: 3px 4px 1px 5px;} #column_one .context_help_link:hover {text-decoration: none;} #help_tell_me_more {position: absolute; top: auto; left: auto; width: 462px; margin: 15px 0 0 100px;} #help_tags {position: absolute; top: auto; left: auto; width: 462px; margin: 0 0 0 7px;} #help_tell_me_more_top {background: url(../images/help/bg_context_help_vertical.png) left top no-repeat; padding-top: 15px;} #help_tell_me_more_bottom {background: url(../images/help/bg_context_help_vertical.png) left bottom no-repeat; height: 18px;} #help_tell_me_more p {padding: 10px 20px 0 20px;} /*********** Dashboard nagging & conf. messages *************/ #nagging_box_top {background: url(../images/help/dashboard_directions_bg.png) left top no-repeat;} #nagging_box_top p {padding: 17px 15px 0 0;} #nagging_box_top a {color: #000; font-weight: bold;} #nagging_box_top ul {padding: 14px 12px 0 12px;} #nagging_box_top li {padding: 6px 0 5px 30px; background: url(../images/help/dashboard_directions_icon.gif) left center no-repeat; line-height: 130%;} #nagging_box_bottom {background: url(../images/help/dashboard_directions_bg.png) left bottom no-repeat; height: 14px; margin: 0 0 8px 0; } #flash_notice_full, #flash_error_full {padding-top: 10px;} #flash_notice_full_top {background: url(../images/help/flash_notice_full_bg.png) left top no-repeat;} #flash_error_full_top {background: url(../images/help/flash_error_full_bg.png) left top no-repeat;} #flash_notice_full_top p, #flash_error_full_top p {padding: 17px 15px 0 0;} #flash_notice_full_top a, #flash_error_full_top a {color: #A0C203; font-weight: bold;} #flash_notice_full_top a:hover, #flash_error_full_top a:hover {color: #649928; font-weight: bold;} #flash_notice_full_top ul, #flash_error_full_top ul {padding: 14px 12px 0 12px;} #flash_notice_full_top li {padding: 0 0 0 30px; background: url(../images/help/dashboard_directions_icon.gif) left center no-repeat; line-height: 180%;} #flash_error_full_top li {padding: 0 0 0 30px; background: url(../images/help/flash_error_full_icon.gif) left center no-repeat; line-height: 180%;} #flash_notice_full_bottom {background: url(../images/help/flash_notice_full_bg.png) left bottom no-repeat; height: 14px; margin: 0; } #flash_error_full_bottom {background: url(../images/help/flash_error_full_bg.png) left bottom no-repeat; height: 14px; margin: 0; } /************************* Settings **************************/ .settings_box { clear: left; padding:10px 0px 0px 25px; margin-left: 15px; width: 820px; } .settingsBox { clear: left; padding:0px 0px 0px 25px; margin-left: 15px; border-top: none; width: 820px; } .settingsBox p { width: 500px; } .move5Left { margin-left: 5px; } #newForms .move15Right { margin-left: 15px; } .move15Right { margin-left: 15px; } /*********************** Inline edits ************************/ .user_location_rhc {color: #666263;} .location_view {color: #649928; font-weight: bold;} .editor_field {border: 1px solid #669934; padding: 2px 3px; width: 150px;} .editor_ok_button {background: #E7F5D5; font-size: 0.9em; color: #649928; padding: 0 3px; cursor: pointer;} #column_three a.editor_cancel_link {font-size: 0.9em; color: #649928; text-decoration: none;} /*********************** Welcome page ***********************/ #welcome_page {background: #fff; margin: 3px 4px 8px 4px;} #welcome_page h2 { font-size: 1.8em; padding-bottom: 0; padding-top: 17px; } #welcome_page h3 {font-weight: bold; padding-bottom: 0; margin-bottom: 10px;} #welcome_page p {font-size: 1.2em;} #welcome_page a {font-weight: bold;} #welcome_page .diary_d {background: url(../images/welcome/diary_d.gif) top left no-repeat;} #welcome_page .diary_d h2, #welcome_page .diary_d p {padding-left: 64px;} #welcome_page .tell_something_1 {background: url(../images/welcome/welcome_events.gif) top left no-repeat;} #welcome_page .tell_something_1 h3, #welcome_page .tell_something_1 p {padding-left: 198px;} #welcome_page .tell_something_1 h3 {padding-top: 5px;} #welcome_page .view_stuff {background: url(../images/welcome/welcome_notes.gif) top left no-repeat;} #welcome_page .share_stuff {background: url(../images/welcome/welcome_todos.gif) top left no-repeat;} #welcome_page .view_stuff h3, #welcome_page .view_stuff p, #welcome_page .share_stuff h3, #welcome_page .share_stuff p {padding-left: 199px;} #welcome_page .welcome_footer { padding-left: 20px; } #welcome_page .welcome_footer ul { margin-left: 30px; } #welcome_page .welcome_footer li { list-style-type: disc; } /******************* New Live Feed Styles *******************/ #feed .single_feed {padding-top: 10px; clear: left;} #feed h3, #feed ul, #feed li, #feed p {padding: 0;} #feed h3 {font-size: 1.1em; font-weight: normal; color: #a7a7a7; background: url(../images/journal/journal_separator.gif) center top no-repeat; padding: 14px 20px 6px 14px;} #feed .feed_avatar {float: left;} #feed .feed_avatar p {padding: 0 2px 0 10px;} #feed .feed_avatar img {padding: 6px; background: url(../images/feed/feed_avatar_bg_24x24.gif) top left no-repeat;} #feed .feed_content {float: left; width: 480px;} #feed .feed_content ul {padding: 4px 0 0 2px;} #feed .feed_content li {padding-bottom: 10px; max-width: 350px; width: expression(this.clientWidth > 370 ? '370px':true)} #feed .feed_content p {font-size: 1.2em; padding: 7px 0 0 4px;} #feed .feed_content a {font-size: 1.2em; color: #000;} #feed .feed_content li, #feed .photo_post .feed_content_bubble {background: url(../images/feed/bubble_background.gif) top left no-repeat; padding: 9px 10px 8px 14px; display: block; float: left;} #feed .photo_post .feed_content_bubble {background: url(../images/feed/bubble_background.gif) 0 -1000px no-repeat; padding: 4px 10px 4px 40px;} #feed .audio_post .feed_content li {background: url(../images/feed/bubble_background.gif) 0 -1500px no-repeat; padding: 9px 10px 8px 40px;} #feed .link_post .feed_content li {background: url(../images/feed/bubble_background.gif) 0 -2000px no-repeat; padding: 9px 10px 8px 40px;} #feed .comment {color: #a7a7a7; clear: left; padding-top: 8px; width: 450px;} #feed .comment a {color: #649928; font-size: 0.8em;} #feed .comment_date {background-color: #ffffcc; font-size: 0.8em; padding: 3px 6px;} #feed .comment p {background: url(../images/icons/feed_comment.gif) left top no-repeat; padding: 0 20px 0 21px; margin: 0 0 0 12px; font-size: 1.4em;} #feed .comment p.favourite {background: url(../images/icons/feed_favourite.gif) left center no-repeat;} #feed .comment p.favourite a {font-size: 1.0em;} #feed .comment .textfield {border: 1px solid #ccc; padding: 2px 3px 2px 3px; width: 300px; font-family: Helvetica, Arial, sans-serif; font-size: 1.0em;} #feed .submit_button {border: none; background: none; padding: 2px 4px 4px 0; color: #649928; margin-top: 0; font-size: 0.9em;} #feed .show_more_blog_posts {clear: left;} #feed .show_more_blog_posts p {padding: 10px 0 0 32px;} #feed .show_more_blog_posts a {color: #649928; font-size: 0.9em;} #feed .third_party_import .flickr_feed {max-width: 420px;} #feed .third_party_import .flickr_feed img, #feed .photo_post .feed_content img, #feed .video_post .feed_content img {padding: 6px; background: url(../images/profile/friend_avatar_bg.gif) top left no-repeat; vertical-align: middle;} #feed .photo_post .feed_content img, #feed .video_post .feed_content img {background: url(../images/feed/friend_avatar_green_bg.gif) top left no-repeat;} #feed .third_party_import .flickr_feed ul, #feed .photo_post .feed_content ul {padding: 0 0 10px 0;} #feed .third_party_import .flickr_feed ul {padding-left: 3px;} #feed .photo_post .feed_content {width: auto;} #feed .third_party_import .flickr_feed li, #feed .photo_post .feed_content li, #feed .video_post .feed_content li {float: left; padding: 0;} #feed .video_post .feed_content li {background: url(../images/feed/bubble_background.gif) 0 -500px no-repeat; padding: 4px 10px 4px 40px;} #feed .feed_content li.feed_icon_actions {background: none; padding: 7px 0 0 9px;} #feed div.feed_icon_actions {float: left;} #feed .feed_content div.feed_icon_actions img {background: none; padding: 0;} #feed .feed_content div.feed_icon_actions p {padding: 7px 0 0 9px; float: left;} #feed .full_event .feed_content ul {padding-left: 6px;} #feed .full_event .feed_content li {background: none; padding: 1px 0 0 7px; line-height: 110%;} #feed .full_event .feed_content li.feed_event_date {background: url(../images/feed/event_date_bg.gif) top left no-repeat; color: #fff; padding: 4px 0 3px 0; width: 26px; text-align: center; line-height: 60%; font-size: 1.4em; font-weight: bold;} #feed .full_event .feed_content li .month {font-size: 0.6em; font-weight: normal; text-transform: uppercase;} #feed .full_event .feed_content li .attending {font-size: 0.9em; color: #999;} #feed .full_event .feed_content li.feed_icon_actions {padding: 3px 0 0 10px;} #feed .blog_post .feed_content li {background: none; padding: 1px 0 0 6px; line-height: 110%;} #feed .blog_post .feed_content li .post_subtitle {font-size: 0.9em; color: #999;} .pagination {clear: left; font-size: 1.2em; padding: 14px 0 0 15px; margin: 14px 0 0 0;} /*************************** Misc ***************************/ div.clear {clear: both; font-size: 0; height: 0;} .float-left {float: left;} .float-right {float: right;} .clear {clear: both; font-size: 1px; height: 0px; margin:0; padding:0px;} .hide {display: none;} .text_right {text-align: right;} .text_center {text-align: center;} .clear-left {clear: left;} .sentence_case {text-transform: capitalize;} .float_no_padding {padding-right: 0;} .title_no_padding {padding-top: 0;} /* Diary v1.2 resurrection additions - all the above needs refactoring in */ div#rhc_calendar { margin-top: 0; } div#rhc_calendar table { clear: right; } /* To Do */ span.due { color: #666; font-size: 0.8em; } h4.overdue, p.todo_entry span.delete a.delete, p.todo_entry span.overdue { color: #F28309; margin-right: 5px; } div.todo h3 a { font-size: 0.7em; } div.archive_month p.selected a { font-weight: bold; } p.todo_entry { font-size: 1.5em; margin-left: 15px; } p.todo_entry input { margin-right: 10px; } p.tip { font-size: 1.3em; color: #ccc; font-style: italic; } .tip { font-size: 1.3em; color: #ccc; font-style: italic; display: block; margin-left: 0px; } p.todo_entry span.completed, p.todo_entry span.completed span.overdue, span.completed { text-decoration: line-through; color:#ccc; } /* Entry btn*/ div.new_entry_btn { float: right; margin-right: 15px; } div.new_entry_btn_message { margin: 0px 5px 15px 0px; width: 130px; } div.new_entry_btn a { color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 11px 15px 10px 32px; background: url(../images/buttons/btnAddEvent.png) no-repeat; } div.new_entry_btn a:hover { text-decoration: none; color:#fff; background: url(../images/buttons/btnAddEventHover.png) no-repeat; } div.new_entry_btn_message a { color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 10px 15px 10px 30px; background: url(../images/buttons/btnAddMessage.png) no-repeat; } div.new_entry_btn_message a:hover { text-decoration: none; color:#fff; background: url(../images/buttons/btnAddMessageHover.png) no-repeat; } /* Calendar View */ /* date box */ div.date { clear: left; float: left; margin-top: 5px; padding: 0; width: 40px; text-align: center; } div.date div.month, div.date div.day_name { background-color: #666; color: #fff; font-weight: bold; font-size: 1.2em; padding: 3px; font-variant: small-caps; } div.date div.day { background-color: #DDD; color: #666; font-weight: bold; font-size: 2em; padding: 8px 0; } div.body { margin-left: 20px; width: 510px; text-align: justify; } div.body, div.body a { color: #666; } div.body a:hover { text-decoration: none; } /* Messages */ div.messages div.secondary_navigation_tabs { float: left; } div.messages div.secondary_navigation_tabs ul { float: left; overflow: hidden; } div.messages div.secondary_navigation_tabs div.new_entry_btn a, div.messages div.secondary_navigation_tabs div.new_entry_btn a:hover { border: none; } /* Notes */ span.optional { color: #666; font-size: 9px; font-style: italic; } /* Notes show */ div.add_media_links { float: left; } div.add_media_links ul { float: left; margin-bottom: 10px; margin-left: 11px; padding: 0; } div.add_media_links li { background-color: #edf5e7; border-bottom: 1px solid #c7e289; border-left: 1px solid #c7e289; border-top: 1px solid #c7e289; float: left; padding: 5px; } div.add_media_links li.first { -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; } div.add_media_links li.last { -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; border-right: 1px solid #c7e289; } div.add_media_links a { padding: 5px 10px; } /* rhc events */ div.rhc_events { overflow: hidden; } div.rhc_events ul { padding-left: 15px; } div.rhc_events li { margin-bottom: 3px; overflow: hidden; } div.rhc_events li div.event_body { float: left; padding-left: 5px; padding-top: 6px; width: 263px; font-size: 12px; } div.rhc_events div.date { margin-left: 0; text-align: center; width: 25px; } div.rhc_events div.date div.month, div.rhc_events div.date div.day_name { font-weight: bold; padding: 0; font-size: 0.8em; } div.rhc_events div.date div.day { font-weight: bold; font-size: 1em; padding: 0; } /* rhc todos */ div.rhc_todos ul { margin-top: 5px; padding-left: 30px; } div.rhc_todos li { list-style-type: square; list-style-position: inside; } /* Agenda - List events - Inline comments */ div.journal_post_content div.comment_feed div.post_content { background: url(../images/structure/feed_post_bubble_c.gif) left top no-repeat; font-size: 0.9em; } div.journal_post_content div.comment_feed p.comment_avatar { float: left; padding: 0 0 0 7px; } div.journal_post_content div.comment_post { clear: left; padding-bottom: 12px;; width: 460px; } div.journal_post_content span.comment_date { color: #999; font-size: 0.9em; } div.journal_post_content p { padding-left: 0; } /* Agenda entry */ div.agenda_entry { margin-top: 0px; overflow: hidden; } div.agenda_entry h4 { line-height: 16px; padding: 4px 8px 5px 0; margin-left: 30px; letter-spacing: -0.1px; font-size: 15px; } div.agenda_entry h4 span.todo { color: #ccc; font-size: 0.9em; font-weight: bold; margin-right:3px; display: block; float: left; width: 20px; margin-top: 0px; } span.time2 { font-size: 14px; font-weight: normal; padding: 3px; padding-top: 5px; } .agendaDesc{ font-size:14px; font-weight: normal; line-height: 17px; } div.agenda_entry div.location { clear: left; color: #494949; font-size: 14px; margin-bottom: 0px; padding: 3px 0px 5px 0px; margin-top: 0px; line-height: 14px; } div.agenda_entry div.comments { padding-top: 2px; padding-bottom: 0px; } div.agenda_entry div.comments a.add { font-size: 1.3em; } div.agenda_entry div.rsvp { color: #666; font-size: 1.3em; } div.agenda_entry div.rsvp div.coming { background-color: #f0f5df; padding: 5px; margin-bottom: 3px; } div.agenda_entry div.rsvp div.not_coming { background-color: #f4dedf; padding: 5px; margin-bottom: 3px; } div.agenda_entry div.rsvp div.pending { background-color: #ffe3bb; padding: 5px; margin-bottom: 3px; } /* Temp overrides */ div.note_post { margin-left: 11px; margin-right: 11px; } div.note_post p, div.note_post h3, div.note_post .posted_comments { padding-left: 0; } /* Full Cal grid */ li#cal_arrow_right { float: right; margin-right: 32px; _margin-right:18px; } /* Signup:CaptureProfile and Settings */ span.hide_birthday { margin-left: 20px; } #full_page span.hide_birthday label { display: inline; float: none; font-size: 1em; text-align: left; } /*styles for soft login*/ .wrap { width:570px; float:left; margin: 250px 0px 0px 70px; z-index: 4; position:absolute; } .softTop, .bottom_softlogin { float:left; width:570px; height:14px; background:transparent url(../images/softlogin/bottom.gif) no-repeat; } .softTop { background:transparent url(../images/softlogin//top.gif) no-repeat } .box { float:left; padding:0px 15px 5px 30px; width:415px; background:transparent url(../images/softlogin/middle.gif) repeat-y; font:16px 'Helvetica', arial, verdana, sans-serif; color:#595959; } .wrap p { margin-top:0; line-height: 1.1em; font-size: 16px; padding-left:0px; } .wrap label { font-size:16px; } input.softLogin { background: url('../images/softlogin/btn_softLogin.png') no-repeat; border:0px; font-size: 16px; color:white; height: 30px; width: 90px; } input.pwd { background: url('../images/softlogin/bg_input.png') repeat-x; border: 1px solid #ccc; height:26px; font-size: 1.2em; width: 200px; color: #595959; padding-left: 3px; } .softLoginConditions { margin-top: 5px; } .softLoginConditions p{ font-size: 12px; padding-bottom: 0px; } /*eo soft login*/ /*welcome message new*/ .welcome_page_new { padding: 5px 0px 15px 10px; color: #494949; } .welcome_page_new h2 { font-size: 1.4em; } p.note { color: #666; font-style: italic; clear:left; padding-top: 5px; } .col p { padding-right:0px; font-size: 1.2em; padding: 0px 0px 0px 10px; } .welcome_page_new img { margin-bottom: 15px; margin-left: 5px; } .welcome_page_new div.col { width: 175px; float:left; margin-top:20px; height: 160px; } .linkCol { height: 20px; float:left; margin: 0px 0px 20px 0px; text-align: center; } .linkCol1 { margin-left: 40px; } .linkCol2 { margin-left: 18px; } .linkCol3 { margin-left: 22px; } .welcome_page_new p.text_right { padding-bottom: 0px; } .welcome_page_new p.checkBox { padding-left:10px; } .pushRight { float: right; margin-top: 20px; margin-right: 10px; } .clearAll { clear:both; } div.closeBtn { float: right; margin-right: 15px; } div.closeBtn a { background: url('../images/buttons/btnClose.png') no-repeat; padding:8px 0px 0px 28px; display: block; width: 45px; height: 20px; font-size: 12px; font-weight: bold; color: white; } div.closeBtn a:hover { background: url('../images/buttons/btnCloseHover.png') no-repeat; text-decoration: none; } /*eo welcome*/ .alignRight { text-align: right; } .contacts { padding-left:10px; float:left; margin-top: 5px; } .friendInvite { margin-top: 10px; color:#4EA113; font-weight: bold; } #journal h4 { padding-left:0px; } #emailPreferences label{ float:none; display: inline; } #emailPreferences p{ font-size: 1.2em; margin-left: 10px; } .peoplesName {font-weight:bold;margin-left:5px;text-transform:capitalize;cursor:pointer;color:#649928; width:50px;} .journal_posts_right h2{ text-transform: capitalize; } #ieFIX{ margin-top:-15px; } .invite_friend_item p{ padding-left: 10px; } #invitation_emails { height: 90px; } p.noEntries{ padding-left:0px; } .makePointer { cursor: pointer; } div.full_page_box messages, div.secondary_navigation_tabs { border-bottom: 1px solid #ccc; width: 820px; margin-left: 15px; padding-top: 10px; } div.withBorderBottom { border: 1px solid #A0C203; } /*NAGGING BOX*/ #naggingBox {background: url(../images/rhc_calendar/rhc_calendar_background.png) left top no-repeat; margin: 0px 0 0px 0; padding: 10px 0 5px 10px;} #naggingBoxBottom {background: url(../images/rhc_calendar/rhc_calendar_background.png) left bottom no-repeat; height: 12px; margin-bottom:5px;} #naggingBox img {float:left;} #naggingBoxFB {background: url(../images/rhc_calendar/rhc_calendar_background.png) left top no-repeat; margin: 0px 0 0px 0; padding: 7px 0 1px 5px;} #naggingBox img.naggingProfileIMG{ background-color:#FFFFFF; border:1px solid #ccc; display:block; float:left; margin:0px 10px 0px 0px; padding:4px; position:relative; } #naggingBox p {font-size: 1.4em; margin:0px 0px 0px 55px; width:210px; _width:220px; _margin:5px 0px 0px 48px;} #naggingBox p.naggingBlurp {padding-bottom:8px;margin-left: 35px;} .rhcNote { margin-left:25px; _margin-left: 35px; } .capitalize { text-transform: capitalize; } h2.welcomeStrap { font-size: 17px; } h1.welcomeStrap { font-size: 24px; line-height: 100%; margin: 5px 0px 7px 10px; } .linkColor { color:#649928; } .friendList { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #EDF5E7; cursor: pointer; font-size: 1.2em; line-height: 200%; padding: 10px 0 5px 11px; width: 110px; } .invite_friend_item2 { float: left; margin: 3px; width: 90px; } h2.legacyWelcome { padding-left:0px; } .fieldDescUnder { color: #666; font-size: 1.1em; font-style: italic; } .boldLink { font-weight: bold; } .agendaHeadline{margin-bottom:3px; margin-top: 3px; /*width: 180px;*/} #overrideSelectField select { border:1px solid #ccc; } #newForms h1{ color: #A0C203; padding: 10px 0 20px; margin-left: 20px; } #newForms h2{ line-height: 1.4em; margin: 0px 0px 0px 20px; font-size: 1.4em; padding: 0px; } #newForms h3{ line-height: 1.2em; margin: 0px 0px 0px 20px; font-size: 1.2em; padding: 0px; } #newForms a { color: #A0C203; font-weight: bold; } #newForms a:hover { color:#649928; text-decoration: none; } #newForms label, span.akaLabel{ font-size: 12px; font-weight: bold; line-height: 28px; margin-right: 10px; } #newForms label.optional, span.optional { font-weight: normal; font-style: normal; } #newForms input[type=text] { width: 320px; } #newForms input[type=text] , input[type=password]{ height: 20px; background: transparent url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 15px; padding: 3px 0px 0px 3px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #newForms #password, #confirm_password, #new_password, #current_password{ height: 20px; background: transparent url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 15px; padding: 3px 0px 0px 3px; width: 320px; } #newForms input[type=file]{ height: 24px; background: #ffffff url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 14px; } #newForms select{ height: 24px; background: #ffffff url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 12px; padding: 4px 0px 0px 3px; margin: 0px 3px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #newForms textarea, textarea.textfieldFull, #reply_message_message textarea{ height: 220px; background: #ffffff url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 16px; padding: 5px 0px 0px 3px; margin: 0px 0px; width: 320px; font-family: 'Helvetica', arial, sans-serif; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #feedback textarea { height: 100px; margin-bottom: 10px; margin-top: 10px; width: 290px; background: #ffffff url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-family: Helvetica, sans-serif; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; padding:5px; } #reply_message_message { height: 110px; background: #ffffff url('/images/homepage/input_bg.png') repeat-x; border: 1px solid #cccccc; font-size: 16px; padding: 5px 0px 0px 3px; margin: 0px 0px; width: 380px; font-family: 'Helvetica', arial, sans-serif; } #newForms textarea.textfieldFull { width: 500px; height: 80px; font-size: 1.2em; } .formAlternate { background-color: #f2f2f2; margin: 0 4px; } .formFocus { background-color: #EEF8E4; margin: 0 4px; } #newForms input[type="text"]:focus, #newForms textarea:focus, #newForms select:focus{ border: 1px solid #A0C203; } #newForms input#password [type="password"]:focus { border: 1px solid #A0C203; } #newForms div{ margin-bottom: 5px; padding: 5px 0px; margin-left:5px; } #newForms .mainLabel { width: 140px; text-align: right; display:block; float: left; } #newForms .noLabel { margin-left: 150px; margin-bottom: 0px; height: 20px; } p.addInfo { font-size: 1.2em; font-weight: bold; padding:0px; margin-top: 8px; margin-bottom: 5px; } a.addInfo { margin-right: 15px; } #_event_additional_link { width:324px; } #newForms hr{ background-color: #f2f2f2; margin-top: 5px; } #newForms .submitBtn { text-align: left; margin-left: 148px; padding-top: 0px; position: relative; } #newForms .timeZone { margin-left: 160px; } #newForms .submitBtnRight { float: left; } .submitBtn a{ font-size: 1.2em; } #newForms input[type=submit] { background: #A0C203; color: #fff; font-size: 14px;; font-weight: bold; padding: 5px 10px; cursor: pointer; margin: 0; margin-top: 15px; } #newForms input.dayField { width: 25px; text-align: center; padding-left: 0px; } #newForms input.monthField { width: 35px; text-align: center; padding-left: 0px; } #newForms input.yearField { width: 50px; text-align: center; padding-left: 0px; } #newForms .hourField { width: 40px; text-align: center; padding-left: 0px; } .accessKeys { text-decoration: underline; } .joinField { font-size: 1.2em; font-weight: bold; margin: 0px 5px; } .joinFieldEvent { font-size: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px; padding-left: 0px; margin-top: 15px; } .joinFieldRight { font-size: 1.2em; font-weight: bold; margin: 25px 5px 0px 5px; } .radioField { margin-left: 25px; } .privacyField { margin-left: 50px; } #newForms input[type=radio], input[type=checkbox] { margin-right:3px; } a.addInfoBtn { background: url('/images/buttons/addInfo.png') no-repeat; padding-left: 20px; padding-top: 2px; margin-right: 40px; } a.addInfoBtn1 { background: url('/images/buttons/addInfo.png') no-repeat; padding-left: 20px; padding-top: 2px; margin-right: 45px; margin-left: 10px; } a.addInfoBtn2 { background: url('/images/buttons/addInfo.png') no-repeat; padding-left: 20px; padding-top: 2px; margin-right: 50px; } a.addInfoBtn:hover, a.addInfoBtn1:hover, a.addInfoBtn2:hover { background: url('/images/buttons/addInfoHover.png') no-repeat; } p.requiredFieldNote { color: #ccc; font-style: italic; margin-left: 10px; font-size: 1.2em; } #remind_option { margin-top: 9px; margin-bottom: 9px; } .tooltip { float:right; margin-right: 131px; } p.leftFloat { font-size: 1.2em; float: left; padding:0px; margin:0px; } #inviteFriendsList p { margin: 0px; padding: 0px; } div#inviteFriendsList { border: 1px solid #ccc; width: 515px; margin-left: 16px; margin-top:5px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #inviteFriendsList ul { padding:0px; } #newForms div.clear { padding:0px; margin:0px; } #eventInfo p { padding:0px; margin:0px 0px 0px 15px; } div.dateIcon { background: url('/images/icons/agendaDateIcon.png') no-repeat; height: 55px; float: left; width: 50px; margin-left: -10px; padding: 4px 0px 0px 0px; text-align: center; position: absolute; margin-top: 4px; } div.dateIconToday { background: url('/images/icons/agendaDateIconToday.png') no-repeat; height: 55px; float: left; width: 50px; margin-left: -10px; padding: 4px 0px 0px 0px; text-align: center; position: absolute; margin-top: 4px; } div.monthName { color: #fff; font-weight: bold; font-size: 1.2em; padding: 1px; font-variant: small-caps; } div.dayName { color: #fff; font-weight: bold; font-size: 1.2em; padding: 0 1px 1px 0px; font-variant: small-caps; } div.dayDate { color: #fff; font-weight: bold; font-size: 20px; padding: 4px 0px 2px 0px; font-variant: small-caps; } #event_landing h1{ color: #494949; line-height: 25px; margin-left: 10px; } #event_landing a{ color: #A0C203; } #event_landing { padding-left: 10px; padding-right: 10px; } #event_landing hr{ background-color: #f2f2f2; margin-bottom: 5px; } #event_landing .event_details p.larger_text {font-size: 1.4em;} .eventDescLabel { color: #494949; font-weight: bold; display: block; width: 50px; float: left; } p.eventDesc { font-size: 1.4em; float: left; } .event_details { width: 255px; } #event_landing .event_details p {padding-left: 5px; padding-bottom: 0px; font-size: 1.2em;padding-top:5px; } #event_landing .add_to_calendar {background: url(../images/buttons/addInfo.gif) left center no-repeat; padding: 3px 0 0 20px; } #event_landing h3 {padding-top: 4px;font-size: 1.4em;color: #494949;padding-bottom:0px;} #event_landing p { font-size: 1.2em; } #event_landing .event_landing_separator { margin-top: 0px; } #event_landing .add_to_actions {padding: 0px 0 3px 50px;} #event_landing .subheading {font-size: 1.2em; padding: 1px 0px 0px 0px; margin-left: 3px; font-style: italic; color:#ccc;} #event_landing .event_details #add_reminder { padding-top: 0px; font-size: 1.2em; } a.addReminder { background: url('/images/buttons/addInfo.gif') no-repeat; padding-left: 20px; padding-top: 2px; margin-right: 45px; } div.addThis { margin: 10px 0px 10px 10px; } .thumbnails img { float: left; margin-right: 5px; } #birthdayEntry h4{ font-weight: normal; padding-top: 4px; } .floatLeft { float:left; } .imgEventAgenda { margin-left: 10px; float:right; } .agendaAlternate { background-color: #f2f2f2; } .commentIcon { padding: 2px 0px 5px 0px; font-size: 12px; display: block; } .commentIconActive { padding: 0px 0px 0px 0px; font-size: 12px; display: block; line-height: 100%; } .rsvpPeople { background: url('/images/icons/icnRsvpAgenda.png') no-repeat; padding: 2px 0px 5px 20px; font-size: 12px; display: inline; margin-right: 10px; line-height: 15px; } .rsvpPeopleComing { background: url('/images/icons/icnRsvpComing.png') no-repeat; padding: 2px 0px 5px 20px; font-size: 12px; display: inline; margin-right: 10px; color:#F28309; line-height: 15px; } #journal .rsvpPeopleComing a{ color:#F28309; } #journal .commentIconActive a { color: #F28309; } #journal a { color:#A0C203; } h4#todoHeader { font-size: 15px; margin-top: 0px; font-weight: normal; margin-left: 0px; } .makeBold { font-weight: bold; } select#todo_due_option { font-size: 12px; } #submitTodo { font-size: 12px; } #newForms label.toDo { margin-right:8px; } .eventDescLabelBirthday { color: #494949; font-weight: bold; display: block; width: 90px; float: left; } h1 { font-size: 20px; } #toDoList{ padding:0px 0px 15px 15px; } #toDoList h1 { color:#A0C203; padding: 10px 0px 0px 13px; line-height: 20px; } #event_landing .addReminder {background: url(../images/icons/addReminder.png) right center no-repeat; padding: 2px 20px 0 0px; } span.reminderSet a{ height: 20px; width: 20px; background: url(../images/icons/addReminderOff.png) right center no-repeat; padding: 3px 15px 0 0px; } span.reminderSet a:hover{ height: 20px; width: 20px; background: url(../images/icons/addReminder.png) right center no-repeat; padding: 3px 15px 0 0px; } .skipStep { font-size: 12px; } #reminder_form select { border:1px solid #ccc; } #reminder_form .submit_button { padding: 2px 2px; background: #A0C203; } #newForms div.add_media_links a { padding-left: 20px; padding-top:2px; } #newForms .formError { margin-left:155px; } #errorExplanation h2 { font-size: 14px; } div#inviteFriendsForm { padding-left: 5px; } div#inviteFriendsForm .submitBtn { margin-left: 143px; } h2.headingScreens { color:#A0C203; padding: 5px 0px 0px 10px; } .contactsPage { padding: 0px 10px 0px 10px; } #newForms .fieldWithErrors input { border: 1px solid #FF6600; background: transparent url(/images/homepage/input_bg_error.png) repeat-x scroll 0 0; } .userInfo { font-size: 14px; margin-top: 5px; } #newForms .userInfoSubmitBtn { margin-left: 160px; } #newForms .timezoneSubmitBtn { margin-left: 175px; } #newForms .signup_tip { padding:10px; } .settingsAlignment { margin-left: 25px; } #newForms .currentEmailSetting { margin-left: 165px; } .privacyInfoIcon { cursor: pointer; } .profileDesc { font-weight: bold; margin-right: 0px; display: block; float: left; width: 80px; text-align: left; } #profile_detail p{ font-size: 12px; margin-left: 0px; padding-left: 10px; color: #494949; } .yourProfileItems { margin: 0px 40px 0px 10px; } #networkInfo h3, #recent_activity h3, #profile_detail h3{ padding:0px 0px 5px 0px; margin:20px 0px 10px 10px; border-bottom: 1px solid #f2f2f2; background: none; } #profile_detail h3{ padding:0px 0px 5px 0px; margin:0px 0px 10px 10px; border-bottom: 1px solid #f2f2f2; background: none; } #profile_detail { padding: 10px 0px 0px 0px; width: 340px; margin: 10px 0px 0px 10px; } #profile_detail p.editLink { padding:0px; float: right; } .contactList { margin-left: 35px; } #journal div.agenda_entry h4.completed a { text-decoration: line-through; color: #ccc; } #newForms #day { width:25px; } #newForms .due_datetime { margin-left: 155px; } #newForms #month { width:25px; } #newForms #year { width:50px; } #newForms #saveButton input[type=submit] { background: url(../images/buttons/btnSave.png) no-repeat; padding: 5px 15px 8px 26px; float:left; } #newForms #saveButton input[type=submit]:hover { background: url(../images/buttons/btnSaveHover.png) no-repeat; } #newForms #saveProceedBtn input[type=submit] { background: url(../images/buttons/btnSaveProceed.png) no-repeat; padding: 3px 15px 10px 30px; float:left; } #newForms #saveProceedBtn input[type=submit]:hover { background: url(../images/buttons/btnSaveProceedHover.png) no-repeat; } #newForms #btnInvitePpl input[type=submit] { background: url(../images/buttons/btnInvitePpl.png) no-repeat; padding: 3px 15px 6px 26px; } #newForms #btnInvitePpl input[type=submit]:hover { background: url(../images/buttons/btnInvitePplHover.png) no-repeat; } #newForms #btnInvitePplLeft input[type=submit] { background: url(../images/buttons/btnInvitePpl.png) no-repeat; padding: 3px 15px 6px 26px; } #newForms #btnInvitePplLeft input[type=submit]:hover { background: url(../images/buttons/btnInvitePplHover.png) no-repeat; } .settingsAdjust { padding-left: 10px; } #saveButtonSettings input[type=submit] { background: url(../images/buttons/btnSave.png) no-repeat; padding: 5px 15px 10px 26px; margin-left: 18px; font-size: 14px; font-weight: bold; color:white; cursor: pointer; } #saveButtonSettings input[type=submit]:hover { background: url(../images/buttons/btnSaveHover.png) no-repeat; } #btnUpload input[type=submit]{ background: url(../images/buttons/btnUploadBg.png) no-repeat; padding: 4px 15px 10px 28px; margin-left: 0px; font-size: 14px; font-weight: bold; color:white; cursor: pointer; } #btnUpload input[type=submit]:hover{ background: url(../images/buttons/btnUploadBgHover.png) no-repeat; } #sendMessageBtn input[type=submit] { background: url(../images/buttons/btnSendMsg.png) no-repeat; padding: 4px 20px 10px 30px; margin-left: 18px; font-size: 14px; font-weight: bold; color:white; float:left; width: 160px; } #sendMessageBtn input[type=submit]:hover { background: url(../images/buttons/btnSendMsgHover.png) no-repeat; } #sendMessageBtnReply input[type=submit] { background: url(../images/buttons/btnSendMsg.png) no-repeat; padding: 4px 20px 10px 30px; margin-left: 10px; font-size: 14px; font-weight: bold; color:white; float:left; width: 160px; margin-top: 5px; } #sendMessageBtnReply input[type=submit]:hover { background: url(../images/buttons/btnSendMsgHover.png) no-repeat; } #sendMessageBtnFeedback input[type=submit] { background: url(../images/buttons/btnSendMsg.png) no-repeat; padding: 4px 20px 10px 30px; margin-left: 0px; font-size: 14px; font-weight: bold; color:white; float:left; width: 160px; margin-top: 5px; } #sendMessageBtnFeedback input[type=submit]:hover { background: url(../images/buttons/btnSendMsgHover.png) no-repeat; } .joinField { margin: 0px 0px 0px 0px; padding-left: 0px; margin-top: 15px; } .joinFieldMessage { margin: 0px 0px 0px 0px; padding-left: 0px; margin-top: 5px; font-size: 12px; } #sendMessageBtn .submitBtn { margin-left: 135px; padding-top: 0px; } #newForms .defaultValue input.hasDefaultValue { color: #ccc; font-style: italic; } #newForms .defaultValue textarea.hasDefaultValue { color: #ccc; font-style: italic; } #comment_message { overflow-y: auto; } #newForms #btnInvitePpl { float:left; margin-left: 380px; width:150px; } #journal .journalTimestamp { color:#ccc; font-style: italic; font-size: 11px; margin-bottom: 5px; } #newForms #eventSummary div{ margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #newForms #eventSummary{ margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 5px; } #newForms #eventSummary #event_landing div{ margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #newForms #eventSummary .event_image { margin-top: 5px; } #newForms #eventSummary a { font-weight: normal; } #toDoList h4{ padding: 20px 11px 0 15px; } #tooltip_event_privacy { width: 265px; height: 72px; background: url(../images/structure/toolTipIcon.png) no-repeat; color:white; } #tooltip_event_privacy p{ padding: 8px 15px 10px; } .rsvpPplAgenda{ width: 400px; margin-bottom: 5px; margin-top: 5px; } .commentBucketAgenda{ float:left; margin: 5px 10px 0px 0px; } p.emptyAgenda { margin-left: 25px; color: #ccc; font-style: italic; } .pushToRight { margin-left: 30px; } #newForms .facebookEventList { margin-left: 30px; margin-bottom: 0px; height: 400px; overflow: auto; width: 570px; border: 1px solid #ccc; padding: 10px 0px 10px 5px; } #newForms .facebookEventList form { height: 400px; } #newForms #btnImportFbEvents { background: url(../images/buttons/importFbEvents.png) no-repeat; padding: 4px 20px 10px 30px; margin-left: 10px; font-size: 14px; font-weight: bold; color:white; width: 200px; margin-top: 15px; margin-left: 415px; } #newForms #btnImportFbEvents:hover { background: url(../images/buttons/importFbEventsHover.png) no-repeat; } .fbImportHeader { background: url(../images/structure/fbImportHeader2.png) no-repeat; height: 130px; width: 875px; } #newForms h2.subHead { font-size: 16px; margin-left: 30px; } #newForms .facebookEventList li { font-size: 13px; } #newForms .eventImportListHead { height: 15px; background-color: #A0C203; width: 578px; margin-left: 30px; margin-bottom: 0px; padding-top: 10px; } #newForms .fbListDesc { color:white; font-size: 14px; font-weight: bold; padding-left: 15px; margin-top: 8px; } #fb_login_image { margin: 10px 0px 10px 15px; } #newForms #saveBTN { background: url(../images/buttons/btnSave.png) no-repeat; padding: 5px 15px 8px 26px; float:left; color:white; font-weight: bold; width: 75px; } #newForms #saveBTN:hover { background: url(../images/buttons/btnSaveHover.png) no-repeat; padding: 5px 15px 8px 26px; float:left; color:white; font-weight: bold; width: 75px; } #newForms #btnUpload input[type=submit] { float:left; } #newForms .avatarChooser #uploadIE { margin-top: 0px; } #newForms #captureProfile label { text-align: right; width: 135px; } #newForms #captureProfile { margin: 0px; } #newForms #captureProfile .joinField a{ margin-left: 5px; } #newForms #captureProfile div { margin-left: 0px; } #newForms div#avatar_chooser { margin: 41px 0px 0px 18px; } #avatar_upload_form { display: block; } .privSettings { margin-left: -25px; } .plaxoButton{ float:left; font-weight: bold; font-size: 12px; margin-top: 5px; margin-right: 5px } #newForms div#profile_picture_chooser { margin-bottom: 0px; } .avatarChooserBackBtn { font-size: 12px; font-weight: bold; padding-top: 15px; padding-left: 5px; } div.secondary_navigation_tabs.noBorder { border:none; padding-top: 0px; } .move10Left { margin-left: 10px; } #newForms #captureProfile .profilePictureChooserForm { margin: 55px 0px 0px 150px; } #newForms .captureProfileForm { margin-top: 45px; float:left; padding-left: 20px; } #newForms .margin10Top { margin-top:10px; } #newForms #captureProfile .captureProfileFormSubmit { margin-left: 155px; margin-top: 0px; } #avatar_chooser { float:left; } #newForms .editProfileImageUploader { margin-left: 140px; } .addMoreImages { margin-left: 10px; } #journal p.friendsPostsHead { margin-right: 0px; margin-top: -5px; } #container .journalFilter { margin: 5px 0px 0px 20px; font-size: 14px; line-height: 100%; } #container .agendaFilter { margin: 11px 0px 12px 55px; font-size: 14px; line-height: 100%; } .makeGray { color: #ccc; } #journal a:hover { color: #649928; } .journalAction, .journalPublish { font-size: 12px; } #journal .journalAction a { color: #FF9900; } #journal .journalAction a:hover { color: red; } #container a.selected { color: #ccc; } .smallFonts { font-size: 10px; } .makeWhite { color: white; } #friendsUpdateRHC p { font-size: 12px; } #friendsUpdateRHC ul { padding-left: 0px; margin-top: 10px; } #friendsUpdateRHC h3 { padding-left: 0px; padding-top: 7px; margin-left: 12px; } .create_comment_form { margin-left: 0px; } .addMoreImages { margin-left: 10px; } .makeGray { color:#ccc; } #newForms .forgotPassword { margin-left: 290px; } #newForms #requestLostPassword input[type=submit] { background: #A0C203; color: #fff; font-size: 14px;; font-weight: bold; padding: 5px 10px; cursor: pointer; margin: 0; margin-top: 10px; } #newForms #requestLostPassword input[type=submit]:hover { background: url(../images/buttons/btnForgotPwdHover.png) no-repeat; } #newForms #requestLostPassword input[type=submit] { background: url(../images/buttons/btnForgotPwd.png) no-repeat; padding: 3px 15px 10px 30px; float:left; } #full_page p.msgBody { width: 405px; padding: 0px 0px 0px 0px; } #newForms .addressBookImportBtn { margin-left: 150px; } .noBorder { border:0px; } div.full_page_box messages, div.messageNav { border-bottom:0px; width: 860px; margin-left: 15px; padding-top: 10px; float:left; } .flashErrorForgotPWD { margin-left: 10px; } .makeBold { font-weight: bold; } .move10Right { margin-left: 10px; } .floatRight { float: right; } .breadCrumb { margin-right: 20px; } .birthday .breadCrumb, .anniversary .breadCrumb { display: none; } .makeItalic { font-style: italic; } #newForms .highlightRequired { color: red; } #newForms div.breadCrumb { padding-top: 3px; } .js_add_single_event, .js_add_birthday, .js_add_anniversary { margin-top: 10px; } #newForms .attach, #newForms .note, #newForms .link, #newForms .photo { margin-left: -5px; } #newForms .attach p.addInfo { margin-left: 5px; } #newForms #event_description, #event_website_url, #photo_uploaded_data { margin-left: 5px; } a.delete { color:red; } a.delete:hover { color:red; } .editDeleteIE { display: none; _display: inline; } .agendaPlaceholder { margin: -10px 0 10px 45px; } .shinyAgendaEvent { border: 1px solid #f2f2f2; padding: 15px 10px; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } .shinyAgendaTodo { padding: 11px 10px 4px 10px; border:1px solid #f2f2f2; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } .shinyAgendaBday{ padding: 10px 10px 5px; border:1px solid #f2f2f2; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #firstTimeWizard { height: 560px; width: 500px; border: 10px solid #494949; background-color: #fff; position: absolute; z-index: 999; left: 180px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; } ul.todoExpl li { margin-left: 13px; list-style: disc; } #firstTimeWizard ul.fbEventList li { clear: left; overflow: hidden; padding-top: 10px; } .todoInvitation { width:450px; margin-top:10px; margin-left: 20px; border: 1px solid #f2f2f2; padding: 5px 10px 15px; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } .todoInviteIcon { float: right; margin-top: -100px; } .profileProgress { margin-left: 30px; margin-bottom:30px; } #column_three a.completeProfileLink { color: #A0C203; } #column_three a.completeProfileLink:hover { color: #649928; } .agendaInvitation { width:450px; margin-top:10px; margin-left: 0px; border: 1px solid #f2f2f2; padding: 5px 10px 15px; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; } #calendar_monthly_view table td p.whiteBG { background: none; } #calendar_top_month .monthNameBigCalendar { text-align:center; font-size:22px; font-weight: bold; padding-top:20px; width:760px; } #calendar_top_month .bigCalNavLeft { margin: 10px 0px 0px 10px; } #calendar_top_month .bigCalNavRight { margin: 10px 35px 0 0; } #calendar_top_month .monthNameBigCalendar a{ color: #494949; line-height: 100%; } #firstTimeWizard ul.fbEventList input { float: left; } #firstTimeWizard li img { float: left; } #firstTimeWizard h2 { background-color: #a0c203; color:white; padding: 11px 0px 10px 10px; } #firstTimeWizard .facebookItems { height: 440px; width: 498px; overflow: auto; border: 1px solid #ccc; margin-left: 0px; padding-top: 5px; } #firstTimeWizard ul.fbSel li{ float:left; margin-right: 10px; } #firstTimeWizard ul.fbSel2 li{ float:right; margin-right: 10px; } #firstTimeWizard ul.fbSel { margin-top: 8px; float: left; } #firstTimeWizard ul.fbSel2 { margin-top: 8px; float: right; margin-right: -20px; } #firstTimeWizard hr { margin-top: 0px; clear: both; background-color: #ccc; } #firstTimeWizard p { font-size: 12px; margin-left: 80px; padding-bottom: 3px; } #firstTimeWizard .fbEventList img { margin-left: 10px; margin-top: 7px; } #firstTimeWizard .fbEventList input { margin-top: 5px; } #firstTimeWizard .importFBoptions { margin: 0px 0px 0px 10px; } #firstTimeWizard .shinyEventImport { border: 2px dashed #ccc; padding: 15px 10px; background: #f2f2f2 url(/images/icons/bgAgendaItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width: 440px; margin-bottom: 10px; } #firstTimeWizard #btnImportFbEvents { background: url(../images/buttons/importFbEvents.png) no-repeat; padding: 4px 20px 10px 30px; font-size: 14px; font-weight: bold; color:white; width: 200px; margin-left: 25px; margin-top: 12px; } #firstTimeWizard a.activeEventImport { color: #ccc; } #firstTimeWizard a.closeFBImporterLink { color: white; font-weight: bold; font-size: 12px; } #firstTimeWizard a.closeFBImporterLink:hover { text-decoration: none; font-size: 11px; } #firstTimeWizard ul.fbBDList li { overflow: hidden; padding-top: 10px; width:190px; height: 85px; float: left; border: 1px solid #f2f2f2; padding: 5px 10px; background: #f2f2f2 url(/images/icons/bgFbBdItem.png); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; margin-bottom: 10px; margin-right: 10px; } #firstTimeWizard .fbBDList img { margin-left: 10px; margin-top: 7px; } #firstTimeWizard .fbBDList input { margin-top: 5px; } #firstTimeWizard ul.fbBDList input { float: left; } #facebookConnectRHC h3{ padding: 0px 10px; font-weight: bold; font-size: 14px; color:#494949; } #facebookConnectRHC p{ padding: 0px; margin: 0px; width: 270px; } #facebookConnectRHC { margin: 5px 0px 0px 15px; } #facebookConnectRHC a { font-size: 12px; color: #A0C203; } .fBLinks1 { background: url(/images/icons/arrowToLink.png) no-repeat 0px 3px; padding: 5px 20px 0px; } .fBLinks2 { background: url(/images/icons/arrowToLink.png) no-repeat 0px 3px; padding: 5px 20px 0px; } #facebookConnectRHC .facebookConnected img{ margin-right: 10px; border: 1px solid #ccc; padding: 3px; } .fbImportLoader { text-align:center; margin-top: 180px; } #facebookConnectRHC p.facebookNotConnected { margin: 0px 0; } #facebookConnectRHC div.fbConnBG{ background: url(/images/icons/fbConnBG.jpg) no-repeat 0px 0px; padding: 48px 0 40px 63px; } #facebookConnectRHC div.fbConnBG_active{ background: url(/images/icons/fbConnectBG_active.png) no-repeat 0px 0px; padding: 55px 0 48px 63px; } .fbImportBtns_1 { float:left; margin-top:-8px; } #newForms .fbImportBtns_2 { float:left; margin-top:-22px; margin-left: 100px; } .fbImportBtns_3 { margin-top: 15px; } #feedback { background-color: #fff; border: 2px solid #98c54e; left: -120px; padding: 10px; position: absolute; text-align: left; top: 30px; width: 300px; z-index: 100; } #feedback #feedback_form { position: relative; } #feedback h4 { margin-bottom: 10px; padding: 0; } #feedback label { font-size: 1.2em; } #feedback input.submit_button { float: right; font-size: 1.3em; } #feedback select.selectfield { font-size: 1.2em; margin-left: 10px; width: 160px; } #feedback div.close { position: absolute; top: 0; right: 0; } #newForms .joinFieldEvent a:hover, #newForms .joinFieldMessage a:hover, #newForms .joinFieldRight a:hover { color:red; } #facebookConnectRHC p.FBfeedbackMSG { font-size: 13px; font-weight: bold; padding: 6px 0px 3px 30px; background: url(/images/icons/veritas.png) no-repeat 0px 0px; } #facebookConnectRHC p.facebookNotConnected { font-size: 14px; font-weight: bold; padding: 6px 0px 3px 10px; } #facebookConnectRHC a.fbConnectImportBTN { background: url(/images/buttons/fbConnectImportBTN.png) no-repeat 0px 8px; padding: 17px 18px 5px 33px; color:white; font-weight: bold; font-size: 13px; text-decoration: none; } #facebookConnectRHC a.fbConnectImportBTN:hover { background: url(/images/buttons/fbConnectImportBTN_hover.png) no-repeat 0px 8px; } #fbSuccessPrompt h3 { line-height: 100%; padding:0px 0px 7px 0px; } #fbSuccessPrompt .successMessage { background: #fff url(/images/icons/fb_import_success_bg.png) no-repeat; margin: 10px 0px 0px 15px; padding: 15px 0px 30px 15px; } #fbSuccessPrompt .successMessage span { color: #666; font-style: italic; } #fbSuccessPrompt input.inputSave { background: #fff url(/images/buttons/btnSave.png) no-repeat; color: white; font-weight: bold; font-size: 14px; padding: 5px 10px 5px 25px; } #fbSuccessPrompt input.inputSave:hover { background: #fff url(/images/buttons/btnSaveHover.png) no-repeat; color: white; font-weight: bold; font-size: 14px; padding: 5px 10px 5px 25px; } #fbSuccessPrompt .fbPermissions { background: #fff url(/images/icons/fb_permissions_bg.png) 14px 0px no-repeat; margin: 0px 0px 0px 0px; padding: 15px 0px 25px 14px; border-bottom: 1px solid #ccc; } #fbSuccessPrompt p { margin-left: 10px; } #fbSavePermissions { text-align: right; margin: 0px 10px 0px 0px; } #fbSuccessPrompt .fbPermissions .previewIMG { margin: 0px 0px 0px 27px; } #fbSuccessPrompt { border-top: 1px solid #ccc; } .askPermission h4 { color: #a0c203; font-size: 14px; margin-left: 0px; padding-left: 0px; } .askPermission { margin: 5px 0px 7px 20px; padding-left: 30px; background: #fff url(/images/icons/fb_permissions_arrow.png) 0px 0px no-repeat; } .askPermission span { color: #ccc; font-style: italic; } .aboutPage ul { margin-left: 15px; } .aboutPage ul li{ list-style: disc; margin-left: 15px; font-size: 14px; padding: 0px 0px 10px; line-height: 120%; } .fbUpcoming { margin-left: 10px; } .fbUpcoming p { font-size: 12px; padding: 5px 0px 5px 10px; } .fbUpcoming p.fbEventTitle { color: #3C5A98; font-weight: bold; padding-left: 100px; } .fbUpcoming p.fbEventStart { color: #808080; padding-left: 100px; } .fbUpcoming p.fbRSVP { padding-left: 100px; } .fbUpcoming p.fbBirthdayInfo { padding-left: 100px; } .fbUpcoming p.fbCheckBox { padding-right: 0px; padding-left: 0px; } li.fbBdayList { width: 250px; overflow: hidden; height: 100px; } .fbImportAutoSyncOption { margin-left: 10px; width: 500px; } .fbImportAutoSyncOption input { margin-right: 10px; } .fbAutoSyncExpl { display:block; padding-left: 25px; color: #808080; font-style: italic; } .fbUpcoming h1 { margin: 5px 10px 0px 10px; padding: 7px 0px 10px 30px; background: url(/images/icons/fb-logo-medium.png) no-repeat; display: block; } .shinyFBEvent { border:1px dashed #CCCCCC; padding: 15px 10px; background: #fff url(/images/icons/bgAgendaItem.png) 28px 0px repeat-y; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; margin-bottom: 5px; } .shinyFBBday{ padding: 10px 10px 5px; border:1px dashed #CCCCCC; background: #f2f2f2 url(/images/icons/bgAgendaItem.png) repeat-y -230px 0; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; height: 100px; margin: 0px 5px 10px 0px; } li.fbBdayList { height: 120px; } .privateEvent #publicLbl { display: none; } .publicEvent #privateLbl { display: none; } #full_page label.fbPermSettings { width: 350px; text-align: left; padding-left: 10px; } #full_page input.fbPermSettings { float: left; } #full_page #saveButtonSettings input#saveIE { margin: 10px 0px 10px 5px; } .fbSelectItems { text-align: right; margin-right: 20px; } #fbImportBirthdaysBtn { background: url(/images/buttons/fb-import-birthdays.png) no-repeat; padding: 6px 25px 5px 30px; font-size: 13px; font-weight: bold; color: #fff; margin: 0px 0px; float: right; } #fbImportBirthdaysBtn:hover { background: url(/images/buttons/fb-import-birthdays-hover.png) no-repeat; cursor: pointer; } #fbImportEventsBtn { background: url(/images/buttons/fb-import-events.png) no-repeat; padding: 6px 25px 5px 30px; font-size: 13px; font-weight: bold; color: #fff; float: right; } #fbImportEventsBtn:hover { background: url(/images/buttons/fb-import-events-hover.png) no-repeat; cursor: pointer; } label.fbAutoImportOption { font-size: 11px; } div.fbAutoImportOption { margin: 5px 0px 10px 10px; } .journalInviteFriends a{ font-size: 16px; font-weight: bold; } ul.privacy { width:430px; padding-left: 25px; font-size: 14px; } ul.privacy li{ padding-bottom: 10px; } h1.privacyHeader { margin-left: 10px; line-height: 100%; } .settingsBox hr{ width: 60%; } .eventTypes { margin-right: 5px; } #journal .journal_posts_right.myJournalPosts { margin: 5px 0 10px 45px; } #journal .journal_posts_right.myJournalPosts p{ padding:0 0 5px 0; } #container p.journalPublish, p.commentIcon, p.journalAction { padding: 0; } #container .journal_posts_right p { padding-left: 0px; padding-bottom: 0px; padding-top: 5px; } #container .journal_posts_right p.friendsPostsHead { padding-left: 12px; } .journal_separator { margin-bottom: 10px; } .agenda #journal .journal_posts_right { margin-left: 35px; width: 495px; } .note_inline_comments { margin-left: 10px; } .myPostComments { margin-left: 45px; } div.comment_feed div.post_content_top { padding: 3px 5px 0px 8px; } div.note_post { margin-left: 35px; } .posted_comments { margin-top: 0; } div.add_media_links ul { margin-left: 0px; margin-top: 10px; margin-bottom: 20px; } #column_three .rhc_notifications p.invitationRHC { padding-left: 42px; } #column_three .rhc_notifications { margin-left: 15px; } #column_three .rhc_notifications h3 { padding: 5px 20px 7px 2px; font-weight: bold; font-size: 13px; color: #494949; } #column_three p.inviteHost { margin-top: 5px; padding: 0 0 0 5px; } .inviteBoxRHC { width: 280px; border: 1px solid #f2f2f2; margin-bottom: 5px; -moz-border-radius: 4px; /* background-color: #f2f2f2; */ background: url("/images/icons/bgAgendaItem.png") repeat scroll -188px 0 #F2F2F2; } .rhc_notifications #naggingBoxFB { padding: 7px 0 1px 9px; } #naggingBoxFB ul { padding-left: 5px; } #column_three .journalUP h3{ padding: 5px 20px 3px 6px; font-weight: bold; } #column_three .journalUP .inviteBoxRHC { padding-top: 10px; } #friendsUpdateRHC ul { padding-right: 0px; } h4.completedTask { padding-left: 30px; padding-top: 50px; } #column_three h3.completedTaskByMonth { padding-bottom: 10px; } #column_three p.showAllComplTasks { float:right; margin: -30px 25px 0px 0px; } .deleteAccountConfirm { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius: 4px; background:#FFDDDD url('/images/icons/icon-bin.png') no-repeat 7px 10px; border:1px solid rgba(173, 29, 29, 0.5); color: #C40606; width: 390px; padding: 14px 5px 11px 30px; font-weight: bold; } .deleteAccountConfirm a { color: rgba(173, 29, 29, 0.5); } .deleteAccountConfirm a:hover { color: red; } .leavingFeedbackForm { margin-left: 20px; padding-top: 10px; } .leavingFeedbackForm form{ margin-left: 10px; } #newForms.leavingFeedbackForm h1 { margin: 0px 0px 0px 10px; } .dontLeaveKitten { margin: 0 0 20px 0; } a.addPix { margin-right:0px; }