@import "/application/css.php?request=application%2Fthemes%2Fjewishnet%2Ftheme.css&pageStart=367476&pageEnd=599883"; /* */ /* DEFAULT STYLES FOR THIS THEME */ /* Global member photos and icons */ img.main { max-width: 720px; max-height: 720px; } img.thumb_normal { max-width: 140px; max-height: 160px; } img.thumb_profile { max-width: 200px; max-height: 400px; } img.thumb_icon { width: 48px; height: 48px; } img.main, img.thumb_normal, img.thumb_profile, img.thumb_icon { border: 1px solid #ddd; } /* GLOBAL MIXINS These groups of styles called "mixins" are included in other classes throughout the stylesheet. */ /* Gives an element a background and/or border */ /* Gives an element a drop shadow */ /* Gives an element rounded corners. */ /* Prevents users from selecting contents */ /* */ /* MAIN LOGIN FORM Gives special positioning to the elements in the main login form. */ #user_form_login #fieldset-buttons { overflow: hidden; } #user_form_login #submit-wrapper { float: left; clear: none; } #user_form_login #submit-element { min-width: 0px; } #user_form_login #remember-wrapper { float: left; clear: none; padding-top: 6px; padding-left: 15px; } #user_form_login.global_form_box #remember-wrapper { float: left; clear: none; padding-top: 0px; padding-left: 5px; } #user_form_login.global_form_box #remember-wrapper label { margin-top: 5px; } #user_form_login #remember-label { display: none; } #user_form_login #forgot-element { margin-top: 5px; } /* NETWORK STATISTICS WIDGET Shows some basic stats about the network, e.g. total members, total friendships, total posts, etc. */ .layout_core_statistics { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_core_statistics ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_core_statistics ul > li { padding: 5px; overflow: hidden; clear: both; } .layout_core_statistics ul > li span { font-size: 1.4em; display: block; float: left; margin-right: 6px; } .layout_core_statistics ul > li div { display: block; float: left; line-height: 1.7em; } html[dir="rtl"] .layout_core_statistics ul > li span { margin-right: 0px; margin-left: 6px; float: right; } html[dir="rtl"] .layout_core_statistics ul > li div { float: right; } /* ANNOUNCEMENTS WIDGET */ .layout_announcement_list_announcements { overflow: hidden; margin-bottom: 15px; } .layout_announcement_list_announcements ul { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; padding: 10px; } .layout_announcement_list_announcements li + li { margin-top: 10px; border-top: 1px solid #d7e8f1; padding-top: 10px; } .layout_announcement_list_announcements .announcements_title { font-weight: bold; } .layout_announcement_list_announcements .announcements_info { margin-bottom: 10px; } .layout_announcement_list_announcements .announcements_author { font-size: .8em; } .layout_announcement_list_announcements .announcements_date { font-size: .8em; } /* RATING ICONS Used wherever icons are shown for rating things. */ .rating { clear: both; overflow: hidden; } /* small icons */ .rating_star_generic { display: inline-block; width: 8px; height: 8px; background-repeat: no-repeat; font-size: 1px; cursor: default; } .rating_star, .rating_star_half { background-image: url(/application/modules/Core/externals/images/star.png?c=75); } .rating_star_disabled { background-image: url(/application/modules/Core/externals/images/star_disabled.png?c=75); } .rating_star_half { background-image: url(/application/modules/Core/externals/images/star_half.png?c=75); width: 4px; } html[dir="rtl"] .rating_star_half { background-image: url(/application/modules/Core/externals/images/star_half_rtl.png?c=75); } /* big icons */ .rating_star_big_generic { float: left; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; font-size: 1px; cursor: pointer; } html[dir="rtl"] .rating_star_big_generic { float: right; background-position: right center; } .rating_star_big { background-image: url(/application/modules/Core/externals/images/star_big.png?c=75); } .rating_star_big_half { background-image: url(/application/modules/Core/externals/images/star_big_half.png?c=75); } .rating_star_big_disabled { background-image: url(/application/modules/Core/externals/images/star_big_disabled.png?c=75); } html[dir="rtl"] .rating_star_big_half { background-image: url(/application/modules/Core/externals/images/star_big_half_rtl.png?c=75); } /* text */ .rating_text { float: left; display: inline-block; height: 16px; color: #aaa; font-size: .8em; line-height: .8em; cursor: pointer; margin-left: 5px; padding-top: .4em; cursor: default; } html[dir="rtl"] .rating_text { float: right; margin-left: 0px; margin-right: 5px; } /* TAG AUTOSUGGEST Used to style the autosuggest pulldown shown when you are entering a tag on the edit/new blog page. */ ul.tag-autosuggest { position: absolute; padding: 0px; width: 300px; list-style: none; z-index: 50; border: 1px solid #eaeaea; margin: 0px; list-style: none; cursor: pointer; white-space: nowrap; background: #fff; } ul.tag-autosuggest > li { padding: 3px; overflow: hidden; } ul.tag-autosuggest > li + li { border-top: 1px solid #eaeaea; } ul.tag-autosuggest > li img { max-width: 25px; max-height: 25px; display: block; float: left; margin-right: 5px; } ul.tag-autosuggest > li.autocompleter-selected { background: #eee; color: #555; } ul.tag-autosuggest > li.autocompleter-choices { font-size: .8em; } ul.tag-autosuggest > li.autocompleter-choices .autocompleter-choice { line-height: 25px; } ul.tag-autosuggest > li:hover { background: #eee; color: #555; } ul.tag-autosuggest > li span.autocompleter-queried { font-weight: bold; } ul.tag-autosuggest .search-working { background-image: none; } .autocompleter-choice { cursor: pointer; } .autocompleter-choice:hover { color: #5ba1cd; } /* FILE UPLOADER */ .uploader .swiff-uploader-box a { display: none !important; } .uploader #demo-status { padding: 10px 15px; width: 420px; border: 1px solid #eee; } .uploader #demo-status .progress { background: url(/externals/fancyupload/assets/progress-bar/progress.gif?c=75); background-repeat: no-repeat; background-position: +50% 0; margin-right: 0.5em; vertical-align: middle; } .uploader #demo-status .progress-text { font-size: 0.9em; font-weight: bold; } .uploader #demo-list { list-style: none; width: 450px; margin: 0; } .uploader #demo-list li.validation-error { padding-left: 44px; display: block; clear: left; line-height: 40px; color: #8a1f11; cursor: pointer; border-bottom: 1px solid #fbc2c4; background: #fbe3e4 url(/externals/fancyupload/assets/failed.png?c=75) no-repeat 4px 4px; } .uploader #demo-list li.file { border-bottom: 1px solid #eee; background: url(/externals/fancyupload/assets/file.png?c=75) no-repeat 4px 4px; overflow: auto; } .uploader #demo-list li.file.file-uploading { background-image: url(/externals/fancyupload/assets/uploading.png?c=75); background-color: #D9DDE9; } .uploader #demo-list li.file.file-success { background-image: url(/externals/fancyupload/assets/success.png?c=75); } .uploader #demo-list li.file.file-failed { background-image: url(/externals/fancyupload/assets/failed.png?c=75); } .uploader #demo-list li.file .file-name { font-size: 1.2em; margin-left: 44px; display: block; clear: left; line-height: 40px; height: 40px; font-weight: bold; } .uploader #demo-list li.file .file-size { font-size: 0.9em; line-height: 18px; float: right; margin-top: 2px; margin-right: 6px; } .uploader #demo-list li.file .file-info { display: block; margin-left: 44px; font-size: 0.9em; line-height: 20px; } .uploader #demo-list li.file .file-remove { clear: right; float: right; line-height: 18px; margin-right: 6px; } /* GLOBAL BROWSE PAGE STYLES Used to style the browse pages throughout the site. */ .browse-range-wrapper input[type=text] { width: 50px; } .browse-separator-wrapper { border-bottom: 1px solid #ccc; height: 1px; margin: 6px 0 0; } .field_search_criteria .form-options-wrapper > li { padding-top: 3px; } /* GLOBAL PAGINATION Used to show page numbers and previous & next links throughout the site. */ .pages { overflow: hidden; clear: both; } .paginationControl { float: left; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d0e2ec; clear: both; } .paginationControl > li { float: left; overflow: hidden; margin: 1px; } .paginationControl > li > a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: .3em .6em; font-weight: bold; font-size: 1em; } .paginationControl > li > a:hover { text-decoration: none; background-color: #F0EFE8; } .paginationControl > li.disabled > a { color: #999; } .paginationControl > li.disabled > a:hover { background-color: transparent; cursor: default; } .paginationControl > li.selected { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; } .paginationControl > li.selected > a { color: #555; } .paginator_previous { float: left; display: inline; } .paginator_next { float: right; display: inline; } /* PHOTO THUMBS LIST Used throughout the core and various plugins to show a grid of photo thumbnails. */ ul.thumbs { overflow: hidden; } ul.thumbs > li { float: left; margin: 0px 10px 0px 0px; height: 180px; } html[dir="rtl"] ul.thumbs > li { float: right; margin: 0px 0px 0px 10px; } ul.thumbs .thumbs_photo { display: inline-block; border: 1px solid #ddd; padding: 4px; vertical-align: bottom; } ul.thumbs .thumbs_photo:hover { border: 1px solid #aaa; cursor: pointer; } ul.thumbs .thumbs_photo > span { display: block; width: 142px; height: 106px; background-position: center 50%; background-repeat: no-repeat; } ul.thumbs .thumbs_info { padding-top: 4px; display: block; font-size: .8em; color: #999; overflow: hidden; } ul.thumbs .thumbs_title { width: 142px; display: block; font-weight: bold; word-wrap: break-word; max-height: 2.6em; overflow: hidden; } ul.thumbs.thumbs_nocaptions > li { height: auto; margin-bottom: 10px; } ul.thumbs.thumbs_nocaptions > li.sortable, ul.thumbs.thumbs_nocaptions > li.sortable a { cursor: move; } /* PHOTO TAGGING Styles the popup used to show the tagging form for photos. */ div.tag_div, div.tag_div_hidden { position: absolute; z-index: 98; border: 2px solid #fff; } div.tag_div_hidden { /* z-index: -1; visibility: hidden; */ border: 2px solid transparent; } div.tag_label, div.tag_label_hidden { position: absolute; padding: 3px 5px 3px 5px; border: 1px solid #777; font-weight: bold; display: block; z-index: 98; background: #fff; } div.tag_label_hidden { z-index: -1; visibility: hidden; } div.media_photo_tagform_titlebar { text-align: left; padding: 7px 7px 4px 7px; font-weight: bold; font-size: .8em; text-transform: uppercase; } div.media_photo_tagform_container { padding: 0px 7px 7px 7px; overflow: hidden; } div.media_photo_tagform_container input[type=text] { width: 130px; } div.media_photo_tagform_text { font-size: .8em; margin-bottom: 7px; } div.tagger_list, div.media_photo_friendlist { width: 126px; overflow: auto; margin: 4px 0px 4px 0px; height: 130px; text-align: left; padding: 4px; border: 1px solid #bbb; } div.tagger_list a, div.media_photo_friendlist a { font-size: .8em; } div.tagger_list a:hover, div.media_photo_friendlist a:hover { text-decoration: underline; } div.media_photo_tagform_submits a:hover { text-decoration: underline; } div.media_photo_tagform_submits a { font-weight: bold; font-size: .8em; cursor: pointer; } html[dir="rtl"] div.media_photo_tagform_submits a { float: right; } div.media_photo_tagform_submits a + a { margin-left: 13px; } html[dir="rtl"] div.media_photo_tagform_submits a + a { margin-left: 0px; margin-right: 13px; } div.media_photo_tagform { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); display: none; border: 1px solid #888; width: 150px; position: absolute; background: #fff; } div.media_photo_tagform { text-decoration: none; } div.media_photo_div { position: relative; margin-bottom: 10px; margin-left: auto; margin-right: auto; } .media_tag_listcontainer > a { font-weight: bold; } #tagger_input { margin-bottom: 8px; } li.autocompleter-choices { padding: 0px 5px 5px 5px; } li.autocompleter-choices img { height: 16px; width: 16px; float: left; margin-right: 5px; } html[dir="rtl"] li.autocompleter-choices img { float: right; margin-right: 0px; margin-left: 5px; } li.autocompleter-choices .autocompleter-queried { font-weight: bold; } .tag_comma { margin-right: 6px; } .tag_div, .tag_label { z-index: 100000; } .tag_label { border: 1px solid #000; background-color: #fff; padding: 3px; } .tag_hidden, .tag_label_hidden { visibility: hidden; } .albums_viewmedia_info_tags { margin-top: 6px; } .tagger_form { background-color: #fff; border: 1px solid #000; } .tagger_input { width: 99%; height: 18px; border-bottom: 1px solid #ccc; font-size: 13px; } span.tag_info a.tag_destroyer { font-size: 8pt; font-weight: normal; } /* ACTIVITY FEED COMPOSER FORM These styles are used for the small form that sits above the activity feed, allowing members to post. */ .activity-post-container { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; } form.activity { padding: 7px; overflow: hidden; } form.activity > div > input[type=text], form.activity > div > textarea { width: 99%; } form.activity .buttonlink { margin-top: 7px; font-size: .8em; padding-top: 2px; padding-bottom: 1px; } /* ACTIVITY FEED POST FORM These styles are used for the post form above the activity feed. */ .activity-post-container { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; overflow: hidden; padding: 0; } .activity-post-container textarea { width: 99%; } #compose-submit { margin-right: 5px; } /* ACTIVITY FEED COMPOSER These styles are used for the attachment composer. */ .compose-container { position: relative; } .compose-container .overTxtLabel { padding: 4px 0px 0px 3px; color: #999; } .compose-content { background-color: #fff; color: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-width: 1px; border-color: #999 #ccc #ccc #999; cursor: text; padding: 5px; clear: both; outline: none; -moz-outline-style: none; } .compose-container .compose-content div { clear: both; float: none; margin: 0; padding: 0; } div.compose-menu a.compose-activator { background-repeat: no-repeat; background-position: 0% 50%; margin-left: 14px; padding-left: 21px; } html[dir="rtl"] div.compose-menu a.compose-activator { background-position: 100% 50%; margin-left: 0px; margin-right: 14px; padding-left: 0px; padding-right: 21px; } .compose-tray { padding: 0px 10px 5px 10px; } .compose-body { display: block; overflow: hidden; padding: 7px 0px; } .compose-menu { overflow: hidden; margin-top: 9px; } .compose-tray .compose-menu > span { background-repeat: no-repeat; padding-left: 20px; display: block; } html[dir="rtl"] .compose-tray .compose-menu > span { padding-left: 0px; padding-right: 20px; background-position: 100% 50%; } .compose-loading { background-repeat: no-repeat; background-position: 0px 0px; } html[dir="rtl"] .compose-loading { background-position: 100% 0%; } .compose-loading span { margin-left: 22px; display: block; } html[dir="rtl"] .compose-loading span { margin-left: 0px; margin-right: 22px; } .compose-loading img { display: block; float: left; } html[dir="rtl"] .compose-loading img { float: right; } .compose-preview-image-invisible { visibility: hidden; } .compose-preview-image-hidden { display: none; } .compose-preview-image { border: 1px solid #ddd; } .compose-preview-info { overflow: hidden; padding-left: 10px; } /* ACTIVITY FEED COMPOSER LINK These styles are used for the attachment composer above the main feed. */ #compose-link-activator, #compose-link-menu span { background-image: url(/application/modules/Activity/externals/images/link.png?c=75); background-repeat: no-repeat; } #compose-link-form-input { display: block; margin-bottom: 7px; width: 75%; } #compose-link-preview-images { float: left; overflow: hidden; vertical-align: top; display: block; } #compose-link-preview-images img { border: 1px solid #ddd; width: 100px; } #compose-link-preview-title { margin-bottom: 4px; } #compose-link-preview-title a { font-weight: bold; } #compose-link-preview-description { font-size: .8em; } #compose-link-preview-options, #compose-link-preview-options-choose { font-size: .8em; margin: 8px 0px 8px 0px; font-weight: bold; } #compose-link-preview-options-choose span { padding-right: 5px; } #compose-link-preview-options-none { font-size: .8em; } #compose-link-preview-options-none input[type=checkbox] { display: block; float: left; } #compose-link-preview-options-none label { display: block; float: left; } /* GENERIC LIST WIDGET These icons are used for list widgets. */ .layout_generic_list_widget { clear: both; overflow: auto; width: 100%; } ul.generic_list_widget { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; margin-bottom: 15px; } ul.generic_list_widget > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } ul.generic_list_widget_large_photo > li + li { margin-top: 10px; } ul.generic_list_widget .photo { float: left; display: block; } ul.generic_list_widget_large_photo .photo { float: none; clear: both; display: block; margin-bottom: 5px; } ul.generic_list_widget a.thumb { /* width: 48px; */ } ul.generic_list_widget a.thumb > img { display: block; } ul.generic_list_widget .info { padding: 0px 0px 0px 6px; overflow: hidden; } ul.generic_list_widget_large_photo .info { padding: 0px 0px 0px 2px; } ul.generic_list_widget .title { font-weight: bold; } ul.generic_list_widget .stats { font-size: .8em; } ul.generic_list_widget .owner { margin-top: 2px; font-size: 0.8em; } ul.generic_list_widget .description { clear: both; margin-top: 10px; padding: 1px 0px 4px 0px; font-size: .8em; /* border-bottom: 1px solid #fff; */ } ul.generic_list_widget_large_photo .info + .description { padding-left: 2px; margin-top: 4px; } /* ACTION TYPE ICONS */ .activity_icon_status { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } /* ITEM TYPE ICONS */ .item_icon_core_link { background-image: url(/application/modules/Core/externals/images/types/core_link.png?c=75); } /* GLOBAL ICONS These icons are used with "buttonlink" links in various modules throughout the site. */ .icon_back { background-image: url(/application/modules/Core/externals/images/back.png?c=75); } html[dir="rtl"] .icon_back { background-image: url(/application/modules/Core/externals/images/back_rtl.png?c=75); } .icon_previous { background-image: url(/application/modules/Core/externals/images/previous.png?c=75); } html[dir="rtl"] .icon_previous { background-image: url(/application/modules/Core/externals/images/previous_rtl.png?c=75); } .icon_next { background-image: url(/application/modules/Core/externals/images/next.png?c=75); } html[dir="rtl"] .icon_next { background-image: url(/application/modules/Core/externals/images/next_rtl.png?c=75); } .icon_comments { background-image: url(/application/modules/Core/externals/images/comments.png?c=75); } .icon_viewmore { background-image: url(/application/modules/Core/externals/images/viewmore.png?c=75); } .icon_clearlist { background-image: url(/application/modules/Core/externals/images/clear.png?c=75); } .icon_friend_add { background-image: url(/application/modules/User/externals/images/friends/add.png?c=75); } .icon_friend_remove { background-image: url(/application/modules/User/externals/images/friends/remove.png?c=75); } .icon_friend_cancel { background-image: url(/application/modules/User/externals/images/friends/remove.png?c=75); } .icon_friend_accept { background-image: url(/application/modules/User/externals/images/friends/add.png?c=75); } .icon_activity_post { background-image: url(/application/modules/Activity/externals/images/post.png?c=75); } .icon_report { background-image: url(/application/modules/Core/externals/images/report.png?c=75); } /* SMOOTHBOX Used for the modal popup smoothbox. */ .modal { display: none; } .modal_row { margin: 5px 5px 10px 10px; } .modal_textoption { margin-top: 3px; font-size: 8pt; } .modal_textoption input.text { width: 200px; } #global_content_simple { display: inline-block; } #TB_window a:link { color: #666666; } #TB_window a:visited { color: #666666; } #TB_window a:hover { color: #000; } #TB_window a:active { color: #666666; } #TB_window a:focus { color: #666666; } #TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; background-color: #000; } #TB_window { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: absolute; z-index: 102; text-align: left; background: #eee; color: #000; border: 8px solid #444; } #TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; } #TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; } #TB_closeAjaxWindow { padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title { background-color: #e9f4fa; height: 33px; border-bottom: 1px solid #d7e8f1; } /* hide the title bar by default */ #TB_title { display: none; } #TB_title * { font-weight: bold; font-size: 13pt; letter-spacing: -1px; } #TB_ajaxContent { clear: both; padding: 12px 15px 38px 10px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent p { padding: 5px 0px 5px 0px; } #TB_load { position: absolute; display: none; height: 100px; width: 100px; z-index: 101; } #TB_HideSelect { z-index: 99; position: absolute; top: 0; left: 0; background-color: #fff; border: none; } #TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; } /* IE6 */ * html #TB_iframeContent { margin-bottom: 1px; } /* INLINE NOTIFICATIONS */ ul.notifications { overflow: hidden; } ul.notifications_menu > li, ul.notifications_menu > div { padding: .5em; min-width: 160px; } ul.notifications_menu > li { padding-top: 7px; padding-bottom: 7px; } ul.notifications_menu > li + li { border-top-width: 1px; } ul.notifications_menu > li.notifications_unread > span { font-weight: bold; } ul.notifications_menu > li > span { min-height: 16px; display: block; padding-left: 22px; background-repeat: no-repeat; float: none; } ul.notifications_menu > li > span > a { display: inline; float: none; } .notifications_options { overflow: hidden; border-top-width: 1px; padding-top: 7px; } .notifications_options > div { display: inline-block; vertical-align: middle; } .notifications_options > div + div { margin-left: 15px; } .notifications_markread_link { background-image: url(/application/modules/Core/externals/images/markread.png?c=75); } /* */ /* REQUESTS & NOTIFICATIONS Used on the member's "view requests and updates" page, which lists all their recent notifications. */ div.notifications_layout { clear: both; overflow: hidden; } div.notifications_layout > div.notifications_leftside { float: left; width: 330px; overflow: hidden; } html[dir="rtl"] div.notifications_layout > div.notifications_leftside { float: right; } div.notifications_layout > div.notifications_rightside { overflow: hidden; padding-left: 30px; } html[dir="rtl"] div.notifications_layout > div.notifications_rightside { padding-left: 0px; padding-right: 30px; } ul.notifications > li { overflow: hidden; clear: both; margin-bottom: 10px; } ul.notifications > li + li { border-top-width: 1px; padding-top: 10px; } ul.notifications > li.notifications_unread > span { font-weight: bold; } ul.notifications > li > span { display: block; padding-left: 22px; background-repeat: no-repeat; } html[dir="rtl"] ul.notifications > li > span { padding-left: 0px; padding-right: 22px; background-position: top right; } ul.requests { overflow: hidden; } ul.requests > li { overflow: hidden; clear: both; margin-bottom: 20px; } ul.requests > li + li { border-top-width: 1px; padding-top: 10px; } ul.requests > li > img { display: block; float: left; } html[dir="rtl"] ul.requests > li > img { float: right; } ul.requests > li > div { overflow: hidden; padding-left: 10px; } html[dir="rtl"] ul.requests > li > div { padding-left: 0px; padding-right: 10px; } ul.requests > li > div > div > a { font-weight: bold; } ul.requests > li > div > div + div { padding: 10px 0px 0px 0px; } ul.requests > li > div > div + div > a { font-weight: normal; } ul.requests > li > div > div + div > button { font-size: .8em; } /* REQUESTS WIDGET Used to style the small list of requests, typically viewed on the user home page when signed in. */ ul.requests_widget { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; margin-bottom: 15px; } ul.requests_widget > li + li { margin-top: 5px; } /* ACTIVITY FEEDS These styles are used for the recent activity feed shown on the main portal page, as well as any other activity feeds shown elsewhere. */ ul.feed { clear: both; } ul.feed > li { padding: 0px 0px 10px 0px; overflow: hidden; } ul.feed > li + li { padding-top: 10px; border-top-width: 1px; } ul.feed .feed_item_generated { color: #999; } ul.feed .feed_item_photo { float: left; overflow: hidden; margin-right: 7px; line-height: 0px; font-size: 0px; } html[dir="rtl"] ul.feed .feed_item_photo { float: right; margin-right: 0px; margin-left: 7px; } ul.feed .feed_item_photo > a { text-decoration: none; } ul.feed .feed_item_photo > a > img { display: block; } ul.feed .feed_item_body { overflow: hidden; } ul.feed .feed_item_username { font-weight: bold; } ul.feed .feed_item_date { font-size: .8em; color: #999; padding-top: 1px; } ul.feed .feed_item_icon { margin-top: 3px; padding: 1px 0px 2px 0px; padding-left: 20px; background-repeat: no-repeat; } html[dir="rtl"] ul.feed .feed_item_icon { padding-left: 0px; padding-right: 20px; background-position: top right; } ul.feed .feed_item_bodytext { display: inline; } ul.feed .feed_item_attachments { overflow: hidden; padding: 10px 10px 3px 10px; } ul.feed .feed_attachment_core_link { overflow: hidden; } ul.feed .feed_attachment_core_link > div { overflow: hidden; width: auto; } ul.feed .feed_attachment_core_link > div > a { display: block; float: left; } html[dir="rtl"] ul.feed .feed_attachment_core_link > div > a { float: right; } ul.feed .feed_attachment_core_link > div > a > img { display: block; max-width: 100px; } ul.feed .feed_attachment_core_link > div > a + div { overflow: hidden; padding-left: 8px; } html[dir="rtl"] ul.feed .feed_attachment_core_link > div > a + div { padding-left: 0px; padding-right: 8px; } ul.feed .feed_attachment_core_link > div > a + div > a { font-weight: bold; } ul.feed .feed_attachment_photo { display: inline-block; overflow: hidden; margin: 0px 0px 5px 0px; vertical-align: top; } ul.feed .feed_attachment_photo a { display: block; float: left; } html[dir="rtl"] ul.feed .feed_attachment_photo a { float: right; } ul.feed .feed_attachment_photo a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_item_link_title { font-size: .8em; font-weight: bold; margin-bottom: 2px; } ul.feed .feed_item_link_desc { font-size: 0.8em; } ul.feed .comments { /* width: 360px; */ } ul.feed .comments textarea { font-size: 8pt; } ul.feed .comments textarea + button { display: none; font-size: .8em; } ul.feed .comments textarea:focus + button { display: block; } ul.feed .comments > ul > li > div > a > img { width: 32px; height: 32px; } ul.feed span.view_more .view_more_link { display: inline-block; background-image: url(/application/modules/Activity/externals/images/more.png?c=75); background-repeat: no-repeat; padding-left: 10px; } ul.feed span.view_more .view_less_link { display: inline-block; background-image: url(/application/modules/Activity/externals/images/less.png?c=75); background-repeat: no-repeat; padding-left: 10px; margin-left: 7px; } ul.feed .feed_item_posted .view_more_link, ul.feed .feed_item_posted .view_less_link { font-size: .8em; } div.feed_viewmore { border-top-width: 1px; padding-top: 5px; } /* COMMENT TIPS STYLES Compatibility for lack of theme updates */ div.comments_comment_likes_tips { border: 1px solid #d0e2ec; padding: 4px 7px; background-color: #F0EFE8; color: #999; font-size: 0.9em; } /* SHARE POPUP (SMOOTHBOX) Used to style the attachment preview inside the share popup. */ .sharebox { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; margin: 10px; padding: 10px; overflow: hidden; } .sharebox_photo { float: left; overflow: hidden; margin-right: 8px; } html[dir="rtl"] .sharebox_photo { float: right; margin-right: 0px; margin-left: 8px; } .sharebox_photo img { border: 1px solid #ddd; max-width: 120px; max-height: 120px; } .sharebox_title { font-weight: bold; } .sharebox_description { font-size: .8em; margin-top: 3px; } /* NOTIFICATION TYPE ICONS */ .notification_type_commented, .notification_type_commented_commented { background-image: url(/application/modules/Activity/externals/images/activity/comment.png?c=75); } .notification_type_liked, .notification_type_liked_commented { background-image: url(/application/modules/Activity/externals/images/activity/like.png?c=75); } /* FACEBOOK STYLES FOR FEED COMPOSER */ .composer_facebook_toggle { float: right; display: inline-block; width: 16px; height: 16px; background-image: url(/application/modules/Activity/externals/images/facebook_inactive.png?c=75); background-repeat: no-repeat; margin-left: 10px; margin-top: 7px; margin-right: 1px; padding: 0px; } .composer_facebook_toggle:hover { background-image: url(/application/modules/Activity/externals/images/facebook.png?c=75); cursor: pointer; } .composer_facebook_toggle_active { background-image: url(/application/modules/Activity/externals/images/facebook.png?c=75); } .composer_facebook_tooltip { display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; padding: 7px; background: #333; opacity: .8; color: #fff; font-weight: bold; text-align: center; width: 180px; font-size: 8pt; margin-top: -30px; margin-left: -84px; } .composer_facebook_toggle:hover > .composer_facebook_tooltip { display: block; } /* */ /* BROWSE ALBUMS, VIEW ALBUM Styles for the browse and view album pages. */ .album_options { margin: 5px 0px 12px 0px; overflow: hidden; } .album_options a { margin-right: 15px; } html[dir="rtl"] .album_options a { margin-right: 0px; margin-left: 15px; } .icon_photos_new { background-image: url(/application/modules/Album/externals/images/add.png?c=75); } /* ACTIVITY FEED COMPOSER PHOTO These styles are used for the attachment composer above the main feed. */ #compose-photo-activator, #compose-photo-menu span { background-repeat: no-repeat; background-image: url(/application/modules/Album/externals/images/album_upload.png?c=75); } #compose-photo-preview-image { max-width: 160px; } #compose-photo-form-fancy-file { background-image: url(/application/modules/Album/externals/images/add.png?c=75); } /* VIEW MY ALBUMS Styles for the member's own albums management page. */ ul.albums_manage { clear: both; overflow: hidden; } ul.albums_manage > li { overflow: hidden; } ul.albums_manage > li + li { padding-top: 10px; border-top-width: 1px; margin-top: 10px; } ul.albums_manage .albums_manage_photo { float: left; overflow: hidden; margin-right: 10px; } html[dir="rtl"] ul.albums_manage .albums_manage_photo { float: right; margin-right: 0px; margin-left: 10px; } ul.albums_manage .albums_manage_photo img { width: 170px; margin: 3px; display: block; } ul.albums_manage .albums_manage_info { overflow: hidden; } html[dir="rtl"] ul.albums_manage .albums_manage_info { float: right; } ul.albums_manage .albums_manage_info > a { font-weight: bold; } ul.albums_manage .albums_manage_info_photos { font-size: .8em; color: #999; } ul.albums_manage .albums_manage_info_desc { margin-top: 3px; } ul.albums_manage .albums_manage_options { float: right; overflow: hidden; padding-left: 20px; } html[dir="rtl"] ul.albums_manage .albums_manage_options { padding-left: 0px; padding-right: 20px; width: 120px; } ul.albums_manage .albums_manage_options > a { clear: both; display: block; font-size: 0.8em; margin: 5px; padding-bottom: 2px; padding-top: 2px; } ul.albums_editphotos { width: 600px; } ul.albums_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.albums_editphotos > li .albums_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } html[dir="rtl"] ul.albums_editphotos > li .albums_editphotos_photo { float: right; margin-right: 0px; margin-left: 15px; } ul.albums_editphotos > li .albums_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.albums_editphotos > li .albums_editphotos_info { overflow: hidden; } ul.albums_editphotos > li .albums_editphotos_title_input input, ul.albums_editphotos > li .album_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; } ul.albums_editphotos > li .album_editphotos_caption_input textarea { height: 2.5em; } ul.albums_editphotos > li .albums_editphotos_label, ul.albums_editphotos > li .albums_editphotos_cover, ul.albums_editphotos > li .photo-delete-wrapper, ul.albums_editphotos > li .photo-delete-wrapper > label { float: left; } html[dir="rtl"] ul.albums_editphotos > li .albums_editphotos_label, html[dir="rtl"] ul.albums_editphotos > li .albums_editphotos_cover, html[dir="rtl"] ul.albums_editphotos > li .photo-delete-wrapper, html[dir="rtl"] ul.albums_editphotos > li .photo-delete-wrapper > label { float: right; } ul.albums_editphotos > li .photo-delete-wrapper { margin-right: 15px; } html[dir="rtl"] ul.albums_editphotos > li .photo-delete-wrapper { margin-right: 0px; margin-left: 15px; } ul.albums_editphotos > li .photo-delete-wrapper > label { display: block; } /* VIEW PHOTO These styles are used on the view photo page within an album. */ div.albums_viewmedia { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.albums_viewmedia #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.albums_viewmedia .albums_viewmedia_nav { clear: both; overflow: hidden; margin-bottom: 4px; } div.albums_viewmedia .albums_viewmedia_nav > div { float: left; overflow: visible; } html[dir="rtl"] div.albums_viewmedia .albums_viewmedia_nav > div { float: right; } div.albums_viewmedia .albums_viewmedia_nav > div + div { float: none; text-align: right; } html[dir="rtl"] div.albums_viewmedia .albums_viewmedia_nav > div + div { text-align: left; float: left; } div.albums_viewmedia .albums_viewmedia_nav > div + div > a + a { margin-left: 20px; } html[dir="rtl"] div.albums_viewmedia .albums_viewmedia_nav > div + div > a + a { margin-left: 0px; margin-right: 20px; } div.albums_viewmedia_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.album_viewmedia_container { position: relative; display: inline-block; } html[dir="rtl"] div.album_viewmedia_container, html[dir="rtl"] div.albums_viewmedia_info { text-align: center; } div.album_viewmedia_container a:link { text-decoration: none; } div.albums_viewmedia_info p { text-align: left; } div.albums_viewmedia > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.albums_viewmedia > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.albums_viewmedia_info .albums_viewmedia_info_title { margin-top: 5px; font-weight: bold; } div.albums_viewmedia_info .albums_viewmedia_info_caption { margin-top: 3px; font-size: .8em; } div.albums_viewmedia_info .albums_viewmedia_info_title + .albums_viewmedia_info_tags, div.albums_viewmedia_info .albums_viewmedia_info_caption + .albums_viewmedia_info_tags { margin-top: 15px; } div.albums_viewmedia_info .albums_viewmedia_info_tags { font-size: .8em; margin-top: 5px; } div.albums_viewmedia_info .albums_viewmedia_info_date { font-size: .8em; margin-top: 5px; } div.albums_viewmedia > div.comments { margin-top: 15px; } span.albums_tag_listcontainer > a { font-weight: bold; } /* POPULAR/RECENT ALBUMS/PHOTOS WIDGETS Lists the most popular or recent photos or albums. */ .layout_album_list_popular_albums, .layout_album_list_popular_photos, .layout_album_list_recent_albums, .layout_album_list_recent_photos { clear: both; overflow: auto; width: 100%; } /* ACTION TYPE ICONS */ .activity_icon_comment_album, .activity_icon_comment_album_photo { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } /* ITEM TYPE ICONS */ .item_icon_album, .item_icon_album_photo { background-image: url(/application/modules/Album/externals/images/types/album.png?c=75); } /* ICONS */ .icon_photos_new { background-image: url(/application/modules/Album/externals/images/add.png?c=75); } .icon_photos_manage { background-image: url(/application/modules/Album/externals/images/album_manage.png?c=75); } .icon_photos_settings { background-image: url(/application/modules/Album/externals/images/album_editinfo.png?c=75); } .icon_photos_delete { background-image: url(/application/modules/Album/externals/images/album_delete.png?c=75); } /* */ /* ANNOUNCEMENTS WIDGET Used to display announcements. */ #announcements { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 7px; border-top-width: 1px; margin-bottom: 15px; } /* ITEM TYPE ICONS */ .item_icon_announcement { background-image: url(/application/modules/Announcement/externals/images/types/announcement.png?c=75); } /* FEED ITEMS Styles items with article attachments in the feed. */ ul.feed .feed_attachment_article { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } ul.feed .feed_attachment_article > div > a { display: block; float: left; margin-right: 7px; } ul.feed .feed_attachment_article > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_article > div > div { overflow: hidden; } /* ITEM TYPE ICONS */ .item_icon_article { background-image: url(/application/modules/Article/externals/images/types/article.png?c=75); } /* HOME ARTICLES These styles are used on the home articles page */ .articles_browse_featured { clear: both; margin-bottom: 25px; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 5px solid #ddecf3; padding: 12px 12px 12px 12px; background-color: #f4f9fb; } .articles_browse_featured .articles_browse_featured_0 .articles_browse_featured_info_title { font-size: 1.5em; font-weight: bold; } .articles_browse_featured .articles_browse_featured_photo { float: left; margin-right: 10px; } .articles_browse_featured .articles_browse_featured_info { overflow: hidden; border-top: 1px solid #d0e2ec; padding: 5px 0; } .articles_browse_featured .articles_browse_featured_0 .articles_browse_featured_info { padding-top: 0; border-top: 0; } .articles_browse_featured .articles_browse_featured_info_date { font-size: 8pt; margin-bottom: 5px; color: #999; } .articles_browse_sponsored ul li { margin-bottom: 10px; } .articles_browse_sponsored .articles_browse_sponsored_info_date { font-size: 8pt; margin-bottom: 5px; color: #999; } .articles_browse_recent h3 { font-size: 1.3em; margin-bottom: 5px; } .articles_browse_popular { margin-bottom: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 10px; } .articles_browse_popular h3 { padding: 0 0 5px; } .articles_browse_popular li { padding: 10px 0; border-bottom: 1px solid #d0e2ec; } .articles_browse_popular li .articles_browse_info_date { font-size: .8em; color: #999; } .articles_browse_popular li .articles_browse_info_title { font-weight: bold; } .articles_browse_popular span.articles_browse_popular_period { font-size: 0.7em; } .article_layout_landing_content { clear: both; overflow: hidden; } .article_layout_landing_content .article_layout_landing_content_left { width: 430px; float: left; margin-right: 20px; } .article_layout_landing_content .article_layout_landing_content_right { margin-left: 455px; width: 280px; } /* BROWSE ARTICLES These styles are used on the browse articles page */ .articles_browse_filters .form-wrapper { overflow: hidden; } .articles_browse_filters .integer_field .form-element { float: left; overflow: hidden; } .articles_browse_filters .integer_field label { display: block; margin-bottom: 2px; } .articles_browse_filters .integer_field .form-element + .form-element { margin-left: 5px; } .articles_browse_filters .form-element span.overTxtLabel { color: #999; } .articles_browse_filters .integer_field input { width: 50px; } .articles_browse_filters .description { display: none; } div.articles_result_filter_details { margin-bottom: 10px; font-style: italic; } div.articles_result_filter_details a { font-weight: bold; } ul.articles_browse { clear: both; } ul.articles_browse > li { clear: both; padding: 0px 0px 15px 0px; overflow: hidden; } ul.articles_browse > li + li { padding-top: 15px; border-top-width: 1px; } ul.articles_browse .articles_browse_photo { float: left; overflow: hidden; margin-right: 8px; } ul.articles_browse .articles_browse_photo img { width: 100px; } ul.articles_browse .articles_browse_options { float: right; overflow: hidden; padding-left: 20px; } ul.articles_browse .articles_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.articles_browse .articles_browse_info { overflow: hidden; } ul.articles_browse .articles_browse_info_title h3 { margin: 0px; } ul.articles_browse .articles_browse_info_date { font-size: .8em; color: #999; } ul.articles_browse .articles_browse_info_blurb { margin-top: 5px; } /* VIEW ARTICLE Styles both the 'view articles' and the 'view article' pages, including the right-side gutter column by default. */ ul.articles_entrylist { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.articles_entrylist > li { padding-bottom: 10px; border-bottom-width: 1px; margin-bottom: 10px; } ul.articles_entrylist h3 { font: 28px Forward8Regular; margin-bottom: 1px; } ul.articles_entrylist .article_entrylist_entry_date { font-size: 8pt; margin-bottom: 5px; color: #999; } ul.articles_entrylist .article_entrylist_entry_photo { float: right; margin: 15px; } ul.articles_entrylist .article_entrylist_entry_body { line-height: 1.5em; padding: 5px 5px 5px 0px; } ul.articles_entrylist .article_entrylist_entry_body h1, ul.articles_entrylist .article_entrylist_entry_body h2, ul.articles_entrylist .article_entrylist_entry_body h3, ul.articles_entrylist .article_entrylist_entry_body h4, ul.articles_entrylist .article_entrylist_entry_body h5, ul.articles_entrylist .article_entrylist_entry_body h6, ul.articles_entrylist .article_entrylist_entry_body p { border: none; padding: 0; margin: 0; margin: 0.75em 0; } ul.articles_entrylist .article_entrylist_entry_body blockquote { margin: 1.12em 40px; } ul.articles_entrylist .article_entrylist_entry_body ul, ul.articles_entrylist .article_entrylist_entry_body ol { display: block; margin: 1.12em 0; margin-left: 40px; } ul.articles_entrylist .article_entrylist_entry_body ul li { display: list-item; list-style: disc; } ul.articles_entrylist .article_entrylist_entry_body ul li ul li { display: list-item; list-style: circle; } ul.articles_entrylist .article_entrylist_entry_body img { max-width: 100%; } ul.articles_entrylist .article_entrylist_entry_body + .buttonlink { margin-top: 5px; } ul.articles_entrylist + .comments { padding-top: 10px; } ul.articles_entrylist .article_entrylist_entry_photos > ul { padding: 10px; } div.articles_gutter .articles_gutter_owner { padding: 5px; margin-bottom: 15px; } div.articles_gutter a.articles_gutter_owner_photo { display: block; width: 64px; } div.articles_gutter a.articles_gutter_owner_photo > img { display: block; } div.articles_gutter .articles_gutter_owner_name { display: block; } div.articles_gutter .articles_gutter_owner_name a.articles_gutter_name { font-weight: bold; } div.articles_gutter .articles_gutter_owner_name span.articles_gutter_owner_date { margin-top: 5px; display: block; color: #999; font-size: 8pt; } div.articles_gutter .buttonlink { padding-top: 2px; padding-bottom: 1px; } div.articles_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.articles_gutter > ul > li { margin-bottom: 2px; } div.articles_gutter ul.articles_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } ul.article_thumbs > li img { max-width: 50%; max-height: 50%; margin: 15px 15px 15px 0px; border: 1px solid #ddd; } /* EDIT ARTICLE ARTICLE */ ul.articles_editphotos { width: 600px; } ul.articles_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.articles_editphotos .articles_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.articles_editphotos .articles_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.articles_editphotos .articles_editphotos_info { overflow: hidden; } ul.articles_editphotos .articles_editphotos_title_input input, { margin: 2px 0px 6px 0px; width: 25em; } ul.articles_editphotos .articles_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; height: 3em; min-height: 0px; } ul.articles_editphotos .articles_editphotos_label { float: left; } ul.articles_editphotos .articles_editphotos_cover { float: left; } ul.articles_editphotos .photo-delete-wrapper { float: left; margin-right: 15px; } ul.articles_editphotos .photo-delete-wrapper > label { display: block; float: left; } /* ARTICLE PHOTOS UPLOAD FORM Some minor changes to the global form. */ .article_form_upload #file-label, .article_form_upload #submit-label { display: none; } /* VIEW ARTICLE PHOTO These styles are used on the view photo page within an album. */ div.article_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.article_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.article_photo_view .article_photo_nav { clear: both; overflow: visible; margin-bottom: 4px; } div.article_photo_view .article_photo_nav > div { float: left; overflow: visible; } div.article_photo_view .article_photo_nav > div + div { float: none; text-align: right; } div.article_photo_view .article_photo_nav > div + div > a + a { margin-left: 20px; } div.article_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.article_photo_info p { text-align: left; } div.article_photo_container { position: relative; display: inline-block; } div.article_photo_container a:link { text-decoration: none; } div.article_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.article_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.article_photo_info .article_photo_title { margin-top: 5px; font-weight: bold; } div.article_photo_info .article_photo_description { font-size: .8em; margin-top: 3px; } div.article_photo_info .article_photo_owner { font-size: .8em; margin-top: 3px; } div.article_photo_info .article_photo_title + .article_photo_tags, div.article_photo_info .article_photo_description + .article_photo_tags { margin-top: 15px; } div.article_photo_info .article_photo_tags { font-size: .8em; margin-top: 5px; } div.article_photo_info .article_photo_date { font-size: .8em; margin-top: 5px; } div.article_photo_view > div.comments { margin-top: 15px; } /* ARTICLES USER PROFILE TAB Styles the list of articles on a user's Articles profile tab. */ /* USER PROFILE TAB */ ul.articles_profile_tab > li { overflow: hidden; } ul.articles_profile_tab > li + li { margin-top: 15px; } ul.articles_profile_tab .articles_profile_tab_photo { float: left; overflow: hidden; margin-right: 7px; } ul.articles_profile_tab .articles_profile_tab_photo img { max-width: 90px; } ul.articles_profile_tab .articles_profile_tab_info { overflow: hidden; } ul.articles_profile_tab .article_title > a { font-weight: bold; } ul.articles_profile_tab .article_details { font-size: .8em; color: #999; margin-bottom: 5px; } ul.articles_profile_tab .article_description { margin-top: 7px; } div.articles_profile_tab_links { margin: 15px 0; } /* ICONS */ .icon_article_new { background-image: url(/application/modules/Article/externals/images/create.png?c=75); } .icon_article_edit { background-image: url(/application/modules/Article/externals/images/edit.png?c=75); } .icon_article_publish { background-image: url(/application/modules/Article/externals/images/publish.png?c=75); } .icon_article_delete { background-image: url(/application/modules/Article/externals/images/delete.png?c=75); } .icon_article_photo_new { background-image: url(/application/modules/Article/externals/images/photo/upload.png?c=75); } .icon_article_photo_view { background-image: url(/application/modules/Article/externals/images/photo/view.png?c=75); } .icon_article_photo_manage { background-image: url(/application/modules/Article/externals/images/photo/manage.png?c=75); } .article_photos_list_options { margin-bottom: 15px; } .article_photos_list_options a { margin-right: 10px; } /* HOME ARTICLES These styles are used on the home articles article */ ul.articles_recent > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.articles_recent > li + li { padding-top: 15px; border-top-width: 1px; } ul.articles_recent .article_photo { float: left; overflow: hidden; } ul.articles_recent .article_photo img { width: 100px; display: block; } ul.articles_recent .article_info { padding-left: 10px; overflow: hidden; } ul.articles_recent .article_title h3 { margin: 0px; } ul.articles_recent .article_meta { font-size: .8em; color: #999; } ul.articles_recent .article_location { font-size: .8em; color: #999; } ul.articles_recent .article_desc { margin-top: 5px; clear: both; } /* ARTICLES WIDGET Lists recently posted article, typically placed on the main home article. */ .layout_article_list_most_viewed, .layout_article_list_most_commented, .layout_article_list_most_liked, .layout_article_list_search, .layout_article_list_sponsored, .layout_article_list_featured, .layout_article_list_categories, .layout_article_list_recent, .layout_article_list_tags { clear: both; margin-bottom: 15px; } ul.articles_most_viewed, ul.articles_most_commented, ul.articles_most_liked, ul.articles_most_recent { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } ul.articles_most_viewed > li, ul.articles_most_commented > li, ul.articles_most_liked > li, ul.articles_most_recent > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } ul.articles_most_viewed > li .article_photo, ul.articles_most_commented > li .article_photo, ul.articles_most_liked > li .article_photo, ul.articles_most_recent > li .article_photo { float: left; overflow: hidden; margin-right: 6px; } ul.articles_most_viewed > li .article_details, ul.articles_most_commented > li .article_details, ul.articles_most_liked > li .article_details, ul.articles_most_recent > li .article_details { font-size: .8em; color: #999; } .articles_categories_quicklinks li a.buttonlink { background-image: url(/application/modules/Article/externals/images/types/article.png?c=75); } .articles_categories_quicklinks li .article_category_desc { font-size: .8em; color: #999; } #article_likes { margin-top: 10px; overflow: hidden; } #article_likes > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; margin-bottom: 15px; overflow: hidden; } #article_likes > ul > li { font-size: .8em; overflow: hidden; float: left; padding: 4px; text-align: center; } ul.articles_featured { overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 5px solid #ddecf3; padding: 12px 12px 12px 12px; background-color: #f4f9fb; } ul.articles_featured > li { clear: both; overflow: hidden; } ul.articles_featured > li + li { margin-top: 15px; padding-top: 15px; border-top-width: 1px; } ul.articles_featured .article_photo { float: left; overflow: hidden; } ul.articles_featured .article_photo img { display: block; } ul.articles_featured .article_info { padding-left: 10px; overflow: hidden; } ul.articles_featured .article_title h3 { font-size: 1.5em; } ul.articles_featured .article_meta { font-size: .8em; color: #999; } ul.articles_featured .article_desc { margin-top: 5px; clear: both; } ul.articles_sponsored > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.articles_sponsored > li + li { padding-top: 15px; border-top-width: 1px; } ul.articles_sponsored .article_meta { font-size: .8em; color: #999; } /* */ /* COMPOSE BLOG ENTRY Styles the compose blog entry form. */ #blogs_create div.form-label { float: none; text-align: left; margin: 0px; padding: 0px 0px 5px 0px; } html[dir="rtl"] #blogs_create div.form-label { text-align: right; } #blogs_create div.form-element { float: none; } /* BROWSE BLOGS Styles the browse blogs page and the manage blog entries page. */ ul.blogs_browse { clear: both; } ul.blogs_browse > li { clear: both; padding: 0px 0px 15px 0px; } ul.blogs_browse > li + li { border-top-width: 1px; padding-top: 15px; } ul.blogs_browse > li .blogs_browse_photo { float: left; overflow: hidden; margin-right: 8px; } html[dir="rtl"] ul.blogs_browse > li .blogs_browse_photo { float: right; margin-right: 0px; margin-left: 8px; } ul.blogs_browse > li .blogs_browse_options { float: right; overflow: hidden; padding-left: 20px; } html[dir="rtl"] ul.blogs_browse > li .blogs_browse_options { float: left; padding-left: 0px; padding-right: 20px; } ul.blogs_browse > li .blogs_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.blogs_browse > li .blogs_browse_info { overflow: hidden; } ul.blogs_browse > li .blogs_browse_info_title { font-weight: bold; } ul.blogs_browse > li .blogs_browse_info_date { font-size: .8em; color: #999; } ul.blogs_browse > li .blogs_browse_info_blurb { margin-top: 5px; } /* VIEW BLOG Styles both the 'view blog' and the 'view blog entry' pages, including the right-side gutter column by default. */ form.blog_search_form { position: relative; margin-top: 20px; } ul.blogs_entrylist { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.blogs_entrylist > li { padding-bottom: 10px; border-bottom-width: 1px; margin-bottom: 10px; } ul.blogs_entrylist h3 { margin-bottom: 1px; } ul.blogs_entrylist .blog_entrylist_entry_date { font-size: 8pt; margin-bottom: 5px; color: #999; } ul.blogs_entrylist .blog_entrylist_entry_body { line-height: 1.5em; padding: 5px 5px 5px 0px; } ul.blogs_entrylist .blog_entrylist_entry_body img { max-width: 100%; } ul.blogs_entrylist .blog_entrylist_entry_body + .buttonlink { margin-top: 5px; } ul.blogs_entrylist + .comments { padding-top: 10px; } div.blogs_gutter { background-color: #F0EFE8; padding: 10px; border: none; } div.blogs_gutter .blogs_gutter_photo > img { width: 98%; display: block; } div.blogs_gutter .blogs_gutter_name { display: block; font-weight: bold; margin: 3px 0px 15px 0px; } ul.blogs_gutter_options .buttonlink { padding-top: 2px; padding-bottom: 2px; } div.blogs_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.blogs_gutter > ul > li { margin-bottom: 2px; } div.blogs_gutter ul.blogs_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } /* ACTION TYPE ICONS */ .activity_icon_comment_blog { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } /* ITEM TYPE ICONS */ .item_icon_blog, .item_icon_blog_entry { background-image: url(/application/modules/Blog/externals/images/types/blog.png?c=75); } /* ICONS */ .icon_blog_new { background-image: url(/application/modules/Blog/externals/images/new.png?c=75); } .icon_blog_edit { background-image: url(/application/modules/Blog/externals/images/edit.png?c=75); } .icon_blog_delete { background-image: url(/application/modules/Blog/externals/images/delete.png?c=75); } .icon_blog_style { background-image: url(/application/modules/Blog/externals/images/blog_style.png?c=75); } .icon_blog_viewall { background-image: url(/application/modules/Blog/externals/images/allentries.png?c=75); } .icon_blog_subscribe { background-image: url(/application/modules/Blog/externals/images/subscribe.png?c=75); } .icon_blog_unsubscribe { background-image: url(/application/modules/Blog/externals/images/unsubscribe.png?c=75); } /* FEED ITEMS Styles items with classified attachments in the feed. */ ul.feed .feed_attachment_blog { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } html[dir="rtl"] ul.feed .feed_attachment_blog { margin: 0px 0px 5px 5px; } ul.feed .feed_attachment_blog > div > a { display: block; float: left; margin-right: 7px; } html[dir="rtl"] ul.feed .feed_attachment_blog > div > a { float: right; margin-right: 0px; margin-left: 7px; } ul.feed .feed_attachment_blog > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_blog > div > div { overflow: hidden; } #bookmarkOuter { height: 100%; display: table; vertical-align: middle; top: 0; right: 0; position: fixed; } #bookmarkContainer { text-align: center; vertical-align: middle; display: table-cell; } #bookmarkInner { text-align: center; margin-left: auto; margin-right: auto; } /* CHATROOM SELECTOR Little dropdown tab that lets users browse the available chatrooms. */ .chat_header .pulldown, .chat_header .pulldown_active { display: inline-block; } /* chat bar */ #im_container { -moz-box-shadow: 0 0 8px 0 #aaa; -webkit-box-shadow: 0 0 8px 0 #aaa; box-shadow: 0 0 8px 0 #aaa; overflow: visible; position: fixed; top: 100%; right: 5%; height: 27px; margin-top: -27px; font-size: 8pt; } #im_container div { color: #444; } /* convo button wrapper */ #im_container > li, #im_container > li.im_item_active { float: right; /* overflow: hidden; */ background: #eee; font-weight: bold; border: 1px solid #aaa; border-right: none; max-width: 250px; min-width: 150px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; } #im_container > li:first-child { border-right: 1px solid #aaa; } /* active/inactive (convo window open or closed) */ .im_main_inactive .im_menu_wrapper { display: none; } #im_container > li.im_main_active { background: #ddd; } /* Squished convo items */ ul#im_container.im_container_crunched > li.im_main_convo { max-width: 90px; min-width: 90px; } ul#im_container.im_container_crunched .im_item_convo_title { width: 48px; } /* convo button padding */ .im_main > div { font-size: 1em; } .im_item { display: block; padding: 7px 7px 7px 4px; overflow: hidden; } html[dir="rtl"] .im_item { padding: 7px 4px 7px 7px; } .im_item_title { max-height: 1.2em; color: #333; } /* label for friends online item */ .im_item_friends_title { display: block; padding-left: 20px; background-repeat: no-repeat; overflow: hidden; margin-top: -2px; padding-top: 2px; margin-left: 3px; } html[dir="rtl"] .im_item_friends_title { padding-left: 0px; margin-left: 0px; padding-right: 20px; margin-right: 3px; background-position: right center; } /* labels for convo items */ .im_item_convo_title { display: block; float: left; padding-left: 18px; width: 110px; background-repeat: no-repeat; overflow: hidden; margin-top: -1px; padding-top: 1px; } html[dir="rtl"] .im_item_convo_title { float: right; padding-left: 0px; padding-right: 18px; background-position: right center; } .im_item_close { display: block; overflow: hidden; float: none; text-align: right; margin-left: 5px; } html[dir="rtl"] .im_item_close { text-align: left; margin-left: 0px; margin-right: 5px; } .im_item_close > a > img { opacity: .4; display: inline-block; } .im_item_close > a:hover > img { opacity: .9; } /* settings */ #im_container > li.im_main_settings { min-width: 30px; } .im_main_settings .im_item_title { width: 20px; margin-top: -1px; padding-bottom: 2px; display: block; overflow: hidden; background-repeat: no-repeat; background-position: top left; } .im_main_settings_online .im_item_title { background-image: url(/application/modules/Chat/externals/images/state_online.png?c=75); } .im_main_settings_offline .im_item_title { background-image: url(/application/modules/Chat/externals/images/state_offline.png?c=75); } .im_main_settings_online:hover .im_item_tooltip_settings, .im_main_settings_offline:hover .im_item_tooltip_settings { display: block; } .im_item_tooltip_settings { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: none; width: 75px; text-align: center; padding: 3px 3px 4px 3px; color: #fff; background-color: #505050; position: absolute; margin-top: -25px; opacity: .9; font-size: 8pt; margin-left: -25px; z-index: 9999999999; } /* open friends list wrapper */ .im_menu_friends_wrapper { display: block; position: absolute; margin-top: -103px; margin-left: -51px; width: 200px; border: 1px solid #888; background: #fff; cursor: auto; } .im_menu_friends_head { background: #ddd; border-bottom: 1px solid #bbb; overflow: hidden; } .im_menu_friends_head > div { float: left; overflow: hidden; font-size: 8pt; padding: 6px 5px 5px 7px; border-top: 1px solid #fff; } html[dir="rtl"] .im_menu_friends_head > div { float: right; padding: 6px 7px 5px 5px; } .im_menu_friends_head > div + div { padding: 2px; float: none; overflow: hidden; text-align: right; font-size: 8pt; font-weight: bold; border-top: 1px solid #fff; } html[dir="rtl"] .im_menu_friends_head > div + div { text-align: left; padding: 2px; float: none; } .im_menu_friends_head > div + div > a { display: inline-block; padding: 6px 3px 6px 3px; margin-right: 3px; } html[dir="rtl"] .im_menu_friends_head > div + div > a { margin-right: 0px; margin-left: 3px; } .im_menu_friends_head > div + div > a > img { opacity: .4; display: block; } .im_menu_friends_head > div + div > a:hover > img { opacity: .9; } .im_menu_friends_title > span, .im_item_friends_title > span { margin-left: 4px; } html[dir="rtl"] .im_menu_friends_title > span, html[dir="rtl"] .im_item_friends_title > span { margin-left: 0px; margin-right: 4px; } /* friend list */ .im_menu_friends_wrapper ul { overflow-y: auto; max-height: 500px; } .im_menu_friends_wrapper ul li { overflow: hidden; padding: 5px; border-bottom: 1px solid #ddd; cursor: pointer; } .im_menu_friends_wrapper ul li:last-child { border-bottom: none; } .im_menu_friends_wrapper ul li:hover { background: #f2f2f2; } .im_menu_friends_wrapper .im_menu_friends_photo { display: block; float: left; overflow: hidden; } html[dir="rtl"] .im_menu_friends_wrapper .im_menu_friends_photo { float: right; } .im_menu_friends_wrapper .im_menu_friends_photo img { max-width: 24px; max-height: 24px; border: 1px solid #ddd; display: block; } .im_menu_friends_wrapper .im_menu_friends_name { display: block; padding: 1px 10px 0px 5px; margin-top: 5px; overflow: hidden; background-repeat: no-repeat; background-position: top right; } html[dir="rtl"] .im_menu_friends_wrapper .im_menu_friends_name { padding: 1px 5px 0px 10px; background-position: top left; } .im_menu_friends_wrapper .im_menu_friends_none { color: #999; font-style: italic; padding: 5px; font-size: 8pt; font-weight: normal; } /* open convo window */ .im_menu_convo_wrapper { display: block; position: absolute; margin-top: -272px; margin-left: -1px; height: 270px; width: 200px; border: 1px solid #888; background: #fff; cursor: auto; } .im_menu_convo_head { color: #333; background: #ddd; border-bottom: 1px solid #bbb; overflow: hidden; } .im_menu_convo_head > div { float: left; overflow: hidden; font-size: 8pt; padding: 6px 5px 5px 7px; border-top: 1px solid #fff; } html[dir="rtl"] .im_menu_convo_head > div { float: right; padding: 6px 7px 5px 5px; } .im_menu_convo_head > div + div { padding: 2px; float: none; overflow: hidden; text-align: right; font-size: 8pt; font-weight: bold; border-top: 1px solid #fff; } html[dir="rtl"] .im_menu_convo_head > div + div { padding: 2px; float: none; text-align: left; } .im_menu_convo_head > div + div > a { display: inline-block; padding: 6px 3px 6px 3px; margin-right: 3px; } html[dir="rtl"] .im_menu_convo_head > div + div > a { margin-right: 0px; margin-left: 3px; } .im_menu_convo_head > div + div > a > img { opacity: .4; display: block; } .im_menu_convo_head > div + div > a:hover > img { opacity: .9; } .im_menu_convo_footer { border-top: 1px solid #bbb; padding: 5px 7px 5px 7px; height: 30px; overflow: hidden; border-top: 1px solid #bbb; -moz-outline-style: none; } .im_menu_convo_input { display: block; font-size: 8pt; height: 30px; overflow: hidden; cursor: text; outline: none; font-weight: normal; -moz-user-select: text; -webkit-user-select: text; overflow-y: auto; } input.im_menu_convo_input { width: 99%; } /* messages inside open convo window */ .im_menu_convo_wrapper > ul { overflow: hidden; padding: 7px; overflow-y: scroll; height: 190px; } .im_menu_convo_wrapper > ul > li + li { padding-top: 7px; } .im_menu_convo_wrapper .im_convo_messages_author { color: #333; display: block; font-weight: bold; } .im_menu_convo_wrapper .im_convo_messages_body { display: block; font-weight: normal; padding: 3px 4px 3px 0px; } html[dir="rtl"] .im_menu_convo_wrapper .im_convo_messages_body { padding: 3px 0px 3px 4px; } .im_menu_convo_wrapper .im_convo_messages_system { display: block; color: #999; font-weight: normal; padding: 3px 4px 3px 0px; font-style: italic; } html[dir="rtl"] .im_menu_convo_wrapper .im_convo_messages_system { padding: 3px 0px 3px 4px; } /* Flashing bgcolor for unread msg in convo */ #im_container > li.im_main_unread { background-color: #ddd; } /* icons for convo item labels */ .im_item_friends_title { background-image: url(/application/modules/Chat/externals/images/friends_online.png?c=75); } .im_state_online { background-image: url(/application/modules/Chat/externals/images/status_online.png?c=75); } .im_state_away { background-image: url(/application/modules/Chat/externals/images/status_away.png?c=75); } .im_state_idle { background-image: url(/application/modules/Chat/externals/images/status_idle.png?c=75); } .im_state_offline { background-image: url(/application/modules/Chat/externals/images/status_offline.png?c=75); } /* CHAT ROOM Styles the multi-user chat room area. */ .chat_container { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; overflow: hidden; } .chat_header { overflow: hidden; margin-bottom: 10px; } .chat_header_title { float: left; padding-right: 20px; } html[dir="rtl"] .chat_header_title { float: right; padding-right: 0px; padding-left: 20px; } .chat_header_title h3 { margin: 0px; } .chat_header_menu { float: right; overflow: hidden; text-align: right; } html[dir="rtl"] .chat_header_menu { float: left; text-align: left; } .chat_header_menu select { width: 200px; } .chat_main { overflow: hidden; background-color: #fff; border: 1px solid #ccc; } .chat_rooms_wrapper { padding: 5px; margin-bottom: 5px; } .chat_menu_label { font-weight: bold; text-transform: uppercase; font-size: .7em; color: #777; margin-bottom: 5px; } .chat_rooms_wrapper > select { width: 100%; } .chat_users_wrapper { overflow: hidden; width: 200px; height: 450px; float: right; border: 1px solid #ccc; border-left: none; overflow-y: auto; background: #f5f5f5; } html[dir="rtl"] .chat_users_wrapper { float: left; border: 1px solid #ccc; border-right: none; } .chat_users { padding: 5px; } .chat_users > li { overflow: hidden; border: 1px solid #dfdfdf; padding: 5px; background: #fff; } .chat_users > li + li { border-top: none; padding-top: 5px; } .chat_users .chat_user_photo { display: block; float: left; overflow: hidden; } html[dir="rtl"] .chat_users .chat_user_photo { float: right; } .chat_users .chat_user_photo img { max-width: 24px; max-height: 24px; border: 1px solid #ddd; display: block; } .chat_users .chat_user_name { display: block; padding-top: 1px; padding-left: 5px; margin-top: 3px; font-weight: bold; overflow: hidden; background-repeat: no-repeat; background-position: top right; } html[dir="rtl"] .chat_users .chat_user_name { padding-left: 0px; padding-right: 5px; background-position: top left; } .chat_messages_wrapper { overflow: hidden; height: 400px; overflow-y: scroll; } ul.chat_messages { padding-bottom: 10px; } .chat_messages > li { padding: 7px; overflow: hidden; } .chat_messages > li + li { padding-top: 0px; } .chat_messages .chat_message_photo { float: left; overflow: hidden; margin-right: 7px; } html[dir="rtl"] .chat_messages .chat_message_photo { float: right; margin-right: 0px; margin-left: 7px; } .chat_messages .chat_message_photo a { text-decoration: none; display: block; } .chat_messages .chat_message_photo img { display: inline; border: 1px solid #ddd; max-height: 2.2em; max-width: 2.2em; vertical-align: top; } .chat_messages .chat_message_info { overflow: hidden; } .chat_messages .chat_message_info_author { display: block; font-weight: bold; line-height: 1em; } .chat_messages .chat_message_info_body { display: block; } .chat_message_info_body_system { font-style: italic; } .chat_input_wrapper { -moz-box-shadow: 1px 3px 5px 0px #eee; -webkit-box-shadow: 1px 3px 5px 0px #eee; box-shadow: 1px 3px 5px 0px #eee; overflow: hidden; clear: both; height: 50px; border-top: 1px solid #ccc; margin-top: -1px; } .chat_input { height: 38; padding: 5px; -moz-user-select: text; -webkit-user-select: text; outline: none; overflow: hidden; overflow-y: auto; } .chat_input * { overflow: hidden; } /* */ /* FEED ITEMS Styles items with classified attachments in the feed. */ ul.feed .feed_attachment_classified { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } html[dir="rtl"] ul.feed .feed_attachment_classified { margin: 0px 0px 5px 5px; } ul.feed .feed_attachment_classified > div > a { display: block; float: left; margin-right: 7px; } html[dir="rtl"] ul.feed .feed_attachment_classified > div > a { float: right; margin-right: 0px; margin-left: 7px; } ul.feed .feed_attachment_classified > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_classified > div > div { overflow: hidden; } /* ITEM TYPE ICONS */ .item_icon_classified { background-image: url(/application/modules/Classified/externals/images/types/classified.png?c=75); } /* BROWSE CLASSIFIEDS These styles are used on the browse classifieds page */ .browseclassifieds_criteria { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 7px; } .browseclassifieds_criteria span.overTxtLabel { color: #999; } .browseclassifieds_criteria > ul > li + li { margin-top: 7px; } .browseclassifieds_criteria > ul > li { clear: both; font-size: 0.8em; overflow: hidden; } .browseclassifieds_criteria > ul > li > span { display: block; margin-bottom: 3px; } ul.classifieds_browse { clear: both; } ul.classifieds_browse > li { clear: both; padding: 0px 0px 15px 0px; overflow: hidden; } ul.classifieds_browse > li + li { padding-top: 15px; border-top-width: 1px; } ul.classifieds_browse .classifieds_browse_photo { float: left; overflow: hidden; margin-right: 8px; } html[dir="rtl"] ul.classifieds_browse .classifieds_browse_photo { float: right; margin-right: 0px; margin-left: 8px; } ul.classifieds_browse .classifieds_browse_photo img { width: 100px; } ul.classifieds_browse .classifieds_browse_options { float: right; overflow: hidden; padding-left: 20px; } ul.classifieds_browse .classifieds_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.classifieds_browse .classifieds_browse_info { overflow: hidden; } ul.classifieds_browse .classifieds_browse_info_title h3 { margin: 0px; } ul.classifieds_browse .classifieds_browse_info_date { font-size: .8em; color: #999; } ul.classifieds_browse .classifieds_browse_info_blurb { margin-top: 5px; } /* VIEW CLASSIFIED Styles both the 'view classifieds' and the 'view classified listing' pages, including the right-side gutter column by default. */ ul.classifieds_entrylist { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.classifieds_entrylist > li { padding-bottom: 10px; } ul.classifieds_entrylist h3 { margin-bottom: 1px; } ul.classifieds_entrylist .classified_entrylist_entry_date { font-size: 8pt; margin-bottom: 5px; color: #999; } ul.classifieds_entrylist .classified_entrylist_entry_body { line-height: 1.5em; padding: 5px 5px 5px 0px; } ul.classifieds_entrylist .classified_entrylist_entry_body img { max-width: 100%; } ul.classifieds_entrylist .classified_entrylist_entry_body + .buttonlink { margin-top: 5px; } ul.classifieds_entrylist + .comments { padding-top: 10px; } div.classifieds_gutter .classifieds_gutter_photo { display: block; } div.classifieds_gutter .classifieds_gutter_photo img { display: block; width: 98%; } div.classifieds_gutter .classifieds_gutter_name { display: block; font-weight: bold; margin: 3px 0px 15px 0px; font-size: 1em; } div.classifieds_gutter .buttonlink { padding-top: 2px; padding-bottom: 1px; } div.classifieds_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.classifieds_gutter > ul > li { margin-bottom: 2px; } div.classifieds_gutter ul.classifieds_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } ul.classified_thumbs > li img { max-width: 50%; max-height: 50%; margin: 15px 15px 15px 0px; border: 1px solid #ddd; } .classified_stats { margin-bottom: 15px; border-bottom-width: 1px; padding-bottom: 10px; } .classified_stats > a { font-weight: bold; } /* EDIT CLASSIFIED LISTING */ ul.classifieds_editphotos { width: 600px; } ul.classifieds_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.classifieds_editphotos .classifieds_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.classifieds_editphotos .classifieds_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.classifieds_editphotos .classifieds_editphotos_info { overflow: hidden; } ul.classifieds_editphotos .classifieds_editphotos_title_input input, { margin: 2px 0px 6px 0px; width: 25em; } ul.classifieds_editphotos .classifieds_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; height: 3em; min-height: 0px; } ul.classifieds_editphotos .classifieds_editphotos_label { float: left; } ul.classifieds_editphotos .classifieds_editphotos_cover { float: left; } ul.classifieds_editphotos .photo-delete-wrapper { float: left; margin-right: 15px; } ul.classifieds_editphotos .photo-delete-wrapper > label { display: block; float: left; } /* CLASSIFIED PHOTOS UPLOAD FORM Some minor changes to the global form. */ .classified_form_upload #file-label, .classified_form_upload #submit-label { display: none; } /* CLASSIFIEDS USER PROFILE TAB Styles the list of classified listings on a user's Classifieds profile tab. */ ul.classifieds_profile_tab > li { overflow: hidden; } ul.classifieds_profile_tab > li + li { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.classifieds_profile_tab .classifieds_profile_tab_photo { float: left; overflow: hidden; margin-right: 7px; } html[dir="rtl"] ul.classifieds_profile_tab .classifieds_profile_tab_photo { float: right; margin-right: 0px; margin-left: 7px; } ul.classifieds_profile_tab .classifieds_profile_tab_photo img { max-width: 90px; } ul.classifieds_profile_tab .classifieds_profile_tab_info { overflow: hidden; } ul.classifieds_profile_tab .classifieds_profile_tab_title > a { font-weight: bold; } ul.classifieds_profile_tab .classifieds_browse_info_date { font-size: .8em; color: #999; } ul.classifieds_profile_tab .classifieds_browse_info_blurb { margin-top: 7px; } /* ICONS */ .icon_classified_new { background-image: url(/application/modules/Classified/externals/images/create.png?c=75); } .icon_classified_edit { background-image: url(/application/modules/Classified/externals/images/edit.png?c=75); } .icon_classified_close { background-image: url(/application/modules/Classified/externals/images/close.png?c=75); } .icon_classified_open { background-image: url(/application/modules/Classified/externals/images/unclose.png?c=75); } .icon_classified_delete { background-image: url(/application/modules/Classified/externals/images/delete.png?c=75); } .icon_classified_photo_new { background-image: url(/application/modules/Classified/externals/images/upload.png?c=75); } .icon_classified_viewall { background-image: url(/application/modules/Classified/externals/images/allentries.png?c=75); } /* ACTION TYPE ICONS */ .activity_icon_comment_classified { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } #global_page_cmspage-index-view #global_content_simple { margin: 10px; } /* FEED ITEMS Styles items with cmspage attachments in the feed. */ ul.feed .feed_attachment_cmspage { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } ul.feed .feed_attachment_cmspage > div > a { display: block; float: left; margin-right: 7px; } ul.feed .feed_attachment_cmspage > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_cmspage > div > div { overflow: hidden; } /* FORMS STUFF */ #cmspages_create .form-wrapper { margin-bottom: 10px; } #cmspages_create div.form-label { float: none; text-align: left; margin: 0px; padding: 0px 0px 5px 0px; width: 100%; } #cmspages_create div.form-element { float: none; } #cmspages_create input#title, #cmspages_create input#tags { width: 576px; } #cmspages_create textarea#description { height: 50px; min-height: 50px; width: 572px; max-width: 572px; } #cmspages_create p.description { margin-bottom: 3px; } #cmspages_create textarea#header_script, #cmspages_create textarea#header_style { width: 572px; max-width: 572px; } #contentpages_create div > textarea + p { font-size: 7pt; margin-top: 3px; } /* ITEM TYPE ICONS */ .item_icon_cmspage { background-image: url(/application/modules/Cmspage/externals/images/types/cmspage.png?c=75); } /* HOME CMSPAGES These styles are used on the home cmspages page */ .cmspage_layout_landing_content { clear: both; overflow: hidden; } .cmspage_layout_landing_content_left { width: 500px; float: left; margin-right: 20px; overflow: hidden; } .cmspage_layout_landing_content_right { width: 220px; overflow: hidden; } .cmspage_layout_landing_content_right > div + div { margin-top: 10px; } ul.cmspage_landing_categories { margin: 10px; } ul.cmspage_landing_categories > li + li { margin-top: 20px; } ul.cmspage_landing_categories > li .cmspage_category_title { font-size: 1.2em; font-weight: bold; } ul.cmspage_landing_categories > li .cmspage_category_description { margin: 5px 10px; } div.cmspages_recent ul > li { padding-left: 20px; background: url(/application/modules/Cmspage/externals/images/new.png?c=75) no-repeat top left; } div.cmspages_recent ul > li + li { margin-top: 10px; } div.cmspages_sticky ul > li { padding-left: 20px; background: url(/application/modules/Cmspage/externals/images/sticky.png?c=75) no-repeat top left; } div.cmspages_sticky ul > li + li { margin-top: 10px; } /* USER PROFILE TAB */ ul.cmspages_profile_tab > li + li { margin-top: 15px; } ul.cmspages_profile_tab > li .cmspage_title { font-weight: bold; } ul.cmspages_profile_tab > li .cmspage_title img { vertical-align: bottom; } ul.cmspages_profile_tab > li .cmspage_details { color: #999; font-size: 0.8em; margin-bottom: 5px; } div.cmspages_profile_links { margin: 15px 0; } /* BROWSE PAGE */ ul.cmspages_browse { clear: both; margin: 20px; } ul.cmspages_browse > li { padding-left: 20px; background: url(/application/modules/Cmspage/externals/images/cmspage.png?c=75) no-repeat top left; } ul.cmspages_browse > li + li { margin-top: 10px; } ul.cmspages_browse > li .cmspage_title img { vertical-align: bottom; } ul.cmspages_browse > li .cmspage_details { color: #999; font-size: 0.8em; } div.cmspages_result_filter_details { margin-bottom: 10px; font-style: italic; } div.cmspages_result_filter_details a { font-weight: bold; } /* SEARCH FILTER FORM */ .cmspages_browse_filters .form-wrapper { overflow: hidden; } .cmspages_browse_filters .integer_field .form-element { float: left; overflow: hidden; } .cmspages_browse_filters .integer_field label { display: block; margin-bottom: 2px; } .cmspages_browse_filters .integer_field .form-element + .form-element { margin-left: 5px; } .cmspages_browse_filters .form-element span.overTxtLabel { color: #999; } .cmspages_browse_filters .integer_field input { width: 50px; } .cmspages_browse_filters .description { display: none; } .cmspages_browse_filters textarea { width: 155px; height: 60px; } .cmspages_browse_filters #done-wrapper { margin-top: 10px; } /* CMSPAGE VIEW */ div.cmspage_view .cmspage_view_info { color: #999; margin: 20px 0; font-size: 0.8em; border-left: 5px solid #d0e2ec; padding-left: 5px; } div.cmspage_view span.cmspage_view_tags { display: block; } div.cmspage_view .cmspage_profile_fields { margin-bottom: 15px; clear: both; } div.cmspage_view .cmspage_view_photos h4 { overflow: hidden; } div.cmspage_view .cmspage_view_photos ul { padding-top: 10px; clear: both; overflow: hidden; } ul.cmspage_view_tools { margin: 20px 0; } ul.cmspage_view_tools li { display: inline; margin-right: 10px; } div.cmspage_view .cmspage_view_body h1, div.cmspage_view .cmspage_view_body h2, div.cmspage_view .cmspage_view_body h3, div.cmspage_view .cmspage_view_body h4, div.cmspage_view .cmspage_view_body h5, div.cmspage_view .cmspage_view_body h6, div.cmspage_view .cmspage_view_body p { border: none; padding: 0; margin: 0; margin: 0.75em 0; } div.cmspage_view .cmspage_view_body blockquote { margin: 1.12em 40px; } div.cmspage_view .cmspage_view_body ul, div.cmspage_view .cmspage_view_body ol { display: block; margin: 1.12em 0; margin-left: 40px; } div.cmspage_view .cmspage_view_body ul li { display: list-item; list-style: disc; } div.cmspage_view .cmspage_view_body ul li ul li { display: list-item; list-style: circle; } div.cmspage_view .cmspage_view_body img { max-width: 100%; } /* CMSPAGES MANAGE */ .cmspages_list > ul > li { clear: both; overflow: hidden; padding: 10px; border-bottom-width: 1px; } .cmspages_list > ul > li + li { margin-top: 1px; } .cmspages_list .cmspages_list_checkbox { float: left; overflow: hidden; } .cmspages_list .cmspages_list_info { float: left; overflow: hidden; width: 380px; } .cmspages_list .cmspages_list_info > .cmspages_list_info_title { font-weight: bold; } .cmspages_list .cmspages_list_info > .cmspages_list_info_description { font-size: .8em; margin-top: 5px; padding-left: 1px; } .cmspages_list .cmspages_list_meta { overflow: hidden; float: left; width: 160px; margin: 0 30px; } .cmspages_list .cmspages_list_meta > .cmspages_list_meta_date, .cmspages_list .cmspages_list_meta > .cmspages_list_meta_stats { font-size: .8em; color: #999; margin-top: 5px; } .cmspages_list .cmspages_list_actions { float: left; overflow: hidden; } .cmspages_list .cmspages_list_actions > a { clear: both; display: block; margin: 2px 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } /* ICONS */ .icon_cmspage_list { background-image: url(/application/modules/Cmspage/externals/images/allentries.png?c=75); } .icon_cmspage_new { background-image: url(/application/modules/Cmspage/externals/images/create.png?c=75); } .icon_cmspage_edit { background-image: url(/application/modules/Cmspage/externals/images/edit.png?c=75); } .icon_cmspage_delete { background-image: url(/application/modules/Cmspage/externals/images/delete.png?c=75); } .icon_cmspage_report { background-image: url(/application/modules/Core/externals/images/report.png?c=75); } .icon_cmspage_share { background-image: url(/application/modules/Cmspage/externals/images/share.png?c=75); } .icon_cmspage_photo_new { background-image: url(/application/modules/Cmspage/externals/images/photo/upload.png?c=75); } .icon_cmspage_photo_view { background-image: url(/application/modules/Cmspage/externals/images/photo/view.png?c=75); } .icon_cmspage_photo_manage { background-image: url(/application/modules/Cmspage/externals/images/photo/manage.png?c=75); } /* EDIT CMSPAGE PHOTOS */ ul.cmspages_editphotos { width: 600px; } ul.cmspages_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.cmspages_editphotos .cmspages_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.cmspages_editphotos .cmspages_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.cmspages_editphotos .cmspages_editphotos_info { overflow: hidden; } ul.cmspages_editphotos .cmspages_editphotos_title_input input, { margin: 2px 0px 6px 0px; width: 25em; } ul.cmspages_editphotos .cmspages_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; height: 3em; min-height: 0px; } ul.cmspages_editphotos .cmspages_editphotos_label { float: left; } ul.cmspages_editphotos .cmspages_editphotos_cover { float: left; } ul.cmspages_editphotos .photo-delete-wrapper { float: left; margin-right: 15px; } ul.cmspages_editphotos .photo-delete-wrapper > label { display: block; float: left; } /* CMSPAGE PHOTOS UPLOAD FORM Some minor changes to the global form. */ .cmspage_form_upload #file-label, .cmspage_form_upload #submit-label { display: none; } /* VIEW CMSPAGE PHOTO These styles are used on the view photo page within an album. */ div.cmspage_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.cmspage_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.cmspage_photo_view .cmspage_photo_nav { clear: both; overflow: visible; margin-bottom: 4px; } div.cmspage_photo_view .cmspage_photo_nav > div { float: left; overflow: visible; } div.cmspage_photo_view .cmspage_photo_nav > div + div { float: none; text-align: right; } div.cmspage_photo_view .cmspage_photo_nav > div + div > a + a { margin-left: 20px; } div.cmspage_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.cmspage_photo_info p { text-align: left; } div.cmspage_photo_container { position: relative; display: inline-block; } div.cmspage_photo_container a:link { text-decoration: none; } div.cmspage_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.cmspage_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.cmspage_photo_info .cmspage_photo_title { margin-top: 5px; font-weight: bold; } div.cmspage_photo_info .cmspage_photo_description { font-size: .8em; margin-top: 3px; } div.cmspage_photo_info .cmspage_photo_owner { font-size: .8em; margin-top: 3px; } div.cmspage_photo_info .cmspage_photo_title + .cmspage_photo_tags, div.cmspage_photo_info .cmspage_photo_description + .cmspage_photo_tags { margin-top: 15px; } div.cmspage_photo_info .cmspage_photo_tags { font-size: .8em; margin-top: 5px; } div.cmspage_photo_info .cmspage_photo_date { font-size: .8em; margin-top: 5px; } div.cmspage_photo_view > div.comments { margin-top: 15px; } div.cmspage_photos_list_options { margin-bottom: 15px; } div.cmspage_photos_list_options a { margin-right: 10px; } div.cmspages_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.cmspages_gutter > ul > li { margin-bottom: 2px; } /* CMSPAGES WIDGET Lists recently posted cmspage, typically placed on the main home page. */ .layout_cmspage_list_recent, .layout_cmspage_list_featured, .layout_cmspage_list_sticky { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_cmspage_list_recent > ul, .layout_cmspage_list_featured > ul, .layout_cmspage_list_sticky > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_cmspage_list_recent > ul > li, .layout_cmspage_list_featured > ul > li, .layout_cmspage_list_sticky > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .layout_cmspage_list_recent > ul > li .cmspage_details, .layout_cmspage_list_featured > ul > li .cmspage_details, .layout_cmspage_list_sticky > ul > li .cmspage_details { font-size: .8em; color: #999; } /* */ /* FEED ITEMS Styles event attachments in the feed. */ .feed_attachment_event > div { overflow: hidden; } .feed_attachment_event > div > a { display: inline-block; float: left; margin-right: 7px; } .feed_attachment_event > div > a > img { display: block; max-width: 90px; max-height: 90px; } .feed_attachment_event > div > div { overflow: hidden; } /* UPCOMING EVENTS WIDGET Shown on user home by default. */ #events-upcoming { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 7px 10px 10px 10px; margin-bottom: 15px; } #events-upcoming li + li { margin-top: 10px; border-top-width: 1px; padding-top: 7px; } #events-upcoming li > a { font-weight: bold; font-size: .8em; } #events-upcoming .events-upcoming-date { font-size: .8em; } #events-upcoming .events-upcoming-ongoing { font-size: .8em; } /* BROWSE EVENTS These styles are used on the browse events page */ ul.events_browse > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.events_browse > li + li { padding-top: 15px; border-top-width: 1px; } ul.events_browse .events_photo { float: left; overflow: hidden; } html[dir="rtl"] ul.events_browse .events_photo { float: right; } ul.events_browse .events_photo img { width: 100px; display: block; } ul.events_browse .events_info { padding-left: 10px; overflow: hidden; } html[dir="rtl"] ul.events_browse .events_info { padding-left: 0px; padding-right: 10px; } ul.events_browse .events_title h3 { margin: 0px; } ul.events_browse .events_members { font-size: .8em; color: #999; } ul.events_browse .events_desc { margin-top: 5px; clear: both; } ul.events_browse .events_options { float: right; overflow: hidden; width: 120px; padding-left: 15px; } html[dir="rtl"] ul.events_browse .events_options { float: left; padding-left: 0px; padding-right: 15px; } ul.events_browse .events_options a { clear: both; margin: 3px 0px 0px 0px; font-size: .8em; padding-top: 1px; height: 16px; } /* VIEW EVENT These styles are used on the view event page, i.e. the event's profile page */ .layout_event_profile_info { margin-top: 10px; } #event_photo > img { width: 100%; } div.event_info > h4 { margin-bottom: 1.1em; } div.event_info > ul { margin-bottom: 10px; overflow: hidden; } div.event_info > ul > li { overflow: hidden; clear: both; margin-bottom: 5px; } div.event_info > ul > li > div { float: left; clear: left; width: 120px; } div.event_info > ul > li > div + div { float: none; clear: none; overflow: hidden; width: auto; } #event_stats { margin-top: 10px; overflow: hidden; } #event_stats > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; margin-bottom: 15px; } #event_stats > ul > li { font-size: .8em; overflow: hidden; } #event_stats > ul > li:first-child { margin-bottom: 10px; font-size: .8em; } #event_stats .event_date { margin-bottom: 10px; } #event_stats .event_date .label { clear: both; } #event_stats > ul > li + li { margin-top: 5px; } #event_stats > ul > li > div { font-size: 1em; } #event_stats .label { width: 80px; } #event_stats .event_stats_content { font-weight: bold; } #event_stats .label, #event_stats .event_stats_content { float: left; } html[dir="rtl"] #event_stats .label, #event_stats .event_stats_content { float: right; } #event_stats .event_stats_title { font-weight: bold; } #event_stats .event_stats_title a { display: block; font-weight: normal; } #event_stats .event_stats_staff { margin-top: 8px; } #event_stats .event_stats_info span { font-weight: normal; } .event_rsvp_form { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; font-size: .8em; } .events_rsvp > div { font-size: .8em; clear: both; } .events_rsvp > div + div { margin-top: 5px; font-size: .8em; clear: both; } .events_rsvp .event_radio_loading { background-image: url(/application/modules/Core/externals/images/loading.gif?c=75); background-repeat: no-repeat; overflow: hidden; } .events_rsvp .event_radio_loading input { visibility: hidden; } /* event members tab */ .event_members_info { clear: both; padding-bottom: 5px; overflow: hidden; } .event_members_info .event_members_total { margin-top: 5px; padding-bottom: 2px; overflow: hidden; } .event_members_info .event_members_search { float: right; overflow: hidden; text-align: right; padding-bottom: 2px; } html[dir="rtl"] .event_members_info .event_members_search { float: left; text-align: left; } ul.event_members { border-top-width: 1px; margin-bottom: 8px; } ul.event_members > li { overflow: hidden; padding: 10px 0px 10px 0px; border-bottom-width: 1px; } ul.event_members .event_members_icon { float: left; display: block; } html[dir="rtl"] ul.event_members .event_members_icon { float: right; } ul.event_members .event_members_icon > img { display: block; } ul.event_members .event_members_body { overflow: hidden; padding-left: 7px; } html[dir="rtl"] ul.event_members .event_members_body { padding-left: 0px; padding-right: 7px; } ul.event_members .event_members_status { font-weight: bold; } ul.event_members .event_members_options { float: right; min-width: 180px; overflow: hidden; padding-left: 15px; } html[dir="rtl"] ul.event_members .event_members_options { float: left; padding-left: 0px; padding-right: 15px; } ul.event_members .event_members_options a { display: block; clear: both; margin: 1px; } ul.event_members .event_members_options a.buttonlink { padding-top: 2px; padding-bottom: 2px; font-weight: bold; font-size: .8em; } ul.event_members .event_members_options div { text-align: right; } html[dir="rtl"] ul.event_members .event_members_options div { text-align: left; } ul.event_members .event_members_rsvp { margin-top: 3px; font-size: .8em; color: #999; } /* photos tab */ div.event_photos > ul { clear: both; overflow: hidden; margin: 20px 0px 20px 0px; } div.event_photos > ul > li { float: left; display: table-cell; vertical-align: middle; overflow: hidden; margin-right: 20px; height: 170px; } div.event_photos > ul > li > div { float: left; overflow: hidden; padding: 3px; border: 1px solid #ddd; } div.event_photos > ul > li > div:hover { border: 1px solid #aaa; } div.event_photos > ul > li > div img { display: block; } /* discussions tab and view page */ .event_discussions_options { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 0px 10px 0px; padding: 10px; margin-bottom: 5px; } .event_discussion_options a { margin-right: 15px; } html[dir="rtl"] .event_discussion_options a { margin-right: 0px; margin-left: 15px; } ul.event_discussions > li { padding: 10px 10px 10px 0px; overflow: hidden; } ul.event_discussions > li + li { border-top-width: 1px; } ul.event_discussions .event_discussions_replies { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; text-align: center; margin-right: 10px; width: 40px; padding: 7px 10px 7px 10px; color: #999; font-size: .8em; } html[dir="rtl"] ul.event_discussions .event_discussions_replies { float: right; margin-right: 0px; margin-left: 10px; } ul.event_discussions .event_discussions_replies span { font-size: 2em; display: block; } ul.event_discussions .event_discussions_info { overflow: hidden; } ul.event_discussions h3 { margin-bottom: 0px; } ul.event_discussions .event_discussions_sticky a { background-image: url(/application/modules/Event/externals/images/post/stick.png?c=75); background-repeat: no-repeat; padding-left: 20px; background-position: 0px .2em; } html[dir="rtl"] ul.event_discussions .event_discussions_sticky a { background-position: right center; padding-left: 0px; padding-right: 20px; } ul.event_discussions .event_discussions_lastreply { float: right; overflow: hidden; width: 250px; margin-left: 10px; } html[dir="rtl"] ul.event_discussions .event_discussions_lastreply { float: left; margin-left: 0px; margin-right: 10px; } ul.event_discussions .event_discussions_lastreply > a { float: left; display: block; } html[dir="rtl"] ul.event_discussions .event_discussions_lastreply > a { float: right; } ul.event_discussions .event_discussions_lastreply > a > img { display: block; } ul.event_discussions .event_discussions_lastreply_info { overflow: hidden; padding-left: 5px; } html[dir="rtl"] ul.event_discussions .event_discussions_lastreply_info { padding-left: 0px; padding-right: 5px; } ul.event_discussions .event_discussions_lastreply_info_date { font-size: .8em; color: #999; } /* some overrides on the tab page for spacing purposes */ div.event_discussions_list { margin-top: 10px; border-top-width: 1px; } div.event_discussions_list h3 { font-size: 1em; letter-spacing: 0px; } div.event_discussions_list .event_discussions_sticky a { background-position: 0px 0px; } html[dir="rtl"] div.event_discussions_list .event_discussions_sticky a { background-position: top right; } /* view event discussion thread */ div.event_discussions_thread_options .buttonlink { padding-top: 1px; font-size: .8em; height: 16px; margin-right: 15px; } html[dir="rtl"] div.event_discussions_thread_options .buttonlink { margin-right: 0px; margin-left: 15px; } div.event_discussions_thread_options_closed { background-image: url(/application/modules/Event/externals/images/post/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; margin-left: 20px; } html[dir="rtl"] div.event_discussions_thread_options_closed { padding-left: 0px; padding-right: 20px; margin-left: 0px; margin-right: 20px; background-position: right center; } ul.event_discussions_thread { margin: 10px 0px 10px 0px; overflow: hidden; } ul.event_discussions_thread > li { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; border-top: 1px solid #ddd; } ul.event_discussions_thread > li + li { margin-top: 5px; } ul.event_discussions_thread .event_discussions_thread_author { float: left; overflow: hidden; width: 120px; font-weight: bold; padding: 5px 10px 7px 10px; } ul.event_discussions_thread .event_discussions_thread_author_name { margin-bottom: 5px; } html[dir="rtl"] ul.event_discussions_thread .event_discussions_thread_author { float: right; } ul.event_discussions_thread .event_discussions_thread_photo { display: block; margin-bottom: 3px; clear: both; } ul.event_discussions_thread .event_discussions_thread_info { padding: 0px 10px 5px 5px; overflow: hidden; } html[dir="rtl"] ul.event_discussions_thread .event_discussions_thread_info { padding: 0px 5px 5px 10px; } ul.event_discussions_thread .event_discussions_thread_details { padding: 6px 0px 6px 0px; border-bottom: 1px solid #ddd; } ul.event_discussions_thread .event_discussions_thread_details_date { font-size: .8em; overflow: hidden; color: #999; } ul.event_discussions_thread .event_discussions_thread_details_options { margin-top: -2px; float: right; overflow: hidden; text-align: right; } html[dir="rtl"] ul.event_discussions_thread .event_discussions_thread_details_options { float: left; text-align: left; } ul.event_discussions_thread .event_discussions_thread_details_options .buttonlink { font-size: .8em; height: 16px; } ul.event_discussions_thread .event_discussions_thread_body { padding: 5px 0px 5px 0px; } ul.event_discussions_thread .event_discussions_thread_body blockquote { border: 1px solid #eaeaea; background: #fff; padding: 10px; } /* EVENT PHOTOS UPLOAD FORM Some minor changes to the global form. */ .event_form_upload #file-label, .event_form_upload #submit-label { display: none; } /* EVENT CREATE FORM Some minor changes to the create new event form. */ #event_create_form .calendar_output_span { display: inline-block; margin-right: 15px; min-width: 90px; } html[dir="rtl"] #event_create_form .calendar_output_span { margin-right: 0px; margin-left: 15px; } #event_create_form #starttime-wrapper select + select, #event_create_form #endtime-wrapper select + select { margin-left: 5px; } html[dir="rtl"] #event_create_form #starttime-wrapper select + select, html[dir="rtl"] #event_create_form #endtime-wrapper select + select { margin-left: 0px; margin-right: 5px; } /* ITEM TYPE ICONS */ .item_icon_event { background-image: url(/application/modules/Event/externals/images/types/event.png?c=75); } .item_icon_event_topic, .item_icon_event_post { background-image: url(/application/modules/Event/externals/images/types/post.png?c=75); } .item_icon_event_album, .item_icon_event_photo { background-image: url(/application/modules/Event/externals/images/types/album.png?c=75); } /* NOTIFICATION TYPE ICONS */ .notification_type_event_discussion_response, .notification_type_event_discussion_reply { background-image: url(/application/modules/Event/externals/images/types/post.png?c=75); } .notification_type_event_invite, .notification_type_event_accepted { background-image: url(/application/modules/Event/externals/images/types/event.png?c=75); } /* VIEW EVENT ALBUM Styles for the list event photo page. */ .event_album_options a { margin-right: 15px; } html[dir="rtl"] .event_album_options a { margin-right: 0px; margin-left: 15px; } /* VIEW EVENT PHOTO These styles are used on the view photo page within an album. */ div.event_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.event_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.event_photo_view .event_photo_nav { clear: both; overflow: visible; margin-bottom: 4px; } div.event_photo_view .event_photo_nav > div { float: left; overflow: visible; } div.event_photo_view .event_photo_nav > div + div { float: none; text-align: right; } div.event_photo_view .event_photo_nav > div + div > a + a { margin-left: 20px; } div.event_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.event_photo_info p { text-align: left; } div.event_photo_container { position: relative; display: inline-block; } div.event_photo_container a:link { text-decoration: none; } div.event_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.event_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.event_photo_info .event_photo_title { margin-top: 5px; font-weight: bold; } div.event_photo_info .event_photo_description { font-size: .8em; margin-top: 3px; } div.event_photo_info .event_photo_owner { font-size: .8em; margin-top: 3px; } div.event_photo_info .event_photo_title + .event_photo_tags, div.event_photo_info .event_photo_description + .event_photo_tags { margin-top: 15px; } div.event_photo_info .event_photo_tags { font-size: .8em; margin-top: 5px; } div.event_photo_info .event_photo_date { font-size: .8em; margin-top: 5px; } div.event_photo_view > div.comments { margin-top: 15px; } /* EVENTS USER PROFILE TAB Styles the list of events on a user's Events profile tab. */ ul.events_profile_tab > li { overflow: hidden; } ul.events_profile_tab > li + li { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.events_profile_tab .events_profile_tab_photo { float: left; overflow: hidden; margin-right: 7px; } html[dir="rtl"] ul.events_profile_tab .events_profile_tab_photo { float: right; margin-right: 0px; margin-left: 7px; } ul.events_profile_tab .events_profile_tab_photo img { max-width: 90px; } ul.events_profile_tab .events_profile_tab_info { overflow: hidden; } ul.events_profile_tab .events_profile_tab_title > a { font-weight: bold; } ul.events_profile_tab .events_profile_tab_members { font-size: .8em; color: #999; } ul.events_profile_tab .events_profile_tab_desc { margin-top: 7px; } /* POST EVENT TOPIC FORM */ #event_topic_create .form-elements { margin-top: 10px; } #event_topic_create .form-label { clear: both; float: none; text-align: left; margin-bottom: 3px; } html[dir="rtl"] #event_topic_create .form-label { text-align: right; } #event_topic_create #watch-label { display: none; } /* REPLY TO EVENT TOPIC FORM */ #event_topic_reply h3, #event_topic_reply #body-label, #event_topic_reply #submit-label { display: none; } #event_topic_reply .form-elements { margin-top: 0px; } #event_topic_reply #watch-label { display: none; } /* INVITE FORM */ #event_form_invite #users-label { display: none; } #event_form_invite #users-element { border: 1px solid #bbb; padding: 7px 10px 7px 10px; max-height: 200px; overflow-y: auto; margin: 10px 0px 10px 0px; } /* TAG FOR SENDING MESSAGES */ .tag.tag_event { background-image: url(/application/modules/Event/externals/images/types/event.png?c=75); padding-left: 25px; background-repeat: no-repeat; background-position: 4px center; } /* ICONS */ .icon_event_new, .icon_event_create { background-image: url(/application/modules/Event/externals/images/create.png?c=75); } .icon_event_edit { background-image: url(/application/modules/Event/externals/images/edit.png?c=75); } .icon_event_join { background-image: url(/application/modules/Event/externals/images/member/join.png?c=75); } .icon_event_delete { background-image: url(/application/modules/Event/externals/images/delete.png?c=75); } .icon_event_leave { background-image: url(/application/modules/Event/externals/images/member/leave.png?c=75); } .icon_event_accept { background-image: url(/application/modules/Event/externals/images/member/accept.png?c=75); } .icon_event_reject { background-image: url(/application/modules/Event/externals/images/member/reject.png?c=75); } .icon_event_cancel { background-image: url(/application/modules/Event/externals/images/member/cancel.png?c=75); } .icon_event_photo_new { background-image: url(/application/modules/Event/externals/images/photo/upload.png?c=75); } .icon_event_photo_view { background-image: url(/application/modules/Event/externals/images/photo/view.png?c=75); } .icon_event_post_new { background-image: url(/application/modules/Event/externals/images/post/create.png?c=75); } .icon_event_post_edit { background-image: url(/application/modules/Event/externals/images/post/edit.png?c=75); } .icon_event_post_reply { background-image: url(/application/modules/Event/externals/images/post/reply.png?c=75); } .icon_event_post_stick { background-image: url(/application/modules/Event/externals/images/post/stick.png?c=75); } .icon_event_post_unstick { background-image: url(/application/modules/Event/externals/images/post/unstick.png?c=75); } .icon_event_post_close { background-image: url(/application/modules/Event/externals/images/post/close.png?c=75); } .icon_event_post_open { background-image: url(/application/modules/Event/externals/images/post/unclose.png?c=75); } .icon_event_post_rename { background-image: url(/application/modules/Event/externals/images/post/rename.png?c=75); } .icon_event_post_delete { background-image: url(/application/modules/Event/externals/images/post/delete.png?c=75); } .icon_event_post_quote { background-image: url(/application/modules/Event/externals/images/post/quote.png?c=75); } .icon_event_topic_watch { background-image: url(/application/modules/Event/externals/images/watch.png?c=75); } .icon_event_topic_unwatch { background-image: url(/application/modules/Event/externals/images/unwatch.png?c=75); } .activity_icon_event_join { background-image: url(/application/modules/Event/externals/images/member/join.png?c=75); } /* */ a { outline: none; } /* COMPOSE Feedback Detail Styles the compose feedback form. */ #feedbacks_create div.form-label { float: none; text-align: left; margin: 0px; padding: 0px 0px 5px 0px; } #feedbacks_create div.form-element { float: none; } /* BROWSE FEEDBACKS Styles the browse feedbacks page and the manage feedbacks page. */ ul.feedbacks_browse { clear: both; } ul.feedbacks_browse + .browse_nextlast { border-top-width: 1px; padding-top: 13px; } ul.feedbacks_browse > li { clear: both; padding: 5px; padding-bottom: 15px; overflow: hidden; } ul.feedbacks_browse > li + li { border-top-width: 1px; padding-top: 15px; } .feedbacks_browse_votes { float: left; overflow: hidden; margin-right: 8px; width: 70px; text-align: center; } .feedback_votes { font-size: 11px; text-align: center; text-transform: lowercase; padding: 7px 1px; border: solid 1px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .feedback_votes p { display: block; margin-bottom: -7; font-size: 19px; } .vote_button { clear: both; text-align: center; } .vote_button a, .vote_button a:visited { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 10px; color: #777 !important; background-color: #d4e5ee; border-bottom-color: #888; border-radius: 3px; font-size: 11px; cursor: pointer; display: inline-block; font-weight: bold; padding: 5px 10px; } .vote_button a:hover { background-color: #c9dde7; text-decoration: none; color: #555; } ul.feedbacks_browse > li .feedbacks_browse_options { float: right; overflow: hidden; padding-left: 20px; } ul.feedbacks_browse > li .feedbacks_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.feedbacks_browse > li .feedbacks_browse_info { overflow: hidden; } ul.feedbacks_browse > li .feedbacks_browse_info_title { font-weight: bold; } ul.feedbacks_browse > li .feedbacks_browse_info_title span { float: right; } ul.feedbacks_browse > li .feedbacks_browse_info_date { font-size: .8em; color: #999; } ul.feedbacks_browse > li .feedbacks_browse_info_blurb { margin-top: 5px; } .feedback_alert-message { color: #FF0000; font-size: 11px; font-weight: normal; line-height: 13px; margin: 5px 0; } .feedback_alert-message img { vertical-align: middle; } /* VIEW Feedback Styles both the 'view feedback' and the 'view feedback' pages, including the right-side gutter column by default. */ ul.feedbacks_detaillist { margin-top: 10px; padding-top: 10px; border-top-width: 1px; } ul.feedbacks_detaillist > li { padding-bottom: 10px; border-bottom-width: 1px; margin-bottom: 10px; } ul.feedbacks_detaillist h3 { margin-bottom: 1px; } ul.feedbacks_detaillist .feedback_detaillist_detail_date { font-size: 8pt; margin-bottom: 5px; color: #999; } ul.feedbacks_detaillist .feedback_detaillist_detail_stats { margin: 5px 0; font-size: 11px; margin-bottom: 5px; font-weight: bold; } ul.feedbacks_detaillist li .feedback_view_votes { float: right; overflow: hidden; margin-right: 8px; width: 70px; text-align: center; } ul.feedbacks_detaillist li .feedback_images { clear: both; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 10px; padding-top: 5px; margin-top: 5px; font-size: 11px; } ul.feedbacks_detaillist li .feedback_images h4 { font-size: 13px; margin: 0; padding: 5px 0 5px 6px; border: none; } ul.feedbacks_detaillist li .feedback_images .feedback_img { float: left; width: 60px; margin: 3px 5px 3px 6px; text-align: center; font-weight: bold; font-size: 11px; } ul.feedbacks_detaillist li .feedback_images .feedback_img img { width: 60px; height: 60px; } ul.feedbacks_detaillist .feedback_detaillist_detail_body { line-height: 1.5em; padding: 5px 5px 5px 0px; } ul.feedbacks_detaillist .feedback_detaillist_detail_body img { max-width: 100%; } ul.feedbacks_detaillist .feedback_detaillist_detail_body + .buttonlink { margin-top: 5px; } ul.feedbacks_detaillist + .comments { padding-top: 10px; } div.feedbacks_gutter small { font-weight: normal; } div.feedbacks_gutter .feedbacks_gutter_image > img { width: 98%; display: block; } div.feedbacks_gutter .feedbacks_gutter_name { display: block; font-weight: bold; margin: 3px 0px 15px 0px; } div.feedbacks_gutter .buttonlink { padding-top: 2px; padding-bottom: 1px; } div.feedbacks_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.feedbacks_gutter > ul > li { margin-bottom: 2px; } div.feedbacks_gutter ul.feedbacks_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } div.feedbacks_view_options { clear: both; margin-top: 5px; } div.feedbacks_view_options p { margin: 5px 0; } .feedbacks_statistics { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .feedbacks_statistics > h4 { margin: 5px 0; border-bottom: none; } .feedbacks_statistics > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .feedbacks_statistics > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .feedbacks_statistics a.popularmembers_thumb { float: left; display: block; width: 48px; height: 48px; } .feedbacks_statistics a.popularmembers_thumb > span { display: block; } .feedbacks_statistics .feedbacks_view_sidebar_info { padding: 0px 0px 0px 6px; overflow: hidden; } .feedbacks_statistics .feedbacks_view_sidebar_info_title { font-weight: bold; } .feedbacks_statistics .feedbacks_view_sidebar_info_date { font-size: .8em; color: #999; } div.feedbacks_view_right_image { float: left; margin-right: 5px; } div.feedbacks_view_right_image img { border-width: 1px; } div.feedbacks_view_sidebar_info { float: left; width: 100%; } p.feedbacks_view_sidebar_info_title { font-weight: bold; } .feedbacks_view_sidebar_info_date { font-size: .8em; color: #999; } span.feedbacks_license { width: 600px; font-size: 11px; text-align: right; float: right; } .feedback_featured { background-image: url(/application/modules/Feedback/externals/images/featured_bg.png?c=75); } .feedback_status_box { border: 5px solid #ddecf3; padding: 12px 12px 12px 12px; background-color: #f4f9fb; clear: both; margin-top: 10px; } a.feedback_status { -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff !important; padding: 2px 3px; font-weight: bold; } .comments { float: left; } .report_button { float: right; } .report_button a { font-size: 11px; line-height: 18px; } /* CAROUSEL */ .feedback_carousel { width: 690px; margin: 5px 0px 10px 0px; text-align: center; border-width: 1px; padding: 5px; float: left; display: block; } .carousel_item { padding: 5px; text-align: center; font-size: 11px; } .carousel_item:hover { border-width: 1px; padding: 5px; } img.image { border-width: 1px; } .feedback_alert_box { background: #FFEAAE none repeat scroll 0 0; border: 1px solid #F6DC93; color: #000000; font-size: 12px; padding: 5px; margin: 15px 0; } /* LIGHTBOX */ div.feedbacks_popup { padding: 10px; } div.feedbacks_popup p { clear: both; margin: 5px 0; } div.feedbacks_popup label { float: left; text-align: right; margin-right: 10px; width: 70px; } .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; font-weight: bold; border: none; background-color: #619dbe; border: 1px solid #50809b; color: #fff; background-image: url(/application/modules/Core/externals/images/buttonbg.png?c=75); background-repeat: repeat-x; background-position: 0px 1px; } /* ITEM TYPE ICONS */ .item_icon_feedback, .item_icon_feedback_detail { background-image: url(/application/modules/Feedback/externals/images/feedback.png?c=75); } .feedback_form_upload #file-label, .feedback_form_upload #submit-label { display: none; } li.feedback_more { text-align: right; font-weight: bold; clear: both; border-bottom: none; } /* ACTION TYPE ICONS */ .activity_icon_comment_feedback { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } /* ICONS */ .icon_feedback_new { background-image: url(/application/modules/Feedback/externals/images/new.png?c=75); } .icon_feedback_edit { background-image: url(/application/modules/Feedback/externals/images/edit.png?c=75); } .icon_feedback_delete { background-image: url(/application/modules/Feedback/externals/images/delete.png?c=75); } .icon_feedback_viewall { background-image: url(/application/modules/Feedback/externals/images/feedback.png?c=75); } .icon_feedback_featured0 { background-image: url(/application/modules/Feedback/externals/images/feedback_goldmedal0.gif?c=75); } .icon_feedback_featured1 { background-image: url(/application/modules/Feedback/externals/images/feedback_goldmedal1.gif?c=75); } .icon_feedbacks_report { background-image: url(/application/modules/Feedback/externals/images/feedback_report.gif?c=75); } .icon_feedback_image_new { background-image: url(/application/modules/Feedback/externals/images/image_upload.png?c=75); } .icon_feedback_image_delete { background-image: url(/application/modules/Feedback/externals/images/image_delete.png?c=75); } .icon_images_new { background-image: url(/application/modules/Feedback/externals/images/add.png?c=75); } /* FEEDBACK BUTTON */ .feedback-button { background-image: url(/application/modules/Feedback/externals/images/feedback_button.png?c=75) !important; background-position: 2px 50% !important; position: fixed; top: 45%; display: block; width: 30px; height: 98px; margin: -50px -6px 0 0; padding: 0; z-index: 10001; background-position: 2px 50%; background-repeat: no-repeat !important; right: 0; text-indent: -9000px; border: 1px solid #000; cursor: pointer; } .feedback-button:hover { margin: -50px -1px 0 0; } .feedback-button-left { background-image: url(/application/modules/Feedback/externals/images/feedback_button.png?c=75) !important; background-position: 6px 50% !important; position: fixed; top: 45%; display: block; width: 30px; height: 98px; margin: -50px 0px 0 -6px; padding: 0; z-index: 10001; background-position: 2px 50%; background-repeat: no-repeat !important; left: 0; text-indent: -9000px; border: 1px solid #000; cursor: pointer; } .feedback-button-left:hover { margin: -50px 0 0 -1px; } /* lightbox */ .feedback_lightbox { width: 580px; padding: 10px; padding-bottom: 0px; padding-right: 0px; } .feedback_popup_form { float: left; width: 320px; margin-right: 10px; } .feedback_lightbox_messages { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; border: none; padding: 10px; height: 390px; } .feedback_popup_right .global_form_box, .feedback_popup_form .global_form > div { width: 100%; } .feedback_popup_right .global_form_box, .feedback_popup_form .global_form > div > div { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; border: none; padding: 10px; width: 100%; float: left; } .feedback_popup_form .global_form > div > div > h3 + div, .feedback_popup_form .global_form > div > div > h3 + p + div { margin-top: 10px; color: #373737; } .feedback_popup_form .global_form div.form-wrapper { margin-top: 1px; } .feedback_popup_form .global_form div.form-wrapper p { max-width: 210px; } .feedback_popup_form .global_form select { min-width: 90px; } .feedback_popup_form .global_form input[type="text"] { width: 200px; } .feedback_popup_form .global_form textarea { width: 200px !important; } .feedback_popup_form .global_form div.form-element { clear: none; float: left; margin-bottom: 3px; max-width: 600px; min-width: 150px; overflow: hidden; text-align: left; } .feedback_popup_form .global_form div.form-label { clear: left; color: #777777; float: left; font-size: 11px; font-weight: bold; margin-bottom: 10px; overflow: hidden; padding: 4px 15px 0 2px; text-align: left; width: 65px; } .feedback_popup_right { float: left; width: 250px; } .lightbox_feedback_list { border-bottom-width: 1px; padding: 5px 0; clear: both; float: left; } .feedback_popup_right h4 { font-size: 12px; } div.feedbacks_lightbox_info { float: left; width: 120px; } .feedbacks_lightbox_info_title { font-size: 12px; float: left; margin-bottom: 5px; width: 180px; } .feedbacks_lightbox_info_title a { font-family: Arial, Helvetica, sans-serif; } .feedbacks_lightbox_info_date { color: #999999; font-size: 11px; } .lightbox_more { padding: 7px 5px; margin-top: 20px; font-weight: bold; font-size: 16px; color: #777 !important; background-color: #d4e5ee; float: left; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; text-align: center; } .lightbox_more:hover { background-color: #c9dde7; text-decoration: none; color: #555; } .feedbacks_lightbox_votes { float: left; overflow: hidden; margin-right: 8px; width: 60px; text-align: center; float: left; } .feedbacks_lightbox_votes .feedback_votes { font-size: 11px; text-align: center; text-transform: lowercase; padding: 7px 1px; border: solid 1px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .feedbacks_lightbox_votes .feedback_votes p { display: block; margin-bottom: -7; font-size: 15px; } .lightbox_vote_button { text-align: center; } .lightbox_vote_button a, .lightbox_vote_button a:visited { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #777 !important; background-color: #d4e5ee; border-bottom-color: #888; border-radius: 3px; font-size: 10px; cursor: pointer; display: inline-block; font-weight: bold; padding: 5px 10px; } .lightbox_vote_button a:hover { background-color: #c9dde7; text-decoration: none; color: #555; } .global_form button[type="submit"] { margin-top: 10px; } ul.form-errors, ul.form-notices { margin-bottom: 5px !important; } * + ul.form-errors, * + ul.form-notices { margin-top: 5px !important; } ul.form-errors > li, ul.form-notices > li { margin: 3px 5px !important; } div.feedback_viewmedia { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.feedback_viewmedia .feedback_viewmedia_nav { clear: both; overflow: hidden; margin-bottom: 4px; } div.feedback_viewmedia .feedback_viewmedia_nav > div { float: left; overflow: visible; } div.feedback_viewmedia .feedback_viewmedia_nav > div + div { float: none; text-align: right; } div.feedback_viewmedia .feedback_viewmedia_nav > div + div > a + a { margin-left: 20px; } div.feedback_viewmedia_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.feedback_viewmedia_container { position: relative; display: inline-block; } div.feedback_viewmedia_container a:link { text-decoration: none; } div.feedback_viewmedia_info p { text-align: left; } div.feedback_viewmedia > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.feedback_viewmedia > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } .browsefeedbacks_criteria { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 7px; } .browsefeedbacks_criteria span.overTxtLabel { color: #999; } .browsefeedbacks_criteria > ul > li + li { margin-top: 7px; } .browsefeedbacks_criteria > ul > li { clear: both; font-size: 0.8em; overflow: hidden; } .browsefeedbacks_criteria > ul > li > span { display: block; margin-bottom: 3px; } .browsefeedbacks_criteria > ul > li .form-options-wrapper li { clear: both; margin-top: 0px; padding-top: 0px; } .feedbacks_browse_filters > ul > li.browse-separator-wrapper { border: none; } /* FORUM INDEX Styles the main forum index page, where forum categories and forums are listed. */ ul.forum_categories > li { overflow: hidden; } ul.forum_categories > li > div { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 7px 5px 7px; } ul.forum_categories > li > div > h3 { margin: 0px; } ul.forum_categories ul > li { overflow: hidden; } ul.forum_categories ul > li + li { border-top-width: 1px; } ul.forum_categories .forum_icon { padding: 7px 5px 7px 5px; float: left; overflow: hidden; } html[dir="rtl"] ul.forum_categories .forum_icon { float: right; } ul.forum_categories .forum_icon a { text-decoration: none; } ul.forum_categories .forum_icon a > img { display: block; } ul.forum_categories .forum_title { overflow: hidden; padding: 10px 5px 7px 5px; } ul.forum_categories .forum_title h3 { margin-bottom: 0px; } ul.forum_categories .forum_topics, ul.forum_categories .forum_posts { padding: 12px 5px 10px 5px; width: 60px; float: right; overflow: hidden; text-align: center; } html[dir="rtl"] ul.forum_categories .forum_topics, html[dir="rtl"] ul.forum_categories .forum_posts { float: left; } ul.forum_categories .forum_topics > span, ul.forum_categories .forum_posts > span { display: block; font-size: 1.3em; color: #999; font-weight: bold; } ul.forum_categories .forum_topics > span + span, ul.forum_categories .forum_posts > span + span { display: block; font-size: .7em; font-weight: normal; text-transform: uppercase; color: #999; } ul.forum_categories .forum_lastpost { padding: 12px 5px 10px 20px; width: 250px; float: right; overflow: hidden; } html[dir="rtl"] ul.forum_categories .forum_lastpost { padding: 12px 20px 10px 5px; float: left; } ul.forum_categories .forum_lastpost > a { display: inline-block; float: left; } html[dir="rtl"] ul.forum_categories .forum_lastpost > a { float: right; } ul.forum_categories .forum_lastpost > a > img { display: block; border: 1px solid #ddd; margin-right: 5px; width: 32px; height: 32px; } html[dir="rtl"] ul.forum_categories .forum_lastpost > a > img { margin-right: 0px; margin-left: 5px; } ul.forum_categories .forum_lastpost_info { display: block; overflow: hidden; margin-left: 5px; font-size: .8em; } html[dir="rtl"] ul.forum_categories .forum_lastpost_info { margin-left: 0px; margin-right: 5px; } ul.forum_categories .forum_lastpost_date { display: block; color: #999; } /* VIEW FORUM Styles the list of topics within a forum. */ div.forum_header { margin: 15px 0px 10px 0px; overflow: hidden; } div.forum_header_options { float: left; overflow: hidden; } html[dir="rtl"] div.forum_header_options { float: right; } div.forum_header_moderators { overflow: hidden; padding: 0px 30px 0px 30px; } div.forum_header_pages { float: right; overflow: hidden; text-align: right; } html[dir="rtl"] div.forum_header_pages { float: left; text-align: left; } ul.forum_topics { border: 1px solid #ddd; } ul.forum_topics > li { overflow: hidden; } ul.forum_topics > li + li { border-top: 1px solid #eaeaea; } ul.forum_topics > li.forum_nth_0 { background: #f9f9f9; } ul.forum_topics > li > div { padding: 10px 7px 10px 7px; } ul.forum_topics .forum_topics_icon { float: left; overflow: hidden; margin-left: 3px; } html[dir="rtl"] ul.forum_topics .forum_topics_icon { float: right; margin-left: 0px; margin-right: 3px; } ul.forum_topics .forum_topics_icon a { text-decoration: none; } ul.forum_topics .forum_topics_icon img { display: block; } ul.forum_topics .forum_topics_title h3 { overflow: hidden; margin-bottom: 0px; margin-top: 5px; } ul.forum_topics .forum_topics_title h3.closed, ul.forum_topics .forum_topics_title h3.sticky { padding-left: 22px; background-repeat: no-repeat; background-position: 3px 3px; } html[dir="rtl"] ul.forum_topics .forum_topics_title h3.closed, html[dir="rtl"] ul.forum_topics .forum_topics_title h3.sticky { padding-left: 0px; padding-right: 22px; background-position: 100% 50%; } ul.forum_topics .forum_topics_title h3.closed { background-image: url(/application/modules/Forum/externals/images/post/close.png?c=75); } ul.forum_topics .forum_topics_title h3.sticky { background-image: url(/application/modules/Forum/externals/images/post/stick.png?c=75); } ul.forum_topics .forum_topics_replies, ul.forum_topics .forum_topics_views { width: 60px; float: right; overflow: hidden; text-align: center; } html[dir="rtl"] ul.forum_topics .forum_topics_replies, html[dir="rtl"] ul.forum_topics .forum_topics_views { float: left; } ul.forum_topics .forum_topics_replies span, ul.forum_topics .forum_topics_views span { display: block; font-size: 1.3em; color: #999; font-weight: bold; } ul.forum_topics .forum_topics_replies span + span, ul.forum_topics .forum_topics_views span + span { display: block; font-size: .7em; font-weight: normal; text-transform: uppercase; color: #999; } ul.forum_topics .forum_topics_lastpost { width: 250px; float: right; overflow: hidden; padding-left: 20px; min-width: 100px; } html[dir="rtl"] ul.forum_topics .forum_topics_lastpost { float: left; padding-left: 0px; padding-right: 20px; } ul.forum_topics .forum_topics_lastpost > a { display: inline-block; float: left; overflow: hidden; margin-right: 5px; } html[dir="rtl"] ul.forum_topics .forum_topics_lastpost > a { float: right; margin-right: 0px; margin-left: 5px; } ul.forum_topics .forum_topics_lastpost > a > img { display: block; width: 32px; height: 32px; } ul.forum_topics .forum_topics_lastpost_info { display: block; overflow: hidden; margin-left: 5px; font-size: .8em; } html[dir="rtl"] ul.forum_topics .forum_topics_lastpost_info { margin-left: 0px; margin-right: 5px; } ul.forum_topics .forum_topics_lastpost_date { display: block; color: #999; } ul.forum_topics .forum_pagelinks { display: block; font-size: .8em; color: #999; } .forum_pages { margin-top: 10px; } /* VIEW TOPIC Styles the list of posts within a topic. */ div.forum_topic_title_wrapper { overflow: hidden; } div.forum_topic_title { overflow: hidden; } div.forum_topic_title h3 { margin: 0px; } div.forum_topic_title_options { float: right; overflow: hidden; } html[dir="rtl"] div.forum_topic_title_options { float: left; } div.forum_topic_title_options a { margin-left: 15px; padding-top: 1px; font-size: .8em; height: 16px; } html[dir="rtl"] div.forum_topic_title_options a { margin-left: 0px; margin-right: 15px; } div.forum_topic_options { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; margin: 10px 0px 10px 0px; overflow: hidden; } div.forum_topic_options a { padding-top: 1px; font-size: .8em; height: 16px; margin-right: 15px; } html[dir="rtl"] div.forum_topic_options a { margin-right: 0px; margin-left: 15px; } div.forum_discussions_thread_options_closed { background-image: url(/application/modules/Forum/externals/images/post/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; } html[dir="rtl"] div.forum_discussions_thread_options_closed { background-position: right center; padding-left: 0px; padding-right: 20px; } div.forum_topic_title .forum_topic_title_text { float: left; overflow: hidden; padding: 5px 0px 5px 8px; } html[dir="rtl"] div.forum_topic_title .forum_topic_title_text { float: right; } ul.forum_topic_posts { border-top: 3px solid #ddd; } ul.forum_topic_posts > li { overflow: hidden; padding: 10px 10px 15px 10px; background: none; } ul.forum_topic_posts > li + li { border-top: 3px solid #ddd; } ul.forum_topic_posts > li.forum_nth_0 { background: #f9f9f9; } ul.forum_topic_posts .forum_topic_posts_author { float: left; overflow: hidden; width: 160px; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_author { float: right; } ul.forum_topic_posts .forum_topic_posts_author_name { font-weight: bold; } ul.forum_topic_posts .forum_topic_posts_author_photo { margin: 5px 0px 5px 0px; } ul.forum_topic_posts .forum_topic_posts_author_photo img { max-width: 75px; max-height: 75px; } ul.forum_topic_posts .forum_topic_posts_author_info > li { overflow: hidden; font-size: .8em; } ul.forum_topic_posts .forum_topic_posts_author_info_title { font-weight: bold; } ul.forum_topic_posts .forum_topic_posts_info { overflow: hidden; } ul.forum_topic_posts .forum_topic_posts_info_top { overflow: hidden; border-bottom-width: 1px; margin-bottom: 5px; } div.forum_topic_posts_info_body blockquote { border: 1px dashed #ddd; background: #fff; padding: 10px; } ul.forum_topic_posts .forum_topic_posts_info_top_date { float: left; overflow: hidden; background-image: url(/application/modules/Forum/externals/images/post.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; font-size: .8em; margin-bottom: 8px; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_info_top_date { float: right; background-position: right center; padding-left: 0px; padding-right: 20px; } ul.forum_topic_posts .forum_topic_posts_info_top_parents { float: left; overflow: hidden; color: #999; font-size: .8em; margin-bottom: 8px; padding-left: 5px; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_info_top_parents { float: right; padding-left: 0px; padding-right: 5px; } ul.forum_topic_posts .forum_topic_posts_info_top_options { overflow: hidden; text-align: right; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_info_top_options { text-align: left; } ul.forum_topic_posts .forum_topic_posts_info_top_options .buttonlink { padding-top: 2px; padding-bottom: 1px; font-size: .8em; margin-left: 10px; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_info_top_options .buttonlink { margin-left: 0px; margin-right: 10px; } ul.forum_topic_posts .forum_topic_posts_info_photo img { margin: 15px 5px 5px 0px; border: 1px solid #ddd; } html[dir="rtl"] ul.forum_topic_posts .forum_topic_posts_info_photo img { margin: 15px 0px 5px 5px; } .forum_topic_pages { margin: 10px 0px 10px 0px; } /* POST TOPIC AND REPLY TO TOPIC FORMS */ #forum_post_create div.form-label { float: none; text-align: left; margin: 0px; padding: 0px 0px 5px 0px; } html[dir="rtl"] #forum_post_create div.form-label { text-align: right; } #forum_post_create div.form-element { float: none; } #forum_post_create div.form-element input[type=text], #forum_post_create div.form-element input[type=file] { min-width: 300px; } #forum_post_create #toValues-element span > a { margin-left: 3px; } html[dir="rtl"] #forum_post_create #toValues-element span > a { margin-left: 0px; margin-right: 3px; } #forum_post_create #photo-wrapper { padding-top: 10px; } #forum_post_create #photo-label { font-size: .8em; font-weight: bold; padding: 2px 0px 1px 22px; background-image: url(/application/modules/Forum/externals/images/photo.png?c=75); background-repeat: no-repeat; } html[dir="rtl"] #forum_post_create #photo-label { padding: 2px 22px 1px 0px; background-position: right center; } #forum_post_create #photo-element { margin: 0px; } #forum_post_create #buttons-element { margin: 0px; } #forum_post_create #buttons-label { display: none; } /* QUICK REPLY FORM Styles the small reply-to-topic form visible on the view topic page. */ #forum_post_quick { margin-top: 10px; } #forum_post_quick div.form-label { display: none; } #forum_post_quick div.form-elements { margin-top: 5px; } #forum_post_quick textarea { min-height: 0px; max-height: 4em; } /* EDIT POST FORM */ #forum_post_edit .form-label { display: none; } #forum_post_edit #photo_delete-element { margin: 15px 0px 15px 0px; } #forum_post_edit #photo-label { width: auto; display: block; font-weight: normal; float: none; clear: both; text-align: left; margin-bottom: 2px; } #forum_post_edit #photo-element { margin-bottom: 15px; } /* RECENT TOPICS WIDGET Lists the most recently created topics, typically placed on the main home page. */ .layout_forum_list_recent_topics { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_forum_list_recent_topics > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_forum_list_recent_topics > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .layout_forum_list_recent_topics a.thumb { float: left; display: block; width: 48px; } .layout_forum_list_recent_topics a.thumb > img { display: block; } .layout_forum_list_recent_topics .info { padding: 0px 0px 0px 6px; overflow: hidden; } .layout_forum_list_recent_topics .name { font-weight: bold; } .layout_forum_list_recent_topics .author { font-size: .8em; color: #999; } .layout_forum_list_recent_topics .parent { font-size: .8em; color: #999; } .layout_forum_list_recent_topics .date { font-size: .8em; color: #999; } .layout_forum_list_recent_topics .description { padding: 1px 0px 4px 0px; font-size: .8em; } /* RECENT POSTS WIDGET Lists the most recent posts, typically placed on the main home page. */ .layout_forum_list_recent_posts { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_forum_list_recent_posts > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_forum_list_recent_posts > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .layout_forum_list_recent_posts a.thumb { float: left; display: block; width: 48px; } .layout_forum_list_recent_posts a.thumb > img { display: block; } .layout_forum_list_recent_posts .info { padding: 0px 0px 0px 6px; overflow: hidden; } .layout_forum_list_recent_posts .author { font-size: .8em; color: #999; } .layout_forum_list_recent_posts .parent { font-size: .8em; color: #999; } .layout_forum_list_recent_posts .name { font-weight: bold; } .layout_forum_list_recent_posts .date { font-size: .8em; color: #999; } .layout_forum_list_recent_posts .description { padding: 1px 0px 4px 0px; font-size: .8em; } /* ACTION TYPE ICONS */ .feed .activity_icon_forum_topic_create, .feed .activity_icon_forum_topic_reply, .feed .activity_icon_forum_promote { background-image: url(/application/modules/Forum/externals/images/post.png?c=75); } /* NOTIFICATION TYPE ICONS */ .notification_type_forum_topic_response, .notification_type_forum_topic_reply { background-image: url(/application/modules/Forum/externals/images/post.png?c=75); } .notification_type_forum_promote { background-image: url(/application/modules/Forum/externals/images/promote.png?c=75); } /* ITEM TYPE ICONS */ .item_icon_forum_category, .item_icon_forum, .item_icon_forum_topic, .item_icon_forum_post { background-image: url(/application/modules/Forum/externals/images/types/forum.png?c=75); } /* ICONS */ .icon_forum_post_new { background-image: url(/application/modules/Forum/externals/images/create.png?c=75); } .icon_forum_post_reply { background-image: url(/application/modules/Forum/externals/images/reply.png?c=75); } .icon_forum_post_edit { background-image: url(/application/modules/Forum/externals/images/edit.png?c=75); } .icon_forum_post_delete { background-image: url(/application/modules/Forum/externals/images/delete.png?c=75); } .icon_forum_post_quote { background-image: url(/application/modules/Forum/externals/images/quote.png?c=75); } .icon_forum_post_stick { background-image: url(/application/modules/Forum/externals/images/post/stick.png?c=75); } .icon_forum_post_unstick { background-image: url(/application/modules/Forum/externals/images/post/unstick.png?c=75); } .icon_forum_post_close { background-image: url(/application/modules/Forum/externals/images/post/close.png?c=75); } .icon_forum_post_unclose { background-image: url(/application/modules/Forum/externals/images/post/unclose.png?c=75); } .icon_forum_post_rename { background-image: url(/application/modules/Forum/externals/images/post/rename.png?c=75); } .icon_forum_post_move { background-image: url(/application/modules/Forum/externals/images/post/move.png?c=75); } .icon_forum_post_delete { background-image: url(/application/modules/Forum/externals/images/post/delete.png?c=75); } .icon_forum_topic_watch { background-image: url(/application/modules/Forum/externals/images/watch.png?c=75); } .icon_forum_topic_unwatch { background-image: url(/application/modules/Forum/externals/images/unwatch.png?c=75); } .VEACCORDION { padding-top: 2px; } .VEACCORDIONHEADER, .VEACCORDIONHEADERACTIVE { cursor: pointer; padding: 2px 5px 5px 23px; border: 1px solid #DDDDDD; border-bottom: none; font-weight: bold; background-repeat: no-repeat; background-position: 0px 2px; color: #333333; Xposition: relative; } .VEACCORDIONHEADER { background-image: url(/application/modules/Friendsinviter/externals/images/arrow_closed.gif?c=75); background-color: #F0F0F0; border-color: #EEE; } .VEACCORDIONHEADERACTIVE { background-image: url(/application/modules/Friendsinviter/externals/images/arrow_open.gif?c=75); background-color: #D0D0D0; } .VEACCORDIONCONTENT { padding: 0px; height: 0px; margin-bottom: 2px; overflow: hidden; } .VEACCORDIONCONTENTACTIVE { overflow: hidden; margin-bottom: 2px; } .VEACCORDIONCONTENT, .VEACCORDIONCONTENTACTIVE { background: #FFFFFF; border: 1px solid #DDDDDD; border-top: none; } .editor { margin: 3px 10px 7px; } .editor TD { Xvertical-align: top; padding: 2px 4px; } .editor TD TEXTAREA { overflow: auto; width: 280px !important; height: 100px; text-align: right; direction: ltr; } .invite_title { padding-bottom: 10px; padding-right: 70px; } .contact_importer { text-align: center; } .contact_importer .instructions { font-size: 11px; } .contact_importer #importer_frame { margin: 0pt auto; width: 520px; } /* LTR */ .contact_importer #importer_frame { text-align: left; } .contact_importer #error { margin: 4px 25px; } .contact_importer h3 { border-bottom: 1px solid #CCCCCC; font-size: 11px; font-weight: bold; margin: 15px 0pt 10px; padding-bottom: 2px; color: #333333; letter-spacing: 0px; } .contact_importer h4 { color: #000000; margin-left: 0px; } .contact_importer #address_book_selector { margin: 10px 0pt 20px; width: 512px; } .contact_importer .contacts_header { background: #EDEDED none repeat scroll 0%; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; margin: 10px auto 0pt; width: 505px; } .contact_importer .contacts_header a { color: gray; } .contact_importer .contacts_wrapper { background: #FFFFFF none repeat scroll 0%; border: 1px solid #C0C0C0; margin: 0px auto; overflow: auto; width: 505px; } .contact_importer .contacts_header td, .contact_importer .contacts_wrapper td { margin-top: 0px; padding: 2px; } /* width has "hole" on right - there will be scoll bar */ .contact_importer .contacts_wrapper table { width: 488px; } .contact_importer .contacts_wrapper tr.row1 { background: #F5F5F5 none repeat scroll 0%; } .contact_importer .contacts_wrapper td.name:hover, .contact_importer .contacts_wrapper td.email:hover { cursor: pointer; } .contact_importer .contacts_wrapper td.checkbox { width: 20px; } .contact_importer #address_book_selector h2 { margin-bottom: 5px; color: #333333; font-size: 13px; margin: 0px; padding: 0px; } .contact_importer #address_book_selector .buttons { margin: 10px 0pt; width: 200px; } .contact_importer #address_book_selector .buttons input { margin-right: 10px; } #befriend_selector h2, #social_selector h2 { line-height: 18px; padding-bottom: 3px; color: #333333; font-size: 12px; font-weight: bold; Xpadding-bottom: 2px; letter-spacing: 0px; } #befriend_selector, #social_selector { text-align: left; } #befriend_selector h3, #social_selector h3 { font-weight: normal; line-height: 18px; padding-bottom: 10px; } #befriend_selector .instructions, #social_selector .instructions { line-height: 18px; padding: 0pt 0pt 5px; } #befriend_selector .buttons, #social_selector .buttons { margin: 10px 0pt; width: 220px; } #friends_header { background: #EDEDED none repeat scroll 0%; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; margin: 10px 0pt 0pt; width: 500px; } #friends_header a { color: gray; } #friends_wrapper { background: #FFFFFF none repeat scroll 0%; border: 1px solid #C0C0C0; margin: 0pt; overflow: auto; width: 500px; } #friends_header td, #friends_wrapper td { margin-top: 0px; padding: 2px; } #friends_wrapper td { border-bottom: 1px solid #EEEEEE; } #friends_wrapper td.hover:hover, #friends_wrapper td.hover:hover { cursor: pointer; } #friends_wrapper td.name { color: #555555; } #friends_wrapper td.name div.full_name { color: #333333; font-size: 11px; font-weight: bold; padding-bottom: 2px; } #friends_wrapper td.networks { width: 100%; } #friends_wrapper ul.networks { color: gray; font-size: 11px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 3px 0pt 0pt; } #friends_wrapper td.name li { padding: 0pt; } #friends_wrapper td.checkbox { width: 20px; } #friends_wrapper td.pic { padding: 4px 4px 4px 10px; } .logos { padding: 10px 0px 10px 10px; } .logos .logo { background: #FFF !important; width: auto !important; height: auto !important; float: left !important; padding: 5px 15px 10px 0px !important; cursor: pointer !important; } .clearfix:unknown { clear: both; display: block; visibility: hidden; height: 0px; content: "."; } .clearfix:after { CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* AUTOCOMPLETER */ /* TEXT-ALIGN: left -> right */ .autocompleter_list { BORDER: #DDDDDD 1px solid; MARGIN-TOP: -1px; FONT-SIZE: 11px; Z-INDEX: 2; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; POSITION: absolute; direction: ltr; TEXT-ALIGN: left; } /* added direction, text-align .autocompleter_message { direction: rtl; } */ .autocompleter_list .autocompleter_suggestion { PADDING: 3px; BORDER-TOP: #dddDDD 1px solid; } .autocompleter_list .autocompleter_message { PADDING: 3px; BORDER-TOP: #ddd 1px solid; } .autocompleter_list .autocompleter_suggestion { BACKGROUND: #fff; FILTER: alpha(opacity=94); WIDTH: 100%; CURSOR: default; opacity: 0.94; } .autocompleter_list .autocompleter_suggestion EM { FONT-WEIGHT: bold; XBACKGROUND: #F5F5F5; BACKGROUND: #E7E7E7; FONT-STYLE: normal; COLOR: #3399FF; } .autocompleter_list .autocompleter_suggestion DIV { COLOR: #336699; text-align: left; } .autocompleter_list .autocompleter_suggestion SMALL { PADDING-LEFT: 5px; COLOR: #336699; } .autocompleter_list .autocompleter_selected { BACKGROUND: #E7E7E7; FILTER: alpha(opacity=100); COLOR: #3399FF; opacity: 1; } .autocompleter_list .autocompleter_selected EM { XBACKGROUND: #5670a6; BACKGROUND: #E7E7E7; } .autocompleter_list .autocompleter_message { BACKGROUND: #eee; COLOR: #333; } .autocompleter_found { BACKGROUND: #e1e9f6 !important; } .autocompleter_placeholder { COLOR: #777 !important; } .autocompleter_iframe { Z-INDEX: 1; FILTER: alpha(opacity=0); LEFT: 0px; POSITION: absolute; TOP: 0px; } /* legacy */ td.form1 { padding: 12px 0px 5px 10px; font-weight: bold; text-align: right; vertical-align: top; color: #777; } td.form2 { padding: 10px 0px 5px 10px; } /* Top Inviters WIDGET */ .layout_friendsinviter_list_topinviter { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_friendsinviter_list_topinviter > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_friendsinviter_list_topinviter > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .layout_friendsinviter_list_topinviter a.topinviters_thumb { float: left; display: block; Xwidth: 48px; Xheight: 48px; } .layout_friendsinviter_list_topinviter a.topinviters_thumb > span { display: block; } .layout_friendsinviter_list_topinviter .topinviters_info { padding: 0px 0px 0px 6px; overflow: hidden; } .layout_friendsinviter_list_topinviter .topinviters_name { font-weight: bold; } .layout_friendsinviter_list_topinviter .topinviters_friends { font-size: .8em; color: #999; } /* Top Referrers WIDGET */ .layout_friendsinviter_list_topreferrer { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_friendsinviter_list_topreferrer > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } .layout_friendsinviter_list_topreferrer > ul > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } .layout_friendsinviter_list_topreferrer a.topreferrers_thumb { float: left; display: block; Xwidth: 48px; Xheight: 48px; } .layout_friendsinviter_list_topreferrer a.topreferrers_thumb > span { display: block; } .layout_friendsinviter_list_topreferrer .topreferrers_info { padding: 0px 0px 0px 6px; overflow: hidden; } .layout_friendsinviter_list_topreferrer .topreferrers_name { font-weight: bold; } .layout_friendsinviter_list_topreferrer .topreferrers_friends { font-size: .8em; color: #999; } /* Invite Teaser WIDGET */ .layout_friendsinviter_home_teaser { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } .layout_friendsinviter_home_teaser .global_form > div { width: 100%; } .layout_friendsinviter_home_teaser .friendsinviter_logo { Xbackground: #FFFFFF; float: left; padding: 5px 15px 10px 0; } /* FEED ITEMS Styles items with gmap attachments in the feed. */ ul.feed .feed_attachment_gmap { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } ul.feed .feed_attachment_gmap > div > a { display: block; float: left; margin-right: 7px; } ul.feed .feed_attachment_gmap > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_gmap > div > div { overflow: hidden; } /* FORMS STUFF */ #gmaps_create div > textarea + p { font-size: 7pt; margin-top: 3px; } /* ITEM TYPE ICONS */ .item_icon_gmap { background-image: url(/application/modules/Gmap/externals/images/types/gmap.png?c=75); } /* HOME GMAPS These styles are used on the home gmaps page */ .gmaps_browse_recent h3 { font-size: 1.3em; margin-bottom: 5px; } .gmaps_browse_popular { margin-bottom: 20px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 10px; } .gmaps_browse_popular h3 { padding: 0; } .gmaps_browse_popular li { padding: 10px 0; } .gmaps_browse_popular li .gmap_photo { float: left; margin-right: 5px; margin-bottom: 5px; } .gmaps_browse_popular li .gmap_stats, .gmaps_browse_popular li .gmap_author { font-size: .8em; color: #999; } .gmaps_browse_popular li .gmap_title { font-weight: bold; } .gmaps_browse_popular span.gmaps_browse_popular_period { font-size: 0.7em; } .gmap_layout_landing_content { clear: both; overflow: hidden; } .gmap_layout_landing_content .gmap_layout_landing_content_left { width: 470px; float: left; margin-right: 20px; } .gmap_layout_landing_content .gmap_layout_landing_content_right { margin-left: 495px; width: 240px; } /* BROWSE GMAPS These styles are used on the browse gmaps page */ .gmaps_browse_filters .form-wrapper { overflow: hidden; } .gmaps_browse_filters .integer_field .form-element { float: left; overflow: hidden; } .gmaps_browse_filters .integer_field label { display: block; margin-bottom: 2px; } .gmaps_browse_filters .integer_field .form-element + .form-element { margin-left: 5px; } .gmaps_browse_filters .form-element span.overTxtLabel { color: #999; } .gmaps_browse_filters .integer_field input { width: 50px; } .gmaps_browse_filters .description { display: none; } .gmaps_browse_filters textarea { width: 155px; height: 60px; } .gmaps_browse_filters #done-wrapper { margin-top: 10px; } div.gmaps_result_filter_details { margin-bottom: 10px; font-style: italic; } div.gmaps_result_filter_details a { font-weight: bold; } ul.gmaps_browse { clear: both; padding-top: 10px; } ul.gmaps_browse > li { float: left; height: 240px; margin-right: 20px; width: 160px; overflow: hidden; margin-bottom: 10px; } ul.gmaps_browse > li img.item_photo_gmap { padding: 3px; width: 100px; max-height: 120px; } ul.gmaps_browse > li .gmap_title { font-size: 10pt; font-weight: bold; } ul.gmaps_browse > li .gmap_address { margin: 5px 0; } ul.gmaps_browse > li .gmap_address, ul.gmaps_browse > li .gmap_stats, ul.gmaps_browse > li .gmap_date, ul.gmaps_browse > li .gmap_author { font-size: .8em; color: #999; display: block; } ul.gmaps_browse .gmaps_browse_options { float: right; overflow: hidden; padding-left: 20px; } ul.gmaps_browse .gmaps_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } /* GMAPS RECENT */ #gmaps_recent_map_wrapper { margin: 15px 0; } /* GMAPS MANAGE */ ul.gmaps_manage { clear: both; padding-top: 10px; } ul.gmaps_manage > li { clear: both; padding: 0px 0px 15px 0px; overflow: hidden; } ul.gmaps_manage > li + li { padding-top: 15px; border-top-width: 1px; } ul.gmaps_manage .gmaps_manage_photo { float: left; overflow: hidden; margin-right: 8px; } ul.gmaps_manage .gmaps_manage_photo img { width: 100px; } ul.gmaps_manage .gmaps_manage_options { float: right; overflow: hidden; padding-left: 20px; } ul.gmaps_manage .gmaps_manage_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.gmaps_manage .gmaps_manage_info { overflow: hidden; } ul.gmaps_manage h3 { margin: 0px; } ul.gmaps_manage .gmap_stats, ul.gmaps_manage .gmap_address { font-size: .8em; color: #999; margin: 5px 0; } div.gmap_view .gmap_address { margin: 5px 0; } div.gmap_view .gmap_profile_fields { margin-bottom: 15px; } div.gmaps_gutter a.gmap_active_category, div.gmaps_gutter a.gmap_active_tag { font-weight: bold; } div.gmaps_gutter .gmaps_gutter_owner { padding: 5px; margin-bottom: 15px; } div.gmaps_gutter a.gmaps_gutter_owner_photo { display: block; width: 64px; } div.gmaps_gutter a.gmaps_gutter_owner_photo > img { display: block; max-width: 75px; max-height: 75px; } div.gmaps_gutter .gmaps_gutter_owner_name { display: block; } div.gmaps_gutter .gmaps_gutter_owner_name a.gmaps_gutter_name { font-weight: bold; } div.gmaps_gutter .gmaps_gutter_tags li { display: inline; } div.gmaps_gutter .buttonlink { padding-top: 2px; padding-bottom: 1px; } div.gmaps_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.gmaps_gutter > ul > li { margin-bottom: 2px; } div.gmaps_gutter ul.gmaps_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } ul.gmap_thumbs > li img { max-width: 50%; max-height: 50%; margin: 15px 15px 15px 0px; border: 1px solid #ddd; } div.gmaps_gutter ul.gmaps_gutter_gmaps li { margin: 8px 0; overflow: hidden; } div.gmaps_gutter ul.gmaps_gutter_gmaps .gmap_photo { float: left; margin-right: 10px; } div.gmaps_gutter ul.gmaps_gutter_gmaps .gmap_title { font-weight: bold; font-size: .8em; } div.gmaps_gutter ul.gmaps_gutter_gmaps .gmap_stats, div.gmaps_gutter ul.gmaps_gutter_gmaps .gmap_date { font-size: .8em; color: #999; } /* EDIT GMAP GMAP */ ul.gmaps_editphotos { width: 600px; } ul.gmaps_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.gmaps_editphotos .gmaps_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.gmaps_editphotos .gmaps_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.gmaps_editphotos .gmaps_editphotos_info { overflow: hidden; } ul.gmaps_editphotos .gmaps_editphotos_title_input input, { margin: 2px 0px 6px 0px; width: 25em; } ul.gmaps_editphotos .gmaps_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; height: 3em; min-height: 0px; } ul.gmaps_editphotos .gmaps_editphotos_label { float: left; } ul.gmaps_editphotos .gmaps_editphotos_cover { float: left; } ul.gmaps_editphotos .photo-delete-wrapper { float: left; margin-right: 15px; } ul.gmaps_editphotos .photo-delete-wrapper > label { display: block; float: left; } /* GMAP PHOTOS UPLOAD FORM Some minor changes to the global form. */ .gmap_form_upload #file-label, .gmap_form_upload #submit-label { display: none; } /* VIEW GMAP PHOTO These styles are used on the view photo page within an album. */ div.gmap_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.gmap_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.gmap_photo_view .gmap_photo_nav { clear: both; overflow: visible; margin-bottom: 4px; } div.gmap_photo_view .gmap_photo_nav > div { float: left; overflow: visible; } div.gmap_photo_view .gmap_photo_nav > div + div { float: none; text-align: right; } div.gmap_photo_view .gmap_photo_nav > div + div > a + a { margin-left: 20px; } div.gmap_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.gmap_photo_info p { text-align: left; } div.gmap_photo_container { position: relative; display: inline-block; } div.gmap_photo_container a:link { text-decoration: none; } div.gmap_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.gmap_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.gmap_photo_info .gmap_photo_title { margin-top: 5px; font-weight: bold; } div.gmap_photo_info .gmap_photo_description { font-size: .8em; margin-top: 3px; } div.gmap_photo_info .gmap_photo_owner { font-size: .8em; margin-top: 3px; } div.gmap_photo_info .gmap_photo_title + .gmap_photo_tags, div.gmap_photo_info .gmap_photo_description + .gmap_photo_tags { margin-top: 15px; } div.gmap_photo_info .gmap_photo_tags { font-size: .8em; margin-top: 5px; } div.gmap_photo_info .gmap_photo_date { font-size: .8em; margin-top: 5px; } div.gmap_photo_view > div.comments { margin-top: 15px; } /* GMAPS USER PROFILE TAB Styles the list of gmaps on a user's Gmaps profile tab. */ div.gmaps_widget_profile_gmaps_map_wrapper { float: left; width: 480px; } ul.gmaps_profile_tab { width: 240px; margin-left: 500px; } ul.gmaps_profile_tab > li { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #eaeaea; } ul.gmaps_profile_tab > li .gmap_info { overflow: hidden; } ul.gmaps_profile_tab > li .gmap_title { font-weight: bold; } ul.gmaps_profile_tab > li .gmap_photo { float: left; margin-right: 5px; } ul.gmaps_profile_tab > li .gmap_address { margin: 5px 0; } ul.gmaps_profile_tab > li .gmap_address, ul.gmaps_profile_tab > li .gmap_stats, ul.gmaps_profile_tab > li .gmap_date { font-size: .8em; color: #999; } div.gmaps_profile_links { clear: both; padding: 15px 0; } /* ICONS */ .icon_gmap_list { background-image: url(/application/modules/Gmap/externals/images/allentries.png?c=75); } .icon_gmap_new { background-image: url(/application/modules/Gmap/externals/images/create.png?c=75); } .icon_gmap_edit { background-image: url(/application/modules/Gmap/externals/images/edit.png?c=75); } .icon_gmap_coordinate { background-image: url(/application/modules/Gmap/externals/images/coordinate.png?c=75); } .icon_gmap_delete { background-image: url(/application/modules/Gmap/externals/images/delete.png?c=75); } .icon_gmap_home { background-image: url(/application/modules/Gmap/externals/images/home.png?c=75); } .icon_gmap_home_off { background-image: url(/application/modules/Gmap/externals/images/home_off.png?c=75); } .icon_gmap_photo_new { background-image: url(/application/modules/Gmap/externals/images/photo/upload.png?c=75); } .icon_gmap_photo_view { background-image: url(/application/modules/Gmap/externals/images/photo/view.png?c=75); } .icon_gmap_photo_manage { background-image: url(/application/modules/Gmap/externals/images/photo/manage.png?c=75); } .icon_gmap_category { background-image: url(/application/modules/Gmap/externals/images/category.png?c=75); } .gmap_photos_list_options { margin-bottom: 15px; } .gmap_photos_list_options a { margin-right: 10px; } /* * Gmap_View_Helper_GmapMarkers :: InfoWindow bubble pop */ div.gmap_infowindow_pop_title { font-weight: bold; } div.gmap_infowindow_pop_address { margin-bottom: 5px; } div.gmap_infowindow_pop_meta { font-weight: normal; font-size: .8em; color: #999; } div.gmap_infowindow_pop_photo { float: left; margin-right: 10px; } span.gmap_infowindow_pop_meta_owner { display: block; } span.gmap_infowindow_pop_meta_owner a { font-weight: bold; } span.gmap_infowindow_pop_meta_stat { display: block; } h2.gmap_header_title { border-bottom-width: 1px; padding-bottom: 10px; } div.gmap_map_container_wrapper { margin: 10px 0; } div.gmap_preview_map_wrapper { padding: 20px 0 0 20px; } div.gmap_view_map_wrapper { margin: 10px 0; } div.gmap_map_locator_wrapper { margin-left: 10px; float: right; } ul.gmap_action_options { margin: 10px 0; } ul.gmap_action_options li { display: inline; margin-right: 10px; } form#gmaps_coordinate { clear: none; } /* GMAPS WIDGET Lists recently posted gmap, typically placed on the main home gmap. */ .layout_gmap_list_most_viewed, .layout_gmap_list_most_commented, .layout_gmap_list_most_liked, .layout_gmap_list_search, .layout_gmap_list_sponsored, .layout_gmap_list_featured, .layout_gmap_list_categories, .layout_gmap_list_recent, .layout_gmap_list_tags { clear: both; margin-bottom: 15px; } ul.gmaps_most_viewed, ul.gmaps_most_commented, ul.gmaps_most_liked { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } ul.gmaps_most_viewed > li, ul.gmaps_most_commented > li, ul.gmaps_most_liked > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } ul.gmaps_most_viewed > li .gmap_photo, ul.gmaps_most_commented > li .gmap_photo, ul.gmaps_most_liked > li .gmap_photo { float: left; overflow: hidden; margin-right: 6px; } ul.gmaps_most_viewed > li .gmap_details, ul.gmaps_most_commented > li .gmap_details, ul.gmaps_most_liked > li .gmap_details { font-size: .8em; color: #999; } .gmaps_categories_quicklinks li .gmap_category_desc { font-size: .8em; color: #999; } #gmap_likes { margin-top: 10px; overflow: hidden; } #gmap_likes > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; margin-bottom: 15px; overflow: hidden; } #gmap_likes > ul > li { font-size: .8em; overflow: hidden; float: left; padding: 4px; text-align: center; } ul.gmaps_featured { overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 5px solid #ddecf3; padding: 12px 12px 12px 12px; background-color: #f4f9fb; } ul.gmaps_featured > li { clear: both; overflow: hidden; } ul.gmaps_featured > li + li { margin-top: 15px; padding-top: 15px; border-top-width: 1px; } ul.gmaps_featured .gmap_photo { float: left; overflow: hidden; } ul.gmaps_featured .gmap_photo img { display: block; } ul.gmaps_featured .gmap_info { padding-left: 10px; overflow: hidden; } ul.gmaps_featured .gmap_title h3 { font-size: 1.5em; } ul.gmaps_featured .gmap_meta { font-size: .8em; color: #999; } ul.gmaps_featured .gmap_desc { margin-top: 5px; clear: both; } ul.gmaps_sponsored > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.gmaps_sponsored > li + li { padding-top: 15px; border-top-width: 1px; } ul.gmaps_sponsored .gmap_meta { font-size: .8em; color: #999; } ul.gmaps_recent { clear: both; padding-top: 10px; } ul.gmaps_recent > li { float: left; height: 150px; width: 120px; margin: 5px; } ul.gmaps_recent > li img.item_photo_gmap { padding: 3px; width: 100px; max-height: 120px; } ul.gmaps_recent > li .gmap_address { margin: 5px 0; } ul.gmaps_recent > li .gmap_meta { font-size: .8em; color: #999; display: block; } /* */ /* FEED ITEMS Styles items with group attachments in the feed. */ ul.feed .feed_attachment_group { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } html[dir="rtl"] ul.feed .feed_attachment_group { margin: 0px 0px 5px 5px; } ul.feed .feed_attachment_group > div > a { display: block; float: left; margin-right: 7px; } html[dir="rtl"] ul.feed .feed_attachment_group > div > a { float: right; margin-right: 0px; margin-left: 7px; } ul.feed .feed_attachment_group > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_group > div > div { overflow: hidden; } /* BROWSE GROUPS These styles are used on the browse groups page */ ul.groups_browse > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.groups_browse > li + li { padding-top: 15px; border-top-width: 1px; } ul.groups_browse .groups_photo { float: left; overflow: hidden; } html[dir="rtl"] ul.groups_browse .groups_photo { float: right; } ul.groups_browse .groups_photo img { width: 100px; display: block; } ul.groups_browse .groups_info { padding-left: 10px; overflow: hidden; } html[dir="rtl"] ul.groups_browse .groups_info { padding-left: 0px; padding-right: 10px; } ul.groups_browse .groups_title h3 { margin: 0px; } ul.groups_browse .groups_members { font-size: .8em; color: #999; } ul.groups_browse .groups_desc { margin-top: 5px; clear: both; } ul.groups_browse .groups_options { float: right; overflow: hidden; width: 120px; padding-left: 15px; } html[dir="rtl"] ul.groups_browse .groups_options { float: left; padding-left: 0px; padding-right: 15px; } ul.groups_browse .groups_options a { clear: both; margin: 3px 0px 0px 0px; font-size: .8em; padding-top: 1px; height: 16px; } /* VIEW GROUP These styles are used on the view group page, i.e. the group's profile page */ #group_photo > img { width: 100%; } div.group_info > h4 { margin-bottom: 1.1em; } div.group_info > ul { margin-bottom: 10px; overflow: hidden; } div.group_info > ul > li { overflow: hidden; clear: both; margin-bottom: 5px; } div.group_info > ul > li > div { float: left; clear: left; width: 120px; } div.group_info > ul > li > div + div { float: none; clear: none; overflow: hidden; width: auto; } .layout_group_profile_info { margin-top: 10px; overflow: hidden; } .layout_group_profile_info > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; } .layout_group_profile_info > ul > li { font-size: .8em; overflow: hidden; } .layout_group_profile_info > ul > li + li { margin-top: 5px; } .layout_group_profile_info .group_stats_title > span { font-weight: bold; display: block; } .layout_group_profile_info .group_stats_title > a { font-weight: normal; } .layout_group_profile_info .group_stats_staff { margin-top: 8px; } .layout_group_profile_info .group_stats_info { margin-top: 8px; } .layout_group_profile_info .group_stats_info ul { color: #999; } /* group members tab */ .group_members_info { clear: both; padding-bottom: 5px; overflow: hidden; } .group_members_info .group_members_total { margin-top: 5px; padding-bottom: 2px; overflow: hidden; } .group_members_info .group_members_search { float: right; overflow: hidden; text-align: right; padding-bottom: 2px; } html[dir="rtl"] .group_members_info .group_members_search { float: left; text-align: left; } ul.group_members { border-top-width: 1px; margin-bottom: 8px; } ul.group_members > li { overflow: hidden; padding: 10px 0px 10px 0px; border-bottom-width: 1px; } ul.group_members .group_members_icon { float: left; display: block; } html[dir="rtl"] ul.group_members .group_members_icon { float: right; } ul.group_members .group_members_icon > img { display: block; } ul.group_members .group_members_body { overflow: hidden; padding-left: 7px; } html[dir="rtl"] ul.group_members .group_members_body { padding-left: 0px; padding-right: 7px; } ul.group_members .group_members_status { font-weight: bold; color: #999; } ul.group_members .group_members_status .smoothbox { display: inline-block; width: 16px; background-image: url(/application/modules/Group/externals/images/edit.png?c=75); background-repeat: no-repeat; } html[dir="rtl"] ul.group_members .group_members_status .smoothbox { /* float: right; */ } ul.group_members .group_members_options { float: right; min-width: 180px; overflow: hidden; padding-left: 15px; } html[dir="rtl"] ul.group_members .group_members_options { float: left; padding-left: 0px; padding-right: 15px; } ul.group_members .group_members_options a { display: block; clear: both; margin: 1px; } ul.group_members .group_members_options a.buttonlink { padding-top: 2px; padding-bottom: 2px; font-weight: bold; font-size: .8em; } ul.group_members .group_members_options div { text-align: right; } html[dir="rtl"] ul.group_members .group_members_options div { text-align: left; } /* photos tab */ div.group_photos > ul { clear: both; overflow: hidden; margin: 20px 0px 20px 0px; } div.group_photos > ul > li { float: left; display: table-cell; vertical-align: middle; overflow: hidden; margin-right: 20px; height: 170px; } div.group_photos > ul > li > div { float: left; overflow: hidden; padding: 3px; border: 1px solid #ddd; } div.group_photos > ul > li > div:hover { border: 1px solid #bbb; } div.group_photos > ul > li > div img { display: block; } /* discussions tab and view page */ .group_discussions_options { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; margin-bottom: 5px; } .group_discussions_options a { margin-right: 15px; } html[dir="rtl"] .group_discussions_options a { margin-right: 0px; margin-left: 15px; } ul.group_discussions > li { padding: 10px 10px 10px 0px; overflow: hidden; } ul.group_discussions > li + li { border-top-width: 1px; } ul.group_discussions .group_discussions_replies { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; text-align: center; margin-right: 10px; width: 40px; padding: 7px 10px 7px 10px; color: #999; font-size: .8em; } html[dir="rtl"] ul.group_discussions .group_discussions_replies { float: right; margin-right: 0px; margin-left: 10px; } ul.group_discussions .group_discussions_replies span { font-size: 2em; display: block; } ul.group_discussions .group_discussions_info { overflow: hidden; } ul.group_discussions h3 { margin-bottom: 0px; } ul.group_discussions .group_discussions_sticky a { background-image: url(/application/modules/Group/externals/images/post/stick.png?c=75); background-repeat: no-repeat; padding-left: 20px; background-position: 0px .2em; } html[dir="rtl"] ul.group_discussions .group_discussions_sticky a { background-position: right center; padding-left: 0px; padding-right: 20px; } ul.group_discussions .group_discussions_lastreply { float: right; overflow: hidden; width: 250px; margin-left: 10px; } html[dir="rtl"] ul.group_discussions .group_discussions_lastreply { float: left; margin-left: 0px; margin-right: 10px; } ul.group_discussions .group_discussions_lastreply > a { float: left; display: block; } html[dir="rtl"] ul.group_discussions .group_discussions_lastreply > a { float: right; } ul.group_discussions .group_discussions_lastreply > a > img { display: block; } ul.group_discussions .group_discussions_lastreply_info { overflow: hidden; padding-left: 5px; } html[dir="rtl"] ul.group_discussions .group_discussions_lastreply_info { padding-left: 0px; padding-right: 5px; } ul.group_discussions .group_discussions_lastreply_info_date { font-size: .8em; color: #999; } /* some overrides on the tab page for spacing purposes */ div.group_discussions_list { margin-top: 10px; border-top-width: 1px; } div.group_discussions_list h3 { font-size: 1em; letter-spacing: 0px; } div.group_discussions_list .group_discussions_sticky a { background-position: 0px 0px; } html[dir="rtl"] div.group_discussions_list .group_discussions_sticky a { background-position: top right; } /* view group discussion thread */ div.group_discussions_thread_options .buttonlink { padding-top: 1px; font-size: .8em; height: 16px; margin-right: 15px; } html[dir="rtl"] div.group_discussions_thread_options .buttonlink { margin-right: 0px; margin-left: 15px; } div.group_discussions_thread_options_closed { background-image: url(/application/modules/Group/externals/images/post/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; margin-left: 20px; } html[dir="rtl"] div.group_discussions_thread_options_closed { background-position: right center; padding-left: 0px; margin-left: 0px; padding-right: 20px; margin-right: 20px; } ul.group_discussions_thread { margin: 10px 0px 10px 0px; overflow: hidden; } ul.group_discussions_thread > li { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; border-top: 1px solid #d0e2ec; } ul.group_discussions_thread > li + li { margin-top: 5px; } ul.group_discussions_thread .group_discussions_thread_author { float: left; overflow: hidden; width: 120px; font-weight: bold; padding: 5px 10px 7px 10px; } ul.group_discussions_thread .group_discussions_thread_author_name { margin-bottom: 5px; } html[dir="rtl"] ul.group_discussions_thread .group_discussions_thread_author { float: right; } ul.group_discussions_thread .group_discussions_thread_photo { display: block; margin-bottom: 3px; clear: both; } ul.group_discussions_thread .group_discussions_thread_info { padding: 0px 10px 5px 5px; overflow: hidden; } html[dir="rtl"] ul.group_discussions_thread .group_discussions_thread_info { padding: 0px 5px 5px 10px; } ul.group_discussions_thread .group_discussions_thread_details { padding: 6px 0px 6px 0px; border-bottom: 1px solid #d0e2ec; } ul.group_discussions_thread .group_discussions_thread_details_date { font-size: .8em; overflow: hidden; color: #999; } ul.group_discussions_thread .group_discussions_thread_details_options { margin-top: -2px; float: right; overflow: hidden; text-align: right; } html[dir="rtl"] ul.group_discussions_thread .group_discussions_thread_details_options { float: left; text-align: left; } ul.group_discussions_thread .group_discussions_thread_details_options .buttonlink { font-size: .8em; height: 16px; margin-left: 10px; } html[dir="rtl"] ul.group_discussions_thread .group_discussions_thread_details_options .buttonlink { margin-left: 0px; margin-right: 10px; } ul.group_discussions_thread .group_discussions_thread_body { padding: 5px 0px 5px 0px; } ul.group_discussions_thread .group_discussions_thread_body blockquote { border: 1px dashed #ddd; background: #fff; padding: 10px; } /* GROUP PHOTOS UPLOAD FORM Some minor changes to the global form. */ .group_form_upload #file-label, .group_form_upload #submit-label { display: none; } /* VIEW GROUP ALBUM Styles for the list group photo page. */ .group_album_options > a { margin-right: 15px; } html[dir="rtl"] .group_album_options > a { margin-right: 0px; margin-left: 15px; } /* VIEW GROUP PHOTO These styles are used on the view photo page within an album. */ div.group_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.group_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.group_photo_view .group_photo_nav { clear: both; overflow: hidden; margin-bottom: 4px; } div.group_photo_view .group_photo_nav > div { float: left; overflow: visible; } html[dir="rtl"] div.group_photo_view .group_photo_nav > div { float: right; } div.group_photo_view .group_photo_nav > div + div { float: none; text-align: right; } html[dir="rtl"] div.group_photo_view .group_photo_nav > div + div { float: left; text-align: left; } div.group_photo_view .group_photo_nav > div + div > a + a { margin-left: 20px; } html[dir="rtl"] div.group_photo_view .group_photo_nav > div + div > a + a { margin-left: 0px; margin-right: 20px; } div.group_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.group_photo_info p { text-align: left; } html[dir="rtl"] div.group_photo_info p { text-align: right; } div.group_photo_container { position: relative; display: inline-block; } div.group_photo_container a:link { text-decoration: none; } div.group_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.group_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.group_photo_info .group_photo_title { margin-top: 5px; font-weight: bold; } div.group_photo_info .group_photo_description { margin-top: 3px; font-size: .8em; } div.group_photo_info .group_photo_owner { margin-top: 3px; font-size: .8em; } div.group_photo_info .group_photo_title + .group_photo_tags, div.group_photo_info .group_photo_description + .group_photo_tags { margin-top: 15px; } div.group_photo_info .group_photo_tags { font-size: .8em; margin-top: 5px; } div.group_photo_info .group_photo_date { font-size: .8em; margin-top: 5px; } div.group_photo_view > div.comments { margin-top: 15px; } /* GROUPS USER PROFILE TAB Styles the list of groups on a user's Groups profile tab. */ .layout_group_profile_groups ul > li, .layout_group_profile_events ul > li { overflow: hidden; } .layout_group_profile_groups ul > li + li, .layout_group_profile_events ul > li + li { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } .layout_group_profile_groups ul .groups_profile_tab_photo, .layout_group_profile_events ul .groups_profile_tab_photo { float: left; overflow: hidden; margin-right: 7px; } html[dir="rtl"] .layout_group_profile_groups ul .groups_profile_tab_photo, html[dir="rtl"] .layout_group_profile_events ul .groups_profile_tab_photo { float: right; margin-right: 0px; margin-left: 7px; } .layout_group_profile_groups ul .groups_profile_tab_photo img, .layout_group_profile_events ul .groups_profile_tab_photo img { max-width: 90px; } .layout_group_profile_groups ul .groups_profile_tab_info, .layout_group_profile_events ul .groups_profile_tab_info { overflow: hidden; } .layout_group_profile_groups ul .groups_profile_tab_title > a, .layout_group_profile_events ul .groups_profile_tab_title > a { font-weight: bold; } .layout_group_profile_groups ul .groups_profile_tab_members, .layout_group_profile_events ul .groups_profile_tab_members { font-size: .8em; color: #999; } .layout_group_profile_groups ul .groups_profile_tab_desc, .layout_group_profile_events ul .groups_profile_tab_desc { margin-top: 7px; } /* POST GROUP TOPIC FORM */ #group_topic_create .form-elements { margin-top: 10px; } #group_topic_create .form-label { clear: both; float: none; text-align: left; margin-bottom: 3px; } html[dir="rtl"] #group_topic_create .form-label { text-align: right; } #group_topic_create #watch-label { display: none; } /* REPLY TO GROUP TOPIC FORM */ #group_topic_reply h3, #group_topic_reply #body-label, #group_topic_reply #submit-label { display: none; } #group_topic_reply .form-elements { margin-top: 0px; } #group_topic_reply #watch-label { display: none; } /* INVITE FORM */ #group_form_invite #users-label { display: none; } #group_form_invite #users-element { border: 1px solid #bbb; padding: 7px 10px 7px 10px; max-height: 200px; overflow-y: auto; margin: 10px 0px 10px 0px; } /* EDIT MEMBER TITLE FORM */ #group_form_title #title-label { display: none; } #group_form_title #fieldset-buttons { margin-top: 10px; } #group_form_title .form-elements { margin-top: 10px; } /* TAGS FOR MESSEAGE RECIPIENTS */ .tag.tag_group { background-image: url(/application/modules/Group/externals/images/types/group.png?c=75); padding-left: 25px; background-repeat: no-repeat; background-position: 4px center; } /* ITEM TYPE ICONS */ .item_icon_group { background-image: url(/application/modules/Group/externals/images/types/group.png?c=75); } .item_icon_group_topic, .item_icon_group_post { background-image: url(/application/modules/Group/externals/images/types/post.png?c=75); } .item_icon_group_album, .item_icon_group_photo { background-image: url(/application/modules/Group/externals/images/types/album.png?c=75); } /* NOTIFICATION TYPE ICONS */ .notification_type_group_discussion_response, .notification_type_group_discussion_reply { background-image: url(/application/modules/Group/externals/images/types/post.png?c=75); } .notification_type_group_invite { background-image: url(/application/modules/Group/externals/images/member/invite.png?c=75); } .notification_type_group_approve { background-image: url(/application/modules/Group/externals/images/types/group_request.png?c=75); } .notification_type_group_accepted { background-image: url(/application/modules/Group/externals/images/types/group.png?c=75); } .notification_type_group_promote { background-image: url(/application/modules/Group/externals/images/member/promote.png?c=75); } /* ICONS */ .icon_group_photo_new { background-image: url(/application/modules/Group/externals/images/photo/upload.png?c=75); } .icon_group_new { background-image: url(/application/modules/Group/externals/images/create.png?c=75); } .icon_group_edit { background-image: url(/application/modules/Group/externals/images/edit.png?c=75); } .icon_group_delete { background-image: url(/application/modules/Group/externals/images/delete.png?c=75); } .icon_group_join { background-image: url(/application/modules/Group/externals/images/member/join.png?c=75); } .icon_group_leave { background-image: url(/application/modules/Group/externals/images/member/leave.png?c=75); } .icon_group_photo_view { background-image: url(/application/modules/Group/externals/images/photo/view.png?c=75); } .icon_group_photo_new { background-image: url(/application/modules/Group/externals/images/photo/upload.png?c=75); } .icon_group_post_new { background-image: url(/application/modules/Group/externals/images/post/create.png?c=75); } .icon_group_post_edit { background-image: url(/application/modules/Group/externals/images/post/edit.png?c=75); } .icon_group_post_reply { background-image: url(/application/modules/Group/externals/images/post/reply.png?c=75); } .icon_group_post_stick { background-image: url(/application/modules/Group/externals/images/post/stick.png?c=75); } .icon_group_post_unstick { background-image: url(/application/modules/Group/externals/images/post/unstick.png?c=75); } .icon_group_post_close { background-image: url(/application/modules/Group/externals/images/post/close.png?c=75); } .icon_group_post_open { background-image: url(/application/modules/Group/externals/images/post/unclose.png?c=75); } .icon_group_post_rename { background-image: url(/application/modules/Group/externals/images/post/rename.png?c=75); } .icon_group_post_delete { background-image: url(/application/modules/Group/externals/images/post/delete.png?c=75); } .icon_group_post_quote { background-image: url(/application/modules/Group/externals/images/post/quote.png?c=75); } .icon_group_accept { background-image: url(/application/modules/Group/externals/images/member/accept.png?c=75); } .icon_group_reject { background-image: url(/application/modules/Group/externals/images/member/reject.png?c=75); } .icon_group_cancel { background-image: url(/application/modules/Group/externals/images/member/cancel.png?c=75); } .icon_group_demote { background-image: url(/application/modules/Group/externals/images/member/demote.png?c=75); } .icon_group_promote { background-image: url(/application/modules/Group/externals/images/member/promote.png?c=75); } .icon_group_topic_watch { background-image: url(/application/modules/Group/externals/images/watch.png?c=75); } .icon_group_topic_unwatch { background-image: url(/application/modules/Group/externals/images/unwatch.png?c=75); } .activity_icon_group_join { background-image: url(/application/modules/Group/externals/images/member/join.png?c=75); } .activity_icon_group_promote { background-image: url(/application/modules/Group/externals/images/member/promote.png?c=75); } /* */ .clr { clear: both; } .display_none { display: none; } .float_left { float: left; } .float_right { float: right; } .no_content { padding: 10px; text-align: center; } /* Messages */ .he_message_container { position: fixed; right: 0; top: 0; z-index: 100; } .he_message_container .he_close { background: url(/application/modules/Hecore/externals/images/close_btn_small.png?c=75) no-repeat 50% 50%; width: 16px; height: 16px; display: block; float: right; } .he_message_container .he_msg_text, .he_message_container .he_msg_error, .he_message_container .he_msg_notice { width: 320px; padding: 8px; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; margin: 2px; z-index: 105; } .he_message_container span, .he_message_container span a { font-weight: bold; } .he_message_container .he_msg_text { background-color: #4CA33D; border: 1px solid #428F35; } .he_message_container .he_msg_error { background-color: #E33C3C; border: 1px solid #EF0000; } .he_message_container .he_msg_notice { border: 1px solid #E4C224; background: #FFE04F; } /* Photos */ .he_photo_fullsize { margin: 4px; margin-bottom: 0px; } *+html .he_photo_fullsize { margin: 4px; } .he_photo_close { position: absolute; top: 0px; right: 0px; background-image: url(/application/modules/Hecore/externals/images/photo_close.png?c=75); height: 36px; width: 36px; background-color: #444444; cursor: pointer; } .he_contacts .contact_checkbox { width: 60px; height: 25px; padding-left: 21px; padding-top: 2px; background: white url(/application/modules/Hecore/externals/images/he_contacts_checkbox.gif?c=75) no-repeat; background-position: 1px -3px; display: block; clear: left; float: left; font-size: 11px; } .he_contacts .check_all, .he_contacts .check_all_disabled { cursor: pointer; float: left; height: 16px; text-align: left; } .he_contacts .check_all_disabled { color: #bfbfbf; cursor: auto; } .he_contacts .he_before_check { background-position: 1px -28px; } .he_contacts .he_checked { background-position: 1px -53px; } .he_contacts .he_before_uncheck { background-position: 1px -78px; } .he_contacts { padding: 20px; } .he_contacts img.thumb_icon { padding: 2px; } #he_contacts_loading { background: transparent url(/application/modules/Hecore/externals/images/he_contacts_loading.gif?c=75) no-repeat scroll center center; height: 50px; left: 246px; opacity: 0.6; position: absolute; top: 208px; width: 50px; } .he_contacts .contacts, .he_contacts .emails { border: 1px solid #ddd; margin: 0 auto; padding: 6px; width: 480px; } .he_contacts .contacts { overflow-y: auto; height: 276px; } .he_contacts .emails { border-top: none; padding: 8px 6px 10px; } .he_contacts .label { font-weight: bold; margin-bottom: 6px; text-align: left; } .he_contacts .btn { margin: 8px 0 0 15px; text-align: left; width: 200px; } .he_contacts .info { color: #999; font-weight: normal; } #he_list { height: 276px; overflow-y: auto; } .he_contacts .contacts a.active, .he_contacts .contacts .item:hover { text-decoration: none; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #he_contacts_list { text-align: center; } .contacts .pagination { text-align: center; font-weight: bold; display: block; padding: 5px; float: left; width: 97%; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .he_contacts .contacts a.disabled { display: block; float: left; height: 62px; margin-left: 5px; margin-bottom: 5px; overflow: hidden; width: 142px; outline: none; border: 1px solid transparent; opacity: .5; -moz-opacity: .5; -khtml-opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .he_contacts .contacts a.disabled:hover { text-decoration: none; background: none; cursor: default; color: #5f93b4; } .he_contacts .contacts .item { display: block; float: left; height: 62px; margin-left: 5px; margin-bottom: 5px; overflow: hidden; width: 142px; outline: none; border: 1px solid transparent; } .he_contacts .contacts .active .photo .inner { background: url(/application/modules/Hecore/externals/images/he_contacts_checked_i.gif?c=75) no-repeat bottom left; display: block; height: 14px; width: 13px; position: relative; top: -17px; border: 1px solid #d0e2ec; border-left-style: none; border-top-style: solid; border-right-style: solid; border-bottom-style: none; background-color: #F0EFE8; } .he_contacts .contacts .photo { display: block; float: left; margin: 5px 5px 0; height: 54px; width: 54px; } .he_contacts .contacts .name { display: block; margin-top: 5px; overflow: hidden; width: 77px; font-size: 0.8em; } .he_contacts .more, .he_contacts .more_disabled { background: url(/application/modules/Hecore/externals/images/he_contacts_more.png?c=75) no-repeat right; cursor: pointer; float: right; padding-right: 20px; height: 16px; text-align: right; } .he_contacts .more_disabled { background: url(/application/modules/Hecore/externals/images/he_contacts_more_disabled.png?c=75) no-repeat right; color: #bfbfbf; cursor: auto; } .he_contacts .options { padding: 5px 0 5px 20px; margin: 10px 0px; height: 20px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; } .he_contacts .options div.select_btns { float: left; width: 50%; } .he_contacts .options div.contacts_filter { float: right; margin-right: 10px; } .contacts_filter input.filter { background: #FFFFFF url(/application/modules/Hecore/externals/images/search.png?c=75) no-repeat scroll 3px 4px; padding: 3px 3px 3px 17px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #777777; width: 200px; } .contacts_filter input.list_filter { float: none; width: 170px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #777777; background: transparent; border-style: none; } .contacts_filter div.list_filter_cont { position: relative; float: none; width: 200px; border: 1px solid #BDC7D8; background-color: #FFFFFF; padding: 1px; padding-left: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .contacts_filter a.list_filter_btn { background: #FFFFFF url(/application/modules/Hecore/externals/images/search.png?c=75) no-repeat scroll 3px 4px; display: block; height: 17px; position: absolute; right: 1px; top: 1px; width: 20px; z-index: 1; } .select_btns { padding-top: 2px; } .select_btns a { color: #3B5998; font-size: 11px; font-weight: bold; text-decoration: none; margin-right: 3px; padding: 3px 5px 3px 7px; } .select_btns a.active { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; background-color: #3B5998; } #no_result { color: #999; } .visible { display: block !important; } .hidden { display: none !important; } .uiSearchInput { background: #FFFFFF none repeat scroll 0 0; border-color: #6484B4 #899BC1 #899BC1; border-style: solid; border-width: 1px; display: inline-block; } .uiSearchInput span { border-color: #EDEDED -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px 0 0; display: inline-block; padding: 1px 0 2px; position: relative; } .uiSearchInput input { border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color; border-style: none solid none none; border-width: 0 1px 0 0; margin: 0 22px 0 5px; outline-style: none; outline-width: medium; padding: 1px 5px 2px 0; width: 190px; } .uiSearchInput button:hover { background-color: transparent; } .uiSearchInput button { background: transparent url(/application/modules/Hecore/externals/images/list_filter_btn.png?c=75) no-repeat scroll 0 0px; border: 0 none; cursor: pointer; display: block; float: right; height: 19px; padding: 0; position: absolute; right: 0; top: 0; width: 22px; z-index: 2; } #he_list a.item:hover { background: none; } #he_list .item .name { font-weight: bold; margin: 13px 0px 0px 3px; } #he_list .pagination { display: block; clear: both; float: left; text-align: center; width: 99%; padding: 5px 0px; margin-bottom: 5px; font-weight: bold; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; } #he_list .pagination:hover { text-decoration: none; color: #3B5998; } .contacts_error { font-weight: bold; } .global_form .errors a.invalid_license_key { font-weight: bold; } .form_license_key_error ul.form-errors > li { width: 500px; } .align_right { text-align: right; } .he_confirm_container .he_confirm_title { font-size: 11pt; font-weight: bold; margin-bottom: 10px; } .he_confirm_container .he_confirm_desc { margin-bottom: 10px; } .he_confirm_container .he_confirm_tools .confirm_btn { margin-right: 5px; } .he_confirm_container .he_confirm_tools .cancel_btn { margin-left: 5px; } .he_admin_faq_desc { padding: 10px; } .he_admin_faq_question { background-color: #E9F4FA; font-weight: bold; padding: 10px; } .he_admin_faq_answer { padding: 10px; } .he_admin_faq_answer li { list-style-type: circle; margin-left: 10px; margin-bottom: 10px; } .he_admin_faq_answer li div { margin-bottom: 8px; } .layout_hecore_friends { margin-top: 15px; } .layout_hecore_mutual_friends { margin-top: 15px; } .he_friends_widget { padding: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .he_friends_widget .he_widget_header { margin: 5px; border-bottom: 1px solid #d0e2ec; padding-bottom: 3px; } .he_friends_widget .he_widget_header div.he_widget_see_all { float: left; font-size: 11px; margin-top: 9px; } .he_friends_widget .he_widget_header .options { float: right; margin: 0px; position: relative; font-size: 11px; } .he_friends_widget .he_widget_header .options .config_form { z-index: 10; position: absolute; top: 0px; right: -222px; width: 220px; padding: 0px 0px 5px 5px; background-color: #f4f9fb; border: 1px solid #d0e2ec; -moz-box-shadow: 4px 4px 4px #fff; -webkit-box-shadow: 4px 4px 4px #fff; box-shadow: 4px 4px 4px #fff; } .he_friends_widget .he_widget_header .options div.toggler_wrapper { padding: 6px; border: 1px solid #F0EFE8; } .he_friends_widget .he_widget_header .options div.active { background-color: #fff; border: 1px solid #d0e2ec; } .he_friends_widget .he_widget_header .options div.toggler_wrapper .config { background-image: url(/application/modules/Hecore/externals/images/config.png?c=75); width: 16px; height: 16px; display: block; } .he_friends_loader { background: transparent url(/application/modules/Hecore/externals/images/friend_loading.gif?c=75) no-repeat center center; height: 100px; } .config_header { font-weight: bold; height: 23px; padding: 5px 3px 0px 8px; margin: 0px 0px 0px -6px; background-color: #fff; border-bottom: 1px solid #ddecf3; } .config_select_wrapper { padding: 5px; margin: 0px 5px 5px 0px; border-bottom: 1px solid #ddecf3; } .config_display_wrapper { margin: 0 5px 5px 0; padding: 5px; } .he_friends_widget .row { float: left; } .he_friends_widget .row .he_item { width: 50px; float: left; padding: 5px; overflow: hidden; } .he_friends_widget .row .he_item div { float: left; } .he_friends_widget .row .he_item div.title { width: 50px; } .he_friends_widget .row .he_item div.title a { font-size: 11px; } .layout_hecore_featured_members { margin: 15px 0px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d0e2ec; padding: 4px; } .layout_hecore_featured_members h3 { margin-left: 4px; } .layout_hecore_featured_members h3 a { float: right; font-size: 9pt; font-weight: normal; line-height: 21px; margin-right: 4px; letter-spacing: 0px; } .layout_hecore_featured_members .list .item { float: left; margin: 5px; width: 50px; } .layout_hecore_featured_members .list .item a { font-size: 8pt; float: left; margin-top: 2px; display: block; width: 50px; height: 25px; } .layout_hecore_featured_members .list .item a.featured_profile_thumb { width: 48px; height: 48px; } .featured_profile_title { display: block; width: 50px; overflow: hidden; } .he_carousel_list { margin: 3px; padding: 10px 10px 10px 8px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d0e2ec; } .he_carousel_list .list { left: 0; top: 0; position: absolute; padding: 0; } .he_carousel_list .listing { background: #fff; border: 2px solid #d7e7f0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 86px; position: relative; float: left; overflow: hidden; } .he_carousel_list .item { width: 75px; height: 86px; padding: 5px; margin: 0; float: left; margin: 0; } .he_carousel_list .thumbnail img { height: 74px; border-width: 0px; margin-left: -50px; margin-right: -50px; } /* IE 7 hack */ *+html .he_carousel_list .thumbnail img { margin: auto; } .he_carousel_list .prev, .he_carousel_list .next { cursor: pointer; width: 16px; height: 28px; padding: 0; margin: 3px; margin-top: 32px; float: left; background-repeat: no-repeat; } .he_carousel_list.middle_2 .item { width: 71px; } .he_carousel_list.middle_2 .thumbnail img { width: 70px; } .he_carousel_list .content { display: block; margin: auto; } .he_carousel_list .prev { background-image: url(/application/modules/Hecore/externals/images/prev.png?c=75); } .he_carousel_list .next { background-image: url(/application/modules/Hecore/externals/images/next.png?c=75); } .he_carousel_list .prev:hover { background-image: url(/application/modules/Hecore/externals/images/prev_active.png?c=75); } .he_carousel_list .next:hover { background-image: url(/application/modules/Hecore/externals/images/next_active.png?c=75); } .he_carousel_list .prev.disabled { background-image: url(/application/modules/Hecore/externals/images/prev_disabled.png?c=75); } .he_carousel_list .next.disabled { background-image: url(/application/modules/Hecore/externals/images/next_disabled.png?c=75); } .he_carousel_list .tip_title, .he_carousel_list .tip_text { display: none; } .he_carousel_list_tips .tip-text { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; padding: 3px 3px 4px 3px; color: #fff; background-color: #505050; opacity: .9; font-size: 8pt; font-weight: bold; } .he_carousel_list .item .thumbnail a { height: 74px; width: 73px; border: 1px solid transparent; text-align: center; overflow: hidden; display: block; } .he_carousel_list.middle_2 .item { width: 71px; } .he_carousel_list.middle_2 .thumbnail a { width: 69px; } .layout_hecore_featured_carousel { margin-bottom: 15px; } /* HE TOOL TIP */ .he-tool-tip { min-width: 295px; width: auto !important; width: 295px; background-color: transparent; z-index: 100; } .he-tool-tip .he-tip .he-hint .he-hint-body { background-color: white; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left, .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-right { float: left; } .he-tool-tip .he-tip .he-hint .he-hint-body { padding: 7px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left { padding-left: 7px; width: 185px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-right { height: 100px; max-width: 100px; width: auto !important; width: 100px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-right a { display: block; float: left; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-right a { float: left; text-align: left; display: block; max-width: 100px; width: auto !important; width: 100px; max-height: 100px; height: auto !important; height: 100px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-right a img { max-width: 100px; width: auto !important; width: 100px; max-height: 100px; height: auto !important; height: 100px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .title { float: left; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .title a { font-weight: bold; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 13px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .horizontal-list { float: left; margin-top: 31px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .horizontal-list .item { float: left; padding: 1px; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .info { font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #999; } .he-tool-tip .he-tip .he-hint .he-hint-body .he-hint-left .horizontal-list .item a img { max-width: 32px; width: auto !important; width: 32px; max-height: 32px; height: auto !important; height: 32px; } .he-tool-tip .he-tip-title { height: 10px; } .he-tool-tip .he-tip { border-left: 1px solid #203b6b; border-right: 1px solid #203b6b; border-bottom: 2px solid #203b6b; border-top: 1px solid #203b6b; background-color: #F2F1F1; min-height: 120px; height: auto !important; height: 120px; } .he-tool-tip .he-tip-footer { min-height: 8px; height: auto !important; height: 8px; position: relative; top: -2px; background: transparent url(/application/modules/Hecore/externals/images/arrow_down.png?c=75) no-repeat 20px top; } /* IE 7 hack */ *+html .he-tool-tip .he-tip-footer { width: 40px; } .he-hint-options a.icon_friend_add, .he-hint-options a.icon_friend_remove, .he-hint-options a.icon_friend_cancel { float: left; font-size: 11px; font-weight: normal; display: block; margin: 10px; padding: 2px 2px 2px 20px; } .he-hint-options a.icon_friend_add:hover, .he-hint-options a.icon_friend_remove:hover, .he-hint-options a.icon_friend_cancel:hover, .he-tool-tip * a:hover { text-decoration: none; color: black; } .he-hint .he-hint-options { height: 40px; border-top: 1px solid #DEDEDE; background-color: #F2F2F2; } .he-hint-send-message { float: left; font-size: 11px; display: block; margin: 10px; padding: 2px 2px 2px 20px; background: transparent url(/application/modules/Messages/externals/images/send.png?c=75) no-repeat left center; } .he-tip-mini .tip .tip-text { background-color: black; color: white; font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; padding: 5px; } .he-hint-tip-links { display: block; } /** * * MINI TIPS * **/ .he-tip-mini { z-index: 100000; } .he-tip-mini .he-tip { background-color: #282828; color: white; font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; padding: 5px; } .he-tip-mini .he-tip-footer { background: transparent url(/application/modules/Hecore/externals/images/arrow_down_mini.png?c=75) no-repeat 10px top; height: 5px; } /* */ .provider_select { margin-top: 24px; z-index: 1; position: absolute; } .provider_list { border: 1px solid #EAEAEA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; padding: 1px; padding-bottom: 3px; } .provider { border: 1px solid transparent; cursor: pointer; height: 30px; padding: 1px 4px 1px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .selected_provider { float: right; margin-left: 2px; } .selected_provider img { height: 24px; margin-top: -1px; } .show_providers { float: left; cursor: pointer; } .show_provider_btn { background-image: url(/application/modules/Inviter/externals/images/expand.png?c=75); background-position: 0 0; background-repeat: no-repeat; width: 23px; height: 22px; float: right; position: relative; } .hide_provider_btn { background-image: url(/application/modules/Inviter/externals/images/collapse.png?c=75); background-position: 0 0; background-repeat: no-repeat; } .show_provider_btn:hover { background-position: 0 -22px; } .provider:hover { border: 1px solid #eaeaea; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 2px; } .provider_logo { float: left; height: 30px; } .provider_name { float: left; font-weight: bold; line-height: 30px; margin-left: 8px; } .providers_hidden { margin: 0px; overflow: hidden; position: static; height: 0px; } #invite_friends div.form-label { width: 70px; } .send_invite_form .form-elements { width: 650px; float: left; } .send_invite_form .inviter_contact { display: inline; } .send_invite_form li { padding: 5px 1px 0 8px; height: 24px; border: 1px solid transparent; margin: 1px; } .send_invite_form li:hover, .send_invite_form li.checked { background-color: #C9DDE7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .send_invite_form #contacts-element { padding-right: 10px; } .send_invite_form ul { max-height: 321px; overflow-y: auto; width: 450px; } #contacts-wrapper { padding-bottom: 20px; } #check_all-element { padding-left: 10px; } .global_form > div > .my_invitations { width: 650px; margin-top: 5px; padding: 20px; } .my_invitation_list { width: 95%; border: 1px dashed #fff; } .my_invitation_list tr td { padding: 7px 10px; border-bottom: 1px solid #999 #ccc #ccc #999; } .my_invitation_list tr:nth-child(2n) { background-color: #fff; } .my_invitation_list tr:nth-child(2n-1) { background-color: #fff; } .my_invitation_list tr:last-child td { border-bottom-style: none; } .my_invitation_list .delete_btn, .my_invitation_list .send_btn { background-repeat: no-repeat; font-size: 0.8em; height: 16px; } .my_invitation_list .delete_btn { background-image: url(/application/modules/Inviter/externals/images/delete.png?c=75); margin-right: 15px; } .my_invitation_list .send_btn { background-image: url(/application/modules/Inviter/externals/images/send.png?c=75); } input.sendnew { width: 300px; } #message_box-wrapper { padding: 10px 0px; } ul.form-errors { width: 600px; } ul.form-errors li { height: 40px; } li.suggest_friend { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; width: 230px; padding: 6px 0; margin-right: 12px; overflow: hidden; background: #f4f9fb; } li.suggest_friend_widget { width: 170px; overflow: hidden; margin-bottom: 5px; } div.nonefriend { width: 12px; height: 12px; cursor: pointer; } div.nonfriend_delete { background-image: url(/application/modules/Inviter/externals/images/nonfriend_delete.png?c=75); background-repeat: no-repeat; } div.nonfriend_delete_hover { background-image: url(/application/modules/Inviter/externals/images/nonfriend_delete_hover.png?c=75); background-repeat: no-repeat; } div.suggest_more_button { clear: both; background-image: url(/application/modules/Inviter/externals/images/expand_small.png?c=75); background-position: left center; background-repeat: no-repeat; padding: 4px 30px; cursor: pointer; border-top: 2px solid #ddecf3; background-color: #f4f9fb; color: #5f93b4; font-weight: bold; } div.inviter_theme_colors { display: none; color: #F0EFE8; background-color: #f4f9fb; border:; } div.default_provider { padding-left: 5px; height: 50px; float: left; } div.inviter_contacts { background-color: #fff; } #inviter_contacts_loading { background: url(/application/modules/Hecore/externals/images/he_contacts_loading.gif?c=75) no-repeat scroll center center transparent; height: 50px; left: 220px; position: absolute; top: 100px; width: 50px; display: none; } div.writer-textarea-conteiner { float: left; width: 320px; margin-top: 10px; } div.widget-writer-textarea-conteiner { float: left; width: 235px; margin-top: 5px; } div.writer-textarea-conteiner label { clear: left; float: left; font-weight: bold; margin-bottom: 10px; overflow: hidden; padding: 4px 15px 0 2px; text-align: right; } .inviter-form-title { cursor: pointer; } .inviter-form { padding: 0px 10px 10px 10px; } div.inviter-form-bg { background-color: #f4f9fb; } div.inviter-form-hover { background-color: #fff; } div.inviter-form-conteiner { border-top: 2px solid #ddecf3; } #inviter-upload-conteiner { padding-bottom: 2px; } div.inviter-import-title, div.inviter-upload-title, div.inviter-suggest-title, div.inviter-write-title { background-position: left center; background-repeat: no-repeat; padding-left: 30px; } div.inviter-import-title { background-image: url(/application/modules/Inviter/externals/images/import_contacts.png?c=75); } div.inviter-upload-title { background-image: url(/application/modules/Inviter/externals/images/upload_contacts.png?c=75); } div.inviter-write-title { background-image: url(/application/modules/Inviter/externals/images/write_contacts.png?c=75); } div.inviter-suggest-title { background-image: url(/application/modules/Inviter/externals/images/suggest_contacts.png?c=75); padding: 10px 10px 10px 40px; } div.writer_contacts_loading { background-image: url(/application/modules/Core/externals/images/loading.gif?c=75); background-repeat: no-repeat; width: 100px; float: left; margin: 15px 0px 0px 5px; display: none; } div.show_creation_description { padding-bottom: 10px; } div.creation_description_conteiner { background: #fff; border: 1px solid #999 #ccc #ccc #999; padding: 10px; } div.creation_item_title { padding: 10px 0px; } div.creation_item_description { font-size: 9pt; padding: 1px 15px 12px; } div.creation_item_hide { display: none; } .icon_contacts_new { background-image: url(/application/modules/Inviter/externals/images/add_contact.gif?c=75); } .layout_inviter_list_suggest, .layout_inviter_list_top_inviters, .layout_inviter_list_top_referrals { clear: both; margin-bottom: 15px; overflow: auto; } .layout_inviter_list_suggest div.layout_user_list_popular, .layout_inviter_list_top_inviters div.layout_user_list_popular, .layout_inviter_list_top_referrals div.layout_user_list_popular { clear: inherit; margin-bottom: 0px; overflow: visible; } .global_form > div > div { max-width: 700px; } .introduce_photo { float: left; margin-right: 10px; } .introduce_info { float: left; } .introduce_title { font-weight: bold; font-size: 1em; color: #717171; } .layout_inviter_introduce_yourself { margin-top: 15px; margin-bottom: 15px; padding: 8px; background-color: #F0EFE8; border: 1px dashed #d0e2ec; } .layout_inviter_introduce_member, .layout_inviter_find_more_friends, .layout_inviter_facebook_suggest, .layout_inviter_facebook_connected_friends { margin-top: 15px; margin-bottom: 15px; } .layout_inviter_introduce_member > div, .layout_inviter_find_more_friends > div { padding: 8px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; } .hide_introduce_btn { background-image: url(/application/modules/Inviter/externals/images/delete.gif?c=75); width: 16px; height: 16px; display: block; float: right; } .hide_introduce_btn:hover { background-image: url(/application/modules/Inviter/externals/images/delete_hover.png?c=75); } .add_introduce_btn { display: block; margin-top: 7px; } .introduce_member_body { background-color: #ddeff9; border: 1px dashed #d0e2ec; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; margin: 4px 0; } .introduce_additional_info { padding-top: 2px; padding-bottom: 6px; } .inviter_mutual_friends, .inviter_mutual_likes { font-size: 9pt; display: block; margin-right: 9px; padding-left: 18px; float: left; background-repeat: no-repeat; background-image: url(/application/modules/Inviter/externals/images/user.gif?c=75); margin-bottom: 4px; } .horizontal-list .inviter_mutual_friends, .horizontal-list .inviter_mutual_likes { font-size: 11px; } .inviter_mutual_likes { margin-right: 0px; background-image: url(/application/modules/Inviter/externals/images/like_button.png?c=75); } .snowbot_inviter_introduce_yourself { padding: 8px !important; } .bamboo_inviter_introduce_member .introduce_member_body { background-color: transparent; } .bamboo_inviter_introduce_member > div.introduce_member_box { padding: 0px; } .inviter_more_friends_items { padding-top: 4px; padding-bottom: 5px; } .inviter_more_friends_item { float: left; display: block; margin-right: 2px; } .inviter_more_friends_items a > img { width: 32px; height: 32px; } .inviter_more_friends_desc { margin-bottom: 6px; } .inviter_widget_title { padding: 5px 6px 4px; font-weight: bold; } .inviter_facebook_member { display: block; float: left; } .inviter_facebook_page_header { background-repeat: no-repeat; height: 40px; padding-left: 40px; padding-top: 5px; background-image: url(/application/modules/Inviter/externals/images/facebook.png?c=75); } .introduce_member_title a { font-weight: bold; } .UIIntentionalStream_Content { color: #555; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; } .UIIntentionalStream_Content label { color: #666666; cursor: pointer; font-weight: bold; vertical-align: middle; } .UIIntentionalStream_Content img { border: 0px none; } .UIIntentionalStream_Content .clearfix { display: block; } .UIIntentionalStream_Content a { color: #3B5998; cursor: pointer; outline-style: none; text-decoration: none; } .UIIntentionalStream_Content h1, .UIIntentionalStream_Content h2, .UIIntentionalStream_Content h3, .UIIntentionalStream_Content h4, .UIIntentionalStream_Content h5 { color: #555; font-size: 13px; margin: 0; padding: 0; text-transform: none; letter-spacing: normal; } /* emphasize */ div.UIStory_First { border-top: medium none; margin-top: 0; padding-top: 0px; } .UIIntentionalStory { Xbackground-color: #FFFFFF; border-top: 1px solid #EEEEEE; margin-bottom: 7px; padding: 7px 0 0 60px; position: relative; } .UIIntentionalStory_Pic { left: 0; position: absolute; } .UIProfileImage_LARGE { height: 50px; width: 50px; } .UIIntentionalStory_Message, .UIIntentionalStory .location { font-size: 13px; font-weight: normal; overflow: hidden; } .UIIntentionalStory_Names { color: #444444; font-weight: bold; } .UIStoryAttachment { margin-bottom: 5px; margin-top: 6px; overflow: hidden; padding-right: 10px; } .UIIntentionalStory .UIStoryAttachment_MediaSingle { padding-right: 10px; } .UIStoryAttachment_Media { float: left; overflow: hidden; } .UIIntentionalStory_Info { clear: left; display: block; margin-top: 3px; min-height: 16px; } .UIActionLinks_bottom, .UIActionLinks_left, .UIActionLinks_right { color: #999999; } .UIImageBlock_Image { float: left; margin-right: 5px; } .UIImageBlock_Image img, img.UIImageBlock_Image { vertical-align: bottom; } .UIMediaItem_Wrapper { overflow: hidden; } .sx_icons_hidden { background-position: 0 -877px; } /* todo: cache sprite */ .spritemap_icons { background-image: url(http://www.facebook.com/rsrc.php/z7M7F/hash/4k0zzgdi.png?c=75); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .UIImageBlock_Content { Xdisplay: table-cell; } .UIIntentionalStory_InfoText { color: #777777; min-height: 16px; padding: 2px 0 0; } .UIIntentionalStory_Location, .UIIntentionalStory_Time, .UIIntentionalStory_Time a { color: #777777; font-size: 11px; } .action_links_title .comment_link, .action_links_bottom .comment_link, .UIActionLinks .comment_link { color: #3B5998; font-weight: normal; vertical-align: text-bottom; } .UIStoryAttachment_Title { font-weight: bold; padding-top: 3px; } .UIStoryAttachment_Caption { color: #808080; padding-top: 3px; } .UIStoryAttachment_Table { padding-top: 2px; } .UIStoryAttachment_Label { color: #999999; padding-right: 4px; } .UIStoryAttachment_BlockQuote { border-left: 2px solid #CCCCCC; padding: 0 0 3px 8px; } div.UIStoryAttachment_MediaWide { float: none; } .UIMediaItem_ManyItems { float: left; } .UIIntentionalStory_MediaExtra { padding-left: 8px; } .UIMediaItem_Photo .UIMediaItem_Wrapper { border: 1px solid #CCCCCC; padding: 3px; } .UIMediaItem img { display: block; vertical-align: middle; } .UIStoryAttachment_TitleBelow { clear: left; padding: 5px 0 0; } .UIIntentionalStory .UIMediaItem_video { padding-bottom: 0; } a .video_thumb { display: block; float: left; margin: 0; } .video_thumb span.thumb { background-image: url(http://www.facebook.com/rsrc.php/z92UN/hash/76y253lh.png?c=75); background-position: left bottom; background-repeat: no-repeat; cursor: pointer; position: absolute; z-index: 9; } .share_media .video_thumb img { width: 130px; } .video_thumb span.play { background-image: url(http://www.facebook.com/rsrc.php/z92UN/hash/76y253lh.png?c=75); background-position: left bottom; background-repeat: no-repeat; display: inline; position: absolute; z-index: 10; } .video_thumb img.decoy { display: inline; visibility: hidden; } .UIStoryAttachment_Copy { color: #808080; } .UIStoryAttachment_Copy .CopyTitle { font-weight: bold; color: #808080; } .UIStoryAttachment_Copy .CopyBody { color: #808080; } .UIMediaItem .uiVideoThumb { display: block; } .uiVideoThumb { border: 0 none; overflow: hidden; position: relative; } .uiVideoThumb i { background: transparent url(http://www.facebook.com/rsrc.php/z467T/hash/1fjg6c8h.png?c=75) no-repeat scroll 0 0; bottom: 0; height: 32px; left: 0; position: absolute; width: 39px; } .GenericStory { min-height: 58px; } .facebookwall_content h3 { border-bottom: none; } .facebookwall_content { padding: 10px; padding-top: 0px; } .UIStream { Xposition: relative; } .UIStreamLinks { position: absolute; right: 0px; top: 0px; visibility: hidden; padding-top: 5px; padding-right: 5px; } .UIStream:hover .UIStreamLinks { visibility: visible; } UIIntentionalStory_Time a:hover { text-decoration: underline; } .wall_tabs li { float: left; } .wall_tabs li a { display: block; padding: 5px 10px; } a.facebookwall_feed_view_more { display: block; background: #EDF6FA; font-size: 10pt; text-decoration: none; padding: 4px; font-weight: bold; border: 1px #fff solid; } a.facebookwall_feed_view_more:hover { display: block; background: #EDF6FA; font-size: 10pt; text-decoration: none; padding: 4px; font-weight: bold; border: 1px #ccc solid; } .facebookwall_servicelogo { float: left; padding-left: 4px; padding-right: 4px; } .facebookwall_servicelogos { padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 7px; margin-bottom: 6px; border: 1px solid #EEE; } .commentable_item { min-height: 16px; } /*** Social Friends ***/ .socialfriends_servicelogo { float: left; padding-left: 2px; padding-right: 2px; } .socialfriends_servicelogos { padding-bottom: 1px; padding-left: 2px; padding-right: 4px; padding-top: 3px; border: 1px solid #EEE; } #openidconnect_send_message_hint { display: block; margin-bottom: 10px; margin-top: 5px; text-align: center; } .layout_middle .openidconnect_friends_listview .openidconnect_friendrow { width: 242px; } .layout_middle .openidconnect_friends_listview .openidconnect_friend_details { width: 182px; } /* Social Profile Links */ .layout_lifestream_profile_identity { margin-top: 20px; overflow: hidden; } .layout_lifestream_profile_identity > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; } .layout_lifestream_profile_identity > ul > li { font-size: .8em; Xpadding-bottom: 4px; min-height: 16px; } .layout_lifestream_profile_identity > ul > li + li { margin-top: 5px; } .layout_lifestream_profile_identity > h3 { font-size: 0.8em; font-weight: bold; letter-spacing: normal; } .layout_lifestream_profile_identity img { float: left; padding-right: 5px; } /* */ .layout_like_most_liked_users, .layout_like_most_liked_pages, .layout_like_most_liked_events, .layout_like_most_liked_groups, .layout_like_box, .layout_like_profile_likes, .layout_like_matches { margin-top: 15px; margin-bottom: 15px; } .layout_like_profile_likes .profile_likes_container, .layout_like_most_liked_users .most-liked-users, .layout_like_most_liked_pages .most-liked-pages, .layout_like_most_liked_events .most-liked-events, .layout_like_most_liked_groups .most-liked-groups, .layout_like_box .widget_like_box_container { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d0e2ec; padding: 8px; } .see_all_container { margin-right: 4px; margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #d0e2ec; } .see_all_container a { font-size: 11px; } .see_all_container a:hover { text-decoration: underline; } .layout_like_box .list, .layout_like_profile_likes .list { width: 171px; margin: auto; } .layout_like_box > h3 > a, .layout_like_profile_likes > h3 > a { float: right; font-size: 9pt; font-weight: normal; line-height: 21px; letter-spacing: 0px; margin-left: 10px; } /* IE 7 hack */ *+html .layout_like_box > h3 > a, .layout_like_profile_likes > h3 > a { margin-right: 5px; } .layout_like_box .list .item, .layout_like_profile_likes .list .item { float: left; margin-right: 4px; width: 53px; } .layout_like_profile_likes .list .item img { display: inline; } .layout_like_box .list > div, .layout_like_profile_likes .list > div { margin-top: 5px; } .layout_like_box .list .item .like_profile_title, .layout_like_profile_likes .list .item .like_profile_title { font-size: 8pt; height: 25px; overflow: hidden; } .like_profile_title { display: block; width: 50px; overflow: hidden; } .promote_like_box { width: 600px; margin: 10px 0px 0px 10px; } .promote_right, .promote_left { padding: 3px; } .promote_right { width: 280px; } .promote_left { width: 300px; } .like_textarea textarea { width: 280px; } .promote_left, .promote_right { float: left; } .like_club_header, .like_club_info, .like_club_become_like, .like_club_likes { float: left; clear: both; } .like_club_info .like_club_photo, .like_club_info .like_club_details { float: left; } .like_desc { color: #555; font-size: 12px; font-weight: bold; padding: 3px; } .like_display_none { display: none; } #page_send_update div div * #subject-label, #page_send_update div div * #body-label, #page_send_update div div * #submit-label { width: 50px; } #page_send_update div div * #subject, #page_send_update div div * #body { width: 250px; } #global_page_like-club-send-update { padding: 5px 0px 0px 5px; } .notification_type_like_send_update { background-image: url(/application/modules/Like/externals/images/send_update.png?c=75); } .notification_type_like_suggest { background-image: url(/application/modules/Like/externals/images/suggest.png?c=75); } .like_profile_navigation { float: left; } .like_navigation .like_navigation_item a span { font-weight: bold; } .like_navigation .like_navigation_item a { display: block; padding: 7px 7px 7px 23px; margin: 2px 0px 2px 2px; background-repeat: no-repeat; background-position: 3px center; background-color: #f4f9fb; border: 1px solid #ddecf3; border-right: none; } .like_navigation .like_navigation_item a:hover, .like_navigation div.active a { text-decoration: none; background-color: #ddecf3; } .like_navigation div.first a { margin-top: 0px; } #like_users_count, #like_pages_count { color: gray; font-size: 12px; } .like_container { float: left; background-color: #f4f9fb; /* #F4F9FB; */ border: 5px solid #ddecf3; /* #DDECF3; */ min-height: 540px; height: auto !important; height: 540px; width: 636px; padding: 10px; } .like_container * .item { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; float: left; width: 200px; position: relative; margin-right: 10px; margin-bottom: 10px; } .like_container * .mutual { border-color: #bbb; } .like_container * .mutual .mutual_text { float: left; font-size: 11px; color: #999; padding-left: 5px; } .like_container * .item .l, .like_container * .item .r { float: left; padding: 5px; } .like_container * .item .r { font-size: 11px; } .like_container * .item .r { margin-top: 14px; width: 130px; } .like_container * .item .op { position: absolute; top: 0px; right: 0px; margin: 3px; z-index: 10; } .bold { font-weight: bold; } .remove_like_link { display: block; width: 16px; height: 16px; background-image: url(/application/modules/Like/externals/images/delete_item16.gif?c=75); } .remove_like_link:hover { background-image: url(/application/modules/Like/externals/images/delete_item2.png?c=75); } .page_error { padding: 10px; font-weight: bold; } #he_list #all_list_users .item { padding: 3px; height: auto; width: 141px; } #he_list #all_list_users .item .photo { margin: 5px; } #he_list #all_list_users .item:hover { background: none; cursor: pointer; } /* * LIKE SUGGEST BOX */ div.like_box_container { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; } div.like_box_content { padding: 5px; } .like_box_left, .like_box_right { float: left; padding: 5px; } .bold { font-weight: bold; } .like_box_right { width: 98px; } .like_box_details { float: left; } .like_box_details a { font-size: 14px; } .like_box_become_like a { font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d7e8f1; display: block; float: left; padding: 4px 5px; background-color: #d0e2ec; } .like_box_become_like a:hover { border: 1px solid #a8a2c5; text-decoration: none; } .like_box_become_like { margin-top: 2px; } .like_box_info { margin: 5px; border-bottom: 1px solid #d0e2ec; } .like_box_likes { padding: 5px; } .like_box_like { float: left; padding: 2px; } .like_box_like .r { text-align: center; } .like_box_like .r a { font-size: 9px; overflow: hidden; padding-top: 2px; text-align: center; white-space: nowrap; } .like_box_desc { padding: 5px 0 4px 5px; font-size: 11px; } /* * LIKE BUTTON STYLES */ .like_button_container { float: left; position: relative; } .like_profile_menu_arrow { background: transparent url(/application/modules/Like/externals/images/like_button_arrow_left.png?c=75) center no-repeat; width: 10px; height: 26px; float: left; } .like_container_menu_wrapper { float: left; position: absolute; min-width: 200px; left: 80px; } .like_container_menu_wrapper .like_profile_menu { border: 2px solid #999999; border-left: none; background-color: #738AB6; height: 22px; } .like_container_menu_wrapper .like_profile_menu .like_profile_item_container a { color: white; font-size: 11px; } .like_container_menu_wrapper .like_profile_menu .like_profile_item_container a:hover { text-decoration: none; } .like_button_link { display: block; padding: 4px 5px; border-color: #999999 #999999 #888888; border-style: solid; border-width: 1px; color: #333333; cursor: pointer; background: url(/application/modules/Like/externals/images/like_button_bg.png?c=75); float: left; text-decoration: none; -moz-box-shadow: 0px 0px 2px 0px #000000; -webkit-box-shadow: 0px 0px 2px 0px #000000; box-shadow: 0px 0px 2px 0px #000000; } .like_button { background: url(/application/modules/Like/externals/images/like_button.png?c=75) no-repeat left 0px; padding-left: 16px; font-weight: normal; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #333333; font-weight: bold; } .unlike_button { background: url(/application/modules/Like/externals/images/unlike_button.png?c=75) no-repeat left 0px; padding-left: 16px; font-weight: normal; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #333333; font-weight: bold; } .like_button_link:hover { border: 1px solid #aaa; text-decoration: none; } .list_header { display: block; clear: both; padding: 3px 3px 3px 20px; margin: 2px; border-bottom: 1px solid #eee; font-weight: bold; font-size: 1.0em; } .list_type .pages { background: url(/application/modules/Like/externals/images/types/page.png?c=75) no-repeat left 3px; } .list_type .users { background: url(/application/modules/Like/externals/images/types/user.png?c=75) no-repeat left 3px; } #he_list { position: relative; } #he_disabled_div { position: absolute; top: 0px; left: 0px; width: 95%; height: 100%; background-color: #fff; opacity: .3; -moz-opacity: .3; -khtml-opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } div#profile_status { overflow: visible; } #profile_status h2.like_status_header { float: left; padding-right: 10px; } .like_profile_item_container { float: left; padding: 2px 5px; } #user_profile_status_container { margin-top: 0px; margin-right: 3px; float: left; } .like_menu_switcher { font-weight: bold; display: block; float: left; border-left: none; width: 10px; } .like_menu_switcher span { display: block; } .like_menu_switcher span.show_options { background: transparent url(/application/modules/Like/externals/images/right.png?c=75) no-repeat center; } .like_menu_switcher span.hide_options { background: transparent url(/application/modules/Like/externals/images/left.png?c=75) no-repeat center; } .like_menu_switcher:hover { text-decoration: none; border-left: none; width: 10px; } .like_profile_menu { float: left; } .clr { clear: both; } .hidden { display: none; } div.layout_like_suggest { margin: 15px 0px; } img.item_photo_pageblog, img.item_photo_blog { border: none; } .activity_icon_like_item { color: blue; } .like_tool_tip { min-width: 295px; width: auto !important; width: 295px; height: 177px !important; background: transparent; } .like_tool_tip .like-tip .like_hint .like_hint_body { background-color: white; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left, .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_right { float: left; } .like_tool_tip .like-tip .like_hint .like_hint_body { padding: 7px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left { padding-left: 7px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_right { height: 100px; max-width: 100px; width: auto !important; width: 100px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_right a { display: block; float: left; } .item_count { padding: 2px; font-size: 11px; display: block; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_right a { float: left; text-align: left; display: block; max-width: 100px; width: auto !important; width: 100px; max-height: 100px; height: auto !important; height: 100px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_right a img { max-width: 100px; width: auto !important; width: 100px; max-height: 100px; height: auto !important; height: 100px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left .title { float: left; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left .title a { font-weight: bold; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 13px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left .horizontal_list { float: left; margin-top: 31px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left .horizontal_list .item { float: left; padding: 1px; } .like_tool_tip .like-tip .like_hint .like_hint_body .like_hint_left .horizontal_list .item a img { max-width: 32px; width: auto !important; width: 32px; max-height: 32px; height: auto !important; height: 32px; } .like_hint .like_hint_options { height: 40px; border-top: 1px solid #DEDEDE; background-color: #F2F2F2; } .like_hint_send_message { float: left; font-size: 11px; display: block; margin: 10px; padding: 2px 2px 2px 20px; background: transparent url(/application/modules/Messages/externals/images/send.png?c=75) no-repeat left center; } .like_tool_tip .like-tip-title { height: 10px; } .like_tool_tip .like-tip { border-left: 1px solid #203b6b; border-right: 1px solid #203b6b; border-bottom: 2px solid #203b6b; border-top: 1px solid #203b6b; min-height: 120px; height: auto !important; height: 120px; width: 301px; } .like_tool_tip .like-tip-footer { min-height: 8px; height: auto !important; height: 8px; position: relative; top: -2px; background: transparent url(/application/modules/Like/externals/images/arrow_down.png?c=75) no-repeat 20px top; } .misc { color: #999; font-size: 12px; } .like_hint_options a.icon_friend_add, .like_hint_options a.icon_friend_remove, .like_hint_options a.icon_friend_cancel { float: left; font-size: 11px; font-weight: normal; display: block; margin: 10px; padding: 2px 2px 2px 20px; } .like_hint_options a.icon_friend_add:hover, .like_hint_options a.icon_friend_remove:hover, .like_hint_options a.icon_friend_cancel:hover, .like_tool_tip * a:hover { text-decoration: none; color: black; } .like_see_all_likes a { font-size: 11px; font-weight: bold; } .like_see_all_likes { float: right; margin-right: 10px; } .module_type_header { padding-left: 20px; background-position: left center; background-repeat: no-repeat; } .like_interests_wrapper { min-height: 800px; } .like_interests, .like_interests .interest, .like_interests .interest .left, .like_interests .interest .center, .like_interests .interest .right { float: left; } .like_interests { width: 95%; margin-top: 10px; padding: 20px; border: 1px solid #d0e2ec; background-color: #F0EFE8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .like_interests .interest { width: 100%; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddecf3; } .like_interests .first { margin-top: 0px; } .like_interests .interest .left { width: 100px; } .like_interests .interest .left span { display: block; padding: 4px 10px 0px 0px; font-weight: bold; text-align: right; font-size: 11px; } .like_interests .interest .center { width: 400px; } .like_interests .interest .center .interests_wrapper { background-color: #fff; border: 1px solid #ddecf3; } .like_interests .interest .center .interests_wrapper .input_wrapper { position: relative; padding: 3px; border-bottom: 1px dashed #ddecf3; } .like_interests .interest .center .interests_wrapper .input_wrapper input[type=text] { border: none; background: transparent; width: 100%; font-size: 11px; } .like_interests .interest .center .interests_wrapper .input_wrapper input.default_text { color: #999; } .like_interests .interest .center .interests_list { padding: 3px; } .like_interests .interest .center .interests_list .item { float: left; } .like_interests .interest .center .interests_list .item a { float: left; display: block; padding: 4px; margin: 2px; border: 1px solid #ddecf3; font-size: 11px; background-color: #f4f9fb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .like_interests .interest .center .interests_list .item a.selected { background-color: #79b4d4; color: #fff; border: 1px solid #555; } .like_interests .interest .center .interests_list .item a:hover { text-decoration: none; } .like_interests .interest .right .selected_interest_wrapper { margin-left: 10px; float: left; width: 200px; min-height: 10px; } .like_interests .interest .right .selected_interest_wrapper .pic, .like_interests .interest .right .selected_interest_wrapper .wrapper { float: left; } .like_interests .interest .right .selected_interest_wrapper .pic a { display: block; } .like_interests .interest .right .selected_interest_wrapper .wrapper { padding-left: 10px; width: 130px; } .like_interests .interest .right .selected_interest_wrapper .wrapper .link a { font-size: 13px; font-weight: bold; } .like_interests .interest .right .selected_interest_wrapper .wrapper .delete a { font-size: 11px; color: #999; } .like_interests .music_playlist { border-top: none; padding-top: 0px; overflow: visible; } .like_interests_buttons { margin: 10px 0px 0px 100px; } .interest-autosuggest { position: absolute; top: 23px; left: -1px; width: 398px !important; background-color: #fff; border-bottom: 1px solid #ddecf3; border-left: 1px solid #ddecf3; border-right: 1px solid #ddecf3; } .interest-autosuggest li.interest-choice { display: block; padding: 5px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .interest-autosuggest li.interest-choice a { display: block; } .interest-autosuggest li.autocompleter-selected { background-color: #F0EFE8; border-bottom: 1px solid #ddecf3; border-top: 1px solid #ddecf3; } .interest-autosuggest li.interest-choice .interest-choice-photo, .interest-autosuggest li.interest-choice .interest-choice-title { float: left; } .interest-autosuggest li.interest-choice .interest-choice-title { padding-left: 7px; font-size: 11px; } .interest-autosuggest li.interest-choice .interest-choice-photo { width: 32px; height: 32px; } .interest-autosuggest li.interest-choice .interest-choice-photo img { width: 32px; height: 32px; } .interest-autosuggest li.interest-choice .interest-choice-title .autocompleter-queried { font-weight: bold; } .like_notification { margin-bottom: 10px; padding: 15px; font-size: 11px; background-color: #f9f9f9; border: 1px solid #cad9e1; } .layout_like_matches .like_matches { padding: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; } .layout_like_matches .like_matches .item { float: left; margin: 3px; } .layout_like_matches .like_matches .item a { display: block; float: left; } .item-count { padding: 2px; font-size: 11px; display: block; } .like-matches-container { margin: 10px; } .like-matches-container .description { font-size: 11px; color: #999; } .like-matches { overflow: scroll; overflow-x: hidden; margin-top: 10px; height: 456px; border: 1px solid #ddecf3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .like-matches .item { float: left; width: 142px; padding: 3px; } .like-matches .item .left { float: left; } .like-matches .item .right { float: left; width: 80px; padding-left: 5px; } .like-matches .item .right a .name { font-weight: bold; } .like-matches .item .right a.misc { font-size: 11px; color: #999; } .like_interests_wrapper .like_matches { margin-top: 20px; padding: 20px; width: 95%; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .like_interests_wrapper .like_matches .item { float: left; margin: 3px; } .like_interests_wrapper .like_matches .item .photo a { display: block; } .like_hint_tip_links, .like_tool_tip_links, .like_profile_tip { display: block; float: left; } .display_block { display: block; } .most-liked-groups .list .item, .most-liked-events .list .item, .most-liked-users .list .item, .most-liked-pages .list .item { float: left; margin: 2px; padding: 1px; position: relative; } .most-interested .list .item .like_count, .most-liked-groups .list .item .like_count, .most-liked-events .list .item .like_count, .most-liked-pages .list .item .like_count, .most-liked-users .list .item .like_count { position: absolute; top: 0px; left: 0px; z-index: 11; margin: 2px; padding: 5px; font-size: 10px; color: white; font-weight: bold; background: transparent url(/application/modules/Like/externals/images/transparent.png?c=75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-radius-topright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-radius-bottomleft: 0px; } .most-interested .list .item, .most-interested { float: left; } .most-interested { border-left: 1px solid #ddecf3; padding-left: 5px; width: 185px; } .most-interested .list .item { margin: 3px; padding: 1px; position: relative; } .most-interested .title { font-size: 11px; color: #999; text-align: center; } .like_interests_privacy { margin-top: 10px; } .like_interests_privacy .title { width: 100px; float: left; text-align: right; } .like_interests_privacy .title span { padding-right: 10px; padding-top: 10px; font-weight: bold; font-size: 11px; display: block; } .like_interests_privacy .options { float: left; background: #fff; border: 1px solid #ddecf3; } .like_interests_privacy .options .option { float: left; display: block; padding: 5px; margin: 5px; font-size: 11px; color: #999; } .like_interests_privacy .options .active { background: #79b4d4; background-image: none; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .like_interests_privacy .options .option:hover { text-decoration: none; color: white; background: transparent url(/application/modules/Like/externals/images/transparent.png?c=75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .profile_edit_interests { text-align: right; } .profile_edit_interests a, .profile_edit_interests a:link, .profile_edit_interests a:visited { display: block; float: right; margin-right: 5px; padding-left: 20px; background: transparent url(/application/modules/Like/externals/images/interest_edit.png?c=75) no-repeat left center; font-weight: bold; color: #999; font-size: 11px; } .profile_edit_interests a:hover { text-decoration: none; color: #555; } .like_action_container .left, .like_action_container .right { float: left; } .like_action_container .right { margin-left: 10px; /* width: 301px; */ } .like_action_container .right .top a { font-weight: bold; } .like_action_container .right .count { font-size: 11px; color: #999; } .like_action_container .left a { display: block; float: left; } /*.like_action_container .left a img { width: 100px; height: 100px; } */ .like_action_container .right .desc { height: 37px; font-size: 11px; } .like_action_container .right .likes .item { float: left; margin: 2px 0px; } .like_action_container .right .likes .friend_count { font-size: 11px; color: #999; } .like_action_container .right .likes .item a img { width: 32px; height: 32px; } .like_action_container .right .likes .item a { display: block; } .activity_icon_like_item { background-image: url(/application/modules/Like/externals/images/like_button.png?c=75); } .activity_icon_like_item_private { background-image: url(/application/modules/Like/externals/images/like_button.png?c=75); } .layout_core_container_tabs .layout_like_interests { min-height: 600px; height: auto !important; height: 600px; } a.like-privacy-description:hover { text-decoration: none; } div.like_button_loader { background: transparent url(/application/modules/Like/externals/images/loader.gif?c=75) no-repeat; width: 16px; height: 16px; float: left; margin-top: 8px; } .like-action-private .text { font-size: 11px; color: #999; } .like-action-private .text a { font-weight: bold; } .layout_like_status { float: left; width: 100%; } .layout_like_status +.layout_core_container_tabs { clear: left; } /* FEED ITEMS Styles items with listing attachments in the feed. */ ul.feed .feed_attachment_listing { display: block; overflow: hidden; margin: 0px 5px 5px 0px; vertical-align: top; } ul.feed .feed_attachment_listing > div > a { display: block; float: left; margin-right: 7px; } ul.feed .feed_attachment_listing > div > a > img { display: inline-block; max-width: 90px; max-height: 90px; vertical-align: top; } ul.feed .feed_attachment_listing > div > div { overflow: hidden; } /* FORMS STUFF */ div.listing_edit_back { float: right; margin-top: 4px; } #listings_create p.description { margin-bottom: 3px; } #listings_style textarea#style { max-width: 560px; width: 560px; max-height: 320px; height: 320px; } #listings_about .form-wrapper { margin-bottom: 10px; } #listings_about div.form-label { float: none; text-align: left; margin: 0px; padding: 0px 0px 5px 0px; width: 100%; } #listings_about div.form-element { float: none; } #listings_location { clear: none; } /* ITEM TYPE ICONS */ .item_icon_listing { background-image: url(/application/modules/Listing/externals/images/types/listing.png?c=75); } /* HOME LISTINGS These styles are used on the home listings listing */ ul.listings_recent > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.listings_recent > li + li { padding-top: 15px; border-top-width: 1px; } ul.listings_recent .listing_photo { float: left; overflow: hidden; } ul.listings_recent .listing_photo img { width: 100px; display: block; } ul.listings_recent .listing_info { padding-left: 10px; overflow: hidden; } ul.listings_recent .listing_title h3 { margin: 0px; } ul.listings_recent .listing_meta { font-size: .8em; color: #999; } ul.listings_recent .listing_location { font-size: .8em; color: #999; } ul.listings_recent .listing_desc { margin-top: 5px; clear: both; } /* LISTINGS WIDGET Lists recently posted listing, typically placed on the main home listing. */ .layout_listing_list_recent_lite, .layout_listing_list_most_viewed, .layout_listing_list_most_commented, .layout_listing_list_most_liked, .layout_listing_list_search, .layout_listing_list_sponsored, .layout_listing_list_featured, .layout_listing_list_categories, .layout_listing_list_recent, .layout_listing_list_tags { clear: both; overflow: auto; width: 100%; margin-bottom: 15px; } ul.listings_recent_lite, ul.listings_most_viewed, ul.listings_most_commented, ul.listings_most_liked { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } ul.listings_recent_lite > li, ul.listings_most_viewed > li, ul.listings_most_commented > li, ul.listings_most_liked > li { clear: both; overflow: hidden; padding: 3px 5px 3px 5px; } ul.listings_recent_lite > li .listing_photo, ul.listings_most_viewed > li .listing_photo, ul.listings_most_commented > li .listing_photo, ul.listings_most_liked > li .listing_photo { float: left; overflow: hidden; margin-right: 6px; } ul.listings_recent_lite > li .listing_details, ul.listings_most_viewed > li .listing_details, ul.listings_most_commented > li .listing_details, ul.listings_most_liked > li .listing_details { font-size: .8em; color: #999; } ul.listings_categories > li { overflow: hidden; padding: 3px 5px 3px 5px; width: 250px; float: left; } ul.listings_categories > li .listing_category_title { font-size: 1.2em; font-weight: bold; } ul.listings_categories > li .listing_category_photo { float: left; overflow: hidden; margin-right: 6px; } ul.listings_categories > li .listing_category_desc { font-size: .8em; color: #999; overflow: hidden; } ul.listings_featured { overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 5px solid #ddecf3; padding: 12px 12px 12px 12px; background-color: #f4f9fb; } ul.listings_featured > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.listings_featured > li + li { padding-top: 15px; border-top-width: 1px; } ul.listings_featured .listing_photo { float: left; overflow: hidden; } ul.listings_featured .listing_photo img { display: block; } ul.listings_featured .listing_info { padding-left: 10px; overflow: hidden; } ul.listings_featured .listing_title h3 { font-size: 1.5em; } ul.listings_featured .listing_meta { font-size: .8em; color: #999; } ul.listings_featured .listing_location { font-size: .8em; color: #999; } ul.listings_featured .listing_desc { margin-top: 5px; clear: both; } ul.listings_sponsored > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.listings_sponsored > li + li { padding-top: 15px; border-top-width: 1px; } ul.listings_sponsored .listing_meta { font-size: .8em; color: #999; } ul.listings_sponsored .listing_location { font-size: .8em; color: #999; } /* USER PROFILE TAB */ ul.listings_profile_tab > li { overflow: hidden; } ul.listings_profile_tab > li + li { margin-top: 15px; } ul.listings_profile_tab .listings_profile_tab_photo { float: left; overflow: hidden; margin-right: 7px; } ul.listings_profile_tab .listings_profile_tab_photo img { max-width: 90px; } ul.listings_profile_tab .listings_profile_tab_info { overflow: hidden; } ul.listings_profile_tab .listing_title > a { font-weight: bold; } ul.listings_profile_tab .listing_details, ul.listings_profile_tab .listing_location { font-size: .8em; color: #999; margin-bottom: 5px; } ul.listings_profile_tab .listing_description { margin-top: 7px; } div.listings_profile_tab_links { margin: 15px 0; } /* BROWSE PAGE */ div.listing_results_map { margin-bottom: 15px; } ul.listings_browse > li { clear: both; overflow: hidden; padding-bottom: 15px; } ul.listings_browse > li + li { padding-top: 15px; border-top-width: 1px; } ul.listings_browse .listing_photo { float: left; overflow: hidden; } ul.listings_browse .listing_photo img { width: 100px; display: block; } ul.listings_browse .listing_info { padding-left: 10px; overflow: hidden; } ul.listings_browse .listing_title h3 { margin: 0px; } ul.listings_browse .listing_meta { font-size: .8em; color: #999; } ul.listings_browse .listing_location { font-size: .8em; color: #999; } ul.listings_browse .listing_desc { margin-top: 5px; clear: both; } ul.listings_browse .listing_options { float: right; overflow: hidden; width: 120px; padding-left: 15px; } ul.listings_browse .listing_options a { clear: both; margin: 3px 0px 0px 0px; font-size: .8em; padding-top: 1px; height: 16px; } div.listings_result_filter_details { margin-bottom: 10px; font-style: italic; } div.listings_result_filter_details a { font-weight: bold; } /* SEARCH FILTER FORM */ .listings_browse_filters .form-wrapper { overflow: hidden; } .listings_browse_filters .integer_field .form-element { float: left; overflow: hidden; } .listings_browse_filters .integer_field label { display: block; margin-bottom: 2px; } .listings_browse_filters .integer_field .form-element + .form-element { margin-left: 5px; } .listings_browse_filters .form-element span.overTxtLabel { color: #999; } .listings_browse_filters .integer_field input { width: 50px; } .listings_browse_filters .description { display: none; } .listings_browse_filters textarea { width: 155px; height: 60px; } .listings_browse_filters #done-wrapper { margin-top: 10px; } /* LISTING VIEW */ div.listing_view .listing_view_info { color: #999; margin: 20px 0; font-size: 0.8em; border-left: 5px solid #d0e2ec; padding-left: 5px; } div.listing_view span.listing_view_tags { display: block; } div.listing_view .listing_profile_fields { margin-bottom: 15px; clear: both; } div.listing_view .listing_view_photos h4 { overflow: hidden; } div.listing_view .listing_view_photos ul { padding-top: 10px; clear: both; overflow: hidden; } ul.listing_view_tools { margin: 20px 0; } ul.listing_view_tools li { display: inline; margin-right: 10px; } div.listing_view .listing_view_body h1, div.listing_view .listing_view_body h2, div.listing_view .listing_view_body h3, div.listing_view .listing_view_body h4, div.listing_view .listing_view_body h5, div.listing_view .listing_view_body h6, div.listing_view .listing_view_body p { border: none; padding: 0; margin: 0; margin: 0.75em 0; } div.listing_view .listing_view_body blockquote { margin: 1.12em 40px; } div.listing_view .listing_view_body ul, div.listing_view .listing_view_body ol { display: block; margin: 1.12em 0; margin-left: 40px; } div.listing_view .listing_view_body ul li { display: list-item; list-style: disc; } div.listing_view .listing_view_body ul li ul li { display: list-item; list-style: circle; } div.listing_view .listing_view_body img { max-width: 100%; } /** LISTING PROFILE META */ .layout_listing_profile_intro { margin-top: 20px; overflow: hidden; } #listing_profile_intro { font-size: 0.8em; border: 1px solid #d0e2ec; padding: 7px; } /** LISTING PROFILE META */ .layout_listing_profile_meta { margin-top: 20px; overflow: hidden; } .layout_listing_profile_meta h3 { font-size: 0.8em; font-weight: bold; letter-spacing: normal; } #listing_meta { margin-top: 10px; overflow: hidden; } #listing_meta > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; margin-bottom: 15px; } #listing_meta > ul > li { font-size: .8em; overflow: hidden; } #listing_meta > ul > li + li { margin-top: 5px; } #listing_meta > ul > li > div { font-size: 1em; } #listing_meta .label { float: left; margin-right: 2px; } #listing_meta .listing_meta_content { font-weight: normal; } /** LISTING PROFILE LIKES */ .layout_listing_profile_likes { margin-top: 20px; overflow: hidden; } .layout_listing_profile_likes h3 { font-size: 0.8em; font-weight: bold; letter-spacing: normal; } #listing_likes { margin-top: 10px; overflow: hidden; } #listing_likes > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 7px; margin-bottom: 15px; overflow: hidden; } #listing_likes > ul > li { font-size: .8em; overflow: hidden; float: left; padding: 4px; text-align: center; } /* .layout_left { width: auto !important; } */ div.layout_left .generic_layout_container .listing_view_more { text-align: right; font-size: .8em; display: inline-block; float: right; } div.listing_likes_list { padding-top: 20px; padding-left: 20px; } /* LISTING PROFILE ABOUT */ div.listing_profile_about { line-height: 1.5em; } div.listing_profile_about h1, div.listing_profile_about h2, div.listing_profile_about h3, div.listing_profile_about h4, div.listing_profile_about h5, div.listing_profile_about h6, div.listing_profile_about p { border: none; padding: 0; margin: 0; margin: 0.75em 0; } div.listing_profile_about blockquote { margin: 1.12em 40px; } div.listing_profile_about ul, div.listing_profile_about ol { display: block; margin: 1.12em 0; margin-left: 40px; } div.listing_profile_about ul li { display: list-item; list-style: disc; } div.listing_profile_about ul li ul li { display: list-item; list-style: circle; } div.listing_profile_about img { max-width: 100%; } /* ICONS */ .icon_listing_list { background-image: url(/application/modules/Listing/externals/images/allentries.png?c=75); } .icon_listing_new { background-image: url(/application/modules/Listing/externals/images/create.png?c=75); } .icon_listing_edit { background-image: url(/application/modules/Listing/externals/images/edit.png?c=75); } .icon_listing_delete { background-image: url(/application/modules/Listing/externals/images/delete.png?c=75); } .icon_listing_report { background-image: url(/application/modules/Core/externals/images/report.png?c=75); } .icon_listing_share { background-image: url(/application/modules/Listing/externals/images/share.png?c=75); } .icon_listing_back { background-image: url(/application/modules/Core/externals/images/back.png?c=75); } .icon_listing_photo_new { background-image: url(/application/modules/Listing/externals/images/photo/upload.png?c=75); } .icon_listing_photo_view { background-image: url(/application/modules/Listing/externals/images/photo/view.png?c=75); } .icon_listing_photo_manage { background-image: url(/application/modules/Listing/externals/images/photo/manage.png?c=75); } .icon_listing_like { background-image: url(/application/modules/Listing/externals/images/like.png?c=75); } .icon_listing_unlike { background-image: url(/application/modules/Listing/externals/images/unlike.png?c=75); } /* EDIT LISTING PHOTOS */ ul.listings_editphotos { width: 600px; } ul.listings_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.listings_editphotos .listings_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.listings_editphotos .listings_editphotos_photo img { display: block; margin: 3px; width: 170px; } ul.listings_editphotos .listings_editphotos_info { overflow: hidden; } ul.listings_editphotos .listings_editphotos_title_input input, { margin: 2px 0px 6px 0px; width: 25em; } ul.listings_editphotos .listings_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; height: 3em; min-height: 0px; } ul.listings_editphotos .listings_editphotos_label { float: left; } ul.listings_editphotos .listings_editphotos_cover { float: left; } ul.listings_editphotos .photo-delete-wrapper { float: left; margin-right: 15px; } ul.listings_editphotos .photo-delete-wrapper > label { display: block; float: left; } /* LISTING PHOTOS UPLOAD FORM Some minor changes to the global form. */ .listing_form_upload #file-label, .listing_form_upload #submit-label { display: none; } /* VIEW LISTING PHOTO These styles are used on the view photo listing within an album. */ div.listing_photo_view { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.listing_photo_view #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.listing_photo_view .listing_photo_nav { clear: both; overflow: visible; margin-bottom: 4px; } div.listing_photo_view .listing_photo_nav > div { float: left; overflow: visible; } div.listing_photo_view .listing_photo_nav > div + div { float: none; text-align: right; } div.listing_photo_view .listing_photo_nav > div + div > a + a { margin-left: 20px; } div.listing_photo_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 10px; border: 5px solid #d0e2ec; } div.listing_photo_info p { text-align: left; } div.listing_photo_container { position: relative; display: inline-block; } div.listing_photo_container a:link { text-decoration: none; } div.listing_photo_view > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.listing_photo_view > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.listing_photo_info .listing_photo_title { margin-top: 5px; font-weight: bold; } div.listing_photo_info .listing_photo_description { font-size: .8em; margin-top: 3px; } div.listing_photo_info .listing_photo_owner { font-size: .8em; margin-top: 3px; } div.listing_photo_info .listing_photo_title + .listing_photo_tags, div.listing_photo_info .listing_photo_description + .listing_photo_tags { margin-top: 15px; } div.listing_photo_info .listing_photo_tags { font-size: .8em; margin-top: 5px; } div.listing_photo_info .listing_photo_date { font-size: .8em; margin-top: 5px; } div.listing_photo_view > div.comments { margin-top: 15px; } div.listing_photos_list_options { margin-bottom: 15px; } div.listing_photos_list_options a { margin-right: 10px; } div.listings_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.listings_gutter > ul > li { margin-bottom: 2px; } /* discussions tab and view page */ .listing_discussions_options { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 0px 10px 0px; padding: 10px; margin-bottom: 5px; } .listing_discussions_options .buttonlink { margin-right: 15px; } ul.listing_discussions > li { padding: 10px 10px 10px 0px; overflow: hidden; } ul.listing_discussions > li + li { border-top-width: 1px; } ul.listing_discussions .listing_discussions_replies { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; text-align: center; margin-right: 10px; width: 40px; padding: 7px 10px 7px 10px; color: #999; font-size: .8em; } ul.listing_discussions .listing_discussions_replies span { font-size: 2em; display: block; } ul.listing_discussions .listing_discussions_info { overflow: hidden; } ul.listing_discussions h3 { margin-bottom: 0px; } ul.listing_discussions .listing_discussions_sticky a { background-image: url(/application/modules/Listing/externals/images/post/stick.png?c=75); background-repeat: no-repeat; padding-left: 20px; background-position: left center; } ul.listing_discussions .listing_discussions_closed h3 { background-image: url(/application/modules/Listing/externals/images/post/close.png?c=75); background-repeat: no-repeat; padding-right: 20px; background-position: center right; } ul.listing_discussions .listing_discussions_lastreply { float: right; overflow: hidden; width: 250px; margin-left: 10px; } ul.listing_discussions .listing_discussions_lastreply > a { float: left; display: block; } ul.listing_discussions .listing_discussions_lastreply > a > img { display: block; } ul.listing_discussions .listing_discussions_lastreply_info { overflow: hidden; padding-left: 5px; } ul.listing_discussions .listing_discussions_lastreply_info_date { font-size: .8em; color: #999; } /* some overrides on the tab page for spacing purposes */ div.listing_discussions_list { margin-top: 10px; border-top-width: 1px; } div.listing_discussions_list h3 { font-size: 1em; letter-spacing: 0px; } /* view listing discussion thread */ div.listing_discussions_thread_options { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; margin: 10px 0 5px; } div.listing_discussions_thread_options .buttonlink { padding-top: 1px; font-size: .8em; height: 16px; margin-right: 15px; } div.listing_discussions_thread_options_closed { background-image: url(/application/modules/Listing/externals/images/post/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; margin-left: 20px; } ul.listing_discussions_thread { margin: 10px 0px 10px 0px; overflow: hidden; } ul.listing_discussions_thread > li { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; border-top: 1px solid #ddd; } ul.listing_discussions_thread > li + li { margin-top: 5px; } ul.listing_discussions_thread .listing_discussions_thread_photo { float: left; overflow: hidden; width: 120px; font-weight: bold; padding: 5px 10px 7px 10px; } ul.listing_discussions_thread .listing_discussions_thread_photo > a + a { display: block; margin-top: 2px; clear: both; } ul.listing_discussions_thread .listing_discussions_thread_info { padding: 0px 10px 5px 5px; overflow: hidden; } ul.listing_discussions_thread .listing_discussions_thread_details { padding: 6px 0px 6px 0px; border-bottom: 1px solid #ddd; } ul.listing_discussions_thread .listing_discussions_thread_details_date { font-size: .8em; overflow: hidden; color: #999; } ul.listing_discussions_thread .listing_discussions_thread_details_options { margin-top: -2px; float: right; overflow: hidden; text-align: right; } ul.listing_discussions_thread .listing_discussions_thread_details_options .buttonlink { font-size: .8em; height: 16px; } ul.listing_discussions_thread .listing_discussions_thread_body { padding: 5px 0px 5px 0px; } ul.listing_discussions_thread .listing_discussions_thread_body blockquote { border: 1px solid #eaeaea; background: #fff; padding: 10px; } /* NOTIFICATION TYPE ICONS */ .notification_type_listing_discussion_response, .notification_type_listing_discussion_reply { background-image: url(/application/modules/Listing/externals/images/types/post.png?c=75); } .notification_type_listing_approved { background-image: url(/application/modules/Listing/externals/images/types/approved.png?c=75); } .notification_type_listing_not_approved { background-image: url(/application/modules/Listing/externals/images/types/approved_off.png?c=75); } /* POST LISTING TOPIC FORM */ #listing_topic_create .form-elements { margin-top: 10px; } #listing_topic_create .form-label { clear: both; float: none; text-align: left; margin-bottom: 3px; } /* REPLY TO LISTING TOPIC FORM */ #listing_topic_reply h3, #listing_topic_reply #body-label, #listing_topic_reply #submit-label { display: none; } #listing_topic_reply .form-elements { margin-top: 0px; } .icon_listing_post_new { background-image: url(/application/modules/Listing/externals/images/post/create.png?c=75); } .icon_listing_post_edit { background-image: url(/application/modules/Listing/externals/images/post/edit.png?c=75); } .icon_listing_post_reply { background-image: url(/application/modules/Listing/externals/images/post/reply.png?c=75); } .icon_listing_post_stick { background-image: url(/application/modules/Listing/externals/images/post/stick.png?c=75); } .icon_listing_post_unstick { background-image: url(/application/modules/Listing/externals/images/post/unstick.png?c=75); } .icon_listing_post_close { background-image: url(/application/modules/Listing/externals/images/post/close.png?c=75); } .icon_listing_post_open { background-image: url(/application/modules/Listing/externals/images/post/unclose.png?c=75); } .icon_listing_post_rename { background-image: url(/application/modules/Listing/externals/images/post/rename.png?c=75); } .icon_listing_post_delete { background-image: url(/application/modules/Listing/externals/images/post/delete.png?c=75); } .icon_listing_post_quote { background-image: url(/application/modules/Listing/externals/images/post/quote.png?c=75); } .icon_listing_category { background-image: url(/application/modules/Listing/externals/images/category.png?c=75); } .listings_categories_quicklinks li .listing_category_desc { font-size: .8em; color: #999; } /** * MAP */ div.listing_edit_location_map_preview { float: right; margin-left: 20px; } /* */ .mc-card { width: 243px; display: block; float: left; -moz-border-radius: 6px; border-radius: 6px; } .mc-card-inner { display: block; float: left; background: url(/application/modules/Mcard/externals/images/default_inner.png?c=75) no-repeat bottom; padding: 3px; width: 237px; min-height: 147px; } .mc-card .logo { float: left; height: 30px; margin-left: 5px; } .mc-card .logo img { max-width: 100px; max-height: 30px; } .mc-card .head { float: right; color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 30px; } .mc-card .member-details { float: left; width: 100%; margin-top: 10px; } .mc-card .member-photo { float: left; margin: 0 5px; } .mc-card .member-photo img { float: left; width: 60px; } .mc-card .member-details .info { float: left; color: #000000; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; line-height: 14px; width: 160px; overflow: hidden; } .mc-card .member-details .info span { font-family: tahoma, Arial, Helvetica, sans-serif; } .mc-card .member-details .info a { color: #000000; } .print { padding: 5px 0px; margin-left: 10px; float: left; } .print a { background: url(/application/modules/Mcard/externals/images/printer.png?c=75) no-repeat left; } .print-card { clear: both; padding: 10px 0px 0; } .print-card input { font-weight: bold; background: url(/application/modules/Mcard/externals/images/printer.png?c=75) no-repeat left; padding-left: 20px; } .print-popup { width: 480px; margin: 10px 20px; } .print-popup .top { text-align: center; font-size: 17px; font-weight: bold; margin-bottom: 10px; float: left; width: 100%; color: #000000; } .print-popup .print-txt { float: left; clear: both; } .print-popup .print-txt p { color: #000000; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; } .mc-card-profile { width: 458px; display: block; float: left; -moz-border-radius: 6px; border-radius: 6px; } .mc-card-profile-inner { display: block; float: left; background: url(/application/modules/Mcard/externals/images/default_big_inner.png?c=75) no-repeat bottom; padding: 3px; width: 452px; min-height: 272px; } .mc-card-profile .logo { float: left; height: 55px; margin-left: 5px; } .mc-card-profile .logo img { max-width: 150px; max-height: 50px; } .mc-card-profile .head { float: right; color: #FFFFFF; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 30px; margin-right: 10px; } .mc-card-profile .member-photo { float: left; margin: 0 5px; } .mc-card-profile .member-photo img { max-width: 150px !important; max-height: 150px !important; } .mc-card-profile .member-details { float: left; width: 100%; margin-top: 10px; } .mc-card-profile .member-details .info { float: left; color: #000000; font-size: 13px; max-width: 290px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } .mc-card-profile .member-details .info span { font-family: tahoma, Arial, Helvetica, sans-serif; } .mc-card-profile .member-details .info a { color: #000000; } .mcard_light { color: #999 !important; } /* */ /* VIEW MESSAGES Used to list members' messages in their inbox and outbox. */ .messages_list > ul > li { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; clear: both; overflow: hidden; padding: 10px; } .messages_list > ul > li + li { margin-top: 1px; } .messages_list > ul > li.messages_list_new * { font-weight: bold; } .messages_list .messages_list_checkbox { float: left; overflow: hidden; } html[dir="rtl"] .messages_list .messages_list_checkbox { float: right; } .messages_list .messages_list_photo { float: left; overflow: hidden; padding-left: 5px; } html[dir="rtl"] .messages_list .messages_list_photo { float: right; padding-left: 0px; padding-right: 5px; } .messages_list .messages_list_photo img { display: block; } .messages_list .messages_list_from { float: left; overflow: hidden; padding-left: 10px; width: 170px; } html[dir="rtl"] .messages_list .messages_list_from { float: right; padding-left: 0px; padding-right: 10px; } .messages_list .messages_list_from > .messages_list_from_date { font-size: .8em; color: #999; text-transform: lowercase; margin-top: 5px; } .messages_list .messages_list_info { overflow: hidden; } .messages_list .messages_list_info > .messages_list_info_body { font-size: .8em; margin-top: 5px; padding-left: 1px; } html[dir="rtl"] .messages_list .messages_list_info > .messages_list_info_body { padding-right: 1px; } /* VIEW MESSAGE Styles the view message thread page. */ .message_view_between { margin-top: 4px; margin-bottom: 10px; } ul.message_view > li { clear: both; overflow: hidden; border-top-width: 1px; padding: 10px 0px 10px 0px; } ul.message_view .message_view_leftwrapper { float: left; } html[dir="rtl"] ul.message_view .message_view_leftwrapper { float: right; } ul.message_view .message_view_photo { float: left; overflow: hidden; width: 70px; } html[dir="rtl"] ul.message_view .message_view_photo { float: right; } ul.message_view .message_view_photo img { display: block; } ul.message_view .message_view_from { width: 150px; float: left; overflow: hidden; text-align: right; padding-right: 15px; font-weight: bold; } html[dir="rtl"] ul.message_view .message_view_from { float: right; text-align: left; padding-right: 0px; padding-left: 15px; } ul.message_view .message_view_from .small { font-weight: normal; } ul.message_view .message_view_info { overflow: hidden; } ul.message_view .message_view_reply { clear: both; overflow: hidden; padding-top: 5px; } ul.message_view .message_view_info .buttons { margin-top: 10px; } ul.message_view .message_view_info textarea { width: 400px; height: 100px; } ul.message_view .message_view_date { font-size: .8em; color: #999; font-weight: normal; } ul.message_view .message_attachment { overflow: hidden; margin: 10px; padding-left: 22px; background-image: url(/application/modules/Messages/externals/images/attachment.png?c=75); background-repeat: no-repeat; } html[dir="rtl"] ul.message_view .message_attachment { padding-left: 0px; padding-right: 22px; background-position: top right; } ul.message_view .message_attachment_photo { float: left; overflow: hidden; margin-right: 7px; } html[dir="rtl"] ul.message_view .message_attachment_photo { float: right; margin-right: 0px; margin-left: 7px; } ul.message_view .message_attachment_info { overflow: hidden; } ul.message_view .message_attachment_title { font-size: .8em; font-weight: bold; margin-bottom: 2px; } ul.message_view .message_attachment_desc { font-size: .8em; } /* REPLY FORM Shown on view mesage page. */ #messages_form_reply > div { width: 400px; } #messages_form_reply .form-label { display: none; } #messages_form_reply #submit-element { overflow: visible; margin: 0px; } #messages_form_reply #body-element { width: 100%; } #messages_form_reply .compose-container, #messages_form_reply .compose-content { width: 98%; } #messages_form_reply #compose-menu { margin-top: 10px; } #messages_form_reply #compose-menu a { font-size: .8em; padding-top: 1px; padding-bottom: 2px; margin-right: 10px; } html[dir="rtl"] #messages_form_reply #compose-menu a { margin-right: 0px; margin-left: 10px; } #messages_form_reply .compose-menu { margin-top: 0px; } #messages_form_reply .compose-menu > span { background-repeat: no-repeat; padding-left: 20px; display: block; } html[dir="rtl"] #messages_form_reply .compose-menu > span { padding-left: 0px; padding-right: 20px; background-position: 100% 50%; } #messages_form_reply .compose-body { overflow: visible; } #messages_form_reply #submit-element { float: none; overflow: hidden; } /* COMPOSE MESSAGE FORM */ #messages_compose #submit-element { float: none; overflow: hidden; } #messages_compose .compose-content { width: 400px; min-height: 4em; } #messages_compose #compose-menu { margin-top: 10px; } #messages_compose .compose-menu > span { background-repeat: no-repeat; padding-left: 20px; display: block; } html[dir="rtl"] #messages_compose .compose-menu > span { padding-left: 0px; padding-right: 20px; background-position: 100% 50%; } #messages_compose #compose-menu a { font-size: .8em; padding-top: 1px; padding-bottom: 2px; } #messages_compose .compose-menu { margin-top: 0px; } #messages_compose #compose-menu .buttonlink { margin-right: 15px; } html[dir="rtl"] #messages_compose #compose-menu .buttonlink { margin-right: 0px; margin-left: 15px; } /* MESSAGES AUTOSUGGEST Used to style the autosuggest pulldown shown when you are entering a recipient on the compose message page. */ ul.message-autosuggest { position: absolute; padding: 0px; width: 300px; list-style: none; z-index: 50; border: 1px solid #bbb; margin: 0px; list-style: none; cursor: pointer; white-space: nowrap; background: #fff; } ul.message-autosuggest > li { padding: 3px; overflow: hidden; } ul.message-autosuggest > li + li { border-top-width: 1px; } ul.message-autosuggest > li img { width: 25px; height: 25px; display: block; float: left; margin-right: 5px; } html[dir="rtl"] ul.message-autosuggest > li img { float: right; margin-right: 0px; margin-left: 5px; } ul.message-autosuggest > li.autocompleter-selected { background-color: #fff; } ul.message-autosuggest > li.autocompleter-choices { font-size: .8em; } ul.message-autosuggest > li.autocompleter-choices .autocompleter-choice { line-height: 25px; } ul.message-autosuggest > li:hover { background-color: #eee; } ul.message-autosuggest > li span.autocompleter-queried { font-weight: bold; } ul.message-autosuggest .search-working { background-image: none; } ul.message-autosuggest .friendlist { background-image: url(/application/modules/User/externals/images/friends/list.png?c=75); background-repeat: no-repeat; padding-left: 28px; background-position: 5px center; } html[dir="rtl"] ul.message-autosuggest .friendlist { background-position: 99% 50%; padding-left: 0px; padding-right: 28px; } #messages_compose #toValues-wrapper { height: 0px; } #messages_compose #toValues-element { width: 400px; max-height: 300px; overflow-y: auto; } /* MESSAGES HOME WIDGET Shows recent messages on the member home page. */ .layout_messages_home_messages { clear: both; overflow: auto; width: 100%; } .layout_messages_home_messages > ul { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; margin-bottom: 15px; } .layout_messages_home_messages > ul > li { clear: both; overflow: hidden; padding: 3px 0px 3px 0px; margin: 0px 5px 0px 5px; border-top-width: 1px; } .layout_messages_home_messages > ul > li:first-child { border-top-width: 0px; } .layout_messages_home_messages > li.new .title { font-weight: bold; } .layout_messages_home_messages .from { font-size: .8em; color: #999; margin-bottom: 4px; } .layout_messages_home_messages .title { font-size: .8em; margin-bottom: 3px; } .layout_messages_home_messages .body { font-size: .8em; margin-bottom: 5px; } /* TAGS FOR MESSAGE RECIPIENTS */ .tag.tag_friend { background-image: url(/application/modules/User/externals/images/friends/list.png?c=75); padding-left: 25px; background-repeat: no-repeat; background-position: 4px center; } /* NOTIFICATION TYPE ICONS */ .notification_type_message_new { background-image: url(/application/modules/Messages/externals/images/send.png?c=75); } .mode-switcher { width: 100%; padding: 5px; text-align: center; } /* */ /* NETWORK SETTINGS Used to style the networks page in the member's settings area. */ .networks_left { float: left; width: 380px; padding-right: 30px; } .networks_right { float: left; width: 380px; } ul.networks { width: 350px; margin: 15px 0px 15px 0px; } ul.networks > li { overflow: hidden; border: 1px solid #ddd; padding: 10px; } ul.networks > li + li { border-top: none; } ul.networks > li > div { float: left; overflow: hidden; font-weight: bold; } html[dir="rtl"] ul.networks > li > div { float: right; } ul.networks > li > div > span { font-weight: normal; font-size: .8em; } ul.networks > li > a { display: block; overflow: hidden; float: right; } html[dir="rtl"] ul.networks > li > a { text-align: left; } /* USER NETWORK SETTINGS */ form#network-form input.network_join_selected { background-color: #eee; } /* ITEM TYPE ICONS */ .item_icon_network { background-image: url(/application/modules/Network/externals/images/types/network.png?c=75); } /* ACTION TYPE ICONS */ .activity_icon_network_join { background-image: url(/application/modules/Network/externals/images/types/network.png?c=75); } /* */ #pages_cms_wrapper { overflow: hidden; margin-top: 10px; } div.pages_layoutbox_wrapper { float: left; overflow: hidden; width: 717px; } div.pages_layoutbox { border: 1px solid #d0e2ec; /* #aaa; */ background: #F0EFE8; /* #eee; */ /* height: 440px; */ width: 700px; padding-right: 5px; padding-left: 5px; min-height: 413px; height: auto !important; height: 413px; /* overflow-x: hidden; overflow-y: auto; */ } .pages_layoutbox_footnotes { font-size: .8em; margin-top: 5px; } /* menu above layout box */ div.pages_layoutbox_menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; margin-bottom: 10px; height: 34px; } div.pages_layoutbox_menu > ul > li { float: left; display: block; /* @todo changed */ } ul.pages_layoutbox_menu_left { float: left; overflow: hidden; } ul.pages_layoutbox_menu_left > li { float: left; overflow: hidden; } ul.pages_layoutbox_menu_right { overflow: hidden; } ul.pages_layoutbox_menu_right > li { float: right; overflow: hidden; } .pages_layoutbox_sub_menu { overflow: hidden; } .pages_layoutbox_sub_menu h3 { float: left; margin-bottom: 0px; font-size: 1em; padding-top: 5px; letter-spacing: 0; } .pages_layoutbox_sub_menu > ul { float: right; } .pages_layoutbox_sub_menu > ul > li { float: left; } .pages_layoutbox_sub_menu > ul > li > a { padding-top: 8px; } .pages_layoutbox_menu_generic > a, .pages_layoutbox_menu li > a, .pages_layoutbox_sub_menu li > a { display: block; /* inline-block; */ font-weight: bold; padding: 9px 8px 8px 8px; padding-left: 30px; background-repeat: no-repeat; background-position: 8px 8px; outline: none; font-size: .8em; } .pages_layoutbox_menu li.active > a, .pages_layoutbox_sub_menu li.active > a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-radius-bottomleft: 0px; background-color: #55677a; /* #8197ab; */ color: #fff; /* #fff; */ text-decoration: none; } #pages_layoutbox_menu_details > a { background-image: url(/application/modules/Page/externals/images/editinfo.png?c=75); } #pages_layoutbox_menu_newpage > a { background-image: url(/application/modules/Page/externals/images/newpage.png?c=75); } #pages_layoutbox_menu_openpage { position: relative; } #pages_layoutbox_menu_openpage > a { padding: 7px 8px 8px 10px; text-decoration: none; font-weight: bold; font-size: 1em; margin-right: 10px; display: block; float: left; clear: both; width: 244px; overflow: hidden; } #pages_layoutbox_menu_openpage > a:hover { color: #fff; /* #5ba1cd; */ } #pages_layoutbox_menu_openpage > a span { float: left; } #pages_layoutbox_menu_openpage > a span.more { display: block; float: right; margin-top: 2px; padding: 0px 8px 0px 10px; background-image: url(/application/modules/Page/externals/images/more.png?c=75); background-position: center center; background-repeat: no-repeat; border-right: 1px solid #d0e2ec; /* #bbb; */ } div.pages_layoutbox_menu li#pages_layoutbox_menu_openpage.active > a { color: #fff; /* #fff; */ } div.pages_layoutbox_menu li#pages_layoutbox_menu_openpage.active > a span.more { background-image: url(/application/modules/Page/externals/images/more_active.png?c=75); border-color: transparent; } #pages_layoutbox_menu_pageinfo > a { background-image: url(/application/modules/Page/externals/images/editinfo.png?c=75); } #pages_layoutbox_menu_savechanges > a { background-image: url(/application/modules/Page/externals/images/savechanges.png?c=75); } #pages_layoutbox_menu_editcolumns > a { background-image: url(/application/modules/Page/externals/images/editcolumns.png?c=75); } #pages_layoutbox_menu_deletepage > a { background-image: url(/application/modules/Page/externals/images/deletepage.png?c=75); } #pages_layoutbox_menu_createpage > a { background-image: url(/application/modules/Page/externals/images/newpage.png?c=75); } #pages_layoutbox_menu_viewpage > a { background-image: url(/application/modules/Page/externals/images/viewpage.png?c=75); } #pages_layoutbox_menu_editpage > a { background-image: url(/application/modules/Page/externals/images/editinfo.png?c=75); } /* popup for opening a page */ .pages_layoutbox_menu_pages_wrapper { display: none; overflow: hidden; position: absolute; width: 250px; padding: 6px; background-color: #55677a; /* #8197ab; */ z-index: 99999999; margin-top: 28px; top: 1px; left: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; } ul.pages_layoutbox_menu_pages { overflow: hidden; overflow-y: scroll; max-height: 500px; background: #F0EFE8; /* #fff; */ } ul.pages_layoutbox_menu_pages > li { padding: 5px; font-size: .8em; -moz-user-select: none; -webkit-user-select: none; } ul.pages_layoutbox_menu_pages > li + li { border-top: 1px solid #d0e2ec; /* #eee; */ } ul.pages_layoutbox_menu_pages > li:hover { background-color: #c9dde7; /* #f2f2f2; */ cursor: pointer; } /* popup for making a new blank page */ .pages_layoutbox_menu_makepage_wrapper { display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; overflow: hidden; position: absolute; width: 400px; padding: 6px; background-color: #55677a; /* #8197ab; */ z-index: 99999999; margin-top: 28px; } .pages_layoutbox_menu_makepage { overflow: hidden; height: 150px; background: #fff; } .pages_layoutbox_menu_makepage_form { padding: 10px; } .pages_layoutbox_menu_makepage_form input[type=text] { width: 250px; } .pages_layoutbox_menu_makepage_form button { margin-right: 5px; } .pages_layoutbox_menu_makepage_form_name { margin: 10px 0px 10px 0px; } .pages_layoutbox_menu_makepage_form_name span { display: block; font-weight: bold; margin-bottom: 4px; } /* popup for editing the current page info */ .pages_layoutbox_menu_editinfo_wrapper { display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; overflow: hidden; position: absolute; padding: 6px; background-color: #55677a; /* #8197ab; */ z-index: 99999999; margin-top: 28px; max-width: 500px; } .pages_layoutbox_menu_editinfo_wrapper .description { font-size: .7em; margin-top: 5px; max-width: 300px; color: #999; } .pages_layoutbox_menu_editinfo { overflow: hidden; background: #fff; } .pages_layoutbox_menu_editinfo_form { padding: 10px; } .pages_layoutbox_menu_editinfo_form li + li { margin-top: 15px; } .pages_layoutbox_menu_editinfo_form li > span { display: block; margin-bottom: 4px; font-size: .7em; text-transform: uppercase; font-weight: bold; } .pages_layoutbox_menu_editinfo_form li > span > label { font-weight: bold; } .pages_layoutbox_menu_editinfo_form li > span > span, .pages_layoutbox_menu_editinfo_form li > span > label > span { font-weight: normal; text-transform: none; } .pages_layoutbox_menu_editinfo_form li input[type=text] { width: 300px; } .pages_layoutbox_menu_editinfo_form li button { margin-right: 5px; } .pages_layoutbox_menu_editinfo_form li textarea { width: 300px; height: 3.5em; } .pages_layoutbox_menu_editinfo_submit { padding: 5px 10px 10px 10px; } .pages_layoutbox_menu_editinfo_submit button { margin-right: 3px; } /* popup for editing the columns on the current page */ .pages_layoutbox_menu_columnchoices_wrapper { display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; overflow: hidden; position: absolute; padding: 6px; background-color: #55677a; /* #8197ab; */ z-index: 99999999; margin-top: 28px; } .pages_layoutbox_menu_columnchoices { overflow: hidden; background: #fff; /* #fff; */ padding: 10px; } .pages_layoutbox_menu_columnchoices_instructions { margin-bottom: 10px; } ul.pages_layoutbox_menu_columnchoices_thumbs { overflow: hidden; } ul.pages_layoutbox_menu_columnchoices_thumbs > li { float: left; overflow: hidden; margin: 0px 6px 6px 0px; } ul.pages_layoutbox_menu_columnchoices_thumbs > li:last-child { margin-right: 0px; } ul.pages_layoutbox_menu_columnchoices_thumbs img { display: block; border: 1px solid transparent; } ul.pages_layoutbox_menu_columnchoices_thumbs img:hover { display: block; border: 1px solid #d0e2ec; /* #777; */ } .pages_layoutbox_menu_columnchoices_cancel { margin-top: 3px; } .pages_layoutbox_menu_columnchoices img { cursor: pointer; } /* page designer */ div.pages_layoutbox table { width: 100%; } div.pages_layoutbox_header { margin-bottom: 5px; } div.pages_layoutbox_header, div.pages_layoutbox_footer { overflow: hidden; background-image: url(/application/modules/Page/externals/images/placeholder.png?c=75); border: 1px solid #d0e2ec; /* #bbb; */ margin-top: 5px; } div.pages_layoutbox_header > span, div.pages_layoutbox_footer > span { display: inline-block; background-color: #F0EFE8; /* #fff; */ opacity: .8; padding: 5px; font-size: .7em; margin: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* color: #000; */ } div.pages_layoutbox_header a, div.pages_layoutbox_footer a { outline: none; } /* top/bottom area styles */ .pages_content_container_top .pages_content_container_middle, .pages_content_container_bottom .pages_content_container_middle, .pages_content_container_top .pages_content_container_middle ul, .pages_content_container_bottom .pages_content_container_middle ul { min-height: 60px; } .pages_content_container_top .pages_content_container_middle ul, .pages_content_container_bottom .pages_content_container_middle ul { padding-bottom: 10px; } .pages_content_container_top .pages_content_container_middle { border-bottom: 5px solid #F0EFE8; /* #EEEEEE; */ } .pages_content_container_bottom .pages_content_container_middle { border-top: 5px solid #F0EFE8; /* #EEEEEE; */ } /* main area styles */ .pages_content_container_left { width: 150px; border-right: 5px solid #F0EFE8; /* #eee; */ } .pages_content_container_right { width: 150px; border-left: 5px solid #F0EFE8; /* #eee; */ } td.pages_content_column, td.pages_content_column_headerfooter { min-height: 300px; background: #fff; /* #f2f2f2; #fff; */ vertical-align: top; } td.pages_content_column ul { min-height: 300px; } table.pages_content_block_headerfooter { margin-top: 5px; } td.pages_content_column_headerfooter ul { min-height: 70px; } /* all blocks, placed or not yet placed */ ul.pages_content_sortable li.pages_content_draggable, ul.pages_content_sortable li.special { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 2px 2px #F0EFE8 #aaa; -webkit-box-shadow: 2px 2px 2px #F0EFE8 #aaa; box-shadow: 2px 2px 2px #F0EFE8 #aaa; /* #eee; */ position: relative; border: 1px solid #c3dca0; background-image: url(/application/modules/Page/externals/images/static.png?c=75); background-repeat: repeat-y; font-size: 7pt; margin: 5px 0px 5px 0px; cursor: move; line-height: 12px; padding: 4px 4px 4px 10px; color: #555555; } /* blocks that have been placed on the page */ div.pages_layoutbox .pages_content_column li, div.pages_layoutbox .pages_content_column_headerfooter li { margin: 5px; } ul.pages_content_sortable li.special { border: 1px solid #dccca0; background-image: url(/application/modules/Page/externals/images/dynamic.png?c=75); } ul.pages_content_sortable li.disabled { border: 1px solid #dcdcdc; background-image: url(/application/modules/Page/externals/images/disabled.png?c=75); } /* Turn the li into a target drop marker */ #pages_cms_wrapper li.pages_content_dragging { height: 5px; overflow: hidden; background-color: #ccc; background-image: none; border: none; padding: 0; margin: 0px 5px 0px 5px; line-height: 0px; font-size: 0px; } /* Disable user select */ #pages_cms_wrapper .pages_content_sortable li { -moz-user-select: none; -webkit-user-select: none; } ul.boxy li:hover { cursor: cross; } div.pages_layoutbox_pool_wrapper { overflow: hidden; padding-left: 20px; float: right; width: 210px; } div.pages_layoutbox_pool_wrapper h3 { font-size: 1em; margin-top: 5px; margin-bottom: 8px; letter-spacing: 0; } div.pages_layoutbox_pool { background: #fff; /* #f2f2f2; */ overflow-y: auto; /* max-height: 440px; */ border: 1px solid #aaa; } div.pages_layoutbox_pool_category_wrapper { background-color: #959595; overflow: hidden; } div.pages_layoutbox_pool_category { overflow: hidden; border-top: 1px solid #bbb; } div.pages_layoutbox_pool_category_label { overflow: hidden; color: #fff; font-weight: bold; font-size: .8em; padding: 6px 7px 6px 7px; } div.pages_layoutbox_pool_category_hide { float: right; overflow: hidden; background-image: url(/application/modules/Page/externals/images/blocks_hide.png?c=75); background-repeat: no-repeat; background-position: center right; width: 16px; height: 16px; font-size: 1px; padding: 4px; margin-right: 5px; margin-top: 1px; cursor: pointer; } div.pages_layoutbox_pool > ul ul { padding: 2px 7px 2px 7px; } div.pages_layoutbox_sortable span { display: none; } div.pages_layoutbox_feature { border: 1px solid #ccc; padding: 5px 3px 5px 6px; font-weight: bold; font-size: 8pt; margin-bottom: 5px; } div.pages_layoutbox_feature:hover { cursor: pointer; } div.pages_layoutbox_thumbs { width: 200px; } div.pages_layoutbox_thumbs img { float: left; margin: 0px 8px 8px 0px; } div.pages_layoutbox_thumbs img:hover { cursor: pointer; } div.pages_layoutbox_thumbs2 img:hover { cursor: pointer; } div.pages_layoutbox_center_placeholder { overflow: hidden; height: 100px; background-image: url(/application/modules/Page/externals/images/placeholder.png?c=75); border: 1px solid #bbb; margin-top: 5px; } div.pages_layoutbox_center_placeholder > span { display: inline-block; background-color: #fff; opacity: .8; padding: 5px; font-size: .7em; margin: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #000; } div.pages_layoutbox li.pages_layoutbox_widget_tabbed_wrapper { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 2px 2px 2px #fff #aaa; -webkit-box-shadow: 2px 2px 2px #fff #aaa; box-shadow: 2px 2px 2px #fff #aaa; margin: 5px; background-color: #fcefcc; background-image: url(/application/modules/Page/externals/images/dynamic.png?c=75); border: 1px solid #dccca0; } li.pages_layoutbox_widget_tabbed_wrapper .pages_layoutbox_widget_tabbed_top { display: block; font-size: 7pt; padding: 5px 5px 2px 0px; } li.pages_layoutbox_widget_tabbed_wrapper ul.pages_layoutbox_widget_tabbed_contents { min-height: 20px; margin: 2px; background: #fff; /* #f2f2f2; #fff; */ border: 1px solid #dccca0; padding: 18px 7px 10px 7px; cursor: default; } li.pages_layoutbox_widget_tabbed_wrapper .pages_layoutbox_widget_tabbed { overflow: hidden; } li.pages_layoutbox_widget_tabbed_wrapper span.pages_layoutbox_widget_tabbed_overtext { position: absolute; padding-top: 10px; padding-left: 10px; font-size: 1em; color: #999; } .pages_layoutbox_note { display: block; font-size: .7em; margin: 7px; } li.pages_content_cell > span.open { color: #ccc; } li.pages_content_cell > span.remove { float: right; display: block; } li.pages_content_cell > span.remove a { padding: 0px 5px; } ul#column_stock li > ul > li > span.remove, ul#column_stock li > ul > li > span.open { display: none; visibility: hidden; } /* TOOLTIPS */ .tip-wrap { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .tip-top { color: #fff; width: 139px; z-index: 13000; } .tip-wrap .tip-title { font-weight: bold; font-size: 11px; margin: 0px; color: #9fd4ff; padding: 8px 8px 4px; display: none; } .tip-text { font-size: 11px; padding: 10px 13px 10px 13px; background: #faf3c6; max-width: 170px; } .tip-text a { color: #069; } .tip-loading { width: 30px; height: 30px; margin: 0px auto; } #url-element .description { font-size: 7pt; margin: 3px 0 10px; padding: 0; clear: both; } #page_url_placeholder { font-weight: bold; } input[type="text"].success { border: 1px solid green; background-color: #EFFFF0; } input[type="text"].error { border: 1px solid red; background-color: #FF9F9F; } #url-element #extra-url { float: left; } div.success_image, div.error_image { float: left; width: 237px; font-size: 8pt; margin: 5px 0px 0px 5px; } div.success_image { color: green; } div.error_image { color: red; } /* BROWSE PAGES */ .sortby a { font-weight: bold; margin-left: 12px; } .sortby a.active { color: #666; } .sortby .view_mode { float: right; width: 115px; } .view_mode a.list, .view_mode a.list_a, .view_mode a.map, .view_mode a.map_a { background-image: url(/application/modules/Page/externals/images/browse_list.png?c=75); display: block; height: 24px; float: right; margin-top: -3px; opacity: 0.6; width: 24px; } .view_mode a.map, .view_mode a.map_a { background-image: url(/application/modules/Page/externals/images/browse_map.png?c=75); margin-left: 6px; width: 29px; } .view_mode a.list_a, .view_mode a.list:hover, .view_mode a.map_a, .view_mode a.map:hover { opacity: 1; } .view_mode div { float: left; width: 42px; } .search_options { padding: 5px 6px; margin-top: 6px; } .page_list_items img.item_photo_page { float: right; } .page_list_item { border: 1px solid #D0E2EC; padding: 5px 8px; margin: 8px 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .page_list_title { font-size: 16px; font-weight: bold; margin-bottom: 2px; } div.page_list_info { margin-bottom: 4px; } .page_list_info div.l { float: left; margin-right: 5px; overflow-x: hidden; width: 290px; } .page_list_info div { font-size: 11px; } .page_list_info div.r { float: left; overflow-x: hidden; width: 240px; } .page_list_info .page_list_desc { margin-bottom: 6px; font-size: 11px; } .page_list_submitted { font-size: 10px; margin-bottom: 2px; } .page_list_phone { background: url(/application/modules/Page/externals/images/page_phone_icon.png?c=75) no-repeat left; padding-left: 20px; margin-bottom: 2px; height: 16px; } .page_list_website { background: url(/application/modules/Page/externals/images/page_website_icon.png?c=75) no-repeat left; padding-left: 20px; height: 16px; } .page_popular_locations div.items, .page_popular_categories div.items { margin-bottom: 2px; } .page_popular_locations div.item, .page_popular_categories div.item { border-top: 1px solid #D0E2EC; margin-top: 5px; padding-top: 5px; } .page_popular_locations div.item:first-child, .page_popular_categories div.item:first-child { border-top: none; } .page_list_item_featured { background-color: #FFF8E7; } .page_list_item_featured div { color: #555555; } .page_item_featured { float: right; background-color: #FFECBF; border: 1px solid #EFD9A4; padding: 1px 4px; margin-bottom: 5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* IE 7 hack */ *+html .pages_layoutbox_create_form #submit-wrapper { margin-top: 10px; } .page_options { margin-top: 4px; } .page_options a { clear: both; display: block; margin: 4px 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } a.page_edit { background-image: url(/application/modules/Page/externals/images/edit_icon.png?c=75); } a.page_delete { background-image: url(/application/modules/Page/externals/images/delete_icon.png?c=75); } /* EDIT PAGE */ #global_content > div.page_edit_title { float: left; margin-bottom: 10px; padding: 10px; } #global_content > div.page_edit_title div.r h3 { font-weight: bold; font-size: 17px; } #global_content > div.page_edit_title div.r div.pages_layoutbox_menu ul li { margin-left: 5px; } .page_edit_title div.pages_layoutbox_menu { background: transparent; } #global_content > div.page_edit_title div.r div.pages_layoutbox_menu ul li#pages_layoutbox_menu_createpage { margin-left: 0px; } #global_content > div.page_edit_title div.r div.pages_layoutbox_menu { border: none; background-image: none; margin-bottom: 0px; } #global_content > div.page_edit_title div.r div.pages_layoutbox_menu ul li a { padding-left: 20px; background-position: 2px center; } #global_content > div.page_edit_title div.r a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; } #global_content > div.page_edit_title div.r a:hover { text-decoration: none; background-color: #55677a; color: #fff; } .page_edit_title { padding-bottom: 12px; } .page_edit_title .l { float: left; margin-right: 10px; } .page_edit_title .r { float: left; font-size: 11px; padding-top: 2px; } .page_edit_title .r h3 { margin-bottom: 4px; } .page_statistics .label { font-size: 12px; padding-top: 4px; padding-bottom: 2px; width: 100px; } .page_statistics .value { font-size: 12px; font-weight: bold; text-align: right; } .page_statistics tr { border-bottom: 1px solid #D0E2EC; } .page_statistics div { font-size: 10px; border-bottom: 1px solid #D0E2EC; padding: 4px 0 11px 0; margin-bottom: 3px; } .page_statistics a { display: block; font-size: 11px; text-align: right; } .page_edit_info { background: url(/application/modules/Page/externals/images/edit_info.png?c=75) no-repeat left top; } .page_edit_privacy { background: url(/application/modules/Page/externals/images/edit_privacy.png?c=75) no-repeat left top; } .page_edit_layout { background: url(/application/modules/Page/externals/images/edit_layout.png?c=75) no-repeat left top; } .page_edit_photo { background: url(/application/modules/Page/externals/images/edit_photo.png?c=75) no-repeat left top; } .page_edit_info, .page_edit_privacy, .page_edit_layout, .page_edit_photo { padding-left: 25px; } .global_form_box .page_edit_info label, .global_form_box .page_edit_privacy label, .global_form_box .page_edit_layout label, .global_form_box .page_edit_photo label { font-size: 10pt; } .page_edit_privacy .form-label { font-weight: bold; } .global_form .page_edit_info div.form-wrapper-heading > span { background: #E9F4FA; } .page_edit_title { font-weight: bold; font-size: 13px; } .page_edit_title .l img { float: left; } .page_edit_options { border-bottom: 1px solid #D0E2EC; margin-bottom: 9px; padding-bottom: 2px; } .page_edit_desc, .page_edit_form { font-size: 12px; padding-bottom: 3px; } .page_edit_photo_current { float: left; margin-right: 22px; width: 200px; } .global_form .page_edit_photo div.form-label { width: 100px; } .page_edit_photo_current img { border: 1px solid #DDDDDD; margin: auto; } .page_edit_photo_current a { display: block; margin-top: 4px; text-align: center; } .page_edit_photo_new { float: left; } #filter_form * textarea { width: 90%; } #filter_form * span.description { clear: both; display: block; font-size: 8pt; margin-bottom: 2px; } .clr { clear: both; } div.clr { clear: both; } div.paginationControl { border: none; } .page_admin_list_item { margin-top: 8px; } .page_admin_list_item .l { float: left; margin-right: 5px; width: 52px; } .page_admin_list_item .r { float: left; width: 110px; } .page_edit_admins > h3 > a { font-size: 12px; float: right; font-weight: normal; line-height: 21px; } .page_edit_admins > h3 { float: left; } .page_edit_admins > a { float: right; } .page_admin_list_item a { font-size: 12px; } .page_admin_list_item a.page_admin { font-weight: bold; display: block; margin-bottom: 2px; padding-top: 2px; } .hidden { display: none; } #page_map_cont { position: relative; } #map_canvas { overflow: hidden; position: relative; } .browse_gmap { width: 100%; height: 500px; } #filter_form * textarea { height: 16px; } #filter_form div ul li:first { margin-top: 0px; } #filter_form div ul li { margin-top: 10px; } /* VIEW PAGE */ .layout_page_profile_options { margin: 15px 0px; } .layout_page_profile_note { border: 1px solid #d0e2ec; margin: 15px 0px; overflow: hidden; position: relative; } .layout_page_profile_note > div { padding: 8px; } .layout_page_profile_admins { margin: 15px 0px; } .layout_page_profile_admins .page_admin_list { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px; } .layout_page_profile_map { margin: 15px 0px; } .layout_page_profile_map .page_map { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #d0e2ec; height: 188px; text-align: center; width: 188px; } .layout_page_profile_map > a { background: url(/application/modules/Page/externals/images/view_larger_map.gif?c=75) no-repeat left top; display: block; font-size: 9pt; height: 16px; padding-left: 20px; margin-top: 2px; } .layout_page_profile_admins .page_admin_list .item { padding: 3px; overflow: hidden; } .layout_page_profile_admins .page_admin_list .item { float: left; text-align: center; width: 50px; } .layout_page_profile_admins .page_admin_list .title { display: block; font-size: 11px; } .page_admin_list .item > a.admin_profile_thumb, .page_admin_list .item .r { display: block; float: left; width: 110px; } .page_admin_list .item .r > span, .page_admin_list .item a.send_message { font-size: 8pt; line-height: 16px; } .page_admin_list .item a.send_message { background-image: url(/application/modules/Messages/externals/images/send.png?c=75); } .page_admin_list .item a { font-size: 9pt; font-weight: bold; } .page_admin_list .item a.admin_profile_thumb { width: 50px; margin-right: 5px; } .profile_note_textarea { padding: 9px; } .layout_page_profile_note > h3 { margin: 10px 0px 0px 10px; } .layout_left .layout_page_profile_note > h3, .layout_left .layout_page_profile_photo > h3, .layout_left .layout_page_profile_options > h3, .layout_right .layout_page_profile_note > h3, .layout_right .layout_page_profile_photo > h3, .layout_right .layout_page_profile_options > h3 { display: none; } .profile_note_textarea textarea { border: none; width: 96%; padding: 0px; } .profile_note_text { padding: 10px; } .layout_page_profile_note > div.profile_note { padding: 0px; border: none; } .large_map { width: 640px; height: 460px; margin: 10px 0 0 10px; } .large_map_head { margin: 0 0 0 10px; font-weight: bold; text-align: center; } a.edit_page_note { float: right; background: transparent url(/application/modules/Page/externals/images/pencil_gray.png?c=75) no-repeat center center; width: 16px; padding: 3px; position: absolute; right: 0px; top: 0px; } a.edit_page_note:hover { background: #F0EFE8 url(/application/modules/Page/externals/images/pencil.png?c=75) no-repeat center center; text-decoration: none; } .he_tag2 { font-size: 11pt; } .he_tag3 { font-size: 13pt; } .he_tag4 { font-size: 15pt; } .he_tag5 { font-size: 17pt; } .he_tag6 { font-size: 20pt; font-weight: bold; } .he_tag7 { font-size: 23pt; font-weight: bold; } .he_tag8 { font-size: 26pt; font-weight: bold; } .he_tag9 { font-size: 32pt; font-weight: bold; } .page_tag_info { padding: 5px; } #page_tag_info ul.form-notices { margin: 0px; } .team_box { width: 100%; } .team_box .team_title { float: left; } .team_box .team_title_edit { float: left; width: 16px; height: 16px; background: transparent url(/application/modules/Page/externals/images/pencil_gray.png?c=75) no-repeat; } .team_box .team_title_edit:hover { background: transparent url(/application/modules/Page/externals/images/pencil.png?c=75) no-repeat; } .team_box .team_title_input_box, .team_box .team_title_input_box .team_title_input { float: left; width: 100px; } .notification_type_page_suggest { background: transparent url(/application/modules/Page/externals/images/page/suggest.png?c=75) no-repeat; } .page_stat_filter_form div, .page_stat_filter_form { float: left; } .page_stat_filter_form div { margin: 10px 10px 0 10px; } .page_stat_filter_form button { margin: 7px 10px 0 10px; } .stat_filter_desc { float: left; padding: 0px 0px 0px 10px; font-size: 11px; color: #777777; } .bold { font-weight: bold; } .map_canvas_stat { text-align: center; margin-top: 10px; } table tr td.header { font-weight: bold; padding: 3px; } table tr td.item { padding: 3px; } .page_unit { color: #aaa; } .page_stat { margin-top: 10px; } .page_stat div.page_statistics_nav { font-weight: bold; clear: both; font-size: 12px; border-bottom: none; margin: 0px; padding: 5px; } .page_statistics_nav a { float: left; margin-left: 10px; cursor: pointer; } .statistics_content > .desc { float: left; font-size: 12px; line-height: 16px; width: 500px; } .statistics_content > .desc > span { text-decoration: underline; } .statistics_filter { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #E9F4FA; float: left; margin-right: 15px; padding: 6px; } .statistics_filter > form { overflow: hidden; border: 1px solid #d7e8f1; background: #fff; padding: 15px; } .statistics_filter form > div { float: left; overflow: hidden; margin-left: 10px; } .statistics_filter form > div:first-child { margin-left: 0px; } .statistics_filter div input, div.statistics_filter div select { width: auto; margin-top: 3px; } .map_overlay { border: 1px solid #d0e2ec; float: left; margin: 15px auto 25px; } .statistics_tbl thead tr { background-color: #F0EFE8; } .statistics_tbl td, .statistics_tbl th { border-bottom: 1px solid #d7e8f1; font-size: 12px; padding: 4px 6px; } .statistics_tbl tbody tr:nth-child(2n) { background-color: #f9f9f9; } .statistics_tbl td, .statistics_tbl th { text-align: right; } .statistics_tbl td.statistics_country, .statistics_tbl th.statistics_country { text-align: left; } .layout_page_recent div.page_list, .layout_page_popular div.page_list, .layout_page_featured div.page_list { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 7px; } .layout_page_recent div.page_list .item, .layout_page_popular div.page_list .item, .layout_page_featured div.page_list .item { margin: 4px; } .layout_page_recent div.page_list .item .r, .layout_page_popular div.page_list .item .r, .layout_page_featured div.page_list .item .r { float: left; width: 100px; padding: 0px 3px 3px 3px; } .layout_page_recent div.page_list .item .r a.page_profile_title, .layout_page_popular div.page_list .item .r a.page_profile_title, .layout_page_featured div.page_list .item .r a.page_profile_title { font-weight: bold; } .layout_page_recent div.page_list .item .r span, .layout_page_popular div.page_list .item .r span, .layout_page_featured div.page_list .item .r span { width: 100%; display: block; } .layout_page_recent div.page_list .item span, .layout_page_popular div.page_list .item span, .layout_page_featured div.page_list .item span { font-size: 10px; } .layout_page_recent div.page_list .item a.page_profile_thumb, .layout_page_popular div.page_list .item a.page_profile_thumb, .layout_page_featured div.page_list .item a.page_profile_thumb { float: left; } .item_photo_page { display: block; } .activity_icon_page_create { background-image: url(/application/modules/Page/externals/images/newpage.png?c=75); } .layout_page_profile_pages ul > li, .layout_page_profile_events ul > li { overflow: hidden; } .layout_page_profile_pages ul > li + li, .layout_page_profile_events ul > li + li { border-top-width: 1px; margin-top: 10px; padding-top: 10px; } .layout_page_profile_pages ul .pages_profile_tab_photo, .layout_page_profile_events ul .pages_profile_tab_photo { float: left; margin-right: 7px; overflow: hidden; } html[dir="rtl"] .layout_page_profile_pages ul .pages_profile_tab_photo, html[dir="rtl"] .layout_page_profile_events ul .pages_profile_tab_photo { float: right; margin-left: 7px; margin-right: 0; } .layout_page_profile_pages ul .pages_profile_tab_photo img, .layout_page_profile_events ul .pages_profile_tab_photo img { max-width: 90px; } .layout_page_profile_pages ul .pages_profile_tab_info, .layout_page_profile_events ul .pages_profile_tab_info { overflow: hidden; } .layout_page_profile_pages ul .pages_profile_tab_title > a, .layout_page_profile_events ul .pages_profile_tab_title > a { font-weight: bold; } .layout_page_profile_pages ul .pages_profile_tab_members, .layout_page_profile_events ul .pages_profile_tab_members { color: #999999; font-size: 0.8em; } .layout_page_profile_pages ul .pages_profile_tab_desc, .layout_page_profile_events ul .pages_profile_tab_desc { margin-top: 7px; } .layout_page_profile_pages ul .pages_profile_tab_status { color: #AAAAAA; font-size: 8pt; padding-left: 10px; float: right; } .layout_page_profile_pages .pages_profile_tab_photo { width: 92px; } .layout_page_profile_pages .pages_profile_tab_photo .item_photo_page { float: left; } .item_icon_page { background-image: url(/application/modules/Page/externals/images/browse.png?c=75); } div.layout_page_recent, div.layout_page_popular, div.layout_page_featured { margin: 15px 0px; } .global_form_popup .form-wrapper { float: left; clear: both; } #SaveChanges-wrapper { clear: left; } #cancel-wrapper { clear: right; margin-left: 5px; } .layout_page_hireexperts .comments .comments_author_photo img { float: left; } #page_list_container .sortby { padding: 8px; } .theme_snowbot .layout_middle { padding: 10px; } .backlink_wrapper { margin-top: 7px; float: right; } .backlink_wrapper a { display: block; float: right; font-weight: bold; background: transparent url(/application/modules/Page/externals/images/back.png?c=75) no-repeat left center; padding-left: 19px; } .layout_page_search { float: right; } .layout_like_status { float: left; width: 500px; } .layout_core_container_tabs { clear: both; } .page-search-container { float: right; padding: 5px; } .page-search-description { font-size: 11px; padding: 5px; border-bottom: 1px solid #d0e2ec; } .page-search-form { margin-top: 5px; } .page-search-field { width: 145px; } .page-search-results * { z-index: 999; } .page-search-results { z-index: 999; position: absolute; padding: 7px; width: 290px; opacity: 0; border: 1px solid #d0e2ec; background-color: #F0EFE8; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0px 0px 5px 0px #999; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; } .page-search-form { position: relative; } .page-search-results .search-items-wrapper { float: left; clear: both; width: 100%; } .page-search-results .search-items-wrapper > div { float: left; } .page-search-results .search-items-wrapper div.search-category-wrapper { width: 18%; font-weight: bold; padding: 3px; color: #999; text-align: right; } .page-search-results .search-items-wrapper div.search-items { width: 79%; border-left: 1px solid #d0e2ec; } .page-search-results .search-items-wrapper div.search-items a.search-item { display: block; clear: both; padding: 3px; } .page-search-results .search-items-wrapper div.search-items a.search-item:hover { text-decoration: none; background-color: #d4e5ee; color: #fff; } .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-photo, .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-info { display: block; float: left; } .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-info { width: 184px; } .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-photo { padding: 2px; } .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-info .search-item-title { padding: 3px; font-weight: bold; } .page-search-results .search-items-wrapper div.search-items a.search-item .search-item-info .search-item-desc { color: #999; font-size: 0.8em; clear: both; display: block; padding-left: 3px; } div.search-items-wrapper-taggs div.search-items { border-top: 1px solid #d0e2ec; } div.page-search-results div.search-items-wrapper-taggs div.search-items a.search-item { background: transparent url(/application/modules/Page/externals/images/tagged.png?c=75) no-repeat 0px 5px; padding: 3px 3px 3px 19px; } .page-search-results > div.middle, .page-search-results > div.last { /* margin-top: 5px; */ } .page-search-results .middle .search-items, .page-search-results .first .search-items { border-bottom: 1px solid #d0e2ec; } .search-close { width: 16px; height: 16px; background: transparent url(/application/modules/Page/externals/images/close_btn.gif?c=75) no-repeat center; position: absolute; top: 0px; right: 0px; margin: 10px; } .search-more { font-size: 0.8em; clear: both; display: block; float: right; } .page-search-input { float: left; } .page-search-field { float: left; } .page-search-loader { float: right; width: 22px; height: 19px; margin-left: 3px; background: transparent url(/application/modules/Page/externals/images/viewpage.png?c=75) no-repeat scroll center; } .page-tag { float: left; margin-left: 5px; } .page-tag .tags { background: transparent url(/application/modules/Page/externals/images/tag_right.png?c=75) no-repeat scroll right top; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 11px; height: 19px; padding: 0 2px 0 0; text-decoration: none; vertical-align: middle; } .page-search-form .page-search-input input.inactive { color: #999; } .page-tag .tags span { background: transparent url(/application/modules/Page/externals/images/tag_left.png?c=75) no-repeat scroll left top; display: block; float: left; height: 15px; line-height: 15px; padding: 1px 7px 3px 19px; vertical-align: top; white-space: nowrap; } .page-tag .tags span a { color: white; } .page-misc .page-misc-date, .page-misc .page-tags { float: left; } .page-misc-date { color: #999; font-size: 0.8em; margin-top: 2px; } .page-search-tab * .search-item-link { font-weight: bold; } .page-search-tab > div.middle, .page-search-tab > div.last { margin-top: 8px; } .search-tab-item { display: block; padding: 3px; border: 1px solid #fff; } .search-tab-item:hover { text-decoration: none; background-color: #F0EFE8; border: 1px solid #d0e2ec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .search-tab-items > div.middle, .search-tab-items > div.last { margin-top: 4px; } .search-tab-item-desc { color: #999; font-size: 0.8em; } .search-tab-item-photo, .search-tab-item-info { float: left; } .search-tab-item-info { width: 658px; padding: 0 5px 5px 5px; } #search_filter_form > div.form-element { float: left; } #search_filter_form > .keyword *, #search_filter_form > .content .element { float: left; padding: 2px; } #search_filter_form > .content .element * { float: left; } #search_filter_form > .keyword, #search_filter_form > .content { margin: 5px; padding: 2px; } #search_filter_form > .content .element input { margin-top: 1px; } #search_filter_form > .submit { margin-top: 3px; } .layout_page_tag_cloud { margin-top: 15px; } .layout_page_tag_cloud .page-search-tag-cloud { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 8px; clear: both; } .page-search-tag-cloud a { padding: 3px; } .page-search-tag-cloud a:hover { text-decoration: none; background-color: #55677a; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ul.feed .feed_attachment_page > div > a { display: block; float: left; margin-right: 7px; } ul.feed .feed_attachment_page > div > div { overflow: hidden; } /* */ .pagealbum_loader { float: right; margin-top: 8px; margin-right: 8px; } /* BROWSE ALBUMS, VIEW ALBUM Styles for the browse and view album pages. */ .album_options { margin: 5px 0px 12px 0px; overflow: hidden; } .album_options a { margin-right: 15px; } .icon_photos_new { background-image: url(/application/modules/Pagealbum/externals/images/add.png?c=75); } /* VIEW MY ALBUMS Styles for the member's own albums management page. */ ul.albums_manage { clear: both; overflow: hidden; } ul.albums_manage > li { overflow: hidden; } ul.albums_manage > li + li { padding-top: 10px; border-top-width: 1px; margin-top: 10px; } ul.albums_manage .albums_manage_photo { float: left; overflow: hidden; margin-right: 10px; } ul.albums_manage .albums_manage_photo img { width: auto; margin: 3px; display: block; float: left; } ul.albums_manage .albums_manage_info { width: 400px; float: left; overflow: hidden; } ul.albums_manage .albums_manage_info > a { font-weight: bold; } ul.albums_manage .albums_manage_info_photos { font-size: .8em; color: #999; } ul.albums_manage .albums_manage_info_desc { margin-top: 3px; } ul.albums_manage .albums_manage_options { width: 140px; float: right; overflow: hidden; padding-left: 15px; } ul.albums_manage .albums_manage_options > a { margin: 2px; } ul.albums_editphotos { width: 600px; } ul.albums_editphotos > li { padding-top: 15px; clear: both; overflow: hidden; padding-bottom: 15px; } ul.albums_editphotos > li .albums_editphotos_photo { float: left; margin-right: 15px; overflow: hidden; } ul.albums_editphotos > li .albums_editphotos_photo img { display: block; margin: 3px; width: auto; float: left; } ul.albums_editphotos > li .albums_editphotos_info { overflow: hidden; } ul.albums_editphotos > li .albums_editphotos_title_input input, ul.albums_editphotos > li .album_editphotos_caption_input textarea { margin: 2px 0px 6px 0px; width: 25em; } ul.albums_editphotos > li .album_editphotos_caption_input textarea { height: 2.5em; } ul.albums_editphotos > li .albums_editphotos_label { float: left; } ul.albums_editphotos > li .albums_editphotos_cover { float: left; } ul.albums_editphotos > li .photo-delete-wrapper { float: left; margin-right: 15px; } ul.albums_editphotos > li .photo-delete-wrapper > label { display: block; float: left; } /* VIEW PHOTO These styles are used on the view photo page within an album. */ div.albums_viewmedia { margin: 25px auto 0px auto; max-width: 750px; min-width: 400px; overflow: visible; } div.albums_viewmedia #media_photo { border: 1px solid #ddd; margin: auto; display: block; max-width: 720px; } div.albums_viewmedia .albums_viewmedia_nav { clear: both; overflow: hidden; margin-bottom: 4px; } div.albums_viewmedia .albums_viewmedia_nav > div { float: left; overflow: visible; } div.albums_viewmedia .albums_viewmedia_nav > div + div { float: none; text-align: right; } div.albums_viewmedia .albums_viewmedia_nav > div + div > a + a { margin-left: 20px; } div.albums_viewmedia_info { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 5px; border: 5px solid #d0e2ec; } div.album_viewmedia_container { position: relative; display: inline-block; } div.album_viewmedia_container a:link { text-decoration: none; } div.albums_viewmedia_info p { text-align: left; } div.albums_viewmedia > span + div > a { display: block; margin-bottom: 5px; text-align: center; } div.albums_viewmedia > span + div > a:link { display: block; margin-bottom: 5px; text-align: center; } div.albums_viewmedia_info .albums_viewmedia_info_title { margin-top: 5px; font-weight: bold; } div.albums_viewmedia_info .albums_viewmedia_info_caption { margin-top: 3px; font-size: .8em; } div.albums_viewmedia_info .albums_viewmedia_info_title + .albums_viewmedia_info_tags, div.albums_viewmedia_info .albums_viewmedia_info_caption + .albums_viewmedia_info_tags { margin-top: 15px; } div.albums_viewmedia_info .albums_viewmedia_info_tags { font-size: .8em; margin-top: 5px; } div.albums_viewmedia_info .albums_viewmedia_info_date { font-size: .8em; margin-top: 5px; } div.albums_viewmedia > div.comments { margin-top: 15px; } span.albums_tag_listcontainer > a { font-weight: bold; } /* ACTION TYPE ICONS */ .activity_icon_comment_pagealbum, .activity_icon_comment_pagealbumphoto { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } /* ITEM TYPE ICONS */ .item_icon_album, .item_icon_album_photo { background-image: url(/application/modules/Pagealbum/externals/images/types/album.png?c=75); } .activity_icon_pagealbum_photo_new { background-image: url(/application/modules/Pagealbum/externals/images/activity_album_new.png?c=75); } /* ICONS */ .icon_photos_new { background-image: url(/application/modules/Pagealbum/externals/images/add.png?c=75); } .icon_photos_manage { background-image: url(/application/modules/Pagealbum/externals/images/album_manage.png?c=75); } .icon_photos_settings { background-image: url(/application/modules/Pagealbum/externals/images/album_editinfo.png?c=75); } .icon_photos_delete { background-image: url(/application/modules/Pagealbum/externals/images/album_delete.png?c=75); } .pagealbum_photo_box { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; clear: both; display: block; padding: 5px; background-color: #F0EFE8; float: right; } .pagealbum_photo_box span { float: left; font-size: 11px; } #photo_comments_container { width: 600px; margin: auto; } .btn_cont_load_photo_comments { width: 660px; margin: auto; } /* GALLERY STYLES */ .ad-gallery { width: 600px; } .ad-gallery, .ad-gallery * { margin: auto; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/application/modules/Pagealbum/externals/images/ad_prev.png?c=75); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/application/modules/Pagealbum/externals/images/ad_next.png?c=75); width: 30px; height: 30px; right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image a img { border: 0; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(/application/modules/Pagealbum/externals/images/opa75.png?c=75); color: #000; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='~/application/modules/Pagealbum/externals/images/opa75.png'); } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { height: 20px; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; } .ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(/application/modules/Pagealbum/externals/images/ad_scroll_back.png?c=75) 0px 22px no-repeat; } .ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(/application/modules/Pagealbum/externals/images/ad_scroll_forward.png?c=75) 0px 22px no-repeat; } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; float: left; } .ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px; } #gallery { padding: 30px; background: #f4f9fb; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden; } #descriptions .ad-image-description { position: absolute; } #descriptions .ad-image-description .ad-description-title { display: block; } #load_photo_comments { font-weight: bold; background-color: #f4f9fb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; display: block; float: left; clear: both; margin-bottom: 10px; margin-top: 5px; } .ad-image { cursor: pointer; } .ad-slideshow-start, .ad-slideshow-stop, .ad-slideshow-view { background-color: #F0EFE8; border: 1px solid #d0e2ec; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color: #5f93b4; font-size: 11px; margin-right: 5px; padding: 2px 18px 1px 8px; background-repeat: no-repeat; background-position: center right; cursor: pointer; display: block; float: left; } .ad-slideshow-start { background-image: url(/application/modules/Pagealbum/externals/images/control_play.png?c=75); } .ad-slideshow-stop { background-image: url(/application/modules/Pagealbum/externals/images/control_stop.png?c=75); } .ad-slideshow-view { background-image: url(/application/modules/Pagealbum/externals/images/control_view.png?c=75); } .ad-slideshow-start:HOVER { background-image: url(/application/modules/Pagealbum/externals/images/control_play_blue.png?c=75); } .ad-slideshow-stop:HOVER { background-image: url(/application/modules/Pagealbum/externals/images/control_stop_blue.png?c=75); } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown, .ad-gallery .ad-controls .ad-info { background-color: #F0EFE8; border: 1px solid #d0e2ec; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; color: #5f93b4; font-size: 11px; margin-right: 5px; padding: 2px 5px 1px 5px; cursor: pointer; display: block; float: left; } .ad-slideshow-start:HOVER, .ad-slideshow-stop:HOVER, .ad-slideshow-view:HOVER { border-color: #AAAAAA; color: #4e81a1; } .ad-gallery .ad-controls { height: 25px; } /* IE 7 hack */ *+html .ad-slideshow-start, *+html .ad-slideshow-stop, *+html .ad-slideshow-view { padding: 1px 18px 1px 8px; } *+html .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown, *+html .ad-gallery .ad-controls .ad-info { padding: 1px 5px; } #page_album_options > h3 { float: left; } .pagealbum_view_header { clear: both; } .pagealbum_view_header > span { float: left; font-weight: bold; font-size: 14px; } .pagealbum_loader_2 { float: right; margin-right: 8px; } #page_album_options { min-height: 16px; height: auto !important; height: 16px; } #page_album_container p, #page_album_container .pagealbum_view_header, #page_album_container .page-misc { padding: 5px; } /* */ #page_blog_create_form * #submit-label { width: 0px; padding: 0px; } #page_blog_create_form * #submit-element, #page_blog_create_form * #auth_comment-wrapper { margin-top: 10px; } .page_blog_options { padding: 5px; } ul.blogs_entrylist { margin-top: 10px; border-top-width: 1px; padding-top: 10px; } ul.blogs_entrylist > li { padding-bottom: 10px; border-bottom-width: 1px; margin-bottom: 10px; } ul.blogs_entrylist h3 { margin-bottom: 1px; } ul.blogs_entrylist .blog_entrylist_entry_date { font-size: 8pt; margin-bottom: 5px; color: #999; } ul.blogs_entrylist .blog_entrylist_entry_body { line-height: 1.5em; padding: 5px 5px 5px 0px; } ul.blogs_entrylist .blog_entrylist_entry_body img { max-width: 100%; } ul.blogs_entrylist .blog_entrylist_entry_body + .buttonlink { margin-top: 5px; } ul.blogs_entrylist + .comments { padding-top: 10px; } div.blogs_gutter .blogs_gutter_photo > img { width: 98%; display: block; } div.blogs_gutter .blogs_gutter_name { display: block; font-weight: bold; margin: 3px 0px 15px 0px; } div.blogs_gutter .buttonlink { padding-top: 2px; padding-bottom: 1px; } div.blogs_gutter h4 { margin: 20px 0px 5px 0px; text-transform: uppercase; } div.blogs_gutter > ul > li { margin-bottom: 2px; } div.blogs_gutter ul.blogs_gutter_options > li { font-size: .8em; margin: 3px 0px 3px 0px; } ul.blogs_browse { clear: both; } ul.blogs_browse > li { clear: both; padding: 0px 0px 15px 0px; } ul.blogs_browse > li + li { border-top-width: 1px; padding-top: 15px; } ul.blogs_browse > li .blogs_browse_photo { float: left; overflow: hidden; margin-right: 8px; } ul.blogs_browse > li .blogs_browse_options { float: right; overflow: hidden; padding-left: 20px; } ul.blogs_browse > li .blogs_browse_options > a { clear: both; display: block; margin: 5px; font-size: .8em; padding-top: 2px; padding-bottom: 2px; } ul.blogs_browse > li .blogs_browse_info { overflow: hidden; } ul.blogs_browse > li .blogs_browse_info_title { font-weight: bold; } ul.blogs_browse > li .blogs_browse_info_date { font-size: .8em; color: #999; } ul.blogs_browse > li .blogs_browse_info_blurb { margin-top: 5px; } .pageblog_loader { float: right; margin-top: 8px; margin-right: 8px; } #blog-submit { margin-top: 5px; } .activity_icon_pageblog_new { background-image: url(/application/modules/Pageblog/externals/images/blog.png?c=75); } .activity_icon_comment_pageblog { background-image: url(/application/modules/Core/externals/images/types/post.png?c=75); } #page_blog_options > h3 { float: left; } .pageblog_view_header { clear: both; } .pageblog_view_header > span { float: left; font-weight: bold; font-size: 14px; } .pageblog_loader_2 { float: right; margin-right: 8px; } #page_blog_options { min-height: 16px; height: auto !important; height: 16px; } /* */ .pagediscussion_loader, .pagediscussion_loader_2 { float: right; margin-right: 8px; margin-top: 8px; } .pagediscussion .create_link { background-image: url(/application/modules/Pagediscussion/externals/images/post.png?c=75); float: right; margin-right: 8px; } .pagediscussion .item .replies { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; overflow: hidden; text-align: center; margin-right: 10px; width: 40px; padding: 7px 10px 7px 10px; color: #999; font-size: .8em; } .pagediscussion .item .replies span { display: block; font-size: 2em; } .pagediscussion .item .lastreply { float: right; overflow: hidden; width: 250px; margin-left: 10px; } .pagediscussion .item .lastreply .date { font-size: .8em; color: #999; } .pagediscussion .item > li { overflow: hidden; padding: 7px 7px 7px 0; border-bottom: 1px solid #eaeaea; } .pagediscussion .item .lastreply > a { display: block; float: left; } .pagediscussion .item .lastreply > a > img { display: block; } .pagediscussion .item .lastreply .info { overflow: hidden; padding-left: 5px; } .pagediscussion .item .details { overflow: hidden; } .pagediscussion .item .details .title { font-size: 14pt; letter-spacing: -1px; margin-bottom: 5px; } .pagediscussion .item .details .title .sticky, .pagediscussion .item .details .title .closed { background-position: 0 0.2em; background-repeat: no-repeat; padding-left: 20px; } .pagediscussion .item .details .title .sticky { background-image: url(/application/modules/Pagediscussion/externals/images/stick.png?c=75); } .pagediscussion .item .details .title .closed { background-image: url(/application/modules/Pagediscussion/externals/images/close.png?c=75); } .pagediscussion .item .details .title .sticky.closed { background-image: url(/application/modules/Pagediscussion/externals/images/stick_closed.png?c=75); background-position: 0 0.1em; } .pagediscussion_topic > .title { font-size: 17pt; margin: 10px 0; } .pagediscussion_topic_closed { background-image: url(/application/modules/Pagediscussion/externals/images/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; margin-left: 20px; } .pagediscussion_topic .options > a { font-size: 0.8em; height: 16px; margin-right: 15px; padding-top: 1px; background-position: 0 0; background-repeat: no-repeat; display: inline-block; font-weight: bold; padding-left: 21px; } .pagediscussion_topic > ul { margin: 10px 0 10px 0; overflow: hidden; } .pagediscussion_topic > ul > li { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; overflow: hidden; border-top: 1px solid #d0e2ec; } .pagediscussion_topic > ul > li + li { margin-top: 5px; } .pagediscussion_topic .photo { float: left; overflow: hidden; width: 120px; font-weight: bold; padding: 5px 10px 7px 10px; } .pagediscussion_topic .photo a + a { display: block; margin-top: 2px; clear: both; } .pagediscussion_topic .info { padding: 0px 10px 5px 5px; overflow: hidden; } .pagediscussion_topic .info > .details { padding: 6px 0px 6px 0px; border-bottom: 1px solid #d0e2ec; } .pagediscussion_topic .info > .details > .date { font-size: .8em; overflow: hidden; color: #999; } .pagediscussion_topic .info > .details > .options { margin-top: -2px; float: right; overflow: hidden; text-align: right; } .pagediscussion_topic .info > .body { padding: 5px 0px 5px 0px; } .pagediscussion_topic .info > .body blockquote { border: 1px dashed #ddd; background: #fff; padding: 10px; } .pagediscussion_topic a.back { background-image: url(/application/modules/Pagediscussion/externals/images/back.png?c=75); } .pagediscussion_topic a.post { background-image: url(/application/modules/Pagediscussion/externals/images/reply.png?c=75); } .pagediscussion_topic a.watching { background-image: url(/application/modules/Pagediscussion/externals/images/watch.png?c=75); } .pagediscussion_topic a.unwatching { background-image: url(/application/modules/Pagediscussion/externals/images/unwatch.png?c=75); } .pagediscussion_topic a.sticky { background-image: url(/application/modules/Pagediscussion/externals/images/stick.png?c=75); } .pagediscussion_topic a.unsticky { background-image: url(/application/modules/Pagediscussion/externals/images/unstick.png?c=75); } .pagediscussion_topic a.close { background-image: url(/application/modules/Pagediscussion/externals/images/close.png?c=75); } .pagediscussion_topic a.unclose { background-image: url(/application/modules/Pagediscussion/externals/images/unclose.png?c=75); } .pagediscussion_topic a.rename { background-image: url(/application/modules/Pagediscussion/externals/images/edit.png?c=75); } .pagediscussion_topic a.edit { background-image: url(/application/modules/Pagediscussion/externals/images/edit.png?c=75); } .pagediscussion_topic a.delete { background-image: url(/application/modules/Pagediscussion/externals/images/delete.png?c=75); } .pagediscussion_topic a.quote { background-image: url(/application/modules/Pagediscussion/externals/images/quote.png?c=75); } .activity_icon_page_topic_create, .notification_type_page_discussion_response, .notification_type_page_discussion_team { background-image: url(/application/modules/Pagediscussion/externals/images/post.png?c=75); } .activity_icon_page_topic_reply, .notification_type_page_discussion_reply { background-image: url(/application/modules/Pagediscussion/externals/images/reply.png?c=75); } .pagediscussion_topic_closed { background-image: url(/application/modules/Pagediscussion/externals/images/close.png?c=75); background-repeat: no-repeat; padding-left: 20px; color: #999; display: inline-block; margin-left: 20px; } .pagediscussion .tab_rename .form-label { width: 40px; } .pageevent_navigation > .navigation { float: left; } .pageevent_navigation > .pageevent_loader { float: right; margin-right: 8px; margin-top: 8px; } .datepicker_container input { background: url(/application/modules/Pageevent/externals/images/calendar.png?c=75) no-repeat scroll right center transparent; padding-left: 10px !important; width: 145px !important; } .pageevent_list .item { border-top-width: 1px; margin: 4px 0; padding: 10px 0; } .pageevent_list .item:first-child { border: none; padding-top: 0; } .pageevent_list .item .details { font-size: 9pt; margin-bottom: 3px; color: #999; } .pageevent_list .photo { float: left; width: 50px; } .pageevent_list .title { font-size: 10pt; font-weight: bold; margin-bottom: 3px; } .pageevent_list .event_info { margin: 0 10px; float: left; width: 620px; } .pageevent_list .options { float: right; } .pageevent_event .content { float: left; width: 460px; } .pageevent_event .sidebar { float: right; width: 250px; } .pageevent_event .sidebar > .photo { margin-bottom: 10px; } .pageevent_list .options { text-align: right; } .pageevent_list .options a { margin: 0 3px; } .pageevent_event > .content > .title { font-size: 11pt; font-weight: bold; margin: 12px 0; } .pageevent_event > .content > .header { border-bottom-width: 1px; margin-bottom: 12px; padding-bottom: 5px; } .pageevent_event > .sidebar .header { border-bottom-width: 1px; margin-bottom: 12px; padding-bottom: 5px; } .pageevent_event > .content > .header > span { font-size: 14px; font-weight: bold; } .pageevent_event .header .options { float: right; } .pageevent_event .content .options .item { float: left; margin: 0 2px; } .pageevent_event .content .options .item span { line-height: 22px; } .pageevent_event .content .options .item button { padding: 3px; } .pageevent_event .content .options .item button.active { background-color: #7eb6d5; background-image: none; margin-left: 3px; } .pageevent_event .event_info .item .label { font-weight: bold; width: 65px; float: left; } .pageevent_event .event_info .item .value { margin-left: 10px; float: left; } .pageevent_event .description { margin: 10px 0; } .pageevent_event .members .item { float: left; overflow: hidden; padding: 2px; text-align: center; width: 55px; height: 90px; } .pageevent_event .members .item a { display: block; } .pageevent_event .header .title { float: left; } .pageevent_event .header .viewall { float: right; } .pageevent_event .header .viewall a { display: block; } .pageevent_event .members { margin-top: 15px; width: 240px; } .pageevent_event .members .user_info { font-size: 11px; text-align: center; } .pageevent .cancel { background-image: url(/application/modules/Pageevent/externals/images/cancel.png?c=75); } .pageevent .accept { background-image: url(/application/modules/Pageevent/externals/images/accept.png?c=75); } .pageevent .reject { background-image: url(/application/modules/Pageevent/externals/images/reject.png?c=75); } .pageevent .edit { background-image: url(/application/modules/Pageevent/externals/images/edit.png?c=75); } .pageevent .remove { background-image: url(/application/modules/Pageevent/externals/images/delete.png?c=75); } .pageevent .invite { background-image: url(/application/modules/Pageevent/externals/images/invite.png?c=75); } .pageevent .waiting { background-image: url(/application/modules/Pageevent/externals/images/waiting.png?c=75); } .pageevent .back { background-image: url(/application/modules/Pageevent/externals/images/back.png?c=75); } .pageevent .join { background-image: url(/application/modules/Pageevent/externals/images/join.png?c=75); } .pageevent .leave { background-image: url(/application/modules/Pageevent/externals/images/leave.png?c=75); } .notification_type_pageevent_invite { background-image: url(/application/modules/Pageevent/externals/images/invite.png?c=75); } .notification_type_pageevent_accepted { background-image: url(/application/modules/Pageevent/externals/images/accept.png?c=75); } .notification_type_pageevent_approved { background-image: url(/application/modules/Pageevent/externals/images/accept.png?c=75); } .activity_icon_pagevent_create { background-image: url(/application/modules/Pageevent/externals/images/event.png?c=75); } .activity_icon_pagevent_join { background-image: url(/application/modules/Pageevent/externals/images/join.png?c=75); } .icon_pageevent_photo_new { background-image: url(/application/modules/Pageevent/externals/images/upload.png?c=75); } .pageevent_calendar .calendar { float: left; } .pageevent_calendar .item { border-width: 1px; border-top-width: 0; padding: 5px; } .pageevent_calendar .item:first-child { border-top-width: 1px; } .pageevent_calendar .calendar .container { background-color: #F0EFE8; border: 1px solid #d0e2ec; background-image: url(/application/modules/Core/externals/images/foreground_bg.png?c=75); background-repeat: repeat-x; padding: 3px; width: 45px; } .pageevent_calendar .calendar .container .day { background-color: #fff; font-size: 13pt; text-align: center; } .pageevent_calendar .calendar .container .month { font-size: 13pt; margin-bottom: 5px; text-align: center; } .pageevent_calendar .event_info { float: left; margin-left: 5px; overflow: hidden; } .layout_left .pageevent_calendar .event_info { width: 95px; } .layout_middle .pageevent_calendar .event_info { width: 650px; } .pageevent_calendar .event_info .title { font-size: 10pt; font-weight: bold; } .pageevent_calendar .event_info .where { margin: 2px 0; } .pageevent_waiting .item { float: left; height: 70px; margin-left: 10px; overflow: hidden; width: 225px; } .pageevent_waiting .photo { float: left; padding: 3px; text-align: center; } .pageevent_waiting .username { font-size: 10pt; margin: 5px 0; } .pageevent_waiting .user_info { float: left; margin-left: 5px; } .pageevent_waiting .header { border-bottom-width: 1px; margin-bottom: 12px; } .pageevent_waiting .header .title { float: left; font-size: 14pt; margin-bottom: 7px; } .pageevent_waiting .header .backlink { float: right; } .pageevent_waiting .header .backlink a { margin-top: 5px; } .pageevent_waiting .options ul li { float: left; margin-right: 5px; } /* FANCY */ .swiff-uploader-box a { display: none !important; } #event-demo-status.hide { display: none; } #event-demo-status { width: 420px; } #event-demo-status > div { margin: 15px 0px 0px 0px; } #event-demo-status > div:first-child { margin: 0px 0px 15px 0px; } #event-demo-status .current-text, #event-demo-status .demo-status-overall { display: none; } #event-demo-status .overall-title, #event-demo-status .current-title { font-size: .7em; text-transform: uppercase; } #event-demo-status .progress { background-position: +50% 0; margin-right: 0.5em; vertical-align: middle; background-image: url(/externals/fancyupload/assets/progress-bar/progress.gif?c=75); } #event-demo-status .progress-text { font-size: 0.9em; } #event-demo-list { display: none; list-style: none; width: 450px; margin-top: 15px; overflow-y: auto; background-color: #fff; border: 1px solid #d0e2ec; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #event-demo-list li.validation-error { padding: 8px; font-size: .8em; font-weight: normal; background-color: #fff; background-repeat: no-repeat; background-position: 6px 7px; padding-left: 28px; background-image: url(/externals/fancyupload/assets/error.png?c=75); border-bottom: 1px solid #d0e2ec; font-weight: bold; cursor: pointer; } #event-demo-list li.file { padding: 8px; font-size: .8em; font-weight: normal; background-color: #fff; background-repeat: no-repeat; background-position: 6px 7px; padding-left: 28px; background-repeat: no-repeat; } #event-demo-list li.file + li.file { border-top: 1px solid #d0e2ec; } #event-demo-list li.file span { display: none; } #event-demo-list li.file-uploading { background-image: url(/externals/fancyupload/assets/loading.gif?c=75); background-repeat: no-repeat; } #event-demo-list li.file-success { background-repeat: no-repeat; } #event-demo-list li.file .file-name { display: block; clear: left; font-weight: bold; } #event-demo-list li.file .file-size { display: none; } #event-demo-list li.file .file-info { display: block; clear: both; overflow: hidden; } #event-demo-list li.file .file-remove { clear: right; float: right; font-weight: bold; overflow: hidden; } .swiff-uploader-box a { display: none !important; } #event_photo-demo-status.hide { display: none; } #event_photo-demo-status { width: 420px; } #event_photo-demo-status .current-text, #event_photo-demo-status .demo-status-overall { display: none; } #event_photo-demo-status .overall-title, #event_photo-demo-status .current-title { font-size: .7em; text-transform: uppercase; } #event_photo-demo-status .progress { background-position: +50% 0; margin-right: 0.5em; vertical-align: middle; background-image: url(/externals/fancyupload/assets/progress-bar/progress.gif?c=75); } #event_photo-demo-status .progress-text { font-size: 0.9em; } #event_photo-demo-list { display: none; list-style: none; width: 450px; margin: 5px 0; overflow-y: auto; background-color: #fff; border: 1px solid #d0e2ec; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #event_photo-demo-list li.validation-error { padding: 8px; font-size: .8em; font-weight: normal; background-color: #fff; background-repeat: no-repeat; background-position: 6px 7px; padding-left: 28px; background-image: url(/externals/fancyupload/assets/error.png?c=75); border-bottom: 1px solid #d0e2ec; font-weight: bold; cursor: pointer; } #event_photo-demo-list li.file { padding: 8px; font-size: .8em; font-weight: normal; background-color: #fff; background-repeat: no-repeat; background-position: 6px 7px; padding-left: 28px; background-image: url(/externals/fancyupload/assets/waiting.png?c=75); background-repeat: no-repeat; } #event_photo-demo-list li.file + li.file { border-top: 1px solid #d0e2ec; } #event_photo-demo-list li.file span { display: none; } #event_photo-demo-list li.file-uploading { background-image: url(/externals/fancyupload/assets/loading.gif?c=75); background-repeat: no-repeat; } #event_photo-demo-list li.file-success { background-image: url(/externals/fancyupload/assets/finished.png?c=75); background-repeat: no-repeat; }