@import url("../../common/css/reset.css"); @import url("../../common/css/identengine.css"); @import url("../font/caecilia.css"); /*** marro.ws ***/ body{background:#fcfcfc url(../images/bg.png) repeat-x; padding:0; margin:0 auto; text-align:center; behavior: url("csshover3.htc");} body#signup{background:#e7e7e7 url(../images/bg-signup.png) repeat-x;} body#signin{background:#e7e7e7 url(../images/bg-signup.png) repeat-x;} body#homepage{background:url(../images/bg-homepage.png) top center repeat-x #d6edfb;} body#tos{background:#FFFFFF; width:380px; text-align:left; font-size:12px; padding:10px;} #wrapper{width:978px; margin:0 auto; text-align:left;} .block{display:block!important;} .inline-block{display:inline-block!important;} .dhide{display:none!important;} #signup #wrapper, #signin #wrapper, #profile wrapper{width:970px; margin:0 auto; text-align:left;} #dashboard #wrapper{width:1170px; margin:0 auto; text-align:left;} #homepage #wrapper{width:902px} #footer{clear:both;border-top:1px dotted #666;padding:10px 20px;margin:30px 0px 20px 0;font:13px/17px Arial,Helvetica,sans-serif;text-align:right;} #footer a{color:#021e2d;text-decoration:none;} #footer a:hover{text-decoration:underline;} #footer ul li{float:left;padding:0 25px 0 0;} #header{height:108px;position:relative;} #logo{position:absolute;top:29px;} #logo a{background:url(../images/l.png) no-repeat;width:185px;height:24px;display:block;text-decoration:none;text-indent:-9000px;outline:none;} #addonBanner{position:absolute;top:19px;right:0;width:198px;height:41px;} #addonBanner a.ff{display:block;width:198px;height:41px;text-decoration:none;text-indent:-9000px;outline:none;background:url(../images/banner-addon.png) no-repeat;} #addonBanner a.ff:hover{background-position:-198px top} #addonBanner a.ie{display:block;width:198px;height:41px;text-decoration:none;text-indent:-9000px;outline:none;background:url(../images/banner-addon.png) no-repeat bottom left;} #addonBanner a.ie:hover{background-position:-198px bottom} #header #nav { margin:0 auto; width:570px; z-index:200; position:relative; top:30px; text-align:right;} #header #nav a { color:#374b57; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px} #header #nav a:hover { text-decoration:underline; } #header #nav li { display:inline; position:relative; text-align:left;} #header #nav li span { position:relative; z-index:10; padding:11px 5px; border-bottom:none; line-height:18px; text-align:center} #header #nav li span a { font-weight:bold; padding:0 4px; } #header #nav li:hover span {padding:11px 4px; border:solid 1px #BABABA; background:#F3F3F3} *+html #header #nav li:hover span {border-top:solid 2px #BABABA; padding-bottom:10px; } /* IE6 */ #header #nav img.arrow {cursor:pointer; position:relative; left:4px} #header #nav div.sub_menu { display:none; position:absolute; left:0; border:dotted 1px #BABABA; border-bottom:none background:#F3F3F3; margin-top:11px; min-width:120px; background:#FFFFFF; } #header #nav ul li:hover div.sub_menu{display:block} #header #nav div.sub_menu a:link, #header #nav div.sub_menu a:visited{ display:block; font-size:11px; padding:6px 10px; border-bottom:dotted 1px #BABABA} #header #nav a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } .thirtypix{display:block; clear:both; height:30px; width:300px; overflow:hidden} #twoColumn{overflow:hidden;} #twoColumn #leftBlock{width:250px; float:left; margin:0 20px 0 0; display:block;} #twoColumn #rightBlock{width:900px; float:left; display:block;} #dashboard #userInfo{height:68px; border-bottom:1px dotted #666666; margin:0 0 30px 0} #dashboard #userInfo a.userImg{display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; width:48px; height:48px; float:left} #dashboard #userInfo div{display:inline-block; margin:0 0 0 10px; width:188px;} #dashboard #userInfo div a{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999} #dashboard #userInfo div a:hover{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000} #dashboard #userInfo div p{padding-top:5px} #dashboard #userInfo a{display:inline-block;} #dashboard #userInfo div a.username{color:#2e4457; font-size:15px; text-decoration:none; border-bottom:#2e4457 1px dotted; margin:0 8px 0 0; font-weight:bold} #dashboard #userInfo div a.networks{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 2px 0 0} #dashboard table.cke_editor iframe{padding:0 13px} #dashboard ul#accordion li.handler{background:#FFFFFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:10px 0; margin:0 0 20px 0} #dashboard ul#accordion a.heading{display:block; width:216px; height:27px; font-size:18px; color:#2a2829; font-family: 'CaeciliaLTStd85Heavy'; text-decoration:none; padding:10px 0 0 30px; background:url(../images/bg-arrows.png) 10px -15px no-repeat} #dashboard ul#accordion a.addcategory{position:relative; float:right; font-family:Tahoma; font-size:11px; color:#2e2e2e; position:relative; right:10px; top:22px} #dashboard ul#accordion a.emptytrash{position:relative; float:right; font-family:Tahoma; font-size:11px; color:#2e2e2e; position:relative; right:18px; top:18px} #dashboard ul#accordion a.heading.active{background-position:10px 11px} #dashboard ul#accordion li ul li{display:block; border-bottom:1px dotted #999999; padding:0 10px 0 20px; line-height:20px} #dashboard ul#accordion li ul li span{display:inline-block; border-radius:4px; -moz-border-radius:2px; -webkit-border-radius:2px; width:8px; height:8px; margin:0 5px 0 0} #dashboard ul#accordion li ul li span.img{width:16px; height:16px; margin:0 10px 0 0; position:relative; top:2px} ul#accordion li ul li.last{border:none;} #dashboard ul#accordion li ul li a{font-style:normal; font-family:Tahoma; font-size:12px; color:#2a2829; text-decoration:none} #dashboard ul#accordion li ul li b{font-style:normal; font-family:Tahoma; font-size:12px; color:#2a2829; text-decoration:none; margin-left:10px} #dashboard ul#accordion li ul li a.delete{font-family: 'CaeciliaLTStd85Heavy'; font-size:12px; color:#000000; text-decoration:none; float:right; position:relative; top:2px; display:none} #dashboard ul#accordion li#categories ul li.hover{background-color:#0CC} #dashboard ul#accordion li ul li:hover a.delete{display:block} #dashboard ul#accordion li ul li div{display:none; background:url(../images/bg-tooltip.png); width:188px; height:97px; position:absolute; float:left; padding:30px 15px 10px 15px; font-family:Tahoma; font-size:11px; color:#050505; z-index:200} #dashboard ul#accordion li ul li:hover div{display:block;} #dashboard ul#accordion li ul li div h1{font-family:Arial, Helvetica, sans-serif; color:#374b57; font-size:15px; font-weight:bold} #dashboard ul#accordion li ul li div p{line-height:17px} #dashboard ul#accordion li ul li div a{text-decoration:underline; font-size:11px} #contentNav.big{background: url(../images/sp-contentNav.png) no-repeat 4px 0px;padding:7px 4px 0px 4px;} #contentNav.dashboard{background: url(../images/db-contentNav.png) no-repeat 4px 0px;padding:7px 4px 0px 4px; clear:both} #contentNav h1{font-family: 'CaeciliaLTStd85Heavy';font-size:26px;color:#FFF;background:#213343;padding:13px 20px 20px 20px;} #s-profile #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px 11px;} #s-password #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px 11px;} #s-notices #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px 11px;} #s-mobile #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px 11px;} #s-design #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px 11px;} #dashboard #contentNav h1{background:#213343 url(../images/db-titleIcons.png) no-repeat 846px -15px} #dashboard #contentNav h1.search{background-position:846px -119px } #tools #contentNav h1{background:#213343 url(../images/db-titleIcons.png) no-repeat 909px -429px} #dashboard #contentNav h1.statistics{background-position:846px -243px} #friends #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px -263px;} #static #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px -263px;} #groups #contentNav h1{background:#213343 url(../images/sp-titleIcons.png) no-repeat 923px -263px;} #contentNav #subNav{background:#2e4457;height:40px;overflow:hidden;padding:0px 20px;} #contentNav #subNav li{float:left;margin:10px 0px 0 0px;padding:5px 10px 5px 16px;font:bold 13px/13px Arial,Helvetica,sans-serif;} #contentNav #subNav li a{color:#FFF;display:block;text-decoration: none;} #contentNav #subNav li a span{padding:4px 0;} #contentNav #subNav li a:hover{color:#EEE} #contentNav #subNav li.selected{background:url(../images/bg-subNav.png) no-repeat left 2px;} #contentNav #subNav li.selected a, #contentNav #subNav li.selected a:hover{color:#2e4457;} #contentNav #subNav li.selected a span{background:url(../images/bg-subNav.png) no-repeat right 2px;margin:-5px -16px 0 0;padding:4px 16px 4px 0; display:block} #content.big{background:url(../images/bg-signup-content.png) repeat-y -700px 0;padding:15px 25px 15px 25px;font:12px/18px Arial,Helvetica,sans-serif;color:#000;} #content.groups-home{background:url(../images/bg-signup-content.png) repeat-y -700px 0;padding:15px 25px 15px 25px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; overflow:hidden} #content.profile{background:url(../images/bg-profile-content.png) repeat-y -13px 0;padding:0px 4px 15px 4px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; overflow:hidden} #content.dashboard{padding:0px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; position:relative; left:4px; width:892px;} #twoColumn #contentFooter{background: url(../images/bg-db-footer.png) no-repeat -700px bottom; height:26px;} #contentFooter{background: url(../images/bg-content-footer.png) no-repeat -700px bottom; height:26px;} #profile #contentFooter, #s-notices #contentFooter, #friends #contentFooter, #groups #contentFooter, #static #contentFooter {background: url(../images/bg-profile-footer.png) no-repeat -1px bottom; height:9px;} #content h2{font:bold 18px/28px Arial,Helvetica,sans-serif; color:#333;} #content .pinboard{background:url(../images/bg-pinboard.png) bottom; overflow:hidden display:block; width:892px; min-height:427px} #content .listview{background:url("../images/bg-list.png") scroll 0 50px no-repeat; overflow:visible; display:block; width:892px; height:407px} #dashboard .listview ul#dashboardNav{top:-6px} #dashboard #content.dashboard .listview .dashboardHeader{background:url(../images/bg-db-header-list.png)} #content .statisticBoard{background:url(../images/bg-statistics.png) no-repeat; overflow:hidden display:block; width:892px; height:140px} #content .message{background:#eef5e7;font:16px/30px Arial,Helvetica,sans-serif;border-top:1px solid #a3c977;border-bottom:1px solid #a3c977;padding:10px;margin:0 0 15px 0;} #content .ok p{background:#eef5e7 url(../../common/images/sp-icons.png) no-repeat 10px -157px;padding:8px 0px 8px 53px} #content .notok p{background:#FF0000 url(../../common/images/sp-icons-notok.png) no-repeat 10px -157px;padding:8px 0px 8px 53px} #content .message.notok{background:#FF0000; color:#FFFFFF} #content .info p{background:#eef5e7 url(../../common/images/sp-icons-info.png) no-repeat 10px -157px;padding:8px 0px 8px 53px} #dashboard .listview ul#sortable{display:block; padding:13px 0px 20px 16px; height:296px; width:860px} #dashboard .listview ul#sortable li{float:none; display:block; margin:0; font-family:"Tahoma", Times, serif; font-size:12px; line-height:34px} #dashboard .listview ul#sortable li.placeholder{background:#FFFFFF; opacity:0.4; width:100%; height:34px;} #dashboard .listview ul#sortable li input{margin-right:23px} #dashboard .listview ul#sortable li *{display:inline-block} #dashboard .listview ul#sortable li span.infobox{display:block; float:right; height:14px; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:9px; line-height:14px; text-align:center; color:#FFFFFF; position:relative; top:10px} #dashboard .listview ul#sortable li p.summary a{text-decoration:none; font-weight:bold; color:#000000} #dashboard .listview ul#sortable li p.summary a:hover{text-decoration:underline;} #dashboard .listview ul#sortable li p.info{color:#918d66; font-size:11px; float:right; margin-right:10px} #dashboard .listview ul#sortable li p.info a{text-decoration:underline; color:#918d66} #signup #wrapper, #signin #wrapper{padding:28px 0 0 0;} #signup #savedthis{display:block; position:absolute; width:100%; height:100%;top:0; left:0; margin:0; text-align:center; padding:72px 0 0 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:none} #signup #savedthis .bg{opacity: .90; filter: alpha(opacity=90);-moz-opacity:.90; background:#000000; } #signup #sidebar, #signin #sidebar{float: left; width: 382px;} #signup #sidebar h1, #signin #sidebar h1{font:24px/30px Georgia, Arial, sans-serif; color:#444; padding:10px 90px 10px 0; margin: 0 0 50px 0; background:url(../images/l-signup.png) no-repeat; text-indent:-9000px;} #signup #sidebar h2, #signin #sidebar h2{font:24px/30px Georgia, Arial, sans-serif; color:#444; padding:0 90px 0 0; margin: 0;} ul#homeFeatures{font:16px/22px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color:#444; padding:10px 90px 10px 0; margin: 0;} ul#homeFeatures li{padding:10px 0px 10px 30px; margin: 0; background:url(../../common/images/sp-icons.png) no-repeat 0px 13px;} ul#homeFeatures li.noIcon{background:none;} ul#homeFeatures li a{color: #0093e1; text-decoration: none; border-bottom: 1px dotted #0093e1;} ul#homeFeatures li a:hover{color: #0093e1; text-decoration: none; border-bottom: 1px solid #0093e1;} #signup #content, #signin #content{margin: 0 0 0 382px; background:#FFF url(../images/bg-signup-content.png) repeat-y;} #signup #content h2{background:#213343 url(../images/h2-joinmarrows.png) no-repeat; font:24px/70px Georgia, Arial, sans-serif; color:#FFF; text-indent:-9000px;} #signin #content h2{background:#213343 url(../images/h2-signin.png) no-repeat; font:24px/70px Georgia, Arial, sans-serif; color:#FFF; text-indent:-9000px;} #signup #content #signupOptions{padding: 30px 30px 20px 30px; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} #signin #content #signupOptions{padding: 30px 30px 3px 30px; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} #signin #content #signupOptions ul{height:50px} #signin span.hr{margin-bottom:0!important;} #signupOptions ul{height:50px;} #signupOptions ul li{float:left;width:188px;} #signupOptions ul li.sOI{width:150px;} #signupOptions ul li a{display:block;width:150px;height:22px;text-decoration:none;text-indent:-9000px;background:url(../../common/images/sp-signin.png) no-repeat -200px 0px;} #signupOptions ul li.sFB a:hover{background-position:-200px -24px;} #signupOptions ul li.sFB a:active{background-position:-200px -48px;} #signupOptions ul li.sT a{background-position:0px 0px;} #signupOptions ul li.sT a:hover{background-position:0px -24px;} #signupOptions ul li.sT a:active{background-position:0px -48px;} #signupOptions ul li.sOI a{background-position:-400px 0px;} #signupOptions ul li.sOI a:hover{background-position:-400px -24px;} #signupOptions ul li.sOI a:active{background-position:-400px -48px;} #signup #content form, #signin #content form{background: url(../images/bg-content-footer.png) no-repeat left bottom; padding: 0px 30px 60px 30px; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;} #signup #content form p.info, #signin #content form p.info{color:#213343; padding:10px 5px;} #signup #content form input.huge, #signup #content form input.huge{border:1px solid #d0dbe0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 420px; padding:8px; font:24px/24px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; letter-spacing:-2px; color:#444;} #signup #content form button.tiny, #signin #content form button.tiny{border:1px solid #d0dbe0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:8px; font:24px/24px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444; background:#FFF;} #signup a.button, #signin a.button, #signup button, #signin button{display:block; text-decoration:none; text-align:center; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#3a4923; width:250px; border:1px solid #b4ca8a;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0 0 0 25px;} #signup a.button:hover, #signin a.button:hover, #signup button:hover, #signin button:hover{background-position:0 -211px} #signup button.white, #signin button.white{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; text-shadow: 1px 0px #FFF; color:#444; margin:0; cursor:pointer;} #signup button.white:hover, #signin button.white:hover{background-position:0 -150px} #signup button.disabled, #signin button.disabled{background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -150px; color:#999;} span.hr{display: block; background:url(../../common/images/sp-bg-buttons.png) repeat-x 0px -120px; text-align:center; text-transform: uppercase; font:12px/14px Georgia,"Times New Roman",serif;} span.hr em{padding:0 5px;background:#eaf6fc} #signup label, #signin label{font-size:14px;} #userclass, #mailclass, #passclass, #againclass, #openclass, #message{display:block; border:1px solid transparent; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:5px 0 20px 0px; font-size:12px; line-height: 24px;} #signup label span input, #signin label span input{border:1px solid #d0dbe0; background:#FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:-1px 10px -1px -1px; width:260px; padding:8px; font:20px/24px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif;} #signup label span.notOK{border:1px solid #e5a3a3; background:#ffcfcf;} #signup label span.notOK input{border:1px solid #e5a3a3; background:#FFF;} #signup label span.OK{border:1px solid #bed5a5; background:#eff6e9;} #signup label span.OK input{border:1px solid #bed5a5; background:#FFF;} #signin span.notOK{border:1px solid #e5a3a3; background:#ffcfcf; display:block; margin:10px auto; width:505px; padding:0 8px; font:12px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; line-height:42px} #signin label span{border:1px solid #b5c5cd; background:#eff1f2;} #signin label span a{border-bottom:1px dotted #333333; color:#333333; text-decoration:none} .highlight{background:#f8f8f8} .ui-tabs .ui-tabs-hide{display: none !important;} .clear{display:block; clear:both;} #dashboard #content.dashboard ul.tabs{background:#d3e5f4; width:872px; height:40px; overflow:hidden; padding-left:20px;} #dashboard #content.dashboard ul.tabs li{float:left; margin-right:3px;} #dashboard #content.dashboard ul.tabs li a{display:block; background:#E2EDD7 url(../../common/images/sp-bg-buttons.png) repeat-x scroll 0 -54px; color:#374b57; cursor:pointer; margin:0; line-height:28px; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 0 #FFFFFF; padding:0 10px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; position:relative; top:10px;} #dashboard #content.dashboard ul.tabs li a:hover{top:6px; color:#b03f69; background:#FFFFFF; line-height:36px;} #dashboard #content.dashboard ul.tabs li.ui-tabs-selected a, #dashboard #content.dashboard ul.tabs li.ui-state-active a{top:6px; color:#b03f69; background:#FFFFFF; line-height:36px;} #dashboard #content.dashboard ul.tabs li a.addNew{font-family: 'CaeciliaLTStd85Heavy';font-size:22px; cursor:pointer} #dashboard #content.dashboard ul.tabs li.seeall{float:right; margin-right:12px;} #dashboard #content.dashboard ul.tabs li.seeall a{border:none; border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; background:none; font-size:13px} .dashboardHeader{background:url(../images/bg-db-header.png) no-repeat center bottom #ffffff; height:52px; display:block;} .dashboardHeader #tools{display:block; float:left; padding:14px 0 0 20px;} .dashboardHeader #tools a{display:inline-block; background:url(../images/bg-icons-toolbar.png) no-repeat; width:40px; height:21px; text-indent:-9999px; float:left;} #dashboard .newUser{background:url(../images/no-new-user-icon.png) top center no-repeat; position:relative; top:90px; padding-top:50px; text-align:center; line-height:27px} #dashboard .noResult{background:url(../images/no-result-icon.png) top center no-repeat; position:relative; top:90px; padding-top:50px; text-align:center; line-height:27px} #dashboard .newUser p.bold, #dashboard .noResult p.bold{font-family: 'CaeciliaLTStd86HeavyItalic';font-size:26px; color:#000000; margin:0 0 38px 0} #dashboard .newUser p.light, #dashboard .noResult p.light, #dashboard .noResult p.light a{font-family: 'CaeciliaLTStd45Light';font-size:26px; color:#000000;} .dashboardHeader #tools a.add{background-position:0px 0px;} .dashboardHeader #tools a.add:hover, .dashboardHeader #tools a.add.active{background-position:0px -20px;} .dashboardHeader #tools a.edit{background-position:-40px 0px; width:36px;} .dashboardHeader #tools a.edit:hover, .dashboardHeader #tools a.edit.active{background-position:-40px -20px;} .dashboardHeader #tools a.delete{background-position:-76px 0px;width:36px} .dashboardHeader #tools a.delete:hover, .dashboardHeader #tools a.delete.active{background-position:-76px -20px;} .dashboardHeader #tools a.print{background-position:-112px 0px;width:36px} .dashboardHeader #tools a.print:hover, .dashboardHeader #tools a.print.active{background-position:-112px -20px;} .dashboardHeader #tools a.email{background-position:-150px 0px;width:36px} .dashboardHeader #tools a.email:hover, .dashboardHeader #tools a.email.active{background-position:-150px -20px;} .dashboardHeader #tools a.info{background-position:-186px 0px;width:36px} .dashboardHeader #tools a.info:hover, .dashboardHeader #tools a.info.active{background-position:-186px -20px;} .dashboardHeader #tools a.grid{background-position:-226px 0px; margin-left:20px;} .dashboardHeader #tools a.grid:hover, .dashboardHeader #tools a.grid.active{background-position:-226px -20px;} .dashboardHeader #tools a.list{background-position:-266px 0px;width:} .dashboardHeader #tools a.list:hover, .dashboardHeader #tools a.list.active{background-position:-266px -20px;} .dashboardHeader .search{float:right; background:#FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:25px; width:248px; border:1px solid #374b57; margin:10px; } .dashboardHeader .search input{width:164px; border:none; font-size:18px;font-family:Arial; color:#000000; float:right; position:relative; padding:0 8px 0 0; margin:1px 2px 0 0} .dashboardHeader .search a{background:url(../images/search-icon.png) no-repeat 5px 6px; padding:0 0 0 30px; width:43px; line-height:24px; display:block; float:left; color:#999999; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold} .noheight{height:auto!important; padding:20px 30px; overflow:hidden} #dashboard .searchBig input.submit{display:block; text-decoration:none; text-align:center; border:1px solid #b4ca8a; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:9px 0 9px 0; color:#3a4923; width:181px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0; cursor:pointer; float:left} #dashboard .searchBig input.submit:hover{background-position: 0 -211px} #dashboard .searchBig input.text{display:block; text-decoration:none; text-align:left; border:1px solid #bccdab; background:#FFFFFF; font:normal 20px/20px Helvetica,Arial,sans-serif; padding:0 10px; height:40px; line-height:40px; color:#666666; width:600px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:0 10px 0 0; float:left} #dashboard .searchBig ul#searchoptions li.left{float:left; width:208px} #dashboard .searchBig ul#searchoptions h3{font:bold 18px Arial; color:#666666; padding-bottom:10px} #dashboard .searchBig ul#searchoptions a{font:bold 11px Arial; color:#3874bb; text-decoration:none} #dashboard .searchBig ul#searchoptions form{padding-top:7px} #dashboard .searchBig ul#searchoptions input{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font:normal 11px Arial; color:#999999; border:1px solid #999999; padding:0 6px; width:90px; height:20px; line-height:20px; display:inline-block; margin-left:10px} #dashboard .searchBig ul#searchoptions a:hover{text-decoration:underline} #dashboard .searchBig ul#searchoptions{padding:20px 0 0 0; clear:both; overflow:hidden} .dashboardHeader .search div.dropdown{float:left; display:none; position:absolute; background:#ffffff; margin-top:28px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #374b57;} .dashboardHeader .search div.dropdown ul li{display:block; clear:both;} .dashboardHeader .search div.dropdown ul li a{background-image:none; padding:0 20px 0 10px} #dashboard ul#sortable{display:block; padding:20px 0px 20px 20px; height:296px} #dashboard ul#sortable li{float:left; display:block; margin:0 7px 10px 0; font-family:"Tahoma", Times, serif; font-size:12px} #dashboard ul#sortable li.placeholder{background:#FFFFFF; opacity:0.4; width:208px; height:148px;} #dashboard ul#sortable li.memo{background:url(../images/bg-pinboardMemo.png); width:165px; height:136px; padding:12px 13px 0 30px; line-height:22px} #dashboard ul#sortable li.memo b{display:block} #dashboard ul#sortable li.memo p.summary{height:64px} #dashboard ul#sortable li.memo p.summary a{text-decoration:none; font-weight:bold; color:#000000} #dashboard ul#sortable li.memo p.summary a:hover{text-decoration:underline;} #dashboard ul#sortable li.memo p.info{color:#918d66; font-size:11px} #dashboard ul#sortable li.memo p.info a{text-decoration:underline; color:#918d66} #dashboard ul#sortable li.memo span.infobox{display:block; float:left; height:14px; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:9px; line-height:14px; text-align:center; color:#FFFFFF} #dashboard ul#sortable li.memo span.infobox.red{background:#d11e1e} #dashboard ul#sortable li.memo span.infobox.yellow{background:#baa132} #dashboard ul#sortable li.memo input{float:right; position:relative; top:-2px; right:3px} #dashboard ul#sortable li.notify{background:url(../images/bg-pinboardNotify.png); width:180px; height:136px; padding:12px 13px 0 15px; line-height:15px; color:#5f5f5f; font-size:12px} #dashboard ul#sortable li.notify a{text-decoration:underline; color:#000000} #dashboard ul#sortable li.notify ul.head{display:block; height:40px; overflow:hidden} #dashboard ul#sortable li.notify ul.head li{margin:0!important; padding:2px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #abd9f0; background:#FFFFFF} #dashboard ul#sortable li.notify ul.head li.icon{background:; border:none; width:37px; height:27px; background:url(../images/bg-notify-icon.png) no-repeat} #dashboard ul#sortable li.notify ul.head.friends li.icon{background-position:1px 0; width:27px} #dashboard ul#sortable li.notify ul.head.comment li.icon{background-position:7px -132px;} #dashboard ul#sortable li.notify ul.head.rate li.icon{background-position:7px -89px;} #dashboard ul#sortable li.notify span.stars{background:url(../images/stars.gif) no-repeat; height:9px; display:inline-block; margin-left:4px} #dashboard ul#sortable li.notify ul.head.like li.icon{background-position:7px -44px;} #dashboard ul#sortable li.notify ul.head.follow li.icon{background-position:1px -166px; width:27px} #dashboard ul#sortable li.notify p.text{display:block; height:50px; width:130px;} #dashboard ul#sortable li.notify p.text a.dimmed{color:#5f5f5f} #dashboard ul#sortable li.notify p.info{font-size:11px} #dashboard ul#dashboardNav{display:block; clear:both; background:url(../images/bg-db-nav.png); height:39px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-bottom-left-radius:9px; -webkit-border-bottom-right-radius:9px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; position:relative; top:20px;} #dashboard ul#dashboardNav li.ok{background:#000000!important;} #dashboard ul#dashboardNav li{float:left;} #dashboard ul#dashboardNav li.pagination{line-height:39px; display:block; font-family:Verdana; color:#afb5b0; text-shadow:0 1px #000000; padding:0 20px;} #dashboard ul#dashboardNav li.previous{margin:0 10px 0 590px;} #dashboard ul#dashboardNav li.next a{display:block; line-height:39px; background:url(../images/bg-db-but.png) center no-repeat; width:78px;font-family:Verdana; color:#afb5b0; text-shadow:0 1px #000000; text-decoration:none; text-align:center;} #dashboard ul#dashboardNav li.previous a{display:block; line-height:39px; background:url(../images/bg-db-but.png) center no-repeat;width:78px;font-family:Verdana; color:#afb5b0; text-shadow:0 1px #000000; text-decoration:none; text-align:center;} .statisticBoard p.month{display:block; float:left;padding-left:25px;position:relative;top:63px;} .statisticBoard ul.progressbar{background:url(../images/bg-statistic-graphic.png);width:680px; height:56px; float:left; padding:32px 10px 0 6px; position:relative; top:26px; left:16px} .statisticBoard ul.progressbar li{float:left; height:26px; display:block; text-indent:-9999px} .statisticBoard ul.progressbar li.blog{background-color:#ca413d;} .statisticBoard ul.progressbar li.forum{background-color:#367da2;} .statisticBoard ul.progressbar li.wiki{background-color:#78ad3c;} .statisticBoard ul.progressbar li.site{background-color:#133a1b;} .statisticBoard ul.progressbar li.bookmarklet{background-color:#ec9f2e;} .statisticBoard p.nograph{font-family: 'CaeciliaLTStd45Light';font-size:26px; color:#000000; padding:41px 20px 20px 20px; background:url(../images/no-graph-icon.png) top center no-repeat; position:relative; top:36px; text-align:center} #selectTheme{padding:0px 10px 0 0;} #selectTheme li{float:left;margin:0 6px 0 0;} #selectTheme li a{} #selectTheme li a img{border:3px solid #eee;} #selectTheme li.selected a img{border:3px solid #999;} #selectTheme li a:hover img{border:3px solid #999;} #colorsWrapper{position:relative;width:580px;float:left;} #colorsWrapper h2, #bgUpload h2{margin:0 0 15px 0;} #colorpicker{position:absolute;background:#FFF;padding:10px;border:3px solid #EEE; -moz-box-shadow:0px 0px 5px #999;top:45px;} #colorsWrapper ul li{float:left;width:140px;text-align:center;} #colorsWrapper ul li span{display:block;font:bold 12px/28px Arial;color:#999;} #fBackground{width:200px;} form.settingsForm{padding: 20px 30px 0px 0px; font:12px/18px Arial,Helvetica, sans-serif;} #s-design form.settingsForm{padding: 20px 0px 0px 0px;} form.settingsForm p.info{color:#213343; padding:10px 5px;} #s-design .buttonWrapper{padding:20px 0 10px 321px} form.settingsForm input.large, form.settingsForm textarea.large{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 420px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} form.settingsForm select.large{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 438px; padding:4px 2px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} form.settingsForm input.tiny, form.settingsForm textarea.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 120px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} form.settingsForm select.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:auto; padding:4px 2px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} form.settingsForm #social{width:560px; margin:0 0 0 142px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#737373} form.settingsForm #social span.icon{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 82px 0 0; text-indent:-9999px; display:inline-block} form.settingsForm #social a.delete{display:inline-block; width:16px; height:16px; background:url(../images/icon-setting-social.png) no-repeat; text-indent:-9999px; margin:0 0 0 20px} form.settingsForm button.tiny{border:1px solid #d0dbe0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:8px; font:24px/24px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444; background:#FFF;} form.settingsForm button.tiny:hover{background-position:0 -150px} form.settingsForm a.button, form.settingsForm button{display:block; text-decoration:none; text-align:center; border:1px solid #b4ca8a; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#3a4923; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0 0 0 25px;} form.settingsForm button.white{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; text-shadow: 1px 0px #FFF; color:#444; margin:0; cursor:pointer;} form.settingsForm button.white:hover{background-position:0 -150px} form.settingsForm button.disabled{background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -150px; color:#999;} form.settingsForm label{font-size:14px;width:140px;} form.settingsForm label span{float:left;width:145px;line-height:30px;} form.settingsForm .checkboxWrap label{margin:7px 40px 17px 0px;width:auto;float:left} form.settingsForm #bgUpload .checkboxWrap label{margin:0px 10px 17px 0px;width:auto;float:left;font-size:12px} form.settingsForm p.extraInfo{clear:both;margin:5px 0px 10px 145px;color:#737373;} form.settingsForm p.extrainsideInfo{margin:5px 0px 10px 145px;color:#737373;font-size:12px;} form.settingsForm #bgUpload p.extrainsideInfo{margin-bottom:0px;} form.settingsForm .lCheckbox{clear:both;margin:15px 0px 10px 140px;} form.settingsForm .secondary{font-size:12px;} form.settingsForm a{color:#028bdd;text-decoration: none} form.settingsForm a:hover{text-decoration: underline} form.settingsForm hr{border:none;border-top:1px solid #ececec;margin:20px 0px 20px 0px;clear:both} form.settingsForm img.avatar{float:left;padding:2px; margin-right:10px;border:1px solid #EEE;} form.settingsForm input.colorBox{border:3px solid #eee;width:112px;height:70px;text-indent:-9000px;cursor:pointer} .buttonWrapper{padding:20px 0px 10px 140px;} #s-notices #content{background:url(../images/bg-profile-content.png) repeat-y -13px 0;padding:0px 4px 15px 4px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; overflow:hidden} #s-notices #left-block{width:630px; float:left; padding:15px 20px} #s-notices #allNotifications{background:#ffffcc; border:1px solid #e3e397; border-left:none; border-right:none; font: 14px/14px Arial, Helvetica, sans-serif; color:#021e2d; margin:10px 0} #s-notices #allNotifications p{margin:10px 20px;} #s-notices #allNotifications p span{display:inline-block; width:205px} #s-notices button.tiny{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -67px; text-shadow: 1px 0px #FFF; color:#021e2d; margin:0; cursor:pointer; padding:3px 0; width:100px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px} #s-notices button.tiny:hover{background-position:0 -160px} #s-notices #left-block ul{border-bottom:#d5dde4 1px solid; clear:both; font:12px Arial, Helvetica, sans-serif; color:#333333; overflow:hidden} #s-notices #left-block ul li{border-right:#d5dde4 1px solid; float:left; display:block; height:24px; line-height:24px} #s-notices #left-block ul li.context{width:436px;} #s-notices #left-block ul li.input{width:80px; text-align:center;} #s-notices #left-block ul.head li{border:none} #s-notices #left-block ul.head li.context{font-size:18px; line-height:38px; font-weight:bold; height:38px} #s-notices #left-block ul.head li.input{height:38px; text-indent:-9999px;background:url(../images/icon-settings-notice.png) no-repeat} #s-notices #left-block ul.head li.mobile{background-position:34px 0px} #s-notices #left-block ul.head li.mail{background-position:34px -103px} #s-notices #right-block{font:13px/16px Arial, Helvetica, sans-serif; color:#333333} #s-notices #right-block p{padding:0 0 10px 0} #s-notices #right-block a{color:#3887db; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif} #s-notices #right-block a:hover{text-decoration:underline} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{background:#000000} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #lightbox{background:none} #lightbox label{display:block; width:460px; text-align:left; border:none} #lightbox input.colorBox{width:50px!important;} .lightWrapper{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:420px; display:block; padding:20px; text-align:left; background:url(../images/bg-lightbox.png) top repeat-x #ffffff} .lightWrapper h1{font-family: 'CaeciliaLTStd85Heavy';font-size:22px;color:#384550; position:relative; top:-10px} .lightWrapper h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0 10px 0;} .lightWrapper p{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0 10px 0; text-align:left} .lightWrapper form{text-align:right} .lightWrapper a{color:#0281cf; text-decoration:none; font-weight:bold} .lightWrapper a:hover{color:#213343; text-decoration:underline} .lightWrapper label, .lightWrapper span{display:block; border-bottom:1px solid #d3e4f2; text-align:left; line-height:19px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px} .lightWrapper label input.checkbox{float:right} .lightWrapper .highlight{background:#f7f7f7!important} .lightWrapper textarea.receivers{display:block; width:99%; height:70px} .lightWrapper input.text{display:block; width:99%; margin:10px 0} .lightWrapper input.button{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; text-shadow: 1px 0px #FFF; color:#021e2d; font-size:12px; font-family:Arial, Helvetica, sans-serif margin:0; cursor:pointer; width:100px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-weight:bold} .lightWrapper a.button{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; text-shadow: 1px 0px #FFF; color:#021e2d; font-size:12px; font-family:Arial, Helvetica, sans-serif margin:0; cursor:pointer; width:100px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-weight:bold; display:block; text-align:center; padding:4px 0} .lightWrapper a.button:hover{text-decoration:none} #homepage #savedthis{display:block; position:absolute; width:526px; height:127px; opacity: .75; filter: alpha(opacity=75);-moz-opacity:.75; background:#000000; top:348px; margin:0 0 0 350px; text-align:center; padding:96px 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:none} #homepage #savedthis h2{font-size:30px} #homepage #header{height:47px; display:block; border-bottom:1px dotted #717171; padding:28px 0 0 0} #homepage #header h2{font-family: 'CaeciliaLTStd85Heavy'; color:#010101; font-size:32px; float:left; position:relative;} #homepage #header #learn-more{float:left; position:relative; top:8px; left:225px} #homepage #header #learn-more a { color:#374b57; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px} #homepage #header #learn-more a:hover { text-decoration:underline; } #homepage #header #learn-more li { display:inline; position:relative; } #homepage #header #learn-more li span { position:relative; z-index:10; padding:11px 5px; border-bottom:none; line-height:18px; text-align:center} #homepage #header #learn-more li span a { font-weight:bold; padding:0 4px; } #homepage #header #learn-more li:hover span {padding:11px 4px; border:solid 1px #BABABA; background:#F3F3F3} *+html #homepage #header #learn-more li:hover span {border-top:solid 2px #BABABA; padding-bottom:10px; } /* IE6 */ #homepage #header #learn-more img.arrow {cursor:pointer; position:relative; left:4px} #homepage #header #learn-more div.sub_menu { display:none; position:absolute; left:0; border:dotted 1px #BABABA; border-bottom:none background:#F3F3F3; margin-top:11px; min-width:170px; background:#FFFFFF; } #homepage #header #learn-more ul li:hover div.sub_menu{display:block} #homepage #header #learn-more div.sub_menu a:link, #homepage #header #learn-more div.sub_menu a:visited{ display:block; font-size:11px; padding:6px 10px; border-bottom:dotted 1px #BABABA} #homepage #header #learn-more a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } #homepage #header .search{float:right; background:#FFFFFF; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height:40px; width:350px; border:1px solid #a2cfeb; overflow:hidden; margin-top:-5px} #homepage #header .search input{width:162px; border:none; font-size:14px;font-family:Arial; color:#999999; position:relative; padding:0 8px 0 0; margin:0; line-height:40px; height:40px; position:relative; left:4px} #homepage #header .search a{background:url(../images/search-icon.png) no-repeat 5px 13px ; padding:0 0 0 30px; width:50px; line-height:40px; display:block; float:left; color:#999999; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px; font-weight:bold} #homepage #header .search div.dropdown{float:left; display:none; position:absolute; background:#ffffff; margin-top:45px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #374b57;} #homepage #header .search div.dropdown ul li{display:block; clear:both;} #homepage #header .search div.dropdown ul li a{background-image:none; padding:0 20px 0 10px; line-height:24px; width:43px; font-size:12px} #homepage #header .search input.button{display:inline-block; text-decoration:none; text-align:center; background: url(../images/bg-home-btn.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:8px 0; color:#4c4c4c; width:102px; text-shadow: 1px 1px #FFF; margin:0x; height:auto; line-height:normal; cursor:pointer; top:-40px; left:249px; height:43px;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px} #homepage #header .search input.button:hover{background-position:0 -40px} #homepage ul#homeFeatures li a{color:#444444; font-weight:bold; border-bottom-color:#444444} #homepage #little-info{height:196px; overflow:hidden; color:#444444; padding:30px 0 0 0} #homepage *{ outline:none!important} #homepage .little-info-left {float:left} #homepage .little-info-right {float:right; width:302px} #homepage .little-info-left h1{font-family: 'CaeciliaLTStd85Heavy'; font-size:30px} #homepage .little-info-left h2{font-family: 'CaeciliaLTStd46LightItalic'; font-size:29px; margin:0 0 12px 0} #homepage .little-info-left p{font: normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;} #homepage .little-info-right h2{background:url(../images/h2-already.png); width:261px; height:33px; display:block; text-indent:-9999px} #homepage .little-info-right p{font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0} #homepage a.button{display:block; text-decoration:none; text-align:center; border:1px solid #b4ca8a; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:13px 0 9px 0; color:#3a4923; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0; cursor:pointer} #homepage a.button:hover, #homepage input.submit:hover{background-position: 0 -211px} #homepage #maincontent{display:block; clear:both; overflow:hidden; padding:0 0 40px 0} #homepage .maincontent-left{float:left; width:351px} #homepage .maincontent-left h2{background:url(../images/h2-at-a-glance.png); width:177px; height:28px; display:block; text-indent:-9999px} #homepage .maincontent-left h2.tour{background:url(../images/bg-h2-tour.png) no-repeat;height:auto; display:block; text-indent:0; line-height:41px; width:396px;font-family: 'CaeciliaLTStd85Heavy'; font-size:19px; padding:0 10px} #homepage .tour{width:420px!important; height:500px} #homepage .wide{position:absolute; left:420px} #homepage .maincontent-right{float:left; width:530px; overflow:hidden} #homepage .maincontent-right h2{ display:block; text-indent:-9999px; background:url(../images/h2-quickmark.png); width:170px; height:28px; float:left;} #homepage .maincontent-right p{font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin:10px 0; float:right;} #homepage .maincontent-right p.editor{font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0; float:right; width:530px} #homepage input.submit{display:block; text-decoration:none; text-align:center; border:1px solid #b4ca8a; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:9px 0 9px 0; color:#3a4923; width:181px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0; cursor:pointer; float:left} #homepage input.tags{display:block; text-decoration:none; text-align:left; border:1px solid #bccdab; background:#FFFFFF; font:bold 14px/14px Helvetica,Arial,sans-serif; padding:0 10px; height:40px; line-height:40px; color:#a1a1a1; width:313px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:0 10px 0 0; float:left} #homepage span.cke_editor1{width:500px!important} #homepage #comment-wrapper{display:block; clear:both;} #homepage #comment-wrapper a.leftArrow, #homepage #comment-wrapper a.rightArrow{display:inline-block; background:url(../images/homepage-arrows.png) no-repeat; width:18px; height:32px; text-indent:-99999px; vertical-align:middle; margin:0 8px} #homepage #comment-wrapper a.rightArrow{background-position:-18px 0 } #homepage #comment-wrapper a.rightArrow:hover{background-position:-18px -32px } #homepage #comment-wrapper a.leftArrow:hover{background-position:0 -32px } #homepage ul#comments{border-bottom:1px dotted #717171; border-top:1px dotted #717171; display:inline-block; clear:both; overflow:hidden; padding:20px 0; height:70px; vertical-align:middle; overflow:hidden; width:826px} #homepage ul#comments li{position:relative;font: italic 13px/18px Georgia, Arial, Helvetica, sans-serif; display:block; float:left; width:270px; height:70px; margin:0 0 20px 0} #homepage ul#comments li a{display:block; margin-bottom:5px} #homepage #site-link{height:375px; background:url(../images/bg-mainpage-footer.png) center bottom no-repeat;} #homepage #site-link ul{ display:block; padding:40px 0 0 0} #homepage #site-link ul li{display: block; float:left; width:218px} #homepage #site-link ul li h2{font:bold 14px/22px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin:0 0 10px 0} #homepage #site-link ul li a{font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; display:block; text-decoration:none; color:#444444} #homepage #site-link ul li a:hover{text-decoration:underline} #homepage #site-link ul li p{font: bold 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; display:block} #profile {font-family:Arial; font-size:13px; color:#5c5c5c;} #profile a{color:#0281cf; text-decoration:none; font-weight:bold} #profile a:hover{color:#213343; text-decoration:underline} #profile #cHeader{background: url(../images/profile-contentHead.png) no-repeat 0 0px;padding:7px 0 0 0;} #profile #content-left{width:670px; float:left;} #profile #content-right, #s-notices #right-block{width:260px; float:left; padding:15px 20px} #profile #userinfo{color:#FFF;background:#213343;overflow:hidden; padding:15px 21px; height:73px} #profile #userinfo #left-block{float:left; width:450px} #profile #left-block .userwrap{float:left} #profile #left-block h1{font-family: 'CaeciliaLTStd85Heavy';font-size:33px; background:url(../images/icon-online-offline.png) no-repeat; padding:0 20px} #profile #left-block h1.guest{background:none; padding:0} #profile #left-block div#guest{background:url(../images/icon-lightbulb.png) -6px 0 no-repeat; height:28px; margin:15px 0 0 0; padding:7px 0 0 28px} #profile #left-block h1.online{background-position:0px 2px} #profile #left-block h1.offline{background-position:0px -18px} #profile #left-block a.userimg{width:73px; height:73px; float:left; display:block; margin:0 21px 0 0;} #profile #left-block #tools{display:block; margin:16px 0 0 0;} #profile #left-block #tools a{background:url(../images/btn-profile-icons.png) no-repeat; padding:23px 0 0 0; color:#FFFFFF; display:inline-block; width:52px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none;} #profile #left-block #tools a:hover{text-decoration:underline} #profile #left-block #tools a.follow{background-position:5px 0px;} #profile #left-block #tools a.msg{background-position:-54px 0;} #profile #left-block #tools a.blk{background-position:-112px 0;} #profile #userinfo #right-block{float:right; text-align:right; font-size:15px} #profile #userinfo #right-block a{color:#FFFFFF; font-weight:normal;} #profile #userinfo #right-block a:hover{color:#FFFFFF;} #profile #content-left #tabs ul.tabs{display:block; overflow:hidden; background:url(../images/bg-profile-tabs.png);padding:0 0 0 20px; height:42px;} #profile #content-left #tabs ul.tabs li{float:left; margin-right:3px;} #profile #content-left #tabs ul.tabs li a{display:block; background:#E2EDD7 url(../../common/images/sp-bg-buttons.png) repeat-x scroll 0 -54px; color:#374b57; cursor:pointer; margin:0; line-height:28px; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 0 #FFFFFF; padding:0 10px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; position:relative; top:12px;} #profile #content-left #tabs ul.tabs li a:hover{top:8px; color:#b03f69; background:#FFFFFF; line-height:36px;} #profile #content-left #tabs ul.tabs li.ui-tabs-selected a, #profile #content-left #tabs ul.tabs ul.tabs li.ui-state-active a{top:8px; color:#b03f69; background:#FFFFFF; line-height:36px;} #profile #content-left #tabs .content{padding:15px 20px} #profile #content-left #impression{display:block} #profile #content-left #impression textarea{width:605px; height:18px; border:1px solid #cfcfcf; padding:5px 10px; font-family:Arial; font-size:15px; line-height:15px; color:#727272} #profile #content-left #impression .toolbar{width:625px; border:1px solid #e9e9e9;font-family:Arial; font-size:15px; line-height:15px; color:#727272; background:#f2f2f2; display:none} #profile #content-left #impression .filebar{width:625px; height:auto;font-family:Arial; font-size:15px; line-height:15px; color:#727272; background:#f2f2f2; display:none} #profile #content-left #impression .toolbar p{overflow:hidden; font-size:12px; color:#444444; font-weight:bold; line-height:28px; height:28px; padding:0 0 0 20px} #profile #content-left #impression .toolbar p input.button{float:right; width:87px; height:32px; display:block; text-indent:99999px; background:url(../images/input-share.png); border:none; position:relative; top:-2px; cursor:pointer} #profile #content-left #impression .filebar label{overflow:hidden; font-size:12px; color:#444444; font-weight:bold; line-height:28px; height:28px; padding:0 0 0 20px} #profile #content-left #impression .filebar input{margin:0 0 0 15px; background-color:#ffffff; border:none} #profile #content-left #impression .toolbar a{display:inline-block; background:url(../images/icon-sharing-tool.png); width:16px; height:16px; text-indent:-9999px; position:relative; top:6px; left:4px} #profile #content-left #impression .toolbar a.doc{background-position:0px 0px} #profile #content-left #impression .toolbar a.file{background-position:-21px 0px} #profile #content-left #impression .toolbar a.image{background-position:-42px 0px} #profile #content-left #impression .toolbar a.video{background-position:-63px 0px} #profile #content-left ul#stories{display:block; font-family:Arial; font-size:11px; color:#5c5c5c; padding:15px 0} #profile #content-left ul#stories li{height:26px; line-height:26px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #ececec} #profile #content-left ul#stories li.msg{height:auto; line-height:normal; display:block; clear:both; overflow:hidden; border-bottom:1px solid #ececec} #profile #content-left ul#stories li.msg p{display:block; float:left;width:432px; font-size:13px} #profile #content-left ul#stories li div{float:left; margin:3px 0 0 0} #profile #content-left ul#stories li div img{height:16px; width:16px; margin:0 4px 0 0} #profile #content-left ul#stories li div.right{float:right} #profile #content-left ul#stories li div.right div.hide{display:inline-block; margin-right:10px; width:70px; text-align:right} #profile #content-left ul#stories li:hover div.right div.hide a.like{display:inline-block;} #profile #content-left ul#stories li:hover div.right div.hide a.dislike{display:inline-block;} #profile #content-left ul#stories li:hover div.right div.hide a.settings{display:inline-block;} #profile #content-left ul#stories li div.right div.hide a{display:none; background:url(../images/icon-stream-hover.png); height:26px; width:13px; text-indent:9999px; position:relative; top:-4px} #profile #content-left ul#stories li div.right div.hide a.like{background-position:-17px 0px} #profile #content-left ul#stories li div.right div.hide a.like.selected, #profile #content-left ul#stories li div.right div.hide a.like:hover{background-position:-17px -26px} #profile #content-left ul#stories li div.right div.hide a.dislike{background-position:0px 0px} #profile #content-left ul#stories li div.right div.hide a.dislike.selected, #profile #content-left ul#stories li div.right div.hide a.dislike:hover{background-position:0px -26px} #profile #content-left ul#stories li div.right div.hide a.settings{background-position:-44px 0; width:38px} #profile #content-left ul#stories li div.right div.hide a.settings:hover, #profile #content-left ul#stories li div.right div.hide a.settings.selected{background-position:-44px -25px; width:38px} #profile #content-left ul#stories li div.right div.hide div.dropdown{display:none; position:absolute; float:left; height:36px; width:75px; overflow:hidden; background:#f7f7f7; padding:10px; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:-5px 0 0 45px; text-align:left; z-index:100} #profile #content-left ul#stories li div.right div.hide div.dropdown a{display:block; background:none; text-indent:0; height:auto; line-height:normal; font-size:11px; font-weight:normal; width:auto; height:15px} #profile #content-left a.huge{width:628px; height:30px; line-height:30px; text-align:center; background:url(../images/bg-btn-blue.png); display:block; margin:0 auto; border:1px solid #bfbfbf; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#021e2d; text-decoration:none; font-weight:bold} #profile #content-left a.huge:hover{background-position:0 -30px} #profile #content-right{line-height:normal} #profile #content-right #profile-summary p{padding:3px 0} #profile #content-right #profile-summary span.male{background:url(../images/icon-gender.png) top right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #profile #content-right #profile-summary span.female{background:url(../images/icon-gender.png) bottom right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #profile #content-right #profile-summary a.networks{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 2px 0 0; text-indent:-9999px; display:inline-block} #profile #content-right #profile-summary b{margin:0 3px 0 0} #profile #content-right .common-block{font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a;} #profile #content-right .common-block a.black, #profile #content-right .common-block p{color:#000000;font-size:13px; padding:0; float:none;} #profile #content-right .common-block a{float:right; font-size:11px; padding:5px 0 0 0;} #profile #content-right .common-block ul{display:block; clear:both; padding:10px 0 0 0} #profile #content-right .common-block ul li{display:inline-block;} #profile #content-right .common-block ul li a{display:block; text-indent:-9999px; width:48px; height:48px; opacity: .8; filter: alpha(opacity=80);-moz-opacity:.8;} #profile #content-right .common-block ul li a:hover{opacity: .99; filter: alpha(opacity=100);-moz-opacity:1.0; } #profile #content-right .common-block ul li div{display:none; background:url(../images/bg-right-block-div.png) no-repeat; width:188px; height:41px; position:absolute; float:left; padding:24px 15px 10px 15px; font-family:Arial; font-size:11px; color:#050505; z-index:200;margin:55px 0 0 -82px;} #profile #content-right .common-block ul li:hover div{display:block;} #profile #content-right .common-block ul li div h1{font-family:Arial, Helvetica, sans-serif; color:#374b57; font-size:15px; font-weight:bold} #profile #content-right .common-block ul li div p{line-height:15px; font-weight:normal; font-size:11px; color:#3a3a3a} #profile #content-right #tag-cloud div{ font-size:60%; text-align:center} #profile #content-right #tag-cloud div a{color:#2a2829; font-weight:normal} #profile #content-right #rss{width:207px} #profile #content-right #rss a{background:url(../images/icon-rss.png) 33px 4px no-repeat; font-size:13px; color:#3a3a3a;} #profile #content-right #rss a:hover{color:#000000; text-decoration:none} #profile #content-right #rss a span{font-size:11px; font-weight:normal; padding:10px 0 0 0; display:block} #profile #content-left #searchWrap{float:right;overflow:hidden; background:url(../images/bg-profile-tabs.png);padding:0 0 0 20px; height:42px;} #profile #content-left .search{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:25px; width:248px; border:1px solid #374b57; margin:10px; background:#FFFFFF} #profile #content-left .search input{width:164px; border:none; font-size:12px;font-family:Arial; color:#999999; float:right; position:relative; padding:0 8px 0 0; margin:0px 2px 0 0; background:none; top:5px } #profile #content-left .search a{background:url(../images/search-icon.png) no-repeat 5px 6px; padding:0 0 0 30px; width:43px; line-height:24px; display:block; float:left; color:#999999; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; font-weight:bold} #profile #content-left .search div.dropdown{float:left; display:none; position:absolute; background:#ffffff; margin-top:28px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #374b57;} #profile #content-left .search div.dropdown ul li{display:block; clear:both;} #profile #content-left .search div.dropdown ul li a{background-image:none; padding:0 20px 0 10px} #profile #content-right #mood{display:block; position:relative; background:#d5e4f3;left:-20px;padding:0 20px;top:-15px;width:260px; overflow:hidden; height:103px} #profile #content-right #mood span{font-size:15px; margin:5px 0; display:block} #profile #content-right #mood a{font-size:15px; margin:5px 0; display:block; color:#000000; font-weight:normal;} #profile #content-right #mood span.mood{ width:66px; height:86px; display:block; float:left; text-indent:-9999px; margin:0 10px 0 0} #profile #content-right #mood span.curious{background:url(../../common/images/icon-curious.png)} #profile #content-right #mood span.duk{background:url(../../common/images/icon-duk.png)} #profile #content-right #mood span.fan{background:url(../../common/images/icon-fan.png)} #profile #content-right #mood span.lord{background:url(../../common/images/icon-lord.png)} #profile #content-right #mood span.master{background:url(../../common/images/icon-master.png)} #profile #content-right #mood span.rookie{background:url(../../common/images/icon-rookie.png)} #profile #content-right #mood span.tyro{background:url(../../common/images/icon-tyro.png)} #profile #content-right #mood h3{font-family: 'CaeciliaLTStd85Heavy'; font-size:22px; position:relative; margin:10px 0 0 0} #profile #content-right #mood p{font-family: 'CaeciliaLTStd86HeavyItalic'; font-size:14px} #tools #content{overflow:hidden} #tools #content-left{float:left; display:block; width:626px;} #tools #content-left p{color:#5c5c5c; font-weight:bold; margin:18px 0} #tools #content-left #video{display:block; width:610px; text-align:center; background:#ebebeb; border:1px solid #a4c3dd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 0} #tools #content p.footer{margin:10px; display:block; text-align:center; color:#848484; font-weight:bold} #tools #content a{color:#028bdd; text-decoration:none} #tools #content a:hover{text-decoration:underline} #tools #content-right{float:left; display:block; width:300px;} #tools #showcase{background:#eff6e8 right bottom no-repeat; border:1px solid #a5cc79; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:block; text-align:center; padding:30px 20px; height:278px} #tools #showcase.bookmarklet{background-image:url(../images/bg-showcase-bookmarklet.png);} #tools #showcase h2{font-family: 'CaeciliaLTStd86HeavyItalic'; font-size:32px; color:#517b21} #tools #showcase p{font-size:18px; line-height:22px; color:#517b21; font-weight:bold} #tools #showcase a.button{width:208px; height:35px; line-height:35px; text-align:center; background:url(../images/bg-btn-blue.png); display:block; border:1px solid #a4c3dd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#021e2d; text-decoration:none; font-weight:bold; margin:30px auto;} #tools #showcase a.button:hover{background-position:0 -30px} #tools #showcase a.button span{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:16px; height:16px; background:url(../images/icon-tools.png); display:inline-block; margin-right:8px; position:relative; top:2px} #tools #showcase.bookmarklet a.button span{background-position:0px 0px} #tools #showcase.firefox a.button span{width:22px; height:22px; background:url(../images/icon-firefox.png); top:5px} #tools #showcase.explorer a.button span{width:22px; height:22px; background:url(../images/icon-chrome.png); top:5px} #tools #showcase a.button{margin-bottom:5px} #tools #content.addon{background:url(../images/bg-addon.png) -7px 0 no-repeat} #tools #content.addon #content-left h2.ff{background:url(../images/h2-firefox.png); width:525px; height:83px; display:block; text-indent:-9999px; position:relative; left:0px; top:0px;} #tools #content.addon #content-left h2.ie{background:url(../images/h2-chrome.png); width:617px; height:83px; display:block; text-indent:-9999px; position:relative; left:0px; top:0px;} #tools #content.addon #content-left p{width:500px; margin-left:30px;} #tools #content.addon #content-left p.heading{font-size:18px; font-weight:bold; color:#333333} #tools #content.addon #content-left #video{width:477px; margin-left:30px} #tools #content.addon #content-right p.note{color:#848484; font-size:11px;} #tools #content.addon #content-right p.tiny{color:#848484; font-size:13px; line-height:15px; margin:10px 0 0 0; padding:0; width:auto; float:none;} #tools #content.addon #content-right span.ie{background:url(../images/icon-chrome-onwhite.png); width:22px; height:22px; display:inline-block; position:relative; top:5px; margin:0 5px 0 0} #tools #content.addon #content-right span.ff{background:url(../images/icon-ff-onwhite.png); width:22px; height:22px; display:inline-block; position:relative; top:5px; margin:0 5px 0 0} #tools #showcase div.blockrff{background:url(../images/tools-img-blockr-ff.png); width:297px; height:64px; text-indent:-9999px; display:block; margin-left:-20px} #tools #content.counter #content-left p{margin:5px 0; font-weight:normal; font-size:12px} #tools #content #content-left #switch{display:inline-block; position:relative;} #tools #content #content-left .switch_container{height:27px; width:94px; position: relative; overflow: hidden;} #tools #content #content-left .switch_container span.switch{height:27px; width:94px; position: relative; overflow: hidden; background-image:url(../images/switch.png); background-repeat:none; display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} #tools form span{font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#696969; display:block; width:140px;float:left; height:50px} #tools form span.single{height:25px} #tools form fieldset{display:block; margin:20px 0; clear:both} #tools form label{font-size:13px;} #tools form .button{display:inline-block; text-decoration:none; text-align:center; border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#444; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 0px #FFF; margin:0 0 0 25px; cursor:pointer} #tools form .button:hover{background-position:0 -150px} #tools form #colorsWrapper li{float:left; width:193px; height:90px} #tools form #colorsWrapper li span{width:auto; float:none; height:auto} #tools form #colorsWrapper input.text{border:1px solid #c7c7c7; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width:50px; height:19px; display:inline-block; text-align:center} #tools form #colorsWrapper div.box{border:1px solid #c7c7c7; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display:block; width:22px; height:22px; display:inline-block; position:relative; top:6px} #tools #content #content-right h2{margin:20px 0 10px 0} #tools #content #content-right #marks{font-family: 'CaeciliaLTStd86HeavyItalic'; font-size:12px} #tools #content ul.tabs{display:block; overflow:hidden; background:url(../images/bg-tools-tabs.png);padding:0 0 0 20px; height:42px;} #tools #content ul.tabs li{float:left; margin-right:3px;} #tools #content ul.tabs li a{display:block; background:#E2EDD7 url(../../common/images/sp-bg-buttons.png) repeat-x scroll 0 -54px; color:#374b57; cursor:pointer; margin:0; line-height:28px; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 0 #FFFFFF; padding:0 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; position:relative; top:12px;} #tools #content ul.tabs li a:hover{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid; padding:0 10px} #tools #content ul.tabs li.ui-tabs-selected a, #tools #content ul.tabs ul.tabs li.ui-state-active a{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid;padding:0 10px} #tools #content .tiny{width:100px; padding:10px; font-size:13px; float:right; margin:0 76px 0 0;} #tools #content #tab1, #tools #content #tab2, #tools #content #tab3{margin-bottom:20px; min-height:300px} #content.addnew #head{background: url(../images/db-contentNav.png) no-repeat 4px 0px;padding:4px 4px 0px 4px;} #content.addnew #head input{font-family: 'CaeciliaLTStd85Heavy';font-size:26px;color:#FFF;background:#213343 url(../images/sp-titleIcons.png) no-repeat 821px -208px;padding:13px 80px 20px 20px; border:none; width:792px;} #content.addnew .cke_skin_kama{background:#FFFFFF;margin:0px 4px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; overflow:hidden; width:893px!important} #content.addnew .formsubmit{background:#FFFFFF;margin:0px 4px;font:12px/18px Arial,Helvetica,sans-serif;color:#000; overflow:hidden; padding:0 20px;} #content.addnew .formsubmit hr{background:#e3e3e3; height:1px; width:100%; border:none; margin:20px 0} #content.addnew .cke_skin_kama .cke_wrapper{width:893px; padding:0; background:none; resize:none;} #content.addnew .cke_skin_kama .cke_wrapper td#cke_top_editor1.cke_top{background:url(../images/bg-write-tools.png); height:34px; padding:8px 10px} #content.addnew .cke_skin_kama .cke_toolgroup{background:none; margin:2px 0 0 2px} #content.addnew .cke_skin_kama .cke_toolgroup .cke_button a{background:url(../images/bg-home-btn.png); border:1px #a7c4dd solid} #content.addnew .cke_skin_kama .cke_wrapper .cke_toolbox_collapser{display:none} #content.addnew .cke_skin_kama .cke_bottom{display:none} #content.addnew .cke_skin_kama .cke_contents{height:700px!important} #content.addnew #new-marrow-options{display:block; position:absolute; width:538px; height:auto; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; margin-left:328px; height:13px; padding:15px} #new-marrow-options .container{padding:0px 10px; overflow:hidden; display:block; float:left;} .container#type{float:right} .container#select-cat{width:140px} .container#select-privacy, .container#add-tag{width:120px} #new-marrow-options .container input.radio{position:relative; top:2px} #new-marrow-options a{font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color:#0090e7; text-decoration:none} #new-marrow-options .container#select-cat div.hide{display:none;position:absolute; background:url(../images/bg-write-options.png) no-repeat; padding:18px 0 0 0;margin:0 0 0 -36px} #new-marrow-options .container#type div.hide{display:none;position:absolute; background:url(../images/bg-write-options.png) no-repeat; padding:18px 0 0 0;margin:0 0 0 -123px} #new-marrow-options .container#select-privacy div.hide{display:none;position:absolute; background:url(../images/bg-write-options.png) no-repeat; padding:18px 0 0 0;margin:0 0 0 -56px} #new-marrow-options .container#add-tag div.hide{display:none;position:absolute; background:url(../images/bg-write-options.png) no-repeat; padding:18px 0 0 0;margin:0 0 0 -81px} #new-marrow-options ul{padding:10px; border:1px solid #9a9a9a; border-left-color:#e5e5e5; border-top:none; background:#FFFFFF; width:164px; font-family:Tahoma; font-size:11px} #new-marrow-options #select-cat.container ul li{display:block; padding:0} #new-marrow-options ul li{display:block; padding:2px 0} #new-marrow-options ul span.padding{padding:2px 0 2px 25px; width:auto; height:auto} #new-marrow-options ul div.newmarkicon{background:url(../images/icon-new-mark.png) 137px 0 no-repeat; height:16px; border-bottom:#ececec 1px solid; padding:2px 0} #new-marrow-options ul#tags{background:none; width:auto; height:auto; border:none; padding:0 10px} #new-marrow-options ul#tags li{padding:2px 0; line-height:20px} #new-marrow-options ul#tags a.deletethis{margin:0; display:inline-block; background:url(../images/btn-close-me.png); width:16px; height:16px; text-indent:-99999px} #new-marrow-options ul#sharewith{background:url(../images/bg-write-options-ul.png); width:auto; height:auto; border:none; padding:0 10px} #new-marrow-options ul#sharewith li{padding:2px 0; line-height:20px} #new-marrow-options ul#sharewith a.deletethis{margin:0; display:inline-block; background:url(../images/btn-close-me.png); width:16px; height:16px; text-indent:-99999px} #new-marrow-options ul input.checkboxright{float:right} #new-marrow-options ul#doctype{background:url(../images/bg-write-options-ul.png); width:auto; height:auto; border:none; padding:0 10px; margin:10px 0 15px 0} #new-marrow-options ul#doctype li{padding:2px 0; line-height:20px} #new-marrow-options ul input.radioright{float:right} #new-marrow-options #type{background:url(../images/bg-syntax.png) left center no-repeat; padding:0 0 0 16px} #new-marrow-options ul li input.checkbox{width:10px; height:10px; display:inline-block} #new-marrow-options ul li input#newshare{font-size:11px; color:#8f8f8f; border:1px solid #e8ecf0; margin:10px 2px; padding:3px 5px; width:150px} #new-marrow-options ul li input#newtag{font-size:11px; color:#8f8f8f; border:1px solid #e8ecf0; margin:10px 2px; padding:3px 5px; width:150px} #new-marrow-options ul li span{display:inline-block; border-radius:4px; -moz-border-radius:2px; -webkit-border-radius:2px; width:8px; height:8px; margin:0 5px 0 0} #new-marrow-options .container#select-cat ul li input.button{background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -69px; color:#021e2d; margin:0 0 0 11px; cursor:pointer; padding:2px 10px; border:1px solid #a4c3dd;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; font-weight:bold} #new-marrow-options ul li input.button{background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -69px; color:#021e2d; margin:0 0 0 11px; cursor:pointer; padding:2px 10px; border:1px solid #a4c3dd;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; font-weight:bold} #new-marrow-options ul li input.button:hover{background-position:0 -150px} #new-marrow-options ul li a{text-decoration:underline; margin:5px 5px 5px 11px; display:block} #content.addnew .formsubmit span{display:block; border:1px solid transparent; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:5px 0 20px 0px; font-size:12px; line-height: 24px; width:553px; display:inline-block} #content.addnew .formsubmit span input{border:1px solid #d0dbe0; background: url(../images/bg-write-url.png) #FFF no-repeat 9px 7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:-1px 10px -1px -1px; width:260px; padding:8px 8px 8px 145px; font:16px/20px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif;} #content.addnew .formsubmit span.notOK{border:1px solid #e5a3a3; background:#ffcfcf;} #content.addnew .formsubmit span.notOK input{border:1px solid #e5a3a3;} #content.addnew .formsubmit span.OK{border:1px solid #bed5a5; background:#eff6e9;} #content.addnew .formsubmit span.OK input{border:1px solid #bed5a5;} #content.addnew .formsubmit .button{display:inline-block; text-decoration:none; text-align:center; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#3a4923; width:250px; border:1px solid #b4ca8a;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0 0 0 25px;} #content.addnew .formsubmit .button:hover{background-position:0 -211px} #content.addnew .formsubmit .disabled{background:display:inline-block; text-decoration:none; text-align:center; #e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -150px; color:#999;font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; width:250px; border:1px solid #b4ca8a;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0 0 0 25px;} #savedthis{display:block; position:absolute; width:892px; height:561px; opacity: .75; filter: alpha(opacity=75);-moz-opacity:.75; background:#000000; top:173px; margin:0 0 0 4px; text-align:center; padding:90px 0 0 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:none} #savedthis h2{color:#FFFFFF; font-size:36px; font-family:Arial, Helvetica, sans-serif;} #savedthis a{overflow:hidden; padding:11px 40px; background:url(../images/bg-marrow-ready.png); width:auto; font-family:Arial, Helvetica, sans-serif; color:#000000; text-shadow:#FFFFFF; text-decoration:none; display:inline-block; margin:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px #a4c3dd solid} #savedthis p{color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:3px 20px; display:inline-block} #friends {font-family:Arial; font-size:13px; color:#5c5c5c;} #friends a{color:#0281cf; text-decoration:none; font-weight:bold} #friends a:hover{color:#213343; text-decoration:underline} #friends #content-left{width:670px; float:left;} #friends #content-right, #s-notices #right-block{width:260px; float:left; padding:15px 20px} #friends #userinfo #right-block{float:right; text-align:right; font-size:15px} #friends #userinfo #right-block a{color:#FFFFFF; font-weight:normal;} #friends #userinfo #right-block a:hover{color:#FFFFFF;} #friends #content-left .content{padding:15px 20px} #friends #content-left ul#stories{display:block; font-family:Arial; font-size:11px; color:#5c5c5c; padding:15px 0} #friends #content-left ul#stories li{height:86px; line-height:15px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #ececec; margin:0 0 15px 0; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif} #friends #content-left ul#stories li div.left{float:left; margin:3px 0 0 0; display:block; width:470px} #friends #content-left ul#stories li div.left div{float:left; height:86px} #friends #content-left ul#stories li div.left div img{height:48px; width:48px; margin:0 4px 0 0; display:block; float:left; margin-right:10px} #friends #content-left ul#stories li div.right{float:right} #friends #content-left ul#stories li div.right div.hide{display:inline-block; margin-right:10px; width:115px; text-align:right} #friends #content-left ul#stories li:hover div.right div.hide a.settings{display:inline-block;} #friends #content-left ul#stories li div.right div.hide span.follow{float:left;} #friends #content-left ul#stories li div.right div.hide span.following{float:left; padding:0 0 0 15px; background:url(../images/icon-tick.png) left center no-repeat; color:#0281cf; text-decoration:none; font-weight:bold} #friends #content-left ul#stories li div.right div.hide a.settings{display:none; background:url(../images/icon-stream-hover.png) -44px 0; height:26px; width:13px; text-indent:9999px; position:relative; top:-4px; width:38px} #friends #content-left ul#stories li div.right div.hide a.settings:hover, #friends #content-left ul#stories li div.right div.hide a.settings.selected{background-position:-44px -25px; width:38px} #friends #content-left ul#stories li div.right div.hide div.dropdown{display:none; position:absolute; float:left; height:36px; width:90px; overflow:hidden; background:#f7f7f7; padding:0 10px 10px 10px; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:-5px 0 0 30px; text-align:left; z-index:100} #friends #content-left ul#stories li div.right div.hide div.dropdown a{display:block; background:none; text-indent:0; height:auto; line-height:normal; font-size:11px; font-weight:normal; width:auto; height:15px} #friends #content-left a.huge{width:628px; height:30px; line-height:30px; text-align:center; background:url(../images/bg-btn-blue.png); display:block; margin:0 auto; border:1px solid #bfbfbf; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#021e2d; text-decoration:none; font-weight:bold} #friends #content-left a.huge:hover{background-position:0 -30px} #friends #content-right{line-height:normal} #friends #content-right #friends-summary p{padding:3px 0} #friends #content-right #friends-summary span.male{background:url(../images/icon-gender.png) top right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #friends #content-right #friends-summary span.female{background:url(../images/icon-gender.png) bottom right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #friends #content-right #friends-summary a.networks{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 2px 0 0; text-indent:-9999px; display:inline-block} #friends #content-right #friends-summary b{margin:0 3px 0 0} #friends #content-right .common-block{font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a;} #friends #content-right .common-block a.black, #friends #content-right .common-block p{color:#000000;font-size:13px; padding:0; float:none;} #friends #content-right .common-block a{float:right; font-size:11px; padding:5px 0 0 0;} #friends #content-right .common-block ul{display:block; clear:both; padding:10px 0 0 0} #friends #content-right .common-block ul li{display:inline-block;} #friends #content-right .common-block ul li a{display:block; text-indent:-9999px; width:48px; height:48px; opacity: .8; filter: alpha(opacity=80);-moz-opacity:.8;} #friends #content-right .common-block ul li a:hover{opacity: .99; filter: alpha(opacity=100);-moz-opacity:1.0; } #friends #content-right .common-block ul li div{display:none; background:url(../images/bg-right-block-div.png) no-repeat; width:188px; height:41px; position:absolute; float:left; padding:24px 15px 10px 15px; font-family:Arial; font-size:11px; color:#050505; z-index:200;margin:55px 0 0 -82px;} #friends #content-right .common-block ul li:hover div{display:block;} #friends #content-right .common-block ul li div h1{font-family:Arial, Helvetica, sans-serif; color:#374b57; font-size:15px; font-weight:bold} #friends #content-right .common-block ul li div p{line-height:15px; font-weight:normal; font-size:11px; color:#3a3a3a} #friends #content-right #tag-cloud div{ font-size:60%; text-align:center} #friends #content-right #tag-cloud div a{color:#2a2829; font-weight:normal} #friends #content-right #rss{width:207px} #friends #content-right #rss a{background:url(../images/icon-rss.png) 33px 4px no-repeat; font-size:13px; color:#3a3a3a;} #friends #content-right #rss a:hover{color:#000000; text-decoration:none} #friends #content-right #rss a span{font-size:11px; font-weight:normal; padding:10px 0 0 0; display:block} #friends #content ul.tabs{display:block; overflow:hidden; background:url(../images/bg-tools-tabs.png);padding:0 0 0 20px; height:42px;} #friends #content ul.tabs li{float:left; margin-right:3px;} #friends #content ul.tabs li a{display:block; background:#E2EDD7 url(../../common/images/sp-bg-buttons.png) repeat-x scroll 0 -54px; color:#374b57; cursor:pointer; margin:0; line-height:28px; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 0 #FFFFFF; padding:0 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; position:relative; top:12px;} #friends #content ul.tabs li a:hover{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid; padding:0 10px} #friends #content ul.tabs li.ui-tabs-selected a, #tools #content ul.tabs ul.tabs li.ui-state-active a{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid;padding:0 10px} #friends #content #tab1, #friends #content #tab2, #friends #content #tab3{margin-bottom:20px; min-height:300px; padding:20px} #friends form span{font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#696969; display:block; width:140px;float:left; height:50px} #friends form fieldset{display:block; margin:20px 0; clear:both} #friends form label{font-size:13px;} #friends form textarea{width:425px; height:85px;} #friends form .button{display:inline-block; text-decoration:none; text-align:center; border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#444; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 0px #FFF; cursor:pointer} #friends form .button.invite{margin-left:145px} #friends form .button.tiny{padding:5px; font-size:14px; width:auto} #friends form .button:hover{background-position:0 -150px} #friends form p.extraInfo{clear:both;margin:5px 0px 10px 145px;color:#737373;} #friends form input.text, #friends form textarea{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 420px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #friends form input.text.tiny{width:200px; display:block; margin-bottom:8px} form.settingsForm input.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 120px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #friends #content #emailinput{background:url(../images/bg-friend-email.png); width:586px; height:150px; margin:20px auto} #friends #emailinput #pseudo{display:inline-block; height:150px; vertical-align:middle; width:20px;} #friends #emailinput #left{display:inline-block; vertical-align:middle; width:125px} #friends #emailinput .right{display:inline-block; vertical-align:middle; padding:0 0 0 47px} #friends #emailinput #left a{display:block; background:url(../images/icon-friends-mails.png) no-repeat; height:20px; padding:0 0 0 32px} #friends #emailinput #left a.gmail{background-position:0px 0px} #friends #emailinput #left a.yahoo{background-position:0px -24px} #friends #emailinput #left a.aol{background-position:0px -48px} #friends #gmail{background:url(../images/bg-email-input.png) no-repeat 0 13px;} #friends #yahoo{background:url(../images/bg-email-input.png) no-repeat 0 36px;} #friends #aol{background:url(../images/bg-email-input.png) no-repeat 0 59px;} #lightbox ul#stories{height:500px; overflow:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border:1px solid #d0dbe0; padding:10px} #lightbox ul#stories li{height:86px; line-height:15px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #ececec; margin:0 0 15px 0; color:#444444; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; font-size:12px} #lightbox ul#stories li div.left{float:left; margin:3px 0 0 0; display:block; width:330px; text-align:left;} #lightbox ul#stories li div.left div{float:left; height:86px} #lightbox ul#stories li div.left div img{height:48px; width:48px; margin:0 4px 0 0; display:block; float:left; margin-right:10px} #groups {font-family:Arial; font-size:13px; color:#5c5c5c;} #groups a{color:#0281cf; text-decoration:none; font-weight:bold} #groups a:hover{color:#213343; text-decoration:underline} #groups #content-left{width:670px; float:left;} #groups #content-right, #s-notices #right-block{width:260px; float:left; padding:15px 20px} #groups #userinfo #right-block{float:right; text-align:right; font-size:15px} #groups #userinfo #right-block a{color:#FFFFFF; font-weight:normal;} #groups #userinfo #right-block a:hover{color:#FFFFFF;} #groups #content-left .content{padding:15px 20px} #groups #content-left ul#stories{display:block; font-family:Arial; font-size:11px; color:#5c5c5c; padding:15px 0} #groups #content-left ul#stories li{height:86px; line-height:15px; display:block; clear:both; overflow:hidden; border-bottom:1px solid #ececec; margin:0 0 15px 0; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif} #groups #content-left ul#stories li div.left{float:left; margin:3px 0 0 0; display:block; width:470px} #groups #content-left ul#stories li div.left div{float:left; height:86px} #groups #content-left ul#stories li div.left div img{height:48px; width:48px; margin:0 4px 0 0; display:block; float:left; margin-right:10px} #groups #content-left ul#stories li div.big{margin:3px 0 0 0; display:block;} #groups #content-left ul#stories li div.big div{float:left; height:86px} #groups #content-left ul#stories li div.big div img{height:48px; width:48px; margin:0 4px 0 0; display:block; float:left; margin-right:10px} #groups #content-left ul#stories li div.right{float:right} #groups #content-left ul#stories li div.right div.hide{display:inline-block; margin-right:10px; width:140px; text-align:right} #groups #content-left ul#stories li:hover div.right div.hide a.settings{display:inline-block;} #groups #content-left ul#stories li div.right div.hide span.makeofficer, #groups #content-left ul#stories li div.right div.hide span.removeofficer{float:left;} #groups #content-left ul#stories li div.right div.hide a.settings{display:none; background:url(../images/icon-stream-hover.png) -44px 0; height:26px; width:13px; text-indent:9999px; position:relative; top:-4px; width:38px} #groups #content-left ul#stories li div.right div.hide a.settings:hover, #groups #content-left ul#stories li div.right div.hide a.settings.selected{background-position:-44px -25px; width:38px} #groups #content-left ul#stories li div.right div.hide div.dropdown{display:none; position:absolute; float:left; height:36px; width:90px; overflow:hidden; background:#f7f7f7; padding:0 10px 10px 10px; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:-5px 0 0 30px; text-align:left; z-index:100} #groups #content-left ul#stories li div.right div.hide div.dropdown a{display:block; background:none; text-indent:0; height:auto; line-height:normal; font-size:11px; font-weight:normal; width:auto; height:15px} #groups #content-left a.huge{width:628px; height:30px; line-height:30px; text-align:center; background:url(../images/bg-btn-blue.png); display:block; margin:0 auto; border:1px solid #bfbfbf; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#021e2d; text-decoration:none; font-weight:bold} #groups #content-left a.huge:hover{background-position:0 -30px} #groups #content-right{line-height:normal} #groups #content-right #groups-summary p{padding:3px 0} #groups #content-right #groups-summary span.male{background:url(../images/icon-gender.png) top right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #groups #content-right #groups-summary span.female{background:url(../images/icon-gender.png) bottom right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #groups #content-right #groups-summary a.networks{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 2px 0 0; text-indent:-9999px; display:inline-block} #groups #content-right #groups-summary b{margin:0 3px 0 0} #groups #content-right .common-block{font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a;} #groups #content-right .common-block a.black, #groups #content-right .common-block p{color:#000000;font-size:13px; padding:0; float:none;} #groups #content-right .common-block a{float:right; font-size:11px; padding:5px 0 0 0;} #groups #content-right .common-block ul{display:block; clear:both; padding:10px 0 0 0} #groups #content-right .common-block ul li{display:inline-block;} #groups #content-right .common-block ul li a{display:block; text-indent:-9999px; width:48px; height:48px; opacity: .8; filter: alpha(opacity=80);-moz-opacity:.8;} #groups #content-right .common-block ul li a:hover{opacity: .99; filter: alpha(opacity=100);-moz-opacity:1.0; } #groups #content-right .common-block ul li div{display:none; background:url(../images/bg-right-block-div.png) no-repeat; width:188px; height:41px; position:absolute; float:left; padding:24px 15px 10px 15px; font-family:Arial; font-size:11px; color:#050505; z-index:200;margin:55px 0 0 -82px;} #groups #content-right .common-block ul li:hover div{display:block;} #groups #content-right .common-block ul li div h1{font-family:Arial, Helvetica, sans-serif; color:#374b57; font-size:15px; font-weight:bold} #groups #content-right .common-block ul li div p{line-height:15px; font-weight:normal; font-size:11px; color:#3a3a3a} #groups #content-right #tag-cloud div{ font-size:60%; text-align:center} #groups #content-right #tag-cloud div a{color:#2a2829; font-weight:normal} #groups #content-right #rss{width:207px} #groups #content-right #rss a{background:url(../images/icon-rss.png) 33px 4px no-repeat; font-size:13px; color:#3a3a3a;} #groups #content-right #rss a:hover{color:#000000; text-decoration:none} #groups #content-right #rss a span{font-size:11px; font-weight:normal; padding:10px 0 0 0; display:block} #groups #content ul.tabs{display:block; overflow:hidden; background:url(../images/bg-tools-tabs.png);padding:0 0 0 20px; height:42px;} #groups #content ul.tabs li{float:left; margin-right:3px;} #groups #content ul.tabs li a{display:block; background:#E2EDD7 url(../../common/images/sp-bg-buttons.png) repeat-x scroll 0 -54px; color:#374b57; cursor:pointer; margin:0; line-height:28px; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 0 #FFFFFF; padding:0 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; position:relative; top:12px;} #groups #content ul.tabs li a:hover{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid; padding:0 10px} #groups #content ul.tabs li.ui-tabs-selected a, #tools #content ul.tabs ul.tabs li.ui-state-active a{top:7px; color:#7e9e3c; background:#FFFFFF; line-height:36px; border:1px #abd9f0 solid;padding:0 10px} #groups #content #tab1, #groups #content #tab2, #groups #content #tab3{margin-bottom:20px; min-height:300px; padding:20px} #groups form span{font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#696969; display:block; width:140px;float:left; height:50px} #groups form fieldset{display:block; margin:20px 0; clear:both} #groups form label{font-size:13px;} #groups form textarea{width:425px; height:85px;} #groups form .button{display:inline-block; text-decoration:none; text-align:center; border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#444; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 0px #FFF; cursor:pointer} #groups form .button.invite{margin-left:145px} #groups form .button.tiny{padding:5px; font-size:14px; width:auto} #groups form .button:hover{background-position:0 -150px} #groups form p.extraInfo{clear:both;margin:5px 0px 10px 145px;color:#737373;} #groups form input.text, #groups form textarea{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 420px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups form input.text.tiny{width:200px; display:block; margin-bottom:8px} form.settingsForm input.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 120px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups #content #emailinput{background:url(../images/bg-friend-email.png); width:586px; height:150px; margin:20px auto} #groups #emailinput #pseudo{display:inline-block; height:150px; vertical-align:middle; width:20px;} #groups #emailinput #left{display:inline-block; vertical-align:middle; width:125px} #groups #emailinput .right{display:inline-block; vertical-align:middle; padding:0 0 0 47px} #groups #emailinput #left a{display:block; background:url(../images/icon-friends-mails.png) no-repeat; height:20px; padding:0 0 0 32px} #groups #emailinput #left a.gmail{background-position:0px 0px} #groups #emailinput #left a.yahoo{background-position:0px -24px} #groups #emailinput #left a.aol{background-position:0px -48px} #groups #gmail{background:url(../images/bg-email-input.png) no-repeat 0 13px;} #groups #yahoo{background:url(../images/bg-email-input.png) no-repeat 0 36px;} #groups #aol{background:url(../images/bg-email-input.png) no-repeat 0 59px;} #groups #group-image{padding:1px; width:250px; border:1px solid #adadad; display:block; clear:both} #groups #group-image img{width:250px} #groups #group-info p{font-weight:normal; color: #333; font-size:2px; font-family: "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif} #groups .common-block#group-meta p{padding:2px 0} #groups .common-block#group-meta a{font-size:12px; float:none;} #groups #group-meta span{display:inline-block; min-width:60px; padding:0 15px 0 0} #groups #content-left ul#stories.group-officers{padding-top:5px} #groups #content-left ul#stories.group-officers li div.right div.hide a.settings{top:0} #groups #content-left ul#stories.group-officers li{height:26px; line-height:26px; margin:0; padding:4px 0} #groups #content-left ul#stories.group-officers li div.left{margin:0} #groups #content-left p.title{font-weight:bold} #groups span.when{color:#939393;} #groups #content-left ul#stories.groupHome li{height:auto} #groups ul#stories.groupHome li p{color:#000000; font-size:13px; line-height:17px} #groups form.groupsForm{padding: 20px 30px 0px 0px; font:12px/18px Arial,Helvetica, sans-serif;} #groups form.groupsForm p.info{color:#213343; padding:10px 5px;} #groups form.groupsForm input.large, #groups form.groupsForm textarea.large{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 420px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups form.groupsForm select.large{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 438px; padding:4px 2px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups form.groupsForm input.tiny, #groups form.groupsForm textarea.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 120px; padding:4px 8px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups form.groupsForm select.tiny{background:#FFF url(../../common/images/bg-input.png) no-repeat; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:auto; padding:4px 2px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups form.groupsForm #social{width:560px; margin:0 0 0 142px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#737373} #groups form.groupsForm #social span.icon{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 82px 0 0; text-indent:-9999px; display:inline-block} #groups form.groupsForm #social a.delete{display:inline-block; width:16px; height:16px; background:url(../images/icon-setting-social.png) no-repeat; text-indent:-9999px; margin:0 0 0 20px} #groups form.groupsForm button.tiny{border:1px solid #d0dbe0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:8px; font:24px/24px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444; background:#FFF;} #groups form.groupsForm button.tiny:hover{background-position:0 -150px} #groups form.groupsForm a.button, #groups form.groupsForm button{display:block; text-decoration:none; text-align:center; border:1px solid #b4ca8a; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x; font:bold 18px/18px Helvetica,Arial,sans-serif; padding:10px 0 9px 0; color:#3a4923; width:250px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FFF; margin:0 0 0 25px;} #groups form.groupsForm button.white{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -50px; text-shadow: 1px 0px #FFF; color:#444; margin:0; cursor:pointer;} #groups form.groupsForm button.white:hover{background-position:0 -150px} #groups form.groupsForm button.disabled{background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -150px; color:#999;} #groups form.groupsForm label{font-size:14px;width:140px;} #groups form.groupsForm label span{float:left;width:145px;line-height:30px; height:30px} #groups form.groupsForm .checkboxWrap label{margin:7px 40px 17px 0px;width:auto;float:left} #groups form.groupsForm #bgUpload .checkboxWrap label{margin:0px 10px 17px 0px;width:auto;float:left;font-size:12px} #groups form.groupsForm p.extraInfo{clear:both;margin:5px 0px 10px 145px;color:#737373;} #groups form.groupsForm p.extrainsideInfo{margin:5px 0px 10px 145px;color:#737373;font-size:12px;} #groups form.groupsForm #bgUpload p.extrainsideInfo{margin-bottom:0px;} #groups form.groupsForm .lCheckbox{clear:both;margin:15px 0px 10px 140px;} #groups form.groupsForm .secondary{font-size:12px;} #groups form.groupsForm a{color:#028bdd;text-decoration: none} #groups form.groupsForm a:hover{text-decoration: underline} #groups form.groupsForm hr{border:none;border-top:1px solid #ececec;margin:20px 0px 20px 0px;clear:both} #groups form.groupsForm img.avatar{float:left;padding:2px; margin-right:10px; margin-bottom:20px;border:1px solid #EEE;} #groups form.groupsForm input.colorBox{border:3px solid #eee;width:112px;height:70px;text-indent:-9000px;cursor:pointer} #groups ul#otheroptions{background:url(../images/bg-ul-groups.png); width:auto; height:auto; border:none; padding:0 10px; clear:both} #groups ul#otheroptions li{padding:2px 0 2px 130px; line-height:20px; height:20px} #groups ul#otheroptions input.checkboxright{float:right; margin:0 23px; position:relative; top:3px} #groups #subNav input.minisearch{background:url(../images/bg-searchbox.png) transparent; font-size:11px; color:#000000; width:118px; height:19px; line-height:19px; padding:0 10px 0 30px; border:none} #content.groups-home h2.groups-home-title{font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; background:url(../images/bg-h2-groups.png); width:425px; height:30px; line-height:30px; padding:0 10px; color:#FFFFFF} #updated-groups{float:left; padding:0 18px 0 0; border-right:1px solid #cdd7e1;} #joined-groups{float:left; padding:0 0 0 18px} #groups .group-list-container{border:1px solid #cdd7e1;} #groups .group-list-container .onOff, #groups .group-list-container .group-nav{display:block; padding:0 10px; line-height:23px; background:#d6e5f4; font-size:11px; color:#444444; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; overflow:hidden} #groups .group-list-container .group-nav .left{float:left} #groups .group-list-container .group-nav .right{float:right} #groups .group-list-container .onOff a{color:#444444;} #groups ul.groupListing{padding:10px} #groups ul.groupListing li{font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; margin-bottom:20px; border-bottom:1px solid #cdd7e1; padding-bottom:20px; display:block} #groups ul.groupListing li.last{border:none; padding:0; margin:0} #groups ul.groupListing li .image{display:inline-block; vertical-align:top; padding:0 20px 0 0} #groups ul.groupListing li .image img{width:100px!important} #groups ul.groupListing li .info{display:inline-block; vertical-align:top;} #groups ul.groupListing li .info div a{font-size:11px; color:#444444; text-decoration:none; display:inline-block; border-bottom:dotted 1px #444444; font-weight:normal} #groups ul.groupListing li .info div{font-size:11px; color:#444444;} #groups ul.groupListing li .info div span{width:68px; display:inline-block} #groups #impression{display:block; padding:0 0 10px 0} #groups #impression textarea{width:605px; height:18px; border:1px solid #cfcfcf; padding:5px 10px; font-family:Arial; font-size:15px; line-height:15px; color:#727272; background:none} #groups #impression .toolbar{width:625px; border:1px solid #e9e9e9;font-family:Arial; font-size:15px; line-height:15px; color:#727272; background:#f2f2f2; display:none} #groups #impression .filebar{width:625px; height:auto;font-family:Arial; font-size:15px; line-height:15px; color:#727272; background:#f2f2f2; display:none} #groups #impression .toolbar p{overflow:hidden; font-size:12px; color:#444444; font-weight:bold; line-height:28px; height:28px; padding:0 0 0 20px} #groups #impression .toolbar p input.button{float:right; width:87px; height:32px; display:block; text-indent:99999px; background:url(../images/input-share.png); border:none; position:relative; top:-2px; cursor:pointer} #groups #impression .filebar label{overflow:hidden; font-size:12px; color:#444444; font-weight:bold; line-height:28px; height:28px; padding:0 0 0 20px} #groups #impression .filebar input{margin:0 0 0 15px; background-color:#ffffff; border:none} #groups #impression .toolbar a{display:inline-block; background:url(../images/icon-sharing-tool.png); width:16px; height:16px; text-indent:-9999px; position:relative; top:6px; left:4px} #groups #impression .toolbar a.doc{background-position:0px 0px} #groups #impression .toolbar a.file{background-position:-21px 0px} #groups #impression .toolbar a.image{background-position:-42px 0px} #groups #impression .toolbar a.video{background-position:-63px 0px} #groups #impression .toolbar span{display:inline-block; vertical-align:top} #groups #impression .toolbar span:hover b{display:block;} #groups #impression .toolbar span b{display:none; position:absolute;color:#FFFFFF; background:url(../images/dropdown-bg.png); width:63px; height:20px; padding:3px 0 0 0; text-align:center; margin:5px 0 0 -20px} #groups #impression form span{color:inherit;display:inline;float:none;font-size:inherit;height:auto;width:auto;} #groups ul.comments{margin-left:50px; display:none} #groups #content-left ul#stories li ul.comments li{background:#deecf7; padding:10px; margin:0 0 6px 0} #groups #content-left ul#stories li ul.comments li input.large{background:#FFF; border:1px solid #d0dbe0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 551px; padding:4px 2px; font:14px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; color:#444;} #groups #content-left ul#stories li ul.comments li div.img{display:inline-block; height:auto; width:34px} #groups #content-left ul#stories li ul.comments li div.comment{display:inline-block; height:auto; width:525px} #groups #content-left ul#stories li ul.comments li div.img img{height:24px; width:24px; margin:0 10px 0 0} #groups #content-right .common-block#memberaction{text-align:center} #groups #content-right .common-block a.button{border:1px solid #d0dbe0; background:#e2edd7 url(../../common/images/sp-bg-buttons.png) repeat-x 0px -55px; color:#444; margin:0; cursor:pointer; display:inline-block; float:none; padding:4px 10px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin:0 0 0 10px;} #groups #content-right .common-block a.button:hover{background-position:0 -150px} #groups #media{display:block} #groups #media .media-heading{display:block; overflow:hidden; margin-bottom:15px} #groups #media .media-heading h1{float:left; clear:both; color:#444444; font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,sans-serif; font-size:14px; font-weight:bold} #groups #media .media-heading p{float:left; clear:both} #groups #media .media-heading .nav{float:right; display:block} #groups #media ul#media-listing{display:block; border:1px solid #adadad; background:#f7f7f7; padding:23px} #groups #media ul#media-listing li{display:inline-block; vertical-align:middle; border:#cccccc 1px solid; padding:3px; background:#FFFFFF; margin:0 5px 20px 0} #groups #media ul#media-listing li a{display:block; margin:0} #groups #media ul#media-listing li img{display:block; width:130px; margin:0} #groups #media ul#media-listing.detail li img{display:block; width:570px; margin:0} #static {font-family:Arial; font-size:13px; color:#5c5c5c;} #static a{color:#0281cf; text-decoration:none; font-weight:bold} #static a:hover{color:#213343; text-decoration:underline} #static #content-left{width:670px; float:left;} #static #content-right, #s-notices #right-block{width:260px; float:left; padding:15px 20px} #static #userinfo #right-block{float:right; text-align:right; font-size:15px} #static #userinfo #right-block a{color:#FFFFFF; font-weight:normal;} #static #userinfo #right-block a:hover{color:#FFFFFF;} #static #content-left .content{padding:15px 20px} #static #content-left a.huge:hover{background-position:0 -30px} #static #content-right{line-height:normal} #static #content-right #static-summary p{padding:3px 0} #static #content-right #static-summary span.male{background:url(../images/icon-gender.png) top right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #static #content-right #static-summary span.female{background:url(../images/icon-gender.png) bottom right no-repeat; height:17px; display:inline-block; padding:0 25px 0 0} #static #content-right #static-summary a.networks{width:16px; height:16px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-indent:-9999px; margin:0 2px 0 0; text-indent:-9999px; display:inline-block} #static #content-right #static-summary b{margin:0 3px 0 0} #static #content-right .common-block{font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a;} #static #content-right .common-block a.black, #static #content-right .common-block p{color:#000000;font-size:13px; padding:0; float:none;} #static #content-right .common-block a{float:right; font-size:11px; padding:5px 0 0 0;} #static #content-right .common-block ul{display:block; clear:both; padding:10px 0 0 0} #static #content-right .common-block ul li{display:inline-block;} #static #content-right .common-block ul li a{display:block; text-indent:-9999px; width:48px; height:48px; opacity: .8; filter: alpha(opacity=80);-moz-opacity:.8;} #static #content-right .common-block ul li a:hover{opacity: .99; filter: alpha(opacity=100);-moz-opacity:1.0; } #static #content-right .common-block ul li div{display:none; background:url(../images/bg-right-block-div.png) no-repeat; width:188px; height:41px; position:absolute; float:left; padding:24px 15px 10px 15px; font-family:Arial; font-size:11px; color:#050505; z-index:200;margin:55px 0 0 -82px;} #static #content-right .common-block ul li:hover div{display:block;} #static #content-right .common-block ul li div h1{font-family:Arial, Helvetica, sans-serif; color:#374b57; font-size:15px; font-weight:bold} #static #content-right .common-block ul li div p{line-height:15px; font-weight:normal; font-size:11px; color:#3a3a3a} #static #content h2{} #mark-item{clear:both; margin:0 4px; position:relative; background:#FFFFFF; padding:7px 20px;} #contentdisplay{font-size:14px} #contentdisplay p{padding:5px 0} #contentdisplay strong{font-weight:bold} #contentdisplay a{text-decoration:underline} .divider-mark{background:url(../images/divider-mark.png);display:block; height:58px; clear:both; margin:0 -20px} #mark-info{overflow:hidden; padding-top:10px; height:110px} #user, #tags, #visible, #download{float:left; width:196px; color:#acacac; position:relative; font-size:11px} #mark-info .minilinks, #download form{display:block; position:relative; top:15px; width:150px} #mark-info .minilinks a{text-decoration:underline; color:#a6a6a6; font-size:11px; font-family:Arial, Helvetica, sans-serif} #mark-info .minilinks a.italic{font-style:italic; color:#333333} #mark-info h6{font:bold 15px Arial; color: #222222; background:url(../images/h6-mark-info.png) right 0 no-repeat; padding-right:42px; position:relative; display:inline; top:10px} #tags h6{background-position:right -10px} #visible h6{background-position:right -47px} #download h6{background-position:right -74px} #user{width:260px} #user a{text-decoration:none; color:#444444} .userinfo{font:normal 15px Arial; padding:10px} .userinfo img{margin-right:5px} .usertooltip{display:none; position:absolute; top:0; font:normal 11px Arial; background:url(../images/bg-userpopup.png); width:222px; height:77px; padding:10px} .usertooltip img{margin:0 5px 5px 0} #user .adduser{clear:both; display:block; text-align:right} #user .adduser a{color:#3072c5} #mark-item .row{font:bold 18px/18px Arial;color: #999999; height:18px; padding-bottom:8px} #embed input{width: 700px; height:16px; line-height:16px; position:relative; top:-1px} #footerfb{display:block;width:72px;height:25px;text-decoration:none;text-indent:-9000px;background:url(/images/footer-facebook.png) no-repeat 0px -25px;} #footertw{display:block;width:72px;height:24px;text-decoration:none;text-indent:-9000px;background:url(/images/footer-twitter.png) no-repeat 0px -24px;} #footerfb:hover{background-position: 0 0px;} #footertw:hover{background-position: 0 0px;}