/* approx. px to em conversion: 0.7em 11px 8pt 0.75em 12px 9pt 0.8em 13px 10pt 0.875em 14px 10.5pt 0.95em 15px 11pt 1.0em 16px 12pt 1.05em 17px 13pt 1.2em 19px 14pt 1.125em 20px 15pt 1.4em 22px 16.5pt 1.8em 29px 2.0em 32px 24pt */ /* CONTENTS: 1. CSS Reset 2. Universals (site standards) 3. Utility classes 3.5 Global 4. Header 5. Content area 6. Footer 7. Search block */ /* ============================== 1. CSS Reset ============================== */ /* This gets rid of defaults that vary between browsers, etc. original by Eric Meyer, see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ PLEASE DO NOT CHANGE ANYTHING WITHIN THIS SECTION WITHOUT GOOD REASON. IF YOU *DO* NEED TO CHANGE SOMETHING, DOCUMENT THE CHANGE! */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { background: #faf6ed; color: black; line-height: 1; } ul, ol { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; /* padding-right: 10px; padding-top: 5px; */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a {color:#1d83c1; text-decoration:none;} a:hover {text-decoration:underline;} strong {font-weight:bold;} em, i {font-style:italic;} /* ============================== 2. Universals ============================== */ body {font: normal 100.01% Verdana, Arial, Helvetica, sans-serif;} /* % to allow IE/Win to resize fonts proportionally - 100.01% to correct for bugs in Opera and Safari */ h1, h2, h3, h4 {font-weight:bold;} h1 {font-size:2.0em;} /* h1 is the logo/masthead, so size here is when Img Replacement is turned off */ h2 {font-size:1.8em;} h3 {font-size:1.4em;} h4 {font-size:1.2em;} h5 {font-size:1em;} h6 {font-size:0.8em;} /* ============================== 3. Utility classes ============================== */ /* BEGIN clearfix is for clearing floats */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* END clearfix */ .ar {text-align:right;} .fl {float:left;} .fr {float:right;} .small {font-size:.9em; font-weight:normal;} .ck {position:relative; top:1px;} /* positions checkboxes to center w/ text label - this might be useful in /common */ /* special anchor tags */ a.button {background:#eee; border:1px solid #000; bottom:2px; display:inline; padding:2px 5px; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; width:auto;} a.button:hover {background:#fff; border-color:#909; color:#909;} a.more {background:url(/assets/icons/more_arrows.gif) right 4px no-repeat; color:#f60; font-weight:bold; font-size:.9em; padding:0 14px 0 8px;} /* graphical anchors */ a.leftarw {background:url(/assets/sidebar/left_arrow.gif) no-repeat; display:block; float:left; height:21px; outline:none; overflow:hidden; text-indent:-1000em; width:21px;} a.leftarw:hover {background-position:-21px 0;} a.more_bt {display:block; outline:none; overflow:hidden; text-indent:-1000em;} /* bkg image is dependent on the section where this is used - define in section.css */ a.more_btn {background:url(/assets/buttons/more_blank_btn.gif) center no-repeat; color:#099; display:block; font:bold .7em Arial, Helvetica, sans-serif; line-height:26px; position:relative; text-align:center; text-decoration:none; text-transform:uppercase;} .more_btn span {background:url(/assets/buttons/more_blank_btn.gif) right no-repeat; display:block; padding-right:14px; position:relative; right:-14px;} a.rightarw {background:url(/assets/sidebar/right_arrow.gif) no-repeat; display:block; float:right; height:21px; outline:none; overflow:hidden; text-indent:-1000em; width:21px;} a.rightarw:hover {background-position:-21px 0;} a.submit_bt {background:url(/assets/buttons/submit_bt.gif) no-repeat; display:block; height:25px; outline:none; overflow:hidden; text-indent:-1000em; width:96px;} a.viewprofile_bt {background:url(/assets/buttons/viewprofile_bt.gif) no-repeat; display:block; height:17px; outline:none; overflow:hidden; text-indent: -1000em; width:92px;} a.viewcircle_bt {background:url(/assets/buttons/seemorecircle_bt.gif) top right no-repeat; display:block; height:28px; position:absolute; right:20px; top:15px; text-indent:-1000em; width:170px;} /* errors */ .alert, .error {color:#c00; font-weight:bold; line-height:1.4em; margin:1em .5em; margin-top:0;} .error ul {} .error li {font-size:.9em; list-style-type:square; margin:8px 16px;} .error p {line-height:1; margin:.5em 0; width:400px;} /* */ /* ============================== 3.5 Header ============================== */ /* WIDTHS */ .containerTile, #topBannerContainer, #top-bar #HeaderContainer #logo-search-name-housing, #top-bar #HeaderContainer #nav-bar, .your-kids, .seasonal, .footerContainerTile, .none, .none1, div#global-bar .container { width:978px; } /* ============================== 4. Header ============================== */ /* Parents Connect Parenting Global Nav */ #HeaderContainer #nav-opt-submenuWrap { background: #fff url(/assets/pc-menu-bg-sub.gif); } iframe.nav-opt-overlay { position: absolute; top: 0; left: 0; border: 0; //top: auto; //left: auto; width: 100%; //width: expression(this.nextSibling.offsetWidth); height: 100%; //height: expression(this.nextSibling.offsetHeight); z-index: -1; filter:alpha(opacity=0); } #login-form-housing {/*_width:280px;width:270px;*/position:relative;} #login-form-housing .close{font-size:11px !important; font-weight:normal !important; color:#1D83C1 !important; display:block; position:absolute; top:30px; right:20px; width:41px; height:10px; } #login-balloon{ border-collapse: collapse; width:auto; } /*#login-balloon td.n{background-position:right top; background-image:url(/assets/login/2009/bubble_top_right.gif)}*/ #login-balloon #login-carrot{} #login-balloon td.content {text-align:left; _width:230px; line-height:110%; padding-top:5px; padding-bottom:15px; margin-left:0px; padding-left:0px;} .login-header {font-family:arial;color:#666; font-size:16px !important; font-weight:bold !important; } /* !importants override the global-navigation.css resets! */ #userLoginForm {font-size:12px;padding-bottom:0px; margin-bottom:0px; color:#666; font-family:arial;} #userLoginForm #password, #userLoginForm #loginName, #userLoginForm .label {float:left;margin-top:6px;} #userLoginForm #password, #userLoginForm #loginName {border:1px solid #b023ae; width:120px; } #userLoginForm .label {width:100px; padding-top:2px; } #userLoginForm #submit-btn {padding:6px 0 12px 100px;} .login-footer a{ background-image:url(/assets/icons/arrow_magenta_sm.gif); background-repeat:no-repeat; padding-left:10px !important; padding-right:5px !important; background-position:0px 5px; } #login-balloon #login-carrot { margin: 0px 30px; } #login-balloon .content { background-color:white; } /* full login : registration + login */ #login-form-housing .login-wrapper-regular { width: 225px; } #login-form-housing .login-wrapper-extended { width: 485px; font-family: Georgia; font-size: 14px; color: #666; line-height: 22px; } #login-form-housing .login-wrapper-extended .start { font-weight: bold; } #login-form-housing .login-wrapper-extended li { background:transparent url(/assets/icons/magenta-arrow.gif) no-repeat scroll left center; display:block; font-size:12px; padding-left:15px; } #login-balloon .login-wrapper-extended .signUp-header { font-family: arial; font-weight: bold; font-size: 24px; color: #B023AE; letter-spacing: -0.8px; line-height: 30px; } #login-balloon .login-wrapper-extended .divider { background:transparent url(/assets/center_pages/dotted_line.gif) repeat-x top left; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; } div#login-form-housing .login-wrapper-extended ul { margin: 10px 0px; } #login-form-housing .login-wrapper-extended .email, #login-form-housing .login-wrapper-extended .pass { float:left; margin: 5px 5px 0px 0px; font-family: arial; font-size: 12px; } #login-form-housing .login-wrapper-extended .pass { padding: 0px 0px 0px 15px; } #login-form-housing .login-wrapper-extended #submit-btn {padding:4px 0 12px 10px;} #login-form-housing .login-wrapper-extended .joinNow {vertical-align: middle;} /* for login */ #hovering-avatar-action #login td.content {width:250px;text-align:left !important;} /*blockpage login*/ .blockPage #colLeft .notLoggedIn table{ padding-left:200px; } .blockPage #colLeft .notLoggedIn #subBtn{ padding:50px 200px 0px 0px; width:100px; } .blockPage #colLeft .notLoggedIn table td{ padding:5px; } .blockPage #colLeft .notLoggedIn div {/*forgot pass, etc links*/ text-align:left; padding-left:200px; padding-top:10px; } /* ============================== 5. Content area ============================== */ /* top advertisements */ #topBannerContainer { background-color:#fff; margin: 0px auto; padding: 10px 0px 0px 0px; } #topBannerContainer #topBanner { padding:0px 0px 0px 0px;} #topBannerContainer #internalPromo {float:right; width:253px; padding:1px 0px 0px 0px; overflow:hidden;} /* this is for all pages with the tableless layout structure */ #pc3Container {border:5px solid #fff; vertical-align:top; background-color:#fff; text-align:left;} #pc3LeftCol {width:600px; float:left; background-color:#fff; border:5px solid #fff; display: inline; } #pc3RightCol {width:325px; float:right; background-color:#fff; border:5px solid #fff; text-align:center; display: inline; } .moduleborder1 {border-bottom:5px solid #fff;} .moduleborderOthers {border-top:5px solid #fff; border-bottom:5px solid #fff;} /* because our standard size is smaller than 100% = 'medium' in browser keyword ~ 16px */ .containerTile { background-color:#fff; margin: 0px auto; text-align: center;} #container {font-size:.7em; margin:0 auto;} #container {background-color:#fff; padding:10px; width:958px; text-align:center; } #container table {text-align:center; } /* to appease MSIE */ /* ?? */ /* where the content goes, in two columns */ #container table.mainContent {position:relative; margin-left: 0px;} #container table.mainContent td {vertical-align:top;} #container table.mainContent td#colLeft {padding-top:15px; width:660px; position:relative;} #container table.mainContent td#colRight {padding-right:5px; width:331px;} #container #greeting {position:relative; display:block;} /* the tabbed-top that's not tabbed anymore */ #container #greeting h1 { color:#000; float:left; font-size:1.3em; font-weight:bold; position:relative; padding-right:5px; } /* the section tagline, not sIFR */ #container #greeting .tagline { color:#f60; float:left; font-size:1.3em; font-weight:bold; position:relative; } #search_secondary {margin:10px;} /* avatars and comment-related */ .timestamp {color:#666; font-size:.9em; font-weight:bold; text-transform:uppercase;} #reportAbuse { width:355px; height:280px; position:absolute; background:url(/assets/login_etc/reportAbuseBalloon.png) no-repeat; } #reportAbuse form { padding-top:39px; padding-left:18px; } #reportAbuse select, #reportAbuse textarea{ font-size:10px; font-family:verdana; } #reportAbuse textarea{ width:300px; margin-top:45px; } #reportAbuse select { width:302px; } #reportAbuse #btnClose{ text-align:right; margin-right:20px; margin-top:5px; } #reportAbuse #btn{ text-align:right; margin-right:35px; margin-top:8px; } /* ============================== 6. Footer ============================== most is now it's own file for syndication */ .footerContainerTile { /*WIDTH IS SET ABOVE; SEE CONTENT SECTION */ } #footer-pc-websites .link-menu {width:135px;} #footer-nick-kids-fam-websites {padding: 0px 13px 10px 20px !important;} #footer-nick-kids-fam-websites .link-menu {width:192px !important; padding-left:10px;} body{ padding:0px; margin:0px; /* Move to JS func to avoid tinymce background-image:url(/assets/bg/background_bottom-2009.gif); */ background-repeat:repeat-x; background-position:bottom; } #topBG { text-align:center; width:auto; /*background-color:#faf6ed;*/ background-image:url(/assets/bg/bg-2009.gif); background-position:center; background-repeat:repeat-y; zoom:1; } #bottomBG { width:auto; } #footer-pc-websites .leftGirlDiv { left:-146px; _left: -543px } #footer-pc-websites .rightGirlDiv { left: 933px; _left: 546px; } /* make the "lifebook promo" stub invisible until we remove or implement all */ #colRight .container {display:none;} /* search filters */ #schFilter {padding:5px 0;} #schFilter li {border-left:1px solid #9c0; display:inline;} #schFilter li a {color:#666; padding:0 13px;} #schFilter li:first-child {border-left:none;} /* does not work in IE */ #schFilter p {padding:0 0 25px 5px;} /* CMS Date preview header */ div#previewDate { width: 100%; padding-top: 4px; padding-bottom: 4px; background-color: #f00; color: #fff; font-size: 14px; font-weight: bold; text-align: center; } /*for avatar frames/borders of 60x60 dimension- used in Get Connected and Fresh Posts*/ /* used everywhere! */ .avatarFrame60{ background-color:white; width:60px; height:60px; border:4px solid white; margin:0px; padding:0px; overflow:hidden; } .avatarBorder60 { border:1px solid #ccc; margin:0px; padding:0px; width:68px; } .username {font-weight:normal; color:#093;} /* fresh posts - duped from hp.css */ h2#fresh_posts {background:url(/assets/text/v3_fresh.gif) no-repeat; height:20px; margin:5px 0; position:relative; text-indent:-1000em;} h2#fresh_posts img {position:absolute; bottom:-30px; right:0;} #fpost {border-top:none; margin:0; padding:0px 20px; padding-left:0;} /* #fpost h2 img {display:none;} hides the fresh posts icon on all pages - exception made in hp.css */ #fpost p {margin-left:80px;} #fpost p.action {margin-left:0; text-align:right;} #fpost a.connectLink {color:#333 !important; font-weight:normal !important;} #fpost .avatarSpace {float:left; width:auto; text-align:center; width:80px;} #fpost .post {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; min-height:70px;} #fpost .post a {color:#1d83be;} /* AVATAR ACTIONS AND LOGIN BALLOON - SIMILAR TRAITS */ /* circle appearance*/ .avatar-image-housing {position: relative; height: 56px; overflow: hidden;cursor:pointer; } .avatar-image-housing .circle-cut-out { height: 56px; width: 56px; position: absolute; left: 0px; background-image: url('/assets/avatars/todayChatterAvatarFrame.png'); _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/avatars/todayChatterAvatarFrame.png'); } #addFriendPopup{width: 247px; position: absolute; top: 10px; left: -100px; display: none; margin: 0px 0px 0px 0px;z-index: 10;} #addFriendPopup #buttonsHolder{text-align: right; padding-top: 10px;} #addFriendPopup #buttonsHolder #confirmButton{display: inline; padding-left: 7px; color: #1D83C1; cursor: pointer; font-size: 16px;} #addFriendPopup #buttonsHolder #requestMessage{width: 205px; height: 40px; margin: 0px 0px 10px 0px;} /* sending gifts via avatar actions #hovering-avatar-action*/ #hovering-avatar-action, #login-form-housing {position:absolute; z-index:999;} #hovering-avatar-action #close-link {font-size:9px; text-align:right;padding-bottom:5px; font-weight: bold; } #hovering-avatar-action .response { font-family: Georgia; font-size: 18px; text-align: left; padding-top: 20px; } #hovering-avatar-action .username { font-size: 18px; font-weight: bold; } #hovering-avatar-action .aaTitle { color:#B023AE; font-weight:bold; font-size:34px; letter-spacing:-2px; float: left; } #hovering-avatar-action .footButtons { text-align: right; padding-top: 30px; } #hovering-avatar-action .footButtons img { cursor: pointer; } #hovering-avatar-action a {color:#1d83be;} /*note*/ #hovering-avatar-action #avatar-action-pm-compose { font-size: 12px; text-align:left; width:340px; } #hovering-avatar-action #avatar-action-pm-compose input, #hovering-avatar-action #avatar-action-pm-compose textarea { border:1px solid #B023AE; margin:0 0 5px; width:325px; } #hovering-avatar-action #avatar-action-pm-compose span {font-weight:normal; } #hovering-avatar-action #avatar-action-pm-compose #messageBody, #hovering-avatar-action #avatar-action-pm-compose #subject {font-size:.9em;font-family:verdana;width:200px; } #hovering-avatar-action #avatar-action-pm-compose #messageBody { height:150px; width: 325px; display: block; clear: both; font-size:14px;} #hovering-avatar-action #avatar-action-pm-compose #subject { margin: 5px 0 10px; width: 325px; display: block; clear: both;} #hovering-avatar-action #avatar-action-pm-compose .chars-left{float:right;} #hovering-avatar-action #avatar-action-pm-compose .buttons { text-align: right; } #hovering-avatar-action #avatar-action-pm-compose .inputTitle { height: 20px; } /*gift*/ #hovering-avatar-action #gift-housing { width:465px; font-size: 12px; text-align:left; } #hovering-avatar-action #gift-housing .instructContainer { background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; } #hovering-avatar-action #gift-housing .header{} #hovering-avatar-action #gift-housing .instructions{ font-family: Georgia; } #hovering-avatar-action #gift-housing #gift-categories {float:left; padding-right: 20px; } #hovering-avatar-action #gift-housing #gift-categories #header{font-family:Arial; font-size:21px; font-weight:bold;color:#999999;letter-spacing:-.5px;} #hovering-avatar-action #gift-housing #gift-categories #giftCategory{padding-bottom:5px; color: #B023AE; } #hovering-avatar-action #gift-housing #gift-categories #giftCategory .onState{display:block; padding-left:15px; background-image:url(/assets/icons/magenta_carat.gif); background-repeat:no-repeat; background-position:2px 3px; font-weight: bold; } #hovering-avatar-action #gift a { } #hovering-avatar-action #gift-housing #gifts {width:280px;float:left;} #hovering-avatar-action #gift-housing #gifts table{background-color:white; width: 100%; } #hovering-avatar-action #gift-housing #gifts table tr { height: 100px; } #hovering-avatar-action #gift-housing #gifts td{text-align:center;} #hovering-avatar-action #gift-housing #gifts .giftItem .giftItemImage {padding-right:5px;} #hovering-avatar-action #gift-housing #gifts .giftItemTitle img{display:none;} #hovering-avatar-action #gift-reason { width: 380px; } #hovering-avatar-action #giftDesc select#reasonDropDown {width:300px;} #hovering-avatar-action #gift-reason .instructContainer { font-size: 12px; text-align: left; font-family: Georgia; background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; } #hovering-avatar-action #gift-reason .sending { font-size: 18px; font-weight: bold; margin: 10px 0px; } #hovering-avatar-action #gift-reason #reason-select { width: 380px; margin: 10px 0; } #hovering-avatar-action #gift-reason .sendButtons { text-align: right; } #hovering-avatar-action #gift-sent { width: 300px; } #hovering-avatar-action #gift-sent .sending { margin: 15px 0px; padding-bottom: 30px; font-size: 18px; font-weight: bold; } #hovering-avatar-action #gift-sent .image { padding-bottom: 50px; } #hovering-avatar-action #giftSentCopy {display:none;} #hovering-avatar-action #main { font-size: 18px; font-weight: bold; } #hovering-avatar-action #main select { font-size:14px; margin-bottom:10px; margin-top:5px; } #hovering-avatar-action #main #giftDesc { margin-top:5px; } #hovering-avatar-action #main a { display:none; } #hovering-avatar-action #main #sendLink a { display:block; } /*board*/ #hovering-avatar-action .to { font-family: Georgia; font-size: 16px; padding: 0 0 10px; text-align: left; } #hovering-avatar-action .username { font-weight: bold; } #hovering-avatar-action textarea{ background-image:none; border:1px solid #B023AE; margin-bottom:10px; font-family:verdana; font-size:.8em; width:300px; height:100px; font-size:14px;} #hovering-avatar-action #commentSubmitBtn { text-align: right; } #hovering-avatar-action .sent { font-family: Georgia; font-size: 16px; padding: 20px 0; } /*avatar actions*/ .avatar-actions {height:23px; width:70px; position: relative; } .allUsersComments .avatar-actions {margin-left:30px;}/*for dailies comments*/ .avatar-actions a{width: 17px; background-image:url(/assets/icons/ico_avatar-actions-v2.gif); display:block; height:20px; outline:none; overflow:hidden; text-indent:-2000em; text-align:left; float:left; background-repeat:no-repeat;} .avatar-actions .note{background-position:1px 3px;} .avatar-actions .gift{background-position:-20px;} .avatar-actions .board{background-position:-42px 3px; } .avatar-actions .friend{background-position:-64px 3px; width: 19px;} /*gift viewing page*/ #sender-avatar-actions {background-image:url(/assets/balloons/gifts_bubble.gif); width:450px; background-repeat:no-repeat;height:47px;margin-left:70px;_margin-left:0px;} #sender-avatar-actions .avatar-actions{padding-top:22px; padding-left:50px;} #sender-avatar-actions .avatar-actions a {text-indent:0em; text-align:left;} #sender-avatar-actions .avatar-actions a.note{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-note.gif); width:110px;} #sender-avatar-actions .avatar-actions a.gift{padding-left:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); width:110px;background-position:0px} #sender-avatar-actions .avatar-actions a.board{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-wall.gif); width:110px;background-position:0px} #sender-avatar-actions .avatar-actions-bar{padding-top:22px; padding-left:20px; padding-right:20px; width:450px; position: relative;} #sender-avatar-actions .avatar-actions-bar a.note{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-note.gif); background-repeat:no-repeat; width:130px;} #sender-avatar-actions .avatar-actions-bar a.gift{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); background-repeat:no-repeat; width:130px;background-position:0px} #sender-avatar-actions .avatar-actions-bar a.board{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-wall.gif); background-repeat:no-repeat; width:130px;background-position:0px} /*corners*/ #hovering-avatar-action { border-collapse: collapse; font-size: 11px; width: auto; display:block; } #hovering-avatar-action #close-link { color: #1d83be; cursor: pointer; } #hovering-avatar-action .nw { background: transparent url(/assets/balloons/avatar-actions-balloon_nw.gif) no-repeat; width:13px; } #hovering-avatar-action .n { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; } #hovering-avatar-action .nr { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; text-align:right; } #hovering-avatar-action .ne { background: transparent url(/assets/balloons/avatar-actions-balloon_ne.gif) no-repeat top right; width:13px;} #hovering-avatar-action .e, #login-balloon .e { background: transparent url(/assets/balloons/avatar-actions-balloon_e.gif) repeat-y right; } #hovering-avatar-action .se, #login-balloon .se { background: transparent url(/assets/balloons/avatar-actions-balloon_se.gif) no-repeat bottom right; height:12px; } #hovering-avatar-action .s, #login-balloon .s { background: transparent url(/assets/balloons/avatar-actions-balloon_s.gif) repeat-x bottom; } #hovering-avatar-action .sw, #login-balloon .sw { background: transparent url(/assets/balloons/avatar-actions-balloon_sw.gif) no-repeat bottom left;} #hovering-avatar-action .w, #login-balloon .w { background: transparent url(/assets/balloons/avatar-actions-balloon_w.gif) repeat-y; } #hovering-avatar-action .content { background-color:white; padding: 0 10px; text-align: left; } #login-balloon .se {width:12px;} #login-balloon .n {text-align:right; background:url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top;} .pagination-container{ background-image:url(/assets/community/Page_BG.gif);background-repeat:no-repeat; height:36px; margin:0px; width:583px; background-position:center; } .pagination-container div{margin-top:10px; color:#666; } .pagination-container .paging { _height:25px; overflow:hidden; float:right; margin-right:20px;} .pagination-container .paging a {color:#999;margin:0px 2px;} .pagination-container .paging .disabled {#ccc;margin:0px 2px;} .pagination-container .showing {float:left; margin-left:10px;} #ActivityHeader #todaysChatterRefreshButton{background-image: url('/assets/buttons/btn_refresh_gray.jpg'); width: 26px; height: 26px; cursor: pointer; float:left; margin-left: 6px} #ActivityHeader #todaysChatterTalkButton{background-image: url('/assets/buttons/btn_talk.gif'); width: 59px; height: 25px; cursor: pointer; float: right; margin-top: 0px; margin-right: 14px; display: inline; } #ActivityHeader #headAndRefresh { float: left; height: 25px; display: inline; } #ActivityHeader #headAndRefresh h2 { float: left; margin-left: 12px; display: inline; letter-spacing: -0.5px; } #ActivityHeader { margin-top: 10px } /*SIF Pagination Style */ .sif-pagination { font-size: 16px; } .sif-pagination.bottom { margin: 10px 0px 0px 0px; } .sif-pagination ul { float: right; } .sif-pagination .prev-page, .sif-pagination .next-page { font-family: georgia; font-weight: bold; font-style: italic; color: #1D83C1; cursor: pointer; } .sif-pagination .page { font-family: georgia; font-weight: bold; font-style: italic; color: #666; } .sif-pagination ul li { float: left; padding: 0px 1px; font-family: georgia; font-weight: bold; } .sif-pagination ul li ul { float: left; } .sif-pagination ul li ul li { padding: 0 3px; } .sif-pagination .divider { padding: 0 5px; font-weight: normal; } .sif-pagination .link span { cursor: pointer; text-decoration: none; color: #1D83C1; } .sif-pagination li.selected span { color: #666; cursor: text; } .pagination .page-slider li.link span.selected { color: #666; cursor: text; } /* pagination */ .pagination { font-size: 16px; } .pagination.bottom { margin: 10px 0px 0px 0px; } .pagination ul { float: right; } .pagination .p-page, .pagination .n-page { font-family: georgia; font-weight: bold; font-style: italic; color: #1D83C1; cursor: pointer; } .pagination .page { font-family: georgia; font-weight: bold; font-style: italic; color: #666; } .pagination ul li { float: left; padding: 0px 1px; font-family: georgia; font-weight: bold; } .pagination ul li ul { float: left; } .pagination ul li ul li { padding: 0 3px; } .pagination .divider { padding: 0 5px; font-weight: normal; } .pagination .link span { cursor: pointer; text-decoration: none; color: #1D83C1; } .pagination li.selected span { color: #666; cursor: text; }