/* CSS File with generic styles for fervr groups */ body {background:#6E6E6E url(../images/body.xy.jpg) repeat scroll 0 0;} p, address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {font-weight: normal;font-style: normal;color:#000;font-family: trebuchet, 'trebuchet ms', arial, verdana, san-serif;} p {font-size:.75em;margin:0 0 1.2em;} a:link, a:visited {color:#444;} a:hover {color:#000;} body strong {font-weight:bold;} ol, ul {font-size:.75em;} /* ------------------------------------- Main Layout Styles ----------------------------- */ #container {margin:0px auto; text-align:left;width:991px;background:url(../images/groupBG.png) repeat-y top left;padding-top:75px;color:#000;position:relative;} #singleGroups #container {padding-top: 44px; } #container.mceContentBody {padding:10px;width:auto;background:none;margin:0;font-size:100%;} #container.mceContentBody p {color:#000;} #footer {clear:both;} #groupBottom {clear:both;} /* ------------------------------------- Group Header Styles ----------------------------- */ #headings {width:991px;height:175px;overflow:hidden;} #container #headings .holder {margin:0;height:175px;width:992px;background:url(../images/groupHeader.jpg) no-repeat top left;} #groupshot {float:left;width:120px;height:154px;clear:none;overflow:hidden;} #groupshot img {margin:15px 0 0 15px;} #title {padding-top:18px; margin-left:130px;} #container #title h1 {font-size:1.5em; color:#fff;position:relative;margin-bottom:5px;} #container #title a:link, #container #title a:visited {color:#fff;text-decoration:none;font-family:"arial bold", arial, verdana, sans-serif;} #container #title a:hover {text-decoration:underline;} #prelude {margin:5px 0 0 130px;width:450px;} #container #prelude p {color:#eee; margin:0;line-height:1.25em;margin-bottom:10px;} /* ------------------------------------- Main Group Content Styles ----------------------------- */ #groupContent {clear:left;width:635px; margin:0 20px 0 20px;padding-top:20px;padding-bottom: 30px;float:left;display:inline;overflow:hidden;position:relative;} #container a#editPage:link, #container a#editPage:visited {display:block; float:right; margin:0 0 15px 15px;border:1px #aaa solid;text-decoration:none;padding:6px 10px 6px 25px;margin:0 10px 0 3px;clear:none;display:block; width:auto;background:#888 url(../images/page_edit.png) no-repeat 5px 4px;color:#fff;font-size:12px;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height:1;} #container a#editPage:hover {background-color:#666;} .lastUpdated {font-size:.65em;color:#aaa;padding-top:10px;padding-bottom:10px;clear:both;} #container .lastUpdated strong {color:#666;font-weight:normal;} #groupContent ul, #groupContent ol, #groupContent li {color: #444; } /* ------------------------------------- Group Nav ----------------------------- */ #groupNav {position:relative;z-index:40;} #groupNav ul {list-style:none;margin:0;padding:0;font-size:.75em;;line-height:1em;background:#111111 url(../images/groupNav.png) repeat-x top left;;float:left; width:991px;} #groupNav li {float:left;background: url(../images/groupNavDivider.png) no-repeat top right;} #container #groupNav a:link, #container #groupNav a:visited {color:#fff; text-decoration:none; padding:9px 20px; display:block;} #container #groupNav .newpage a:link, #container #groupNav .newpage a:link {padding: 9px 10px; } #container #groupNav a:hover {background:#111;} #groupNav li ul {position:absolute;top:30px; left:0px;width:140px;z-index:40;font-size:1em;display:none;} #container #groupNav li ul li {float:none;background:none;} #groupNav li ul li a:link, #groupNav li ul li a:visited {padding:12px 10px 12px 20px;} #container #groupNav ul li:hover ul, #container #groupNav ul li.over ul {display:block;} #container #groupNav #menu2 li.membershipButton {float: right;width: 118px;height: 23px; margin-top: 4px;background: url(../images/join-invite.png) no-repeat 0 0;border-right: none;position: relative; left: -3px; } #container #groupNav li.membershipButton a:link, #container #groupNav li.membershipButton a:visited {padding: 5px 0 3px 25px;color:#444; } #container #groupNav li.membershipButton a:hover {background-color: transparent; text-decoration: underline; } #container #groupNav li.membershipButton.join a{background: url(../images/add.png) no-repeat 4px 4px; } #container #groupNav li.membershipButton.invite a{background: url(../images/user_add.png) no-repeat 4px 4px; } #container #groupNav #menu2 li.membershipButton.pending {width: auto;background: none; } #container #groupNav li.membershipButton.pending em {color: #888;padding: 5px 5px 0 0;display: block; } /* Join Button */ #joinButton {margin:6px 6px 10px;} #joinButton a {display:block; padding:6px 10px;text-align:center;font-size:.875em;} #groupContent #joinButton {padding:20px 15px 0 15px;} #groupContent #joinButton h3 {color:#AF1217;font-size:1em;} #joindialog {margin: 0;padding: 10px; } #joindialog p {color: #666;font-size: .75em; } /*Common Sidebar */ #groupSidebar {float: right; width: 315px; } #container #groupSidebar h2 {width: 315px;height: 62px;margin: 0;padding: 0; text-indent: -999em; background: url(../images/whatsNew.png) no-repeat top left; } #groupSidebar p {margin:0 15px 0 20px;} .moreRecent {padding: 10px 0 10px;width:280px;margin:0 15px 0 20px;float:left;display:inline;} #groupRecent .first {margin-top: 20px; } .moreRecent.fullWidth {width:615px;} .moreRecent a.moreRecentImage {display:block;float:left;width:44px;} .moreRecent a.moreRecentImage img {padding: 1px;border: 1px solid #ccc; } #container .moreRecent h3 {margin:5px 0 3px 75px;padding:0;font-size:.875em;color:#e243a4;position:relative; top:-3px;line-height:1.1em;} #container .moreRecent.fullWidth h3 {margin-left: 0; } #container .moreRecent h3 a:link, #container .moreRecent h3 a:visited {text-decoration:none;} #container .moreRecent h3 a:hover {text-decoration:underline;} #container .moreRecent p {margin:0px 0 0 75px;font-size:.75em;line-height:1.3em;color:#666;} #container .moreRecent.fullWidth p {margin-left: 0; } #container .moreRecent p a:link, #container .moreRecent p a:visited {color:#666;text-decoration:none;} #container .moreRecent p a:hover {text-decoration:underline;} #moreRecentLink {padding: 10px 15px 20px 20px;font-size: .875em; } #container #moreRecentLink a:link, #container #moreRecentLink a:visited {text-decoration: none; } #container #moreRecentLink a:hover {text-decoration: underline; } /*Group Bottom */ #groupBottom {background:url(../images/groupUsers.jpg) top left; width:992px;clear:both;padding-bottom:10px;} #groupBottom #crew {margin:0px 20px 0 ;width:952px;padding-top:8px;} #groupBottom #crew .buttons {clear:both;height:17px;} #crew h3 {height:15px;text-indent:-999em; background:url(../images/theWholeCrew.png) no-repeat top left;margin-bottom:0px;} #crew a{width:42px; height:42px; float:left; margin:0 5px 5px 0;} #crew a:link img, #crew a:visited img {padding:2px; background:#fff; border:1px solid #ccc;width:36px;} #crew a:hover img {border:1px solid #333;} #crew .buttons a:link, #crew .buttons a:visited {display:block;width:130px;font-size:.75em;text-decoration:none; color:#fff;height:auto;text-transform:uppercase;margin-left:10px;margin:0;} #crew .buttons a:hover {text-decoration:underline;} /* Editing Group Pages */ .pageInfo {margin-bottom:10px; padding:8px 15px; background:#eee; border:1px solid #ccc;margin-right:6px;} .pageInfo label.pageLabel {margin-bottom:5px; font-size:.75em; color:#333;padding-right:5px;font-weight:bold;} .fields.editPageContent {padding-bottom:15px;} .submits.editPageContent {height:40px;} #container .submits.editPageContent input {padding:3px 15px; margin-right:10px;font-family:trebuchet, 'trebuchet ms', arial, verdana, sans-serif;float:right;} #container .submits.editPageContent input.publish {float:left;} #container .submits.editPageContent input.cancel, #container .submits.editPageContent input.delete {background:#eee;color:#666;margin-bottom:4px;clear:right;border:1px solid #ccc;} #container .submits.editPageContent input.delete {} #container .submits.editPageContent a:link, #container .submits.editPageContent a:visited {display:block;font-size:11px;line-height:14px; text-decoration:none;background:#eee;padding:4px 15px; border:1px solid #ccc;float:right;text-align:center; color:#111;} #container .submits.editPageContent a:hover {background:#333; color:#fff;border:1px solid #111;cursor: pointer;} /* group Members */ #memberType {margin-bottom: 10px;border-bottom: 1px solid #ccc;position:relative; } #container #memberType h3 {font-size: 1em;display: inline;margin: 0; } #container #memberType a:link, #container #memberType a:visited {color: #bbb; text-decoration: none; padding: 5px 20px 0px;font-size:.75em;position:relative; z-index:200;} #container #memberType h3 a:link, #container #memberType h3 a:visited {color: #666;font-size: .925em;background: #fff;border: 1px solid #ccc;border-bottom: none;position: relative; top: 3px; } #container #memberType span {position: absolute;display: block;width: 20px;top: 0px; left: 72px;background: url(../images/unread.png) no-repeat top left; color: #fff;font-size: .675em;padding: 0px 0px 5px;text-align:center;} #container #memberType a:hover {text-decoration: underline;color: #666; } .memberlist {padding-bottom: 30px; } #container p.memberIntro {color: #999; } .memberlist .comment {border-bottom:1px solid #dcdcdc;padding:5px 0 10px 0;width:640px; float:left;} #pendinglist .comment {border-bottom:1px solid #dcdcdc;padding:5px 0 10px 0;width:620px; float:left;} .memberlist .userpic, #pendinglist .userpic {display:inline;float:left;height:56px;margin:5px 5px 5px 5px;width:56px;} .memberlist .fullname{float:left; width:400px;} #pendinglist .fullname {float:left; width:400px;} .memberlist .manageUser {margin-left:470px;padding-top:5px;} #pendinglist .manageUser {margin-left:470px;} #container .memberlist h3, #container #pendinglist h3 { font-size: .875em; clear: both;margin: 0;padding: 0; } #container #pendinglist h3 {padding-top: 0; } #container .memberlist h4 ,#container #pendinglist .comment h4 {padding-top:6px; padding-left:10px;margin-bottom:2px;} .memberlist h4 a:link, .memberlist h4 a:visited, #pendinglist h4 a:link, #pendinglist h4 a:visited {text-decoration:none;} .memberlist h4 a:hover, #pendinglist h4 a:hover {text-decoration:underline;} .memberlist .joined p, #pendinglist .joined p {padding:0 0 0 10px;margin:0; font-size:.675em; color:#999;} .memberlist h4 .username , #pendinglist h4 .username {color:#999; font-size:.675em;} #container .memberlist strong {color: #7a7a7a;font-weight: normal; } #container .memberlist a:link, #container .memberlist a:visited {text-decoration: none; } #container .memberlist a:hover {text-decoration: underline; } #container .memberlist p {line-height: 1.3em; } #container .comment .manageUser {display: none; } #container .manageUser a:link, #container .manageUser a:visited {display:block; font-size:.75em;text-decoration:none;padding-left:20px;height:16px;line-height:1.4em;margin-bottom:3px;color:#999;} #container .manageUser a:hover {text-decoration:underline;} #container .manageUser a.approveUser {background: url(../images/approveUser.png) no-repeat 0 -16px;margin-bottom:10px;} #container .manageUser a.declineUser {background: url(../images/declineUser.png) no-repeat 0 -16px;} #container .manageUser a.removeUser, #container .manageUser a.expireUser, #container .manageUser a.withdrawUser {background: url(../images/removeUser.png) no-repeat 0 -14px;height:14px;} #container .manageUser a.promoteUser, #container .manageUser a.resurrectUser {background: url(../images/addLeader.png) no-repeat 0 -17px;} #container .manageUser a.demoteUser {background: url(../images/removeLeader.png) no-repeat 0 -16px;} #container .comment:hover {background:#f6f6f6;} #container .comment:hover .manageUser {display: block; } #container .comment:hover .manageUser a:link, #container .comment:hover .manageUser a:visited {background-position:0 0;color:#666;} #pendinglist {padding:5px 10px 10px;border:1px solid #f1f1ab; background:#ffffd3;width:620px;float:left;} #container #pendinglist h4 {margin-bottom:5px;} /* About This Group Page */ #groupContent.about p {margin-bottom: 5px; } #groupContent.about p.minyear {margin-bottom: 25px; } #groupContent.about div {font-size: .75em; } #groupContent.about .aboutUsImage {float: left;width:70px; } #groupContent.about .aboutUsImage img {display: block; padding: 1px;border: 1px solid #ccc; } /* Modular popups */ .ui-dialog-title {color: #fff; } .ui-dialog-content label {padding-right: 10px; } .ui-dialog-content.ui-widget-content div {margin-bottom: 5px; } .ui-dialog-content.ui-widget-content .uploadifyProgressBar {margin-bottom: 0; } body .ui-dialog .ui-dialog-titlebar {padding-bottom:3px;padding-left:1em;padding-right:1em;padding-top:3px;line-height: 1;position:relative;margin-bottom:5px;} body .ui-dialog-content p {color:#666666;text-align:left;} body .ui-dialog .ui-dialog-buttonpane button {font-size: .75em;padding: 5px 10px;width:100px;} body .ui-button-text-only .ui-button-text {padding: 0; } /* .pleaseWait overlay */ .pleaseWait {position:fixed; top:0; left:0; width:100%; height:100%;z-index:10000;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9; display:none; } .pleaseWait p {position:absolute; top:50%; left:50%; height:40px; width:250px; margin:-75px 0 0 -125px;; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;text-align:center;background:#fff;} .pleaseWait p strong {font-size:18px; color:#444; padding-left:25px; background:url(../images/wait.gif) no-repeat 0 1px;position:relative; top:8px; } /* Feeds Page */ #groupFeedRSS {position: relative;background: #fdffc4;border:1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;margin-bottom:5px;clear:both;overflow:hidden;padding: 5px 10px; margin-bottom:10px;} #groupFeedRSS p {margin-right: 170px; font-size: 11px;margin-bottom:0; } #groupFeedRSS a#feedLink {display: block; position: absolute; top: 10px; left: 470px;width: 141px; height: 25px; background: url(../images/groupRSS.png) no-repeat 0 0; text-indent: -999em; } ol.groupFeed {list-style: none; margin: 0; padding: 0; } ol.groupFeed li {border-bottom: 1px solid #DDDDDD; padding: 10px 0 10px 30px;clear: both; } .groupFeed img {padding: 1px; background: #fff; border: 1px solid #eee;float: right; margin: 0 10px 0 20px; } .groupFeed p {font-size: 1em;margin: 0;float: left; width: 520px; } #container .groupFeed p a:link, #container .groupFeed p a:visited {text-decoration: none; } #container .groupFeed p a:hover {text-decoration: underline; } p.groupFeedMedia img {float: left; margin:10px 20px 10px 0; } #container ol.groupFeed p.date { padding:0;margin: 0;color: #888888;font-size: .925em;clear: left; } .groupFeed .clear {clear: both; } ol.groupFeed li.ArticleComment {background: #f6f6f6 url(../images/comment.png) no-repeat 10px 13px; } #container li.ArticleComment p a:link, #container li.ArticleComment p a:link {color: #E243A4; } ol.groupFeed li.FileComment,ol.groupFeed li.ShoutComment {background: url(../images/comment.png) no-repeat 10px 13px; } ol.groupFeed li.MediaLike,ol.groupFeed li.ShoutLike {background: url(../images/thumb_up.png) no-repeat 10px 13px; } ol.groupFeed li.Shout {background: url(../images/note.png) no-repeat 10px 13px; } ol.groupFeed li.GroupPage {background: url(../images/page_edit.png) no-repeat 8px 13px; } ol.groupFeed li.GroupFile {background: url(../images/picture.png) no-repeat 8px 13px; } ol.groupFeed li.Membership {background: url(../images/user.png) no-repeat 8px 13px; }