/* COMMUNITY:LAYOUT */ #mainCol {float:left;width:619px;display:inline; margin:8px 0 17px; /*IE*/} #mainCol .inner {padding:18px 0 17px 17px;background-color:#fff;border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;float:left;width:600px;} #mainColTop { width:618px;border-top:1px solid #c7c7c7;float:left;display:inline; /*IE6 Double Margin Fix */line-height:0;font-size:0;} #left { float:left;display:inline;width:149px; overflow:hidden;} #left h1 { width:133px;white-space:nowrap;float:left;background:url("../gfx/basic/header_leftCol.gif") no-repeat;height:21px;padding:7px 8px 0;border-bottom:1px solid #c7c7c7;overflow:hidden;} #main {float:left;padding:0 0 8px 16px;width:435px;overflow:hidden; display:inline; min-height:500px;} #main h1 {width:401px;float:left;background:url("../gfx/basic/header_mainCol.gif") no-repeat;height:22px;padding:7px 8px 0;} /* COMMUNITY:HEADER:BUBBLES */ #bubbleshout { float:right; height:70px; margin-top:6px;} #bubbleshout li { width:241px; float:left; position:relative; margin-left:8px;} #bubbleshout li a.img { display:block; float:left; border:4px solid #252525; height:56px; overflow:hidden; width:56px;} #bubbleshout li a.img img { float:left; margin-left:-6px; margin-top:-6px;} #bubbleshout li div { color:#333; line-height:1.2em; position:absolute; top:0; left:48px; overflow:hidden; padding:6px 8px 0 24px;background:url(../gfx/modules/bubbleshout/bubble_bg.gif) no-repeat left -6px; width:159px; height:58px; font-size:.9em; } /* COMMUNITY:BOXES */ #mainCol .box { float:left; width:100%;} #mainCol .headline {border-bottom:1px solid #c7c7c7;border-top:1px solid #e1e1e1;background:url(../gfx/modules/profile/headline-fadebg.gif) repeat-x bottom;float:left;color:#5D5D5D;margin-top:-1px;padding:0 5px; overflow:hidden;} #mainCol .headline h2, #main .headline h2 { float:left; line-height:23px; margin:0;padding:0;border:0; white-space:nowrap;} #mainCol #left .headline {width:139px;} #mainCol #main .headline { width:425px;} #mainCol #main .box { float:left; float:left; width:435px;} #mainCol #main .box .content { padding:8px 0 8px 5px;float:left; width:430px; } #mainCol .headline a.open, #mainCol .headline a.close {background:url(../gfx/modules/boxes/open.gif) no-repeat;display:block;float:right;width:14px;height:14px;margin:4px 0;} #mainCol .headline a.open {background:url(../gfx/modules/boxes/close.gif) no-repeat;} #mainCol #main .sub { display:block; font-size:.9em; width:100%;float:left; background-color:#f8f8f8; border-bottom:1px solid #f4f4f4;} #mainCol #main .sub .left, #mainCol #main .sub .right { padding:3px 6px; color:#666;} #mainCol #left .box {float:left; width:100%; } #mainCol #left .box .content {padding:8px 0 8px 0;float:left; width:149px;} .box .content input.right, .box .content a.right { margin-right:10px;} .box .content input.left, .box .content a.left { margin-left:10px;} /* COMMUNITY:TABS/BREADCRUMB */ #userheader { float:left;padding:10px 20px 17px;width:574px;display:inline;font-size:1.3em;} #userheader p {float:left;font-weight:bold;line-height:17px;} #userheader a {display:inline;line-height:17px;} #userheader a.male, #userheader a.female { float:left;} #userheader p span.location { color:#666;margin:0 5px; float:left;} #userheader p span.location a { color:#666;} #userheader span { color:#999;} #userheader p.online { color:#0cad0c;font-weight:bold;float:left;} /* COMMUNITY:TABS */ #userMenu { width:601px;float:left;padding-left:17px;display:inline; /* IE6 Double Margin Fix */list-style:none;background:url(../gfx/basic/dot_c7c7c7.gif) repeat-x bottom;} #userMenu li {float:left;height:29px;border:1px solid #c7c7c7;border-left:none;background:url(../gfx/basic/usermenu_li_bg.gif) repeat-x bottom #f3f3f3;} #userMenu li a {display:inline; /* IE6 Double Margin Fix*/float:left;height:29px;padding:0 8px 0 8px;line-height:29px;font-weight:bold;color:#555;} #userMenu li#active,#userMenu li:hover {background:none #fff;border-top:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-bottom:1px solid #fff;} #userMenu li:hover {border-left:0;} #userMenu li#active a, #userMenu li a:hover {color:#000;text-decoration:none;} #userMenu li.first {border-left:1px solid #c7c7c7;} .userMenu-wide { width:759px !important;} /* COMMUNITY:TABS:OTHER WIDTHS*/ #neighbourhood #userMenu { padding:17px 0 0 17px; width:968px; background-color:#ECECEC ; margin:0;} /* COMMUNITY:SUB-TABS */ #container #usersubMenu {float:left;width:587px;border-right:1px solid #c7c7c7; padding:17px 10px 0 20px;list-style:none; background:url(../gfx/basic/dot_c7c7c7.gif) repeat-x bottom #fff; } #container #usersubMenu li {float:left; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; background-color:#f3f3f3; } #container #usersubMenu li a {color:#666; font-size:.9em; text-decoration:none; padding:4px 8px; display:block; border-bottom:1px solid #c7c7c7;} #container #usersubMenu li a:hover { color:#333; text-decoration:none; background-color:#fff; border-bottom-color:#fff;} #container #usersubMenu li.active a {border-bottom-color:#fff; background-color:#fff;} #container #usersubMenu li#last { border-right:1px solid #c7c7c7; } /* COMMUNITY:RIGHT-COLUMN*/ #rightCol {float:left;width:151px;display:inline; /*IE*/ margin:82px 17px 8px 6px;} #rightCol h1 { width:137px;font-size:.9em;float:left;background:url(../gfx/basic/header_rightCol.gif) no-repeat;height:18px;padding:5px 7px 0;border-bottom:1px solid #c7c7c7;} /* COMMUNITY:RIGHT-COLUMN:NOTIFICATIONS */ #rightCol ul.notifications {float:left;list-style:none;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;background-color:#f7f7f7;display:none;} #rightCol ul.on { display:block;} #rightCol .notifications li a{line-height:20px;font-weight:bold;width:114px;color:#333;display:block;border-top:1px solid #c7c7c7;padding:5px 5px 5px 30px;text-decoration:none;white-space:nowrap;overflow:hidden;} #rightCol .notifications li a:hover {background-color:#fff;} #rightCol .notifications .gbook a {background:url(../gfx/iconpack/guestbook.gif) no-repeat 7px 6px;} #rightCol .notifications .friend a {background:url(../gfx/iconpack/user_add.gif) no-repeat 7px 6px;} #rightCol .notifications .event a {background:url(../gfx/iconpack/date_add.gif) no-repeat 7px 7px;} #rightCol .notifications .group a {background:url(../gfx/iconpack/layout_add.gif) no-repeat 7px 6px;} #rightCol .notifications .email a {background:url(../gfx/iconpack/email.gif) no-repeat 10px 8px;} #rightCol .notifications .mobile a {background:url(../gfx/iconpack/phone.gif) no-repeat 10px 8px;} #rightCol .notifications .msg a {background:url(../gfx/iconpack/email_open.gif) no-repeat 7px 5px;} #rightCol .notifications li { display:none;} #rightCol .notifications li.on { display:block;} /* COMMUNITY:RIGHT-COLUMN:MY-MENU */ #rightCol h1.tab-hl-closed, #rightCol h1.tab-hl-open {background:url(../gfx/ico/arrow_isclosed.gif) no-repeat 135px 10px #fff;border:1px solid #c7c7c7;width:133px;cursor:pointer;} #rightCol h1.tab-hl-open {background:url(../gfx/ico/arrow_isopen.gif) no-repeat 135px 12px #fff;} #my-menu .guestbook_new {background:url(../gfx/icons/animated_guestbook.gif) no-repeat 6px 0px; } #my-menu .friend_new {background:url(../gfx/icons/animated_friends.gif) no-repeat 7px 3px; } #my-menu {border:1px solid #c7c7c7;border-bottom:none;margin:0 0 8px;float:left;list-style:none;width:149px;overflow:hidden; background-color:white; } #my-menu li { float:left;} #my-menu a {text-decoration:none;display: block;color: #252525;outline: none;float:left;border-bottom: 1px solid #c7c7c7;line-height:30px;padding:0 0 0 30px;font-weight:bold;width:119px;} #my-menu a.edit { width:39px; padding:0; color:#666; font-weight:normal; text-align:right; padding:2px 10px 0 0; font-size:0.95em; line-height:28px; } #my-menu #mymenuul a {line-height:normal;width:108px;float:left;} #my-menu .less,#my-menu .more {background:url(../gfx/ico/arrow_isopen.gif) no-repeat 11px 13px #fff;width:7px;height:7px;float:left;width:29px;border-left:1px solid #c7c7c7;height:30px;padding:0;} #my-menu .more {background:url(../gfx/ico/arrow_isclosed.gif) no-repeat 13px 12px #fff;right:9px;top:11px;} #mymenuul {color: #444;float:left;width:149px;background:url(../gfx/basic/topsubfade.gif) repeat-x top #f5f5f5;} #my-menu ul {list-style:none;} #my-menu ul li { float:left;width:149px;} #my-menu a.profile { background:url(../gfx/icons/supermode_male.gif) no-repeat 9px 6px; width:89px;float:left;} #my-menu .activity {background:url(../gfx/icons/activity.gif) no-repeat 8px 8px; } #my-menu .gallery {background:url(../gfx/iconpack/images.gif) no-repeat 7px 6px; } #my-menu .guestbook {background:url(../gfx/iconpack/guestbook.gif) no-repeat 7px 6px; } #my-menu .friends {background:url(../gfx/iconpack/user_add.gif) no-repeat 7px 6px; } #my-menu .school {background:url(../gfx/icons/school.gif) no-repeat 7px 9px; } #my-menu .blog {background:url(../gfx/icons/blog.gif) no-repeat 10px 9px; } #my-menu a.message {background:url(../gfx/iconpack/email_open.gif) no-repeat 7px 6px; } #my-menu .inbox {background:url(../gfx/icons/msg_sent.gif) no-repeat 7px 9px; } #my-menu .sent {background:url(../gfx/icons/msg_sent.gif) no-repeat 7px 9px; } #my-menu .trash {background:url(../gfx/icons/msg_sent.gif) no-repeat 7px 9px; } #my-menu .forum {background:url(../gfx/icons/forum.gif) no-repeat 6px 9px; } #my-menu .group {background:url(../gfx/ico/officer.gif) no-repeat 10px 9px; } #my-menu .event {background:url(../gfx/ico/event.gif) no-repeat 8px 9px; } #my-menu .map {background:url(../gfx/icons/map.gif) no-repeat 9px 9px; } #my-menu .twitter {background:url(../gfx/icons/bubbles.gif) no-repeat 4px 8px; } #my-menu .super {background:url(../gfx/ico/star.gif) no-repeat 8px 8px; } #my-menu #mymenuul a {padding:8px 8px 8px 33px;display:block;border-bottom: 1px solid #d2d2d2;background-color:#f5f5f5;} #rightCol #my-menu #mymenuul a:hover {background-color:#f8f8f8;} #my-menu #mymenuul a.gallery {background:url('../gfx/icons/gallery.gif') no-repeat 9px 7px;} /* COMMUNITY:ONLINELIST */ #rightCol .box {float:left;background-color:#fff;margin-bottom:8px;width:149px;border-top:none;border:1px solid #c7c7c7;border-top:0;} #rightCol .box ul {margin:0;float:left;padding:6px 0;list-style:none;display:block;width:149px;border-top:0;} #rightCol .box ul li {color:#aeaeae; float:left;width:133px;overflow:hidden;padding-left:10px;line-height:16px;} #rightCol .imglist .box ul { padding:4px; width:141px;} #rightCol .imglist .box ul li { width:auto; padding:0 0 1px 1px; overflow:hidden; width:34px; height:34px;} #rightCol .imglist .box ul li img { float:left; width:34px; background-color:#e8e8e8; height:34px; font-size:.8em;} #rightCol .imglist .box ul span { display:none;} #rightCol .box li a { padding:0;text-decoration:none;overflow:hidden; float:left;font-size:.9em;text-transform:capitalize;} #rightCol .namelist .box li.super a { padding-left:14px; background:url(../gfx/icons/star_mini.gif) no-repeat 0 4px; } #rightCol .imglist .box li.super p { z-index:99999; background:url(../gfx/icons/star_mini.gif) no-repeat 23px 24px; width:34px; height:34px; position:absolute; font-size:0; } #rightCol .namelist .box img {display:none;} #rightCol a.list-switch {font-size:.8em;padding:2px 9px 3px;width:131px;float:left;border-top:1px solid #e8e8e8;} /* COMMUNITY:MINI-POPUP */ #container .minipopup {background:url(../gfx/templates/minipopups/bg.gif) top left no-repeat #fff;position:absolute;display:none;top:0;left:0;} #container .minipopup div.inner {float:left;background:url(../gfx/templates/minipopups/bg.gif) bottom right no-repeat;margin:7px 0 0 1px;padding:10px 15px 10px 15px;width:auto;min-height:0;display:block;} .minipopup img.icon {float:left;margin-right:10px;} .minipopup .textwrap {float:left;width:250px;} .minipopup h4 {display:block;color:#333;margin-bottom:3px;} .minipopup p {display:block;color:#666;margin:0 0 8px;} .minipopup a.yes,.minipopup a.no {margin-right:10px;display:block;float:left;} .minipopup a.yes span,.minipopup a.no span {float:left;line-height:21px;display:block;padding:0 15px;font-weight:bolder;} .minipopup a.yes {background:url(../gfx/templates/minipopups/button-yes-outer-bg.gif) left no-repeat;} .minipopup a.yes span {background:url(../gfx/templates/minipopups/button-yes-inner-bg.gif) right no-repeat;color:#307400;} .minipopup a.no { background:url(../gfx/templates/minipopups/button-no-outer-bg.gif) left no-repeat; } .minipopup a.no span {background:url(../gfx/templates/minipopups/button-no-inner-bg.gif) right no-repeat;color:#952c3d;} .minipopup label {font-weight:bold;float:left;width:100%;padding-bottom:10px;} .minipopup label select {font-weight:normal;float:left;width:100%;} .xyChild{position:absolute;top:0;left:0;display:none;} /*COMMUNITY:LEFTCOLUMN MENU (PHASING OUT) */ #left .list {float:left;width:130px;list-style:none;border-top:1px solid #c7c7c7;} #left .list li { width:130px;float:left;position:relative; } #left .list a, #left .radioList label {color:#666;padding:2px 0 2px 20px;display:block;float:left;width:112px;border-bottom:1px solid #c7c7c7;position:relative;line-height:19px;height:19px;background-position:0 5px;white-space:nowrap;overflow:hidden;} #left .list a span {position:absolute;right:0;height:23px;width:7px;top:0;display:block;background:url("../gfx/ico/treeArrow_closed.gif") no-repeat center;} #left ul.radioList span {position:absolute;right:0;height:23px;top:0;display:block;} #left ul.radioList span input {} #left .list a.Category { padding:2px 0; width:132px;} .list a.compose {background:url(../gfx/ico/compose.gif) no-repeat; } .list a.inbox{background:url(../gfx/ico/msg_unread.gif) no-repeat; } .list a.sent{background:url(../gfx/ico/msg_sent.gif) no-repeat; } .list a.drafts{background:url(../gfx/ico/msg_draft.gif) no-repeat; } .list a.trash{background:url(../gfx/ico/delete.gif) no-repeat; } .list a.sortbyuser{background:url(../gfx/ico/msg_sortbyuser.gif) no-repeat; } .list a.folder{background:url(../gfx/ico/msg_folder.gif) no-repeat; } .list a.newfolder{background:url(../gfx/ico/msg_addfolder.gif) no-repeat; } .list a.att_replied { background:url(../gfx/ico/msg_att_reply.gif) no-repeat 6px 0; } .list a.photos {background:url("../gfx/ico/images.gif") no-repeat; } .list a.photo {background:url("../gfx/ico/ico_photo.gif") no-repeat; } .list a.event {background:url("../gfx/ico/star.gif") no-repeat; } .list a.tag { background-image:url("../gfx/ico/tag_black.gif"); } .list a.tag_notag {background:url("../gfx/ico/tag_notag.gif") no-repeat; } .list a.calendar {background:url("../gfx/ico/dateTree_all.gif") no-repeat; } .list a.calendarYear {background:url("../gfx/ico/dateTree_year.gif") no-repeat; } .list a.calendarMonth {background:url("../gfx/ico/dateTree_month.gif") no-repeat; } .list a.calendarDay {background:url("../gfx/ico/dateTree_day.gif") no-repeat; } #left .list a:hover {border-bottom:1px solid #999;background-color:#f8f8f8;} .rightcolShout { float:left; width:157px; padding:10px; background-color:#fff; border:1px solid #999; margin-bottom:10px;} .rightcolShout a { display:block; overflow:hidden; width:50px; height:50px; float:left; margin:0 10px 0 0;} #adRight .rightcolShout a img { width:50px; margin:0;} .rightcolShout p { font-size:10px;} /* UNSORTED / PHASING OUT */ dl#userlist {margin:0;padding:0;float:left;width:430px;} /*Headline*/ #userlist dt {display:block;padding-bottom:6px;float:left;width:399px;} #userlist dt p { float:left;font-size:1.1em;color:#444;font-weight:bold;margin:0;} #userlist dt p.right {float:right;color:#666;font-size:1.1em;font-weight:bold;margin:0;} /* Userlist Item */ #userlist dd {float:left;width:430px;margin:0 0 8px;padding:0 0 8px;display:block;border-bottom:1px solid #c7c7c7;} #userlist input.inp {width:100px;float:left;margin:5px 5px 0 0;} #userlist input.buttonL {margin:5px 5px 0 0;} /* Wide */ #wideMain dl#userlist { width: 439px;} #wideMain #userlist dd,#wideMain #userlist dt { width: 439px;} /* Image*/ #userlist a.img-wrap {width:74px;float:left;display:block;overflow:hidden;height:74px;margin:8px 8px 4px;} #userlist a.img-wrap img {margin:0;margin-left:-30px;margin-top:-20px;} #userlist dd a { padding:0 10px 0 0; float:left;} #userlist dd h4 a { padding:0; float:none;} #userlist img {padding:2px;border:1px solid #c7c7c7;float:left;} #userlist .event img { border:0; padding:0;} /* Content (User information) */ #userlist div {float:left;margin-bottom:10px;color:#444;width:184px;} #userlist h4 {color:#444;width:347px;} #userlist h4 span { color:#999;} /* Private Tags */ #userlist .tags {list-style:none;margin:0;padding:0;float:left;} #userlist div p { width:337px; margin-bottom:8px;} #userlist .tags li {float:left;font-size:.9em;margin-right:5px;height:19px;background:url("../../gfx/modules/userlists/privatetags-bg.gif") no-repeat top right;} #userlist .tags a {background:url("../../gfx/modules/userlists/privatetags-bg-inner.gif") no-repeat top left;height:19px;line-height:18px;color:#999;display:block;padding:0 4px;float:left;} #userlist ul.schools {list-style:none;margin:5px 0 0;padding:0;width:184px;} #userlist .schools li a {color:#666;} #userlist .actions {float:right;font-weight:bold;margin-top:10px;width:347px;} #userlist .actions a { color:#444;}