/* --- SCSS functions --- */ /* --- Color --- */ /* --- Buttons --- */ .lpButton { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #87b201 url("images/button-sprite.png") 0 0 repeat-x; *background: #87b201; outline: 0; border: 0; padding: 7px 12px 5px 12px!important; color: #fff; cursor: pointer; font-size: 14px!important; text-decoration: none; display: inline-block; margin-bottom: .5em; line-height: 19px; border: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, 0.18); border-right: 1px solid rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 6px rgba(221, 221, 221, 0.75); -webkit-box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.75); box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.75); color: #fff; } .lpButton:hover, .lpButton.ieHover { background: #779c00 url("images/button-sprite.png") 0 0 repeat-x; *background: #779c00; text-decoration: none; color: #fff; } a.lpButton:active, a.lpButton:visited { text-decoration: none!important; } .lpButton.oval { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 4px 18px 3px 18px!important; } *html .lpButton { border: 3px double #87b201; } *html .lpButton.grey, *html .lpButton.delete, *html .lpButton.keep, *html .lpButton.restore { border-color: #ddd; } *html .lpButton.aqua { border-color: #039bb2; } *html .lpButton.white { border-color: #fff; } *html .lpButton.blue { border-color: #0077cc; } *html .lpButton.green { border-color: #409c20; } a.lpButton { color: #fff; text-decoration: none; } input.lpButton { padding: 6px 12px 6px 12px!important; } *:first-child + html input.lpButton { padding: 6px 0 6px 0!important; } * html input.lpButton { padding: 6px 0 6px 0!important; } .lpButton.large { padding: 9px 12px 7px 12px!important; background: #87b201 url("images/button-sprite.png") 0 -70px repeat-x; *background: #87b201; overflow: hidden; } .lpButton.large:hover, .lpButton.ieHover.large { background: #779c00 url("images/button-sprite.png") 0 -70px repeat-x; *background: #779c00; } .lpButton.white { background: #fff; color: #0077cc !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; } .lpButton.white:hover, .lpButton.white.ieHover { background: #0077cc; color: #fff!important; } .lpButton.grey { background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; text-shadow: 1px 1px 1px #fff; color: #111!important; font-weight: bold; } .lpButton.grey:hover { background: #039bb2 url("images/button-sprite.png") 0 0 repeat-x; *background: #039bb2; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); color: #fff!important; } .lpButton.aqua { background: #039bb2 url("images/button-sprite.png") 0 0 repeat-x; *background: #039bb2; } .lpButton.aqua:hover { background: #01899f url("images/button-sprite.png") 0 0 repeat-x; *background: #01899f; } .lpButton.blue { background: #0077cc url("images/button-sprite.png") 0 0 repeat-x; *background: #0077cc; } .lpButton.blue:hover { background: #0160cc url("images/button-sprite.png") 0 0 repeat-x; *background: #0160cc; } .lpButton.green { background: #409c20 url("images/button-sprite.png") 0 0 repeat-x; *background: #409c20; } .lpButton.green:hover { background: #217e00 url("images/button-sprite.png") 0 0 repeat-x; *background: #217e00; } .lpButton.delete { background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; color: #333!important; font-size: 12px!important; } .lpButton:hover.delete { color: #cc0000!important; background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; } .lpButton.delete span { background: url("images/profile-pm-bg.png") 0 -41px no-repeat; padding-left: 18px; width: auto; margin: 0; display: inline; float: none; height: auto; font-weight: bold; } .lpButton.restore { background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; color: #333!important; font-size: 12px!important; margin-right: 10px; } .lpButton:hover.restore { color: #6dac1f!important; background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; } .lpButton.restore span { background: url("images/profile-pm-bg.png") 0 -300px no-repeat; padding-left: 22px; width: auto; margin: 0; display: inline; float: none; height: auto; font-weight: bold; } .lpButton.keep { background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; color: #333!important; font-size: 12px!important; margin-right: 10px; } .lpButton:hover.keep { color: #6dac1f!important; background: white url("images/button-sprite.png") 0 0 repeat-x; *background: white; } .lpButton.keep span { background: url("images/profile-pm-bg.png") 0 -357px no-repeat; padding-left: 22px; width: auto; margin: 0; display: inline; float: none; height: auto; font-weight: bold; } .lpButton strong { margin-left: 15px; } /* --- Main --- */ body.slm-960 #sidebar { float: left; } #groups960 #pageTitle { width: 960px; float: left; } #groups960 #pageTitle h1 { color: #333; clear: both; margin-left: 0; top: 0; margin-bottom: 10px; margin-top: 3px; width: 100%; } #groups960.userProfile h2 { color: #333; font-size: 16px; } #groups960 #pageTitleWrap { background: #f8f5ef; line-height: 1.2em; border-bottom: 1px solid #d6cdc0; margin-top: 8px; } #groups960 #pageTitleContent { width: 950px; margin: 0 auto; padding: 10px 0 10px 10px; } #groups960 #pageTitle ul { float: left; width: auto; font-size: 1em; clear: both; display: block; } #groups960 #pageTitle li { line-height: 1.6em; margin-right: 1em; margin-left: 0; color: #534741; display: block; } #groups960 #pageTitle li strong { color: #333; } #groups960 #pageTitle ul.groupActions { float: left; clear: none; margin: 5px 0 0 20px; } #groups960 #pageTitle ul.groupDetails { float: left; padding-bottom: 10px; width: 280px; } #groups960 #pageTitle a { padding-left: 0; color: #0077cc; font-family: Arial, Helvetica, sans-serif; font-style: normal; } #groups960 #pageTitle a:hover { text-decoration: underline; } #groups960 #pageTitle p { float: left; clear: both; color: #534741; } #groups960 #pageTitle p.strapLine { font-size: 14px; padding: 5px 20px 10px 0; float: left; clear: both; width: 380px; } #groups960 #pageTitle a.submitBtnGreen, #groups960 #pageTitle a:hover.submitBtnGreen { text-decoration: none; float: left; } #profiles #pageTitleWrap { background: #5a8691; border-bottom: 14px solid #4c7780; } a.linkChevronBack { background: url(../images/skin/arrow-orng-left.gif) no-repeat 0 4px; padding-left: 9px; color: #333333; } .groupListMembership a.leaveGroupLink { float: left; margin-left: 4px; } #breadcrumbWrap { float: left; } .userMessage { font-size: 16px; color: #333; padding: 0 0 10px 0; } #groups960 textarea { padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden; } #message_body { margin-left: 74px; } .postButton { background: #007688 url(../images/skin/alert-overlay.png) repeat-x; display: inline-block; padding: 9px 15px 8px; color: #fff; text-decoration: none!important; font-weight: normal; line-height: 1; font-size: 16px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; cursor: pointer; float: right; margin: 10px 0 0 0; *background: #007688; float: right; } .postButton.ieHover { *background: #00a7c1; } #groups960 .secondaryBtnShort { float: right; margin: 14px 1.2em 0 0; } #groups960 #groupsNav { background: #018ea5; float: left; width: 100%; } #groups960 #groupsNav ul { width: 960px; margin: 0 auto; } #groups960 #groupsNav li { float: left; position: relative; font-size: 14px; overflow: hidden; padding: 0 6px; height: 37px; } #groups960 #groupsNav li span { margin-top: 4px; display: block; } #groups960 #groupsNav li a { color: #fff; display: block; position: relative; padding: .4em 1.5em .65em 1.5em; text-decoration: none; } #groups960 #groupsNav li a, #groups960 #groupsNav li a:visited { color: #fff; } #groups960 #groupsNav li a:focus, #groups960 #groupsNav li a:hover, #groups960 #groupsNav li a:active { outline: 0; text-decoration: underline; } #groups960.messages #groupsNav li.messages span, #groups960.memberships #groupsNav li.memberships span, #groups960.photos #groupsNav li.photos span, #groups960.groups #groupsNav li.landing span, #groups960.messages #groupsNav li.landing span, #groups960.application_installations #groupsNav li.application_installations span { background: #fff; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-box-shadow: 0 1px .3em #262626; -webkit-box-shadow: 0 1px .3em #262626; } h2.aboutMe { float: left; } #groups960.messages #groupsNav li.messages ul, #groups960.memberships #groupsNav li.memberships ul, #groups960.photos #groupsNav li.photos ul, #groups960.groups #groupsNav li.landing ul, #groups960.messages #groupsNav li.landing ul { position: absolute; top: 3.8em; width: 960px; left: 0; } #groups960.messages #groupsNav li.messages a, #groups960.memberships #groupsNav li.memberships a, #groups960.photos #groupsNav li.photos a, #groups960.groups #groupsNav li.landing a, #groups960.messages #groupsNav li.landing a, #groups960.application_installations #groupsNav li.application_installations a { color: #000; } #groups960 #groupsNav li ul { position: absolute; top: -9999px; left: -9999px; } #groups960 #groupsNav li ul li { background: #7c7c7c; margin-bottom: 1px; font-size: 12px; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; margin-right: 1em; } #groups960 #groupsNav li ul li a { color: #fff!important; padding: 3px 20px; } #groups960 #groupsNav li ul li a:hover { background: none; color: #fff; } #groups960 #groupsNav li ul li:hover { background: #999; visibility: inherit; color: #000; } #groups960 #breadcrumb { float: left; } #groups960 #breadcrumb li { float: left; margin-right: 5px; font-size: 14px; color: #817c74; } #groups960 #breadcrumb li a { color: #226eab; font-size: 11px; } #groups960 #main h3 { font-size: 21px; color: #666666; font-weight: normal; clear: both; } #groups960 #memberPostBlock div.formError { margin-left: 5px; } #groups960 #memberPostBlock { background: #f5f5f2; float: left; width: 520px; padding: 15px 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #groups960 #memberPostBlock textarea { float: left; width: 511px; padding: 7px 3px 0 3px; font-size: 14px; line-height: 16px; height: 26px; } #groups960 #memberPostBlock p.terms { font-size: .9em; color: #666666; padding-top: 10px; float: left; clear: both; width: 440px; } #groups960 #memberPostBlock a#addImage { padding-top: 10px; display: block; float: left; width: 450px; } #groups960 #memberPostBlock #addImageField { float: left; padding-top: 10px; } #groups960 #memberPostBlock #imageFieldWrap { width: auto; float: left; margin-right: 10px; *margin-right: 10px; } #groups960 #memberPostBlock #cancelAddImage { padding-top: 3px; float: left; } #groups960 #memberPostBlock .speechBubble { background: url("../images/skin/comment-arrow-left.gif") top left no-repeat; display: block; width: 8px; height: 15px; position: absolute; top: 20px; left: -8px; } #groups960.slm-960 .activityList { width: 460px; } #groups960 .activityList { margin-top: 20px; float: left; width: 610px; } #groups960 .activityList a { color: #0077cc; } #groups960 .activityList li { float: left; clear: both; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; } #groups960 .photoList { margin-top: 20px; } #groups960 .photoList li { float: left; width: 220px; margin: 0 20px 10px 0; *margin-right: 15px; } #groups960 .photoList li.rowClear { clear: both; float: left; } #groups960 .photoList li p { display: inline; color: #666666; float: left; } #groups960 .photoList li p a { color: #333; } #groups960 .photoList li p a:hover { color: #0077cc; } #groups960 .photoList li span a { float: right; background: url("../images/skin/i-comment.gif") 0 3px no-repeat; padding-left: 15px; height: 15px; overflow: hidden; } #groups960 .photoList li span a:hover { background-position: 0 -16px; } #groups960 #content .mugshot { float: left; width: 49px; margin-right: 15px; clear: both; margin-top: 5px; } #groups960 #mainSidebar .mugshot { width: auto; margin: 0 0 10px 0; } #groups960 #content .contentContainer { float: left; width: 500px; } #groups960 #content .contentContainer p { margin-bottom: 5px; } #groups960 .activityList .postContent h2 { font-size: 16px; line-height: 1.2em; padding: 0 0 4px 0; } #groups960 .activityList .postContent h2 a { color: #333; } #groups960 img.postPhotoThumb { padding: 5px; border: 1px solid #e0e0e0; } #groups960 .activityList .postContent img.postPhotoThumb { margin: 5px 0; } #groups960 .postActions { clear: both; font-size: 0.9em; color: #666666; } #groups960 .postActions a.postDate { color: #666; } /* COMMENTS LIST */ #groups960 .activityList .commentList { float: left; width: 400px; margin: 10px 0 20px 0; } #groups960 .activityList .commentList li { border-bottom: none; margin: 0 0 2px 0; background: #f5f5f2; padding: 10px; width: 380px; position: relative; } #groups960 .commentList textarea { width: 330px; margin-bottom: 10px; float: left; } #groups960 .activityList .commentList li span.firstListItem { background: #f5f5f2 url("../images/skin/comment-arrow-top.gif") top left no-repeat; display: block; width: 9px; height: 5px; position: absolute; top: -5px; left: 20px; } #groups960 #content .commentList li .mugshot { width: 32px; margin-right: 10px; } #groups960 #content .commentList li div.formError { margin-left: 37px; } #groups960 .activityList .commentList li .commentContainer { float: left; width: 335px; } #groups960 .activityList .commentList li.commentTrigger a { background: #fff; border: 1px solid #afafaf; color: #333; padding: 5px; display: block; text-decoration: none; cursor: text; } #groups960 .activityList .commentList li.commentTrigger a:hover { text-decoration: none; } #groups960 ul#memberList li { float: left; clear: both; border-bottom: 1px solid #e8e8e8; width: 100%; padding: 10px 0; } #groups960 ul#memberList li .contentContainer span { display: block; color: #666666; font-size: 11px; } #groups960 ul#memberList li .contentContainer { width: 400px; } #groups960 ul#memberList li .memberControls { margin-left: 10px; float: left; width: 130px; border-bottom: 5px solid #E5E5E5; } #groups960 ul#memberList li .memberControls a { display: block; font-size: 11px; color: #999; } #groups960 ul#memberList li .memberControls a:hover { color: #0077cc; } #groupListing div.groupListContent { float: left; margin-top: 3px; position: relative; width: 380px; margin-left: 0; font-size: .9em; } #groups960 #groupListing div.groupListContent .mugshot { width: 27px; margin-right: 10px; } #groups960 #groupListing div.groupListContent .authorCredit ul { margin-left: 0; margin-bottom: 10px; } #groups960 #groupListing div.groupListContent .authorCredit li { line-height: 1.2em; padding-bottom: 2.9px; } #groupListing div.groupListContent p { float: left; width: 100%; color: #666666; line-height: 1.55em; } #groupListing .groupListDetails h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 5px; font-weight: normal; text-transform: none; } #groupListing .groupListDetails h2 a, #groups960 #groupListing .groupListDetails p a, #groups960 #groupListing .groupListMembership li a { color: #333; } #groupListing .groupListDetails h2 a:hover, #groups960 #groupListing .groupListDetails p a:hover, #groups960 #groupListing .groupListMembership li a:hover, #groups960 #groupListing .groupListDetails .groupDescription a { color: #0077cc; } #groupListing div.groupListDetails { float: left; padding: 1em 10px 1em 5px; width: 545px; } #groupListing .groupListDetails p { margin-bottom: 0!important; font-size: 11px; } #groupListing .groupListMembership { float: left; width: 230px; padding: 1em 5px; margin-top: 45px; } #groupListing .groupListMembership ul { float: left; margin-bottom: 8px; margin-left: 4px; } #groupListing .groupListMembership li { width: 150px; border-bottom: none; line-height: 1.5em; font-size: .9em; } #groupListing img.groupListThumb { float: left; margin-right: 20px; margin-top: 5px; width: 145px; } #groupListing div.groupListMembership strong.by_invitation { float: left; white-space: nowrap; margin-left: 4px; } #groups960 #aside #asideContent { width: 280px; background: #f5f5f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 15px; float: left; margin-bottom: 20px; } #groups960 #aside #avatar_image { float: left; margin: 10px 20px 10px 0; background: #fff; padding: 5px; border: 1px solid #ddd; } #groups960 #aside p { width: 100%; float: left; margin-bottom: 15px; } #groups960 #aside .userGroupControls { clear: both; float: left; line-height: 1.2em; background: url("../images/skin/horizontal-border.gif") bottom left repeat-x; padding: 5px 0 10px 0; } #groups960 #aside li a.submitBtnGreen { margin-top: 5px; } .mpuWrapper { z-index: 7000; } .mpuWrapper .mpuInner { z-index: 7100; } .mpuWrapper .mpuInner .adContainer { z-index: 7200; } #mpu { float: left; margin: 30px 0 20px 5px; } #mpu p { text-align: center; margin-bottom: 2px; color: #7d7d72; text-transform: uppercase; font-size: 10px; } *html #sidebar .sponsoredLinks { width: 280px; } .sponsoredLinks { margin-left: 5px; overflow: hidden; clear: left; } .sponsoredLinks div { margin-bottom: 20px; float: left; } .sponsoredLinks .googleHeading a { text-transform: uppercase; font-size: 12px; color: #666666; font-weight: bold; margin-bottom: 5px; } .sponsoredLinks p { margin-bottom: 2px!important; } .sponsoredLinks p.title a { color: #226eab; font-weight: bold; } .sponsoredLinks a { color: #008000; } #groups960 #container { width: 960px; margin: 0 auto; } #container { width: 965px; margin: 0 auto; } /*BASE TYPOGRAPHY*/ #groups960 #content p { margin-bottom: 10px; line-height: 1.4em; } *html #groups960 #content p { color: #333!important; } /* DUPLICATE CODE FROM GROUPS.CSS */ #groups960 #TB_window { padding-left: 0; background: #000000; border: 8px solid #706c63; width: 440px!important; } #groups960 #TB_nav { float: left; padding-top: 10px; } #groups960 #TB_nav ul { float: left; font-size: 0.7em; position: relative; } #groups960 #TB_nav li { float: left; margin-right: 7px; } #groups960 #TB_nav li ul { display: none; } #groups960 #TB_nav li a:hover.modalList { text-decoration: underline; color: #fff!important; } #groups960 #TB_nav li a.modalList span { float: left; height: 34px; line-height: 34px; padding: 0 7px 0 18px; position: relative; white-space: nowrap; color: #FFF; } #groups960 #TB_nav li.current ul { display: block; position: absolute; top: 40px; left: 0; width: 400px; } #groups960 #TB_nav li.current a:hover.modalList { text-decoration: none; color: #fff!important; } #groups960 #TB_nav li.current a.modalList { background: url(../images/skin/modal-list-bg-right.gif) no-repeat top right; } #groups960 #TB_nav li.current a.modalList span { background: url(../images/skin/modal-list-bg-left.gif) top left no-repeat; padding-left: 28px; padding-right: 7px; } #groups960 #TB_nav li.groupMessages.current a.modalList span { background: url(../images/skin/modal-list-bg-left-messages.gif) top left no-repeat; } #groups960 #TB_nav li.groupPhotos.current a.modalList span { background: url(../images/skin/modal-list-bg-left-photos.gif) top left no-repeat !important; } #groups960 #TB_ajaxContent { height: 0 !important; } #groups960 #TB_body { color: #000; } /*::::::::::::::: SPONSOR HEADERS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ .sponsored #sponsorLogo { float: right; cursor: pointer; } .sponsored #breadcrumbWrap, .sponsored #pageTitle { width: 610px!important; } /*::::::::::::::: PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/ .pagination { padding: 14px 0; float: left; } .pagination p { padding: 0.35em 0 0 7px; } /* For members page*/ #mainContent #listingFilter div.pagination { width: 479px; } ul.gl_pagination_control { display: block; float: right; padding: 0; border: none; margin: 0 3px 0 0; font-size: .8em; } ul.gl_pagination_control li { display: inline; float: left; background: #ffffff; list-style: none; padding: 0; margin: 1px 3px 0 0; font-size: 1.2em; } ul.gl_pagination_control li * { border: solid 1px #dfdedb; } ul.gl_pagination_control li a, ul.gl_pagination_control li a:visited { display: block; color: #333; padding: 2px 6px; } ul.gl_pagination_control li.seperator { color: #333; padding: 4px 3px 0 3px; } #resultsPerPage { margin-right: 5px; } ul.gl_pagination_control li a:hover { background: #0186cb; color: #fff; border-color: #0066cc; text-decoration: none; } ul.gl_pagination_control li.current a { background: #707165; color: #fff!important; font-weight: bold; border-color: #707165; } ul.gl_pagination_control li.current a:visited { color: #fff; } ul.gl_pagination_control li.inactive a, ul.gl_pagination_control li.inactive a:hover, ul.gl_pagination_control li.inactive a:visited { color: #000; background: #fff; border-color: #D9D9DB; text-decoration: none; cursor: wait; } ul.gl_pagination_control li.prev { margin-right: 14px; } ul.gl_pagination_control li.next { margin-left: 11px; } ul.gl_pagination_control li.next a.linkChevron { background-position: 37px 7px; padding: 2px 0 2px 8px; width: 42px; background: url(../images/skin/arrow-orng.gif) no-repeat 37px 7px; } ul.gl_pagination_control li.prev a.linkChevronBack { padding: 2px 0 2px 15px; width: 35px; background: url(../images/skin/arrow-orng-left.gif) no-repeat 7px 7px; } ul.gl_pagination_control li.next a.linkChevron:hover { color: #fff !important; border-color: #0066cc; text-decoration: none !important; background: #0186cb url(../images/skin/arrow-white.gif) no-repeat 37px 7px; } ul.gl_pagination_control li.prev a.linkChevronBack:hover { color: #fff; background: #0186cb url(../images/skin/arrow-white-left.gif) no-repeat 7px 7px; border-color: #0066cc; text-decoration: none; } ul.gl_pagination_control li.prev *, ul.gl_pagination_control li.next * { border-color: #cbcbc6; } ul.gl_pagination_control li span { padding: 2px 0; } ul.gl_pagination_control li.pageNo { padding-top: 3px; } /*::::::::::::::: END PAGINATION CONTROLS (UL/LI BASED) ::::::::::::::::::::::::::::::::::::::::*/ /*::::::::::::::: START LISTING/SORTING CONTROLS ::::::::::::::::::::::::::::::::::::::::::::::*/ #listingFilter { float: left; margin-bottom: 0; clear: both; } #listingFilter fieldset legend { display: none; } #listingFilter fieldset label { float: left; margin-right: 5px; padding-top: 4px; } #groups960.userProfile #main #listingFilter .sortBy { width: 460px; } #groups960.userProfile #mainContent #listingFilter div.pagination { width: 460px; } #groups960 #main #listingFilter .sortBy { width: 610px; } #groups960.fw #main #listingFilter .sortBy { width: 800px; } #listingFilter .sortBy { font-size: 0.9em; clear: both; border-bottom: 1px solid #dfdedb; padding: 5px 0 0 5px; height: 40px; } #listingFilter .sortBy .results { float: right; width: 207px; margin-right: 5px; } #listingFilter .show { font-size: 0.9em; clear: both; padding: 0 5px 10px 5px; } #listingFilter .show p { float: left; margin-right: 15px; padding-top: 2px; } #listingFilter .show select { float: left; margin-right: 10px; padding: 2px; font-size: 1.1em; width: 150px; } /*::::::::::::::: END LISTING/SORTING CONTROLS ::::::::::::::::::::::::::::::::::::::::::::::*/ #content { overflow: hidden; float: left; width: 100%; padding-bottom: 3px; margin-bottom: 0; overflow: hidden; } #main { float: right; overflow: hidden; } /* Configure information for the change to the layout for the settings */ .legacyLargeContainer { width: 641px; float: left; clear: both; } /* Small-large layout (e.g. POI listing page) */ body.sl #content { background: url(../images/skin/separator-poiListing.gif) repeat-y; margin-top: 16px; } body.sl #aside { width: 155px; } body.sl #main { width: 803px; overflow: hidden; } body.sl .sectionNav { width: 155px; } body#groups960.lm #content { margin-top: 20px; float: left; } body#groups960.lm #aside { width: 310px; } body#groups960.lm #main { width: 605px; overflow: hidden; float: left; margin-right: 40px; } body#groups960.lm .sectionNav { width: 155px; } /* Full Width layout (e.g. POI listing page) */ body#groups960.fw #content { margin-top: 16px; } body#groups960.fw #main { width: 960px; overflow: hidden; border-color: #999; } /* Full Width layout for profile settings !NOTE: This overrides the above*/ body#groups960.fw #main.main_settings { width: 760px; } /* Vertical navigation change of state for settings */ .verticalNavigation li a.current { background: #0077CC; color: #fff; } /*Section Nav*/ .sectionNav { float: left; border-bottom: 1px solid #dbdbd9; width: 317px; font-size: 1em; padding-bottom: 14px; } .sectionNav h2 { margin-bottom: 5px; margin-left: 5px; } .sectionNav li { width: 155px; float: left; margin-right: 3px; margin-bottom: 1px; } .sectionNav li p { color: #333; width: 145px; float: left; padding: 2px 5px; } .sectionNav li a { color: #333; width: 145px; float: left; padding: 2px 5px; } .sectionNav li a.toggleMap:focus { background: none; color: #333!important; } .sectionNav li a span { color: #7d7d72; } .sectionNav li a.toggleMap span { padding: 0; color: #333; } .sectionNav li a.toggleMap:focus span.toggleMapText { background: none; color: #333!important; } .sectionNav li a:active span.toggleMapText { text-decoration: none; } .sectionNav li a:hover span, .sectionNav li a:focus span, .sectionNav li a:active span { color: #fff; } .sectionNav li a:hover, .sectionNav li a:focus, .sectionNav li a:active { text-decoration: none; } .sectionNav li ul { margin: 7px 0 21px 14px; display: inline; } .sectionNav li ul li a { width: 131px; float: right; } .sectionNav li.highlight a { font-weight: bold; background-color: #409C20; color: white; } .sectionNav li.section p { font-weight: bold; background-color: #409C20; color: white; } .sectionNav li.section ul li a.highlight { color: #000 !important; font-weight: bold; background-color: #F4F1E8 !important; } .sectionNav li.section ul li a.highlight:hover { color: #000 !important; } .sectionNav li.section ul li a { margin-top: 1px; } /* Small-large-medium layout (e.g. POI detail) */ body.slm #content { background: url(../images/skin/slm-layout-bg.gif) repeat-y; } body.slm #aside { width: 317px; margin-left: 7px; } body.slm #main { float: left; width: 641px; } body.slm #mainContent { width: 479px; float: right; } body.slm #mainSidebar { width: 155px; float: left; } body.slm .sectionNav { width: 155px; } body.slm #sidebar { margin-left: 7px; width: 317px; float: left; } html body.slm-960 #mainSidebar { overflow: hidden; } div.editApp { padding: 0 0 10px 0; clear: both; float: right; } div.editApp a { margin-left: 2px; } #externalTabs { width: 81%; clear: left; margin-left: 78px; margin-top: 10px; } #externalTabs thead tr { background: #007688; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } #externalTabs thead td { font-weight: bold; font-size: 12px; text-align: center; } #externalTabs tr { margin-bottom: 5px; display: block; padding: 0 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; } #externalTabs tr.addButton { background: none; padding-left: 0; } #externalTabs tr.addButton a { background: #fff; padding: 7px 7px 6px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; *border: 1px solid #ddd; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } #externalTabs tr.addButton a:hover { background: #0077cc; color: #fff; } #externalTabs tr input { margin-bottom: 0!important; } #externalTabs td { margin-right: 10px; padding: 10px 0; } #externalTabs td.small { width: 60px; padding-left: 13px; } #externalTabs td.med { width: 90px; margin-left: 20px; } #externalTabs td.name { width: 105px; } #externalTabs td.url { width: 155px; } #externalTabs div.formError { margin: 0!important; width: auto!important; } li.external_tabs span a { background: url("../images/skin/i-external.png") 8px 10px no-repeat; } * html li.external_tabs span a { background: url("../images/skin/i-external.gif") 8px 10px no-repeat; } /* Private Messaging & contacts */ .largeText { font-size: 14px; line-height: 2.1em; } body.smallLarge #content { margin-top: 20px; } body.smallLarge #aside { width: 150px; margin-right: 20px; } body.smallLarge #main { float: left; width: 790px; } .right { float: right; } .buttonContainer { float: right; } #intro { float: left; clear: both; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } #intro img { float: left; margin-right: 20px; } #intro h1 { font-size: 30px; font-weight: normal; margin-bottom: .3em; font-size: 28px!important; float: left; margin-top: 9px; } #main .badge { float: right; background: url("images/lp-badge.jpg") no-repeat #e6e9f1; color: #013471; padding: 4px 12px 4px 50px; text-align: center; font-size: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #intro ul { float: left; clear: both; margin-top: 10px; width: 940px; } #intro li { float: left; padding: 0 5px; background: transparent url("images/profile-pm-bg.png") 0 -240px no-repeat; display: block; height: 13px; line-height: 1em; } * html #intro li { background: none; } #intro li.current { padding: 0 10px; } #intro li.first { background-image: none; padding-left: 0; } #intro li a { padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #intro li.current a, #intro li a.current { color: #333; } #intro li a:hover { background: #0186cb; color: #fff; text-decoration: none; } ul.subnav { border: 1px solid red; float: left; } ul.subnav li { background-color: #F6F5EE; margin: 2px 0 0 0; padding: 4px; } #noMessages { text-align: center; font-style: italic; margin-top: 12px; } #contacts.roundedContainer { width: 630px; } #contactList.roundedContainer.white { width: 610px; padding: 0 10px; } #contactList img { display: block; float: left; margin-right: 15px; } #contactList li:hover .close, #contactList li.ieListHover .close { background-color: #fff; position: absolute; top: 0; right: 40px; } #contactList .close { position: absolute; top: -9999px; right: -9999px; border-left: 1px solid #f5f5f2; height: 99%; } #contactList .close a { overflow: hidden; position: absolute; top: 27px; left: 7px; } #contactList .close a:hover { text-decoration: none; } #contactList .close a span { background: url("images/profile-pm-bg.png") no-repeat 0 -420px; width: 16px; height: 17px; overflow: hidden; display: block; } #contactList .close a:hover span { background: url("images/profile-pm-bg.png") no-repeat 0 -439px; } #groups960 #contactList .userDetail p { color: #666; line-height: 1em; margin-bottom: 7px; } #contactList .userDetail { display: block; float: left; margin-top: 2px; } #contactList .userDetail a { margin-bottom: .3em; display: block; line-height: 1.2em; } #contactList .userDetail li { width: auto; border-bottom: none; position: static; padding: 0; border-right: 1px solid #b5b5b5; line-height: 1.2em; margin-right: 5px; padding-right: 5px; } #contactList .userDetail li.sendMessage a { background: url("images/profile-pm-bg.png") no-repeat 0 -468px; padding-left: 18px; } #contactList li.emptyState { text-align: center; color: #bbb; font-style: italic; margin: 10px 0; border-bottom: 0; } #contactList .userDetail li a { margin-bottom: 0; } #contacts #tabs li.current a { color: #000; } #contactList li { width: 620px; float: left; position: relative; left: -10px; right: -10px; border-bottom: 2px solid #f5f5f2; padding: 10px; } #contactList ol li { border-bottom: 0; cursor: auto; position: static; float: none; width: auto; } #contacts #pagination { position: absolute; right: 10px; top: 30px; } #contacts #pagination .disabled { display: none; } .addContact { display: block; line-height: 20px; } .addContact form.formtastic { background: #f3faff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; width: 610px; } .addContact form.formtastic fieldset ol li.string input { width: 365px; font-size: 14px; padding: 3px 2px; margin-top: 2px; float: left; } .addContact form.formtastic fieldset ol li label { width: 80px; padding-top: 0.4em; font-weight: bold; } .addContact form.formtastic fieldset { float: left; } .addContact form.formtastic fieldset.buttons { float: right; padding-left: 0; width: 110px; } .addContact form.formtastic fieldset.buttons input { font-size: 12px!important; line-height: 16px; } .addContact form.formtastic fieldset ol li { margin-bottom: 0; } .addContact form.formtastic fieldset ol li p.inline-errors { clear: both; } .addContact a:hover { text-decoration: none; background: #dbf3ff; } .addContact span { padding-left: 25px; background: url("images/profile-pm-bg.png") no-repeat 0 -395px; display: block; height: 18px; } #contactList li.roundedLiTop { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #contactList li.roundedLiBottom { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .inboxPagination { float: right; } .inboxPagination .disabled { display: none; } #groups960.userProfile ul.memberDetail { border-top: 5px solid #e5e5e5; border-bottom: 5px solid #e5e5e5; margin-top: 10px; padding-top: 5px; float: left; width: 150px; margin-bottom: 10px; } #groups960.userProfile ul.memberDetail li { border-bottom: 1px dotted #ccc; padding: 5px 0; } #groups960.userProfile ul.memberDetail li strong { display: block; } #groups960.userProfile ul.memberDetail li img { margin-left: 5px; } #groups960.userProfile ul.memberDetail li a { word-wrap: break-word; } #groups960.userProfile ul.memberControls { float: left; width: 99%; } #groups960.userProfile ul.memberControls li { margin-bottom: 5px; } #groups960.userProfile ul.memberControls li.memberSendMessage a { background: url("images/profile-pm-bg.png") no-repeat 0 -500px; padding-left: 22px; } #groups960.userProfile ul.memberControls li.memberAddToContacts a { background: url("images/profile-pm-bg.png") no-repeat 0 -528px; padding-left: 22px; padding-top: 2px; } #groups960.userProfile .memberAdminControls { border-bottom: 5px solid #e5e5e5; padding-bottom: 10px; float: left; width: 150px; } #groups960.userProfile .memberAdminControls li { padding: 3px 0; } #groups960.userProfile .dotted_box { height: 199px; width: 450px; margin: 5px 0 25px 3px; border: 2px dashed #CFCFCF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } #groups960.userProfile .dotted_box p, .dotted_box a { margin-left: 60px; } #groups960.userProfile .dotted_box p { margin-top: 77px; } .reportAbuse { margin-top: 10px; } #olderPosts { margin-top: 20px; float: left; clear: both; } /* Notifications */ body.editSettings fieldset { border: 0; background: none; } body.editSettings label { width: auto; padding-left: 0!important; width: auto!important; } body.editSettings li { list-style-type: none; } body.editSettings li.commit input { margin-top: 10px; } .ac_results { padding: 0 0 5px 0; border: 1px solid #bde7ff; background-color: #f3faff; overflow: hidden; width: 553px!important; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 1px 1px 6px rgba(221, 221, 221, 0.75); -webkit-box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.75); box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.75); } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; overflow-x: hidden!important; max-height: 215px!important; } .ac_results iframe { display: none; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; } .ac_results li { margin: 0px; padding: 5px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background: white url("images/ac-indicator-blue.gif") 98% center no-repeat; } .ac_over { background-color: #0186CB; color: #fff; } .active li a:active { border: 1px solid red; } .alternative { float: left; width: 100%; }