/* ============================================================================= Created By: Vlad Ilin Date Created: ... Purpose: ... Comments: ... Modified By: ... Date Modified: ... Comments: ... ______________________________________________________________________________ TOC 2. Fonts 3. Structure a. wrappper b. masterhead c. navigation d. content e. footer ============================================================================= */ /* -------------- 2. Fonts ------------------------------ */ h4{font-size:18px;} h5{font-size:14px;} .module_middle_section_sub_header, .text span {text-transform:uppercase;} .small, .week .grid_calendar, h4, .small_nav a, .module_160 .module_middle_section_top, .user_name, .module_middle_section_sub_header .grid_calendar, .grid_small, .calendar_navigation a{text-align:center;} .underline, .module_160 .module_middle_section_top{border-bottom:1px #ccc solid;} .border-top{border-top:1px #ccc solid; height:8px;} .date span{color:#cf271e; border-left:1px #ccc solid; margin-left:10px; padding-left:10px;} h5{font-weight:normal; margin:4px 0 7px; line-height: 1.4em; } .grid_container_large .grid_large{ line-height:30px;} .large_font{padding-bottom:4px; } .module_780 .cal_txt{ font-size:22px; float:right; font-weight:bold; padding:3px;} .module_maincal .cal_txt{ font-size:22px; float:right; font-weight:bold; padding:3px;} .module_middle_section_top{font:bold 16px/16px Helvetica, Arial, sans-serif; padding-left:14px; position: relative; } div#foot_cont a{ float:left; text-decoration: none; margin-right:9px; display:block;} div.breadcrumbs{text-align:right; font-size: 11px; font-weight:bold; clear:both; margin: 7px 0 21px 0; color: #626262; /*margin:13px 0 38px;position:absolute; top:485px; left:780px; white-space:nowrap*/ } .user_name{font:bold 26px/20px Helvetica, Arial, sans-serif; margin:8px 0 0; height:54px} .name_small a{font:bold 19px Helvetica, Arial, sans-serif; height:28px; padding:8px 10px 0 14px; display:block;} input:focus, select:focus { outline: none; } .link_light{font-size:12px; color:#00a4e1;} /* -------------- 3. Structure -------------------------- */ div#wrapper{width:950px; margin:0 auto 28px; position:relative;} /*mod2008 */ div#masterhead{height:auto; width:100%; position: relative; } /* end mod 2008 */ div.logo{width:200px; height:50px; margin-bottom:10px;} div.top_nav{height:308px;} div.top_nav li a{width:80px; letter-spacing:.5px; height:22px; display:block; font-size:11px; font-weight:bold; padding-top:57px; float:left; background-image: url("../img/nav_top.png"); text-transform:uppercase; text-align:center;} div.top_nav li{ float:left; width:80px;} div.top_nav li a.inbox, div.top_nav li a.events, div.top_nav li a.groups, div.top_nav li a.listings, div.top_nav li a.profile, div.top_nav li a.friends{height:18px;} div.top_nav li a.profile, div.top_nav li a.friends{padding-top:61px;} div.top_nav li a.profile{ background-position: 0 0;} div.top_nav li a.friends{ background-position: -80px 0;} div.top_nav li a.inbox{ background-position: 0 -79px;} div.top_nav li a.events{ background-position: -80px -79px;} div.top_nav li a.groups{ background-position: 0 -154px;} div.top_nav li a.listings{ background-position: -80px -154px;} div.top_nav li a.opinions{ background-position: 0 -229px;} div.top_nav li a.reviews{ background-position: -80px -229px;} div.top_nav li a.profile:hover{ background-position: -160px 0;} div.top_nav li a.friends:hover{ background-position: -240px 0;} div.top_nav li a.inbox:hover{ background-position: -160px -79px;} div.top_nav li a.events:hover{ background-position: -240px -79px;} div.top_nav li a.groups:hover{ background-position: -160px -154px;} div.top_nav li a.listings:hover{ background-position: -240px -154px;} div.top_nav li a.opinions:hover{ background-position: -160px -229px;} div.top_nav li a.reviews:hover{ background-position: -240px -229px;} div.bot_nav{ position:relative; margin-top:-4px; margin-bottom: 21px; height:98px; overflow: hidden;} /* end mod2008 */ div.bot_nav ul{list-style:none;} div.bot_nav li{ float:left; width:72px;} div.bot_nav a{ width:100%; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; font-size: 10px; line-height:1.1em; height:35px; padding-top:68px; float:left; display:block; background-image: url("../img/apps1.png"); text-align:center;} div.bot_nav li.SA a{background-position:0px 0px; text-indent:-3000px; } div.bot_nav li.CP a{background-position:-72px 0px;} div.bot_nav li.CB a{background-position:-144px 0px;} div.bot_nav li.CE a{background-position:-216px 0px;} div.bot_nav li.CD a{background-position:-288px 0px;} div.bot_nav li.FG a{background-position:-360px 0px;} div.bot_nav li.BC a{background-position:-432px 0px;} div.bot_nav li.SN a{background-position:-504px 0px;} div.bot_nav li.PL a{background-position:-576px 0px;} div.bot_nav li.RV a{background-position:-648px 0px;} div.bot_nav li.SO a{background-position:-720px 0px;} div.bot_nav li.IF a{background-position:-792px 0px;} div.bot_nav li.SP a{background-position:-864px 0px;} div.bot_nav li.IB a{background-position:-936px 0px;} div.bot_nav li.DC a{background-position:-1008px 0px;} div.bot_nav li.SA a:hover, div.bot_nav li.SA a.on {background-position:0px -100px;} div.bot_nav li.CP a:hover, div.bot_nav li.CP a.on {background-position:-72px -100px;} div.bot_nav li.CB a:hover, div.bot_nav li.CB a.on {background-position:-144px -100px;} div.bot_nav li.CE a:hover, div.bot_nav li.CE a.on {background-position:-216px -100px;} div.bot_nav li.CD a:hover, div.bot_nav li.CD a.on {background-position:-288px -100px;} div.bot_nav li.FG a:hover, div.bot_nav li.FG a.on {background-position:-360px -100px;} div.bot_nav li.BC a:hover, div.bot_nav li.BC a.on {background-position:-432px -100px;} div.bot_nav li.SN a:hover, div.bot_nav li.SN a.on {background-position:-504px -100px;} div.bot_nav li.PL a:hover, div.bot_nav li.PL a.on {background-position:-576px -100px;} div.bot_nav li.RV a:hover, div.bot_nav li.RV a.on {background-position:-648px -100px;} div.bot_nav li.SO a:hover, div.bot_nav li.SO a.on {background-position:-720px -100px;} div.bot_nav li.IF a:hover, div.bot_nav li.IF a.on {background-position:-792px -100px;} div.bot_nav li.SP a:hover, div.bot_nav li.SP a.on {background-position:-864px -100px;} div.bot_nav li.IB a:hover, div.bot_nav li.IB a.on {background-position:-936px -100px;} div.bot_nav li.DC a:hover, div.bot_nav li.DC a.on {background-position:-1008px -100px;} /* davebias changes 01.15.09 */ .small_nav a, .small_nav a span {display:block;} .small_nav {font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:30px; text-align:center; width:640px; height: 26px; overflow: hidden;} .small_nav ul {width:62.5em; margin:0; } .small_nav li {float:left; white-space:nowrap; } .small_nav a {color:#000; background:url("../img/nav_cal.png") right 0 no-repeat; text-decoration:none; width/**/:/**/0.1em; white-space:nowrap;} .small_nav a span {background:url("../img/nav_cal.png") left 0 no-repeat; padding:8px 6px 7px 9px; margin-right:3px;} .small_nav a, .small_nav a span {display:block} html>body .small_nav a {width:auto} /*\*//*/ .small_nav a, .small_nav a span {float:left} /**/ .small_nav a:hover, .small_nav a:active, .small_nav a:focus, .small_nav a.on {background:url("../img/nav_cal.png") right -27px no-repeat} .small_nav a:hover span, .small_nav a:active span, .small_nav a:focus span, .small_nav a.on span {background:url("../img/nav_cal.png") left -27px no-repeat} /*.module_160*/ .profile_box_and_search{float:left;} .top_nav{margin-right:6px; float:left;} .calendar_widgets{float:right;} .weather{float:left;} /*.module_306*/ .change_password{float:right;} .blueleo_family{margin-bottom:8px; float:right;} .calendar{float:left; margin-right:6px;} .address_book{float:left; margin-right:6px;} /*.module_635*/ .edit_profile{float:left;} .news_alerts{float:left;} .from_friends{float:left;} .event_invitation{float:left;} .board{float:left;} .alerts2{float:left;} /*.module_780*/ .create_event_module{float:left;} .my_events, .my_groups{float:left;} .my_events_details, .my_group_details{float:left;} .main_calendar{float:left;} /* mod2008 */ .my_friends_module{float:left;} .my_friends{float:left;} /* end mod2008 */ /*------------ Weather --------------*/ .weather{background:url(../img/bg_weather.jpg) no-repeat center 2px;} .today_weather{ height:193px; padding-bottom:35px; } .today_weather img{float:right; padding:8px 10px;} .temperature{padding:12px 16px;} .temperature strong{display:block; font-size:24px;} .conditions{text-align:center; padding:10px 14px;} .conditions strong{display:block; text-transform:uppercase; font-size:11px;} .conditions div{padding-bottom:14px; font-size:14px;} /*------------ Large Cal --------------*/ .date {float:left;} .main_calendar .module_middle_section_top{position:absolute; top:38px; left: 9px; width:911px;} *:first-child+html .main_calendar .module_middle_section_top{position:relative; top:-28px;} *:first-child+html .week_calendar .module_middle_section_container, *:first-child+html .week_calendar .module_middle_section_right{position:relative; top:-24px} /* hack vlad */ .calendar_navigation{ float:right; position:relative; top:-12px} .calendar_navigation a{ width:66px; display:block; float:left; border-left:1px #ddd solid; padding:12px 0;} .calendar_navigation a:hover, .calendar_navigation a.on{background:url("../img/roll_cal_nav.jpg") repeat-x;} a.last{border-right:1px #ddd solid; margin-right:14px;} .main_calendar .module_top_section{ margin-top:23px; height:44px; background: url("../img/mod-top-g950-l.png") repeat-y;} .main_calendar .module_top_section_right_corner{height:44px; background: url("../img/mod-top-g-r.png") repeat-y; width:13px; float:right;} .main_calendar .module_bottom_section{background: url("../img/mod-bot-g950-l.png") bottom left no-repeat;} .main_calendar .module_bottom_section_right_corner{background: url("../img/mod-bot-g-r.png") bottom right no-repeat; width:13px; float:right;} .main_calendar .module_bottom_section a{padding:7px 0 0 16px; font-weight:bold;} .main_calendar .module_bottom_section a img{ position:relative; top:4px;} .grid_calendar ul{margin:6px 0 0 2px;} .grid_calendar ul li{margin-bottom:3px;} .grid_calendar ul li a{padding-left:10px; margin-left:2px; background:url("../img/bg_icon.gif") 0 5px no-repeat;} .month_calendar .module_middle_section_container {width:687px; float:left; border-right:1px solid #CCC; position: relative; } .month_calendar #add_event { height:503px; overflow-y: auto; } .month_calendar .module_middle_section_right{width:237px; float:right; padding:8px 10px 6px 0px;} /*------------ Large Cal - week --------------*/ .week_calendar .row{float:left; width:84px;} .module_780 .week_calendar .grid_calendar{width:97px; height:42px;} .module_780 .small, .module_780 .small .grid_calendar{width:67px;} .module_maincal .week_calendar .grid_calendar{width:83px; height:42px;} .module_maincal .small, .module_maincal .small .grid_calendar{width:67px;} .week_calendar .module_middle_section_container {width:687px; float:left; border-right:1px solid #CCC; } .week_calendar .module_middle_section_right{width:237px; float:right; padding:8px 10px 6px 0px;} /*------------ Large Cal - day --------------*/ .day_calendar .module_middle_section_container {width:687px; float:left; border-right:1px solid #CCC; } .day_calendar .module_middle_section_right{ width:237px; float:right; padding:8px 10px 6px 0px;} .day_calendar .grid_small{width:50px; background-color: #FFF;} .day_calendar .grid_large{width:625px;} .day_calendar .grid_container { overflow-x:hidden; overflow-y:scroll; height:479px; position: relative; } .day_calendar .grid_container .grid_large, .day_calendar .grid_container .grid_small{min-height:65px; height:auto !important; height:65px; padding-top:3px;} .day_calendar .grid_large span {font-size:10px; margin-right:20px;} .selected, .selected .grid_calendar, .day_calendar .grid_large div a:hover {background-color:#e0f4fb;} .day_calendar .grid_large div a{display:block; padding:4px;} .day_calendar .all_day_events { background:#FAFFFF url(../img/day_view_box_top.png) repeat-x scroll left top; } .day_calendar .grid_large span.all_day_stuff { text-transform: none; line-height: 14px; display: block; padding: 5px; font-size: 12px; } .day_calendar .grid_large span.all_day_stuff span { margin-left: 5px; } #add_event { background: url(../img/trans.png); width:100%; position: absolute; top:0; left:0; z-index: 50; height: 504px; } #add_event .add_event_pad { background-color: #FFF; margin: 14px; padding: 14px; } #add_event .add_event_title { display:block; color:#FFF; font-size: 16px; font-weight: bold; padding: 14px 14px 0 14px; } #add_event a.dismiss {width:16px; text-indent:-9999px; height:18px; margin: 0 2px 0 4px; display:block; padding:0px; float:right;background:url("../img/icons_rsvp.png") no-repeat -48px -18px;} #add_event .profile_info { padding: 0; } #add_event li { clear:both; padding-bottom: 7px; } #add_event .txtfld { margin-bottom: 0; } #add_event label {float:left; width:100px; font-weight:bold; text-align:left; color:#474747; padding:7px 5px 5px 0;} #add_event form ul.chex { margin-top: 7px; } #add_event form ul.chex li { float:left; line-height: 18px; display:block; clear: none; color:#474747; font-size: 12px; margin-right: 10px; } #add_event form ul.chex input { margin:3px 4px 0 0; } #add_event .calcontrol { position: absolute; left:350px; top:0; margin: 0; background-color:#FFF; border-top: 1px solid #ccc; } #add_event #divstarttime.calcontrol { height: 165px; overflow-y: auto; } /* accept & decline */ .nl{position:relative;} .nl span.accept_decline{ position:absolute; top:5px; right:26px} .padding .nl span.accept_decline { position: absolute; top:-4px; left: 86px; } .nl span.accept_decline a{border-bottom:none;} .box3 span.accept_decline{margin-bottom:17px;} .module_middle_section_right span.accept_decline { margin:3px 0 10px 0; } span.accept_decline{ width:72px; height:18px; display:block; } span.accept_decline a.yes, span.accept_decline a.maybe, span.accept_decline a.no, span.accept_decline a.dismiss {width:16px; text-indent:-9999px; height:18px; margin: 0 2px 0 0; display:block; padding:0px; float:left;} span.accept_decline a:hover{background-color : transparent !important;} span.accept_decline a.yes{background:url("../img/icons_rsvp.png") no-repeat 0 -18px;} span.accept_decline a.maybe{background:url("../img/icons_rsvp.png") no-repeat -16px -18px;} span.accept_decline a.no{background:url("../img/icons_rsvp.png") no-repeat -32px -18px;} span.accept_decline a.dismiss{background:url("../img/icons_rsvp.png") no-repeat -48px -18px;} span.accept_decline a.yes:hover{background-position:left top;} span.accept_decline a.maybe:hover{background-position:-16px top;} span.accept_decline a.no:hover{background-position:-32px top;} span.accept_decline a.dismiss:hover{background-position:-48px top;} /*------------ small Cal --------------*/ .week .row{float:left; width:35px;} .week .grid_calendar{width:34px; height:34px;} /*------------ Create - Form -------------- */ form.create { margin-top: 14px; } form.create .wideform {width:756px;} form.create .left{width:368px;} form.create .right{width:368px;} .cal_bigform { background-color: #FFF; width:686px; position: relative; padding-bottom: 35px; } .cal_bigform form.create .left{width:335px;} .cal_bigform form.create .right{width:335px;} .cal_bigform form.create .wideform {width:672px;} .cal_bigform form.create .halfsize {width:150px;} form.create .text_box{width:153px;} form.create .input_box{/* width:100%; */} form.create .input_box input, form.create .input_box textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 98%; margin-left: 0; } form.create .input_box input_alt, form.create .input_box_alt textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 350px; margin-left: 20px; } form.create li input.check { width:auto; position:static; margin-bottom:-1px; margin-right: 4px; } form.create li { margin:0 0 14px 14px;} form.create li.clear{margin:0} #frmimport li {float:left } form.create li.halfsize{margin:0; padding:0 0 14px 14px; }/* --- margin 2 padding - vlad --- */ form#formaddedit li.halfsize{margin:0 0 14px 14px; padding:0px; } form.create li.sep-blue{ margin:0 0 14px 14px;} form.create li ol { margin-left: -14px; } form.create li ol li { margin-bottom: 0; } form.create .right li { margin-right:14px} .module_780 form.create .module_middle_section_top { margin-bottom:20px;} .long_select{width:219px;} .sep-blue{background-color:#e5f6fd; padding:3px; font:bold 16px/16px Helvetica, Arial, sans-serif; } .create_event_module .module_middle_section_container, .my_events .module_middle_section_container { padding-bottom: 14px; } /* step nav */ .step{position:absolute; left:297px; top:-15px;} .step li{float:left;} .step a{width:60px; height:82px; display:block; text-indent:-1000px; background-repeat:no-repeat; background-image:url("../img/steps.png");} .step a.step1{background-position:left -83px;} .step a.step2{background-position: -60px -83px;} .step a.step3{background-position:-120px -83px;} .step a.step4{background-position:-180px -83px;} .step a.step1:hover, .step li.on a.step1 {background-position:left top;} .step a.step2:hover, .step li.on a.step2 {background-position: -60px top;} .step a.step3:hover, .step li.on a.step3 {background-position:-120px top;} .step a.step4:hover, .step li.on a.step4 {background-position:-180px top;} .step li.done a.step1 {background-position:left -171px;} .step li.done a.step2 {background-position: -60px -171px;} .step li.done a.step3 {background-position:-120px -171px;} .step li.done a.step4 {background-position:-180px -171px;} .newsteps { border-bottom: 1px solid #CCC; background:transparent url(../img/newsteps-back.jpg) repeat-x left bottom; } .newsteps ul { list-style-type: none; float:left; } .newsteps li { display: block; float:left; border-right:1px solid #CCC; height: 28px; overflow: hidden; } .newsteps li a, .newsteps li.disabled span { display: block; float:left; font:bold 12px/28px Helvetica, Arial, sans-serif; color: #888; padding: 0 7px 0 29px; } .newsteps li a:hover, .newsteps span a:hover { text-decoration: none!important; color:#00A4E1; } .newsteps li a.newstep1 { background:transparent url(../img/newstep1-back.gif) no-repeat left bottom; } .newsteps li.on a.newstep1, .newsteps li.on a.newstep1:hover { background:transparent url(../img/newstep1-on.gif) no-repeat left bottom; color:#FFF; } .newsteps li.done a.newstep1, .newsteps li.done a.newstep1:hover, .newsteps li.disabled span.newstep1 { background:transparent url(../img/newstep1-done.gif) no-repeat left bottom; color:#b1b1b1; } .newsteps li a.newstep1:hover { background:transparent url(../img/newstep1-hover.gif) no-repeat left bottom; } .newsteps li a.newstep2 { background:transparent url(../img/newstep2-back.gif) no-repeat left bottom; } .newsteps li.on a.newstep2, .newsteps li.on a.newstep2:hover { background:transparent url(../img/newstep2-on.gif) no-repeat left bottom; color:#FFF; } .newsteps li.done a.newstep2, .newsteps li.done a.newstep2:hover, .newsteps li.disabled span.newstep2 { background:transparent url(../img/newstep2-done.gif) no-repeat left bottom; color:#b1b1b1; } .newsteps li a.newstep2:hover { background:transparent url(../img/newstep2-hover.gif) no-repeat left bottom; } .newsteps li a.newstep3 { background:transparent url(../img/newstep3-back.gif) no-repeat left bottom; } .newsteps li.on a.newstep3, .newsteps li.on a.newstep3:hover { background:transparent url(../img/newstep3-on.gif) no-repeat left bottom; color:#FFF; } .newsteps li.done a.newstep3, .newsteps li.done a.newstep3:hover, .newsteps li.disabled span.newstep3 { background:transparent url(../img/newstep3-done.gif) no-repeat left bottom; color:#b1b1b1; } .newsteps li a.newstep3:hover { background:transparent url(../img/newstep3-hover.gif) no-repeat left bottom; } .newsteps li a.newstep4 { background:transparent url(../img/newstep4-back.gif) no-repeat left bottom; } .newsteps li.on a.newstep4, .newsteps li.on a.newstep4:hover { background:transparent url(../img/newstep4-on.gif) no-repeat left bottom; color:#FFF; } .newsteps li.done a.newstep4, .newsteps li.done a.newstep4:hover, .newsteps li.disabled span.newstep4 { background:transparent url(../img/newstep4-done.gif) no-repeat left bottom; color:#b1b1b1; } .newsteps li a.newstep4:hover { background:transparent url(../img/newstep4-hover.gif) no-repeat left bottom; } .newsteps span a { display: block; float:right; font:bold 12px/28px Helvetica, Arial, sans-serif; color: #888; padding: 0 7px; border-left:1px solid #CCC;} .newsteps span a:hover { background-color:#d7eaf1; } /*------------ Create - Something --------------*/ .invite_box, form.create li ol.invite_box{background-color:#fcfaeb; overflow:auto; border:1px solid #ccc; margin-left: 0; } form.create .invite_box li { font-size: 13px; line-height: 1.5em; padding:7px 0; margin-bottom:0; border-bottom: 1px dotted #CCC; } .invite_box li span { display:block; float:left; } .invite_box .invite_check { width:30px; } .invite_box .invite_avatar { width:36px; height:26px; } .invite_box .invite_name { width:300px; overflow: hidden; } .invite_box .invite_email { width:300px; overflow: hidden; } li.form_notes { font-style: italic; font-size: 11px; } li.halfsize { float:left; width:170px;} .ht_80{height:80px;} .ht_160{height:160px;} .ht_320{height:320px;} .ht_480{height:480px;} .max_select { width:160px; } .invite_box div, ol.invite_box li, form.create .right li ol.invite_box li {margin: 4px 4px 0 4px; padding-bottom: 4px; } .create .filterthis label{font:normal 11px/11px Helvetica, Arial, sans-serif; padding:0 0 5px; text-align: left;} .themes { border-bottom:1px solid #ccc;} .invitetheme { float:left; width:172px; height: 140px; overflow: hidden; font-weight: bold; font-size: 12px; } .theme_image { display: block; position:relative; width:172px; height: 90px; margin-bottom: 7px; } .theme_image a { display: block; position:absolute; width:172px; height: 90px; top:0; left:0; text-align: center; text-indent: -9999px; z-index: 3; } .theme_image a span { display:block; margin-top:38px; background-color:transparent; text-transform:uppercase; text-align:center; font-weight:bold; color:#fff; } .theme_image a:hover { background:url(../img/hash.gif); color: #FFF; text-indent: 0px; text-decoration: none !important; } .theme_image a:hover span { background-color: #00A4E1; } .theme_image img { display: block; position:absolute; width:172px; height: 90px; z-index: 1; } .home_content_wrap .system_message { border:none; } .invitetheme a{ display:block; height:90px; width:172px; margin-bottom:7px;}/*-- vlad ---*/ .invitetheme a:hover{ background:url(../img/hash.gif) repeat !important;} /*------------ Color Apps --------------*/ .quote_box{background:url("../img/quote_box_top.png") left top no-repeat; width:555px; float:right;} .quote_box_footer{background:url("../img/quote_box_footer.png") 78px top no-repeat; height:6px; width:100%;} .avatar_box{no-repeat; height:63px; width:63px; margin-left:2px;} .module_top_section div.head_text{font:bold 16px/16px Helvetica, Arial, sans-serif; margin-left:14px; padding-top:7px;} .box1{width:130px; padding:5px 18px;} .box2{width:310px; padding:5px 15px 5px 0;} .box3{width:60px; padding:5px 0;} .box3 a{display:block; height:19px; text-indent:-100000px;} .box1, .box2, .box3{ padding-top:9px; float:left; position:relative;} .quote_box ul{ clear:both; } .quote_box ul li {padding:5px; background-color:#fcf7d9; margin:2px 18px;} .quote_box ul li.color_background{background-color:#faf2cd;} .quote_box ul li span{display:block; margin:2px 0 0 3px; float:left;} .quote_box ul li span.right{width:330px; float:right;} .news_alerts .module_top_section{height:27px; background: url("../img/mod-top-p-l.gif") 2px top no-repeat;} .news_alerts .module_top_section_right_corner{height:27px; background: url("../img/mod-top-p-r.gif") -2px 0 no-repeat; width:11px; float:right;} .news_alerts .module_middle_section_container{ background-color:#fcf3f4; padding:8px 2px;} .news_alerts .module_bottom_section{ padding-left:18px; background: url("../img/mod-bot-p-l.gif") 2px bottom no-repeat;} .news_alerts .module_bottom_section_right_corner{ background: url("../img/mod-bot-p-r.gif") -2px 0 no-repeat; width:9px; float:right;} .news_alerts .module_bottom_section a{position:relative; top:12px;} .from_friends .module_top_section{height:27px; background: url("../img/mod-top-b-l.gif") 2px top no-repeat;} .from_friends .module_top_section_right_corner{height:27px; background: url("../img/mod-top-b-r.gif") no-repeat; width:11px; float:right;} .from_friends .module_middle_section_container{ background-color:#ebf8fe; padding:8px 2px;} .from_friends .module_bottom_section{ padding-left:18px; background: url("../img/mod-bot-b-l.gif") 2px bottom no-repeat;} .from_friends .module_bottom_section_right_corner{ background: url("../img/mod-bot-b-r.gif") -2px bottom no-repeat; width:9px; float:right;} .from_friends .module_bottom_section a{position:relative; top:12px;} .event_invitation .module_top_section{height:27px; background: url("../img/mod-top-g-l.gif") 2px top no-repeat;} .event_invitation .module_top_section_right_corner{height:27px; background: url("../img/mod-top-g-r.gif") no-repeat; width:11px; float:right;} .event_invitation .module_middle_section_container{ background-color:#eff8f3; padding:8px 2px;} .event_invitation .module_bottom_section{ padding-left:18px; background: url("../img/mod-bot-g-l.gif") 2px bottom no-repeat;} .event_invitation .module_bottom_section_right_corner{ background: url("../img/mod-bot-g-r.gif") -2px bottom no-repeat; width:9px; float:right;} .event_invitation .module_bottom_section a{position:relative; top:12px;} .board .module_top_section{height:27px; background: url("../img/mod-top-v-l.gif") 2px top no-repeat;} .board .module_top_section_right_corner{height:27px; background: url("../img/mod-top-v-r.gif") no-repeat; width:11px; float:right;} .board .module_middle_section_container{ background-color:#f0eef3; padding:8px 2px;} .board .module_bottom_section{ padding-left:18px; background: url("../img/mod-bot-v-l.gif") 2px bottom no-repeat;} .board .module_bottom_section_right_corner{ background: url("../img/mod-bot-v-r.gif") -2px bottom no-repeat; width:9px; float:right;} .board .module_bottom_section a{position:relative; top:12px;} .alerts2 .module_top_section{height:27px; background: url("../img/mod-top-y-l.gif") 2px top no-repeat;} .alerts2 .module_top_section_right_corner{height:27px; background: url("../img/mod-top-y-r.gif") no-repeat; width:11px; float:right;} .alerts2 .module_middle_section_container{ background-color:#fdfbef; padding:8px 2px;} .alerts2 .module_bottom_section{ padding-left:18px; background: url("../img/mod-bot-y-l.gif") 2px bottom no-repeat;} .alerts2 .module_bottom_section_right_corner{ background: url("../img/mod-bot-y-r.gif") -2px bottom no-repeat; width:9px; float:right;} .alerts2 .module_bottom_section a{position:relative; top:12px;} /*------------ New Commenting System --------------*/ .comment, .comment_type3 { padding:0 7px; margin:7px 0; background:url(../img/comment-arrow-left.gif) no-repeat 75px 0;} .comment_type2 { padding:0 7px; margin:7px 0; } .alert { padding:0 7px; margin:7px 0; background:url(../img/alert-arrow-left.gif) no-repeat 75px 0;} .comment_avatar { float:left; width:77px; } .comment_type2 .comment_avatar { text-align: center; padding-top: 10px; } .comment_wrapper { float:left; background-color: #fffde5; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 7px; } .comment_type2 .comment_wrapper { float:left; background-color: #FFF; border: none; padding: 7px; } .alert_wrapper { float:left; background-color: #ffefef; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 7px; } .comment_from { width:120px; float:left; } .comment_body { width:466px; float: left; padding: 0 7px; border-right: 1px solid #e1e1e1; } .comment_main { margin-bottom: 7px; } .comment_main img.right { margin:0 0 3px 7px; } .comment_actions { width:56px; float:right; padding-left: 7px; } .comment_title { font-size: 18px; font-weight: bold; display: block; } .comment_replies li { padding:4px 4px 4px 0; background-color: #fcf7d9; margin-bottom: 1px; font-size: 11px; line-height: 1.3em; } .comment_replies li.alt { background-color: #faf2cd; } .alert_wrapper .comment_replies li { background-color: #fff7f7; } .alert_wrapper .comment_replies li.alt { background-color: #ffdede; } .comment_replies li img { float:left; } .comment_replies li span { display: block; margin-left: 33px; } span.comment_reply_body { margin-top: 4px; } .comment_body_home { width:448px; float: left; padding: 0 7px; border-right: 1px solid #e1e1e1; } .comment_type3 .comment_body_home { width:512px; border-right: none;} .comment_type2 .comment_body_home { width:526px; padding: 0; border-right: none;} /*------------ New System for Actions on Items --------------*/ .right_box ul.actions_list li a { color:#00A4E1; } .my_events_details ul.actions_list li a, .my_group_details ul.actions_list li a { font-size:12px; } .actions_list li { border-bottom: 1px solid #CCC;} .final_step_message .actions_list li { border-bottom: none;} .actions_list li a { display:block; padding:7px 7px 7px 28px; text-decoration: none !important; } .actions_list li a.no_btn { display:block; padding:7px 7px 7px 7px; text-decoration: none; } .actions_list li a:hover, ul.inline_actions li a:hover { background-color: #fffde5; text-decoration: none !important; } ul.inline_actions { margin: 7px 0; color:#32A457; } ul.inline_actions li { display: block; float:left; line-height: 20px; margin-right: 1px; } ul.inline_actions li a { padding:4px 7px 4px 28px; display:block; float:left; font-size:12px; color:#474747; } .send_message { background: url(../img/btns/email_go.png) no-repeat 7px 50%; } .send_news_alert { background: url(../img/btns/newsalerts.png) no-repeat 7px 50%; } .send_invitation { background: url(../img/btns/page_white_go.png) no-repeat 7px 50%; } .create_event { background: url(../img/btns/event.png) no-repeat 7px 50%; } .cancel_this { background: url(../img/btns/cancel.png) no-repeat 7px 50%; } .cancel_request { background: url(../img/btns/email_delete.png) no-repeat 7px 50%; } .edit_this { background: url(../img/btns/pencil.png) no-repeat 7px 50%; } .edit_members { background: url(../img/btns/user_edit.png) no-repeat 7px 50%; } .remove_this { background: url(../img/btns/cross.png) no-repeat 7px 50%; } .view_friends { background: url(../img/btns/friends.png) no-repeat 7px 50%; } .arrange_playdate { background: url(../img/btns/playdate.png) no-repeat 7px 50%; } .arrange_date { background: url(../img/btns/datecups.png) no-repeat 7px 50%; } .create_bday { background: url(../img/btns/birthday.png) no-repeat 7px 50%; } .write_board { background: url(../img/btns/page_white_edit.png) no-repeat 7px 50%; } .send_friend_request { background: url(../img/btns/friend_request.png) no-repeat 7px 50%; } .invite_members { background: url(../img/btns/user_go.png) no-repeat 7px 50%; } .save_contact { background: url(../img/btns/vcard.png) no-repeat 7px 50%; } .correct_this { background: url(../img/btns/asterisk_orange.png) no-repeat 7px 50%; } .replyto_this { background: url(../img/btns/user_comment.png) no-repeat 7px 50%; } .review_this { background: url(../img/btns/updown.png) no-repeat 7px 50%; } .report_this { text-align: right; font-size: 10px; color:#CCC; } .module_middle_section_right_column .report_this {margin:7px 7px 0 0; } .report_this a { color:#CCC; } .report_this a:hover { color: #888; } .heart_this { background: url(../img/btns/heart.png) no-repeat 7px 50%; } .join_group { background: url(../img/btns/add.png) no-repeat 7px 50%; } .save_draft { background: url(../img/btns/page_white_edit.png) no-repeat 7px 50%; } .publish_this { background: url(../img/btns/page_white_text.png) no-repeat 7px 50%; } /*------------ Edit Profile Box --------------*/ .module_635 .module_middle_section_content{padding:9px;} .text_box{width:132px; text-align:right; padding-right:6px; font-weight:bold;} .text_box .red{ position:relative; top:5px;} .profile_info li {display:block;} .profile_info li span.sport{ display:block; float:left; padding:0 5px 8px 0;} .profile_info li label, .create li label {color:#474747; font-weight:bold; } .text_box, .check_box, .input_box { } .check_box{float:right; margin: 0 21px 6px 0;} /*------------ Events Box --------------*/ .module_780 .module_middle_section_content{padding:14px; border-bottom:1px #ccc solid;} .module_780 .module_middle_section_content img{float:left; padding-right:17px;} .module_780 .module_middle_section_content .right_box img{float:none; padding-right:7px; position:relative; top:3px;} .bg_grey{background-color:#f9f9f9;} .module_780 .module_middle_section_content p{font-size: 12px; line-height: 1.5em; color:#393939; } span.posted {display:block; margin:0 0 4px 0; line-height: 1.1em; font-size: 11px; } span.posted span {font-weight: bold; padding-right: 4px; } .module_780 .module_middle_section_content span.posted a {color:#393939; } .module_780 .mod_gradient{background:url("../img/mod_gradient-large.jpg") repeat-x; } .module_780 .module_middle_section_header{height:29px; border:none; padding-top:14px;} .right_box{ float:right; border-left:1px solid #ccc; margin-left:14px; width:157px;} .module_middle_section_right_column li.nl, .right_box div a, .right_box li.nl{padding:7px 8px; border-bottom:1px solid #ccc; display:block;} .right_box div a:hover, .name_small a:hover{background-color:#fcfaeb ;} .text{margin:0 0 4px 168px;} /*------------ new list item styles for any column width --------------*/ .list_item { padding:7px; border-bottom:1px #ccc solid; } .first_item { clear: right; } .list_item img { float: left; padding-right: 14px; } .list_item_content { float: left; width:415px; } .list_item_content_wide { float: left; width:505px; } .list_item_content_narrow { float: left; width:355px;} .list_item .posted { display: block; margin: 2px 0 4px 0; } .list_item h3, .home_notice h3 { font-size: 18px; line-height: 21px; } .list_item_content ul.event_details, .list_item_content_narrow ul.event_details { margin-bottom: 0px; } /*------------ mod2008 Friends --------------*/ /* davebias changes 01.15.09 */ .my_friends_module .module_middle_section_content{padding:0px;border-bottom:1px #ccc solid;} .my_friends_module .module_middle_section_content{clear:both;margin:0;} .my_friends_module .module_middle_section_content .friend-pic{float:left;width:72px;padding:5px;} .my_friends_module .module_middle_section_content .friend-details{float:left; width:538px;font-size:11px;color:#666;padding-top:5px;} .my_friends_module .module_middle_section_content .friend-actions{float:left; width:668px;font-size:11px;color:#666;padding-top:5px;} .my_friends_module .module_middle_section_content img{clear:both;margin:0px;padding:0px;} .my_friends_module .module_middle_section_content .right_box{ float:right; border-left:1px solid #ccc; margin-left:0px; min-height:200px; height:auto!important; height:200px; width:130px;} .right_box div a.message:hover, .right_box div a:hover,.right_box div a.message:hover, .right_box div a.on {background-color:#fffde5;} .my_friends_module .module_middle_section_content .col{float:left; width:125px;border-right:1px solid #ccc;min-height:160px;height:auto!important;margin-top:10px;margin-right:10px;height:160px;} .my_friends_module .module_middle_section_content .last{border-right:none;margin-right:0px;} .my_friends_module .module_middle_section_content .col .title{font-weight:bold;} .my_friends_module .module_middle_section_content .col .title a{font-weight:normal;} .my_friends_module .module_middle_section_content .col .copy{margin-bottom:8px;} .my_friends_module .subnav, .my_events_details .subnav, .my_events .subnav, .my_groups .subnav, .my_group_details .subnav, .reviews .subnav { /*float:right; position:relative;*/ position:absolute; right:275px; top:-11px;border-left:1px #ddd solid;margin-right: 7px;} .reviews .subnav { margin-bottom: -12px; } .my_friends_module .subnav a, .my_events_details .subnav a, .my_events .subnav a, .my_groups .subnav a, .my_group_details .subnav a, .reviews .subnav a{ display:block; float:left;height:26px; line-height:26px; border-right:1px #ddd solid; padding:10px 14px 9px 14px; text-align:center; color:#888888;font-size:14px;} .my_friends_module .subnav a:hover, .my_events_details .subnav a:hover, .my_events .subnav a:hover, .my_groups .subnav a:hover, .my_group_details .subnav a:hover, .subnav a.on, .reviews .subnav a:hover, .reviews .subnav a.on{background:url("../img/roll_cal_nav.jpg") repeat-x left bottom; text-decoration: none !important; } .pagination{border-bottom:1px solid #ccc;clear:both; background-color:#FAFAFA; height:24px;line-height:24px; font-size:11px; text-align: center;} .pagination a{color:#888;} .pagination a.previouslink{ width:100px; display:block; float:left; padding:0 5px; border-right:1px solid #ccc;} .pagination a.nextlink{border-left:1px solid #ccc; width:100px; display:block; float:right; padding:0 5px; } .pag_brdr_top { border-top:1px solid #ccc; } /* end mod2008 */ /*------------ Events & Groups Detail Page --------------*/ .my_events_details, .my_group_details {} .my_events_details .module_middle_section_header, .my_group_details .module_middle_section_header {height:23px; border-bottom:1px solid #ccc; } .my_events_details .module_middle_section_left_column, .my_group_details .module_middle_section_left_column {float:left; width:519px;} .my_events_details .module_middle_section_right_column, .my_group_details .module_middle_section_right_column {float:right; width:250px; padding-bottom:25px; } .padding{padding:14px;} .my_events_details .module_middle_section_right_column .padding, .my_group_details .module_middle_section_right_column .padding, .sidebarform_pad {border-bottom:1px #ccc solid; } .my_events_details .text, .my_group_details .text {margin-left:0px;} .image_gallery a{float:left; margin-right:15px;} /*------------ Groups Page --------------*/ .groups{} .groups .module_middle_section_header{height:23px; text-align:center; padding:10px 10px 0; border-bottom:1px solid #ccc; } .groups .module_middle_section_left_column{float:left; width:385px; } .groups .module_middle_section_right_column{float:right; width:384px; border-left:1px solid #ccc;} .groups .text {margin:0 0 4px 89px;} .groups .row { width:100%; border-bottom:1px solid #CCCCCC;} .groups .row .module_middle_section_content{border:none;} /*------------ Reviews & Listings Pages --------------*/ .reviews{} .reviews_cols_wrap { background: url(../img/reviews_col_divider.gif) repeat-y 150px 100px; } .reviews .module_middle_section_header{height:18px; padding-top:10px; border-bottom:1px solid #ccc; } .reviews .module_middle_section_left_column{float:left; width:150px; } .reviews .module_middle_section_right_column{float:right; width:619px; } .reviews .module_middle_section_left_column ul li{float:left; width:100%} .reviews .module_middle_section_left_column ul li a{display:block; background-color:#f5f5f5; border-top:#fff 1px solid; border-bottom:1px solid #ccc; padding:5px 10px;} .reviews .module_middle_section_left_column ul li a:hover, .reviews .module_middle_section_left_column ul li a.on {background-color:#fcfaeb;} .reviews .module_middle_section_left_column ul ul.sublistings {background-color:#fcfaeb; margin-top: -2px; padding: 5px 0 7px 0; border-bottom:1px solid #ccc; } .reviews .module_middle_section_left_column ul ul.sublistings li a{display:block; padding:2px 5px 2px 20px; border: none; background:#fcfaeb url(../img/grayspot.gif) no-repeat 10px 4px; } .reviews .module_middle_section_left_column ul ul.sublistings li a.on { background-color: #fff; background-position: 10px -10px; } .reviews .module_middle_section_left_column ul ul.sublistings li a:hover{background-position: 10px -10px;} .togglr { background: url(../img/toggle-arrow.gif) no-repeat 95% 5px; } .toggld { background: url(../img/toggle-arrow.gif) no-repeat 95% -13px; } .list_page_filters { font-size: 11px; } .filterthis ul { float:left; } .filterthis ul li {float:left; width:235px;} .filterthis ul li select { width:221px; } .reviews .module_middle_section_right_column ul li label, .filterthis ul li label{display:block; padding-top:0px;} .reviews input.large_refresh, .reviews input.large_search{margin-top:14px;} .reviews .text{margin-left:90px; width:320px;} .review_detail{} .review_detail .module_middle_section_header{height:23px; padding-top:10px; border-bottom:1px solid #ccc; } .review_detail .module_middle_section_right_column{float:right; width:250px; } .review_detail .module_middle_section_left_column{float:left; width:519px; border-right:1px solid #ccc;} .review_detail li a {border-bottom:1px solid #CCCCCC; display:block; height:25px; padding:5px 0 0 10px;} .review_detail a span {display:block; margin:-19px 0 0 25px;} .star_container{padding:6px 15px 3px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .review_detail .light_grey{text-transform:uppercase;} /*------------ Create Box --------------*/ ol.theme_box{width:120px; float:left; text-align:center;} ol.theme_box li{ margin-bottom:10px} ol.theme_box li input{float:left; margin:30px 10px 0 0;} li.invitation_type{ margin:20px 0;} li.invitation_type li{ margin-bottom:5px;} li.invitation_type label{ height:40px;} ol.ol_padding{margin-left: 20px; margin-top:5px;} /*------------ Grid Cal --------------*/ .grid_calendar{width:41px; height:37px; background-color:#FFFFFF; float:left; border-left:1px #ccc solid; border-bottom:1px #ccc solid;} .module_middle_section_sub_header .grid_calendar{ height:18px; font-weight:bold; padding-top:3px;} .module_780 .grid_calendar{width:109px; height:80px;} .module_maincal .grid_calendar{width:97px; height:95px; } .module_maincal .grid_calendar:hover { background-color: #FFFFDD; } .module_780 .module_middle_section_sub_header .grid_calendar, .week_calendar .module_middle_section_sub_header .grid_calendar{height:18px; padding-top:5px;} .module_maincal .module_middle_section_sub_header .grid_calendar, .week_calendar .module_middle_section_sub_header .grid_calendar{height:18px; padding-top:5px;} .cal_txt{ float:right; font-weight:bold; padding:3px 5px;} /*davebias additions*/ .daily_events_total { display: block; clear: both; margin-top: 5px; } .daily_events_total a { display: block; padding:3px 5px; color:#626262; } .daily_events_total a.total { background-color: #38a456; color:#FFF; } .daily_events_total a.total span { font-size: 125%; font-weight: bold; } .today{background-color:#e1f4fb;} .date, .date a { color: #cf271e; font-size: 14px; } .date a:hover { text-decoration: none !important; color:#474747; } span.date { display: block; padding:0 0 7px 0; float: none; } .search_cal { float:right; margin-top: -5px; width: 228px;} .search_cal input {width:180px;height:20px;padding:5px 2px 0 2px;border:1px solid #DDE1E2;color:#CCC;} .month_selector { float:left; width: 150px; text-align:center; } .prev_month, .next_month { display: block; text-indent:-9999px; width:13px; height: 12px; } .prev_month { background: url(../img/prev.png) no-repeat left bottom; float:left; margin: 2px 5px 0 0;} .next_month { background: url(../img/next.png) no-repeat left bottom; float:right; margin: 2px 0 0 5px;} a.prev_month:hover, a.next_month:hover { background-position: top; } .week_view_day { float: left; width:75px; padding: 10px 5px 10px 2px; text-align: center; font-size: 12px; font-weight: bold; } .week_view_day span { display: block; line-height: 1em; color:#888; } a.week_view_event { padding: 5px 2px; font-size: 11px; color:#474747; line-height: 18px; } a.week_view_event:hover { background: #FFFFDD url(../img/more-yellow.gif) no-repeat right top; text-decoration: none !important; } a.new_week_view_event { padding: 1px 2px 0 20px; font-size: 11px; font-weight:bold; color:#888; line-height: 18px; background: url(../img/add.png) no-repeat left -18px; } a.new_week_view_event:hover { background: #FFFFDD url(../img/add.png) no-repeat left top; color:#3fa35b; text-decoration: none !important; } .week_event_info { display:block; float: left; color:#888; height:18px; overflow: hidden; } .week_event_info_all_calendars { width:430px; } .week_event_info_one_calendar { width:490px; } .week_event_info span.loc { color:#474747; padding:0 10px; } .shared_by { display:block; float:left; width:65px; padding-top: 2px; } .daynum { font-size: 40px; font-weight: bold; } .week_view_event_list { padding:5px 0 10px 0; float: left; width: 600px; } .tod { display: block; float:left; width:100px; font-weight: bold; } .module_middle_section_right .tod { float: none; margin-bottom: 4px; } .month_calendar .module_middle_section_right, .day_calendar .module_middle_section_right { overflow-x:hidden; overflow-y:auto; height: 490px; } .module_middle_section_right form .txtfld { border:1px solid #DDE1E2;color:#474747;width:95%; padding:4px 2px; font-size: 11px; margin-bottom: 5px; } .module_middle_section_right form strong { display:block; margin-top: 14px; color:#474747; } .module_middle_section_right img.event_image { margin-bottom: 7px; } .todcal { display: block; float:left; width:100px; font-weight: bold; } .module_middle_section_right .todcal { float: none; margin-bottom: 4px; } .day_grid { height: 686px; background: url(../img/daygrid-bg.gif) no-repeat left top; position: relative; } .day_grid_event_box { position: absolute; width: 620px; background: #FAFFFF url(../img/day_view_box_top.png) repeat-x left top; border: 1px solid #CCC; overflow: hidden; } .day_grid_box_top { display: block; padding: 3px 7px; } .day_grid_box_top span { display:block; float:left; padding-right:5px; margin-right: 5px; border-right:1px solid #CCC; font-size: 11px; line-height: 14px; font-weight: bold; color:#888; } .day_grid_box_top .day_grid_times { color: #474747; } .day_grid_event_box p.large_font { font-size: 16px; line-height: 1.2em; font-weight: bold; margin:0; } .day_grid_event_box p.descrip_txt { font-size: 12px; line-height: 1.3em; margin:0; } .day_grid_pad { padding: 3px 7px; } a.larrow { text-decoration: none; border: none; background: url(../img/leftarrow.gif) no-repeat left 2px; padding-right: 4px; } a.rarrow { text-decoration: none; border: none; background: url(../img/rightarrow.gif) no-repeat right 2px; padding-left: 4px; } a.larrow:hover, a.rarrow:hover { text-decoration: none !important; background-position-y: -9px; } .edit_tabs_events { position: absolute; width:260px; top:-33px; right:0; font-size: 11px; text-align: right; } .edit_tabs_events li { display: inline; margin-left: 7px; } /* new calendar actions dropdown - delete the above two lines when it is replaced */ .calendar_actions { position: absolute; top:-39px; right:0; font-size: 11px; } /* all event titles */ h3 {font-size:22px; line-height:25px; margin-bottom: .6em;} h3 a:hover{ background-color:#00A4E1; color:#fff;} .week_view_event_list a.week_view_event h3 { font-size: 13px; float: left; color:#00A4E1; line-height: 18px; } .day_grid_event_box h3, .module_middle_section_right h3 { font-size: 17px; line-height: 20px; } .cal_search_result h3 { font-size:15px; line-height: 1.3em; } /* all event details */ .cal_sidebar_head { text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 0px 0px 7px 0; padding:0 0 3px 0; color:#888; border-bottom: 1px solid #CCC; line-height: 20px; } .cal_sidebar_head a { display: block; float:right; width:16px; height: 16px; margin-left: 7px; } ul.event_details { margin-bottom: 14px; } ul.event_details li { font-size: 12px; line-height: 1.2em; margin-bottom: .3em; } ul.event_details li span.detail_txt { float:left; width: 75%; display: block; } ul.event_details li span.detail_label { display:block; width:80px; float:left; margin-right: 7px; text-transform: uppercase; font-size:10px; font-weight:bold; color:#888; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; } p .detail_label { margin-right: 7px; text-transform: uppercase; font-size:10px; font-weight:bold; color:#888; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; } ul.event_details .event_details_subhead { font-weight: bold; color:#474747; margin-top: 7px; } ul.details_column { float:left; padding-right: 7px; width:48%; } .sidebar_note { background-color: #FFFFEE; border: 1px solid #CCC; padding: 7px; font-size: 11px; line-height: 1.3em; position: relative; } .sidebar_note_dismiss { width:16px; height: 16px; position: absolute; top:0; right:0; } li.bulletted { padding-left: 16px; background: url(../img/btns/bullet_blue.png) no-repeat -2px -1px; } /* calendar search */ .cal_search_result { margin-bottom: 5px; border-bottom: 1px solid #CCC; } .cal_search_result p { font-size: 11px; } /* divider bars for two internal columns */ .right_col_stripe { background: url(../img/ccc.gif) repeat-y 519px top; border-top:1px solid #CCC; } /*------------ .blueleo_family --------------*/ .blueleo_family .module_middle_section_header{height:36px; background:url("../img/mod_gradient-large.jpg") repeat-x top; padding:0; position:relative;} .blueleo_family .module_middle_section_header a img{margin-top:2px;} .blueleo_family .module_top_section{height:27px; color:#fff; background: url("../img/mod-top-db-l.png") 2px 0 no-repeat;} .blueleo_family .module_top_section_right_corner{height:27px; background: url("../img/mod-top-db-r.png") right no-repeat; width:9px; float:right;} .blueleo_family .module_top_section div.head_text {padding-left:4px;} .module_306 .module_middle_section_content .box{ width:123px; padding:10px} .sub_box{border-top:1px #ccc solid; width:100%; border-bottom:3px #ccc solid;} .sub_box p{width:22%; padding:0 1px 5px 26px; margin-left:5px; float:left; background:url("../img/icon_clock.png") left 3px no-repeat;} .add_child{float:right; position:relative; top:4px; left:-5px;} .mod_gradient a.delete, .mod_gradient a.edit {display:block; float:right; height:32px; text-indent: -10000px; width:27px; margin-top: 3px;} .mod_gradient a.edit{background:url("../img/icon_edit.png") no-repeat;} .mod_gradient a.delete{background:url("../img/icon_delete.png") no-repeat; margin-right:8px;} .mod_gradient a.subhead_btn { color:#00A4E1 !important; padding: 7px; margin-top: -7px;} .mod_gradient a.subhead_btn:hover { background:url("../img/roll_cal_nav.jpg") repeat-x left bottom; text-decoration: none !important;} .mod_gradient a img{float:right; padding-right:5px;} a.next{background:url("../img/next_double_arrow.gif") no-repeat; text-indent:-100000px; margin:30px 0 0 0; float:right; height:18px; width:18px; display:block;} /* Icon Headers (FIXED) */ .events_icon{background:url("../img/icon_events_sm.png") no-repeat left top; padding:0 0 0 33px; line-height: 24px; float:left;} .friends_icon{background:url("../img/icon_friends_sm.png") no-repeat left top; padding:0 0 0 36px; line-height: 24px;} .birthday_icon{background:url("../img/icon_birthday_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .search_people_icon{background:url("../img/icon_search_people_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .listings_icon{background:url("../img/icon_listings_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .resources_icon{background:url("../img/icon_resources_sm.png") no-repeat left top; padding:0 0 0 46px; line-height: 24px;} .date_icon{background:url("../img/icon_date_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .playdate_icon{background:url("../img/icon_playdate_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .newsalert_icon{background:url("../img/icon_newsalerts_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .home_icon{background:url("../img/icon_home_b_sm.png") no-repeat left top; padding:0 0 0 24px; line-height: 24px;} .profile_icon{background:url("../img/icon_profile_sm.png") no-repeat left top; padding:0 0 0 32px; line-height: 24px;} .inbox_icon{background:url("../img/icon_inbox_sm.png") no-repeat left top; padding:0 0 0 33px; line-height: 24px;} .groups_icon{background:url("../img/icon_group_sm.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .blogs_icon{background:url("../img/blogicon-26.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} .search_adv_icon{background:url("../img/icon_adv_search.png") no-repeat left top; padding:0 0 0 30px; line-height: 24px;} /* new top searchbox and loggedin */ .topwrap .logo { float:left; } .searchbox {float:right; width: 265px; } .searchbox form { float:left; margin-right: 5px; } .searchbox input {width:180px;height:19px;margin:1px 0 0 0 ;padding:5px 2px 0 2px;border-top:none;border-bottom:none;border-left:1px solid #DDE1E2;border-right:1px solid #DDE1E2;color:#888; } * html .searchbox input {margin:0; padding:3px 2px 0 2px}/* vlad */ .alpha_nav .searchbox li { display: inline; margin:0; padding-top: 6px; position: relative; } .alpha_nav .searchbox_menu_caret a { display:block; width: 20px; height: 21px; text-indent: -9999px; background: url(../img/searchboxcaret.gif) no-repeat center top; } .alpha_nav .searchbox_menu_caret a:hover { background: url(../img/searchboxcaret.gif) no-repeat center -21px; } .alpha_nav .searchbox_menu_caret a.on { background: url(../img/searchboxcaret.gif) no-repeat center -42px;} .alpha_nav .searchbox .topdrop ul li { display: block; float: none; padding: 0; } .signin {float:right; margin-right: 16px; margin-bottom:10px; z-index: 600; width: 140px; padding-top: 21px; position: relative; text-align: right; } .signin .user_btn{ color:#00A4E1; height:16px; font-weight:bold; font-size:12px;} .signin .user_logout a { font-size:10px; font-style: italic; color:#ccc; } .joinus { float:right; padding:30px 0 0 0; width:490px; } .joinus span { float:left; } .joinus a.donow { display:block; float:right; width:140px; padding:5px; margin:-5px 0 0 10px; text-align: center; border:1px solid #DDE1E2; } .joinus .topdrop { position: absolute; right:0; width:140px; text-align:center; top:49px; background-color: #FFF; border-left:1px solid #DDE1E2; border-right:1px solid #DDE1E2; border-bottom:1px solid #DDE1E2; z-index: 500; padding: 5px; } .alpha_nav .searchbox .topdrop { position: absolute; right:0; width:120px; text-align:center; top:27px; background-color: #FFF; border-left:1px solid #DDE1E2; border-right:1px solid #DDE1E2; border-bottom:1px solid #DDE1E2; z-index: 500; padding: 5px; } .topdrop form { margin-bottom: 5px; } .topdrop ul form a { font-size:10px; float:left; text-align: left; width: 45%;} .topdrop input.txtfld { width:96%; padding:2px; font-size: 11px; color: #ccc; border:1px solid #DDE1E2; margin-bottom: 5px; } .topdrop ul a, div.alpha_nav .searchbox .topdrop ul a { display:block; color:#00A4E1; font-size: 11px; font-weight:normal; text-align: center; padding:3px; border-color: #FFF; } .topdrop ul a:hover, div.alpha_nav .searchbox .topdrop ul a:hover {text-decoration: none !important; background-color: #EDEDED; border-color: #FFF; padding:3px;} .topdrop input.gobtn { float: right; } /* mod2008 Top most nav (Search bar) */ div.alpha_nav{height:26px;padding:0 0 0 18px;margin-bottom:5px;position: relative;} div.alpha_nav div.links{width:580px;float:left;padding-top:5px;} div.alpha_nav li{float:left; margin-right:21px;} div.alpha_nav a{font-size:13px; font-weight:bold;color:#888888;font-family:Helvetica, Arial, sans-serif;} div.alpha_nav a:hover, div.alpha_nav a.on{color:#00a4e1;background:none; text-decoration: none;} /* Guest List styles */ .guest_list { float:left; width:175px; padding:0 0 0 10px; border-left:1px solid #CCC; } .attending { margin-left: -10px; border-left:none;} .guest_list ol li { color:#393939; font-size: 12px; font-weight: bold; line-height: 1.2em; margin-bottom: 5px; } .guest_list ol li span { color:#626262; font-weight: normal; font-size: 11px; } .pluses { padding-left: 5px; } .guest_response { display: block; } .lbl { display:block; font-weight: bold; margin:0 0 10px 0; text-transform: uppercase; } .attending .lbl { color:#32a75a; } .not_attending .lbl { color:#c11639; } .pending .lbl { color:#626262; } .maybe .lbl { color:#f7c12a; } /* new home and profile styles */ .wide_screen { float:left; } .module_home { position: relative; width:950px; } .wide_screen .module_top_section{ height:44px; background: url("../img/mod-top-g950-l.png") repeat-y;} .wide_screen .module_top_section_right_corner{height:44px; background: url("../img/mod-top-g-r.png") repeat-y; width:13px; float:right;} .wide_screen .module_bottom_section{background: url("../img/mod-bot-g950-l.png") bottom left no-repeat; height: 28px;} .wide_screen .module_bottom_section_right_corner{background: url("../img/mod-bot-g-r.png") bottom right no-repeat; width:13px; float:right; height: 28px;} .wide_screen .module_middle_section_top {position:absolute; top:12px; left: 9px; width:911px; height: 24px;} .wide_screen .module_middle_section{background: url("../img/mod-mid-w950.png") repeat-y; padding:0 4px;} .home_content_wrap { } .home_content_wrap .module_middle_section_header {height:28px; line-height: 28px; padding: 0 0 0 7px; color:#474747; border: none; font-weight:bold; font-size: 11px; border-top:1px solid #CCC; border-bottom: 1px solid #CCC; } .home_content_wrap .conversations { background: #f0f8fb url(../img/mod_gradient_blue.gif) repeat-x left bottom; } .home_content_wrap .invitations { background: #fff1e5 url(../img/mod_gradient_orange.gif) repeat-x left bottom; } .home_content_wrap .alerts { background: #ffefef url(../img/mod_gradient_red.gif) repeat-x left bottom; } .home_content_wrap .module_middle_section_header a.subhead_btn { color:#00A4E1 !important; padding: 0 7px; } .home_content_wrap .module_middle_section_header a.subhead_btn:hover { background:url("../img/roll_cal_nav.jpg") repeat-x left bottom; text-decoration: none !important;} .home_content_wrap .left_side { width:634px; float:left; border-right:1px solid #CCC; } .home_content_wrap .right_side { width:293px; float:right; margin:7px 7px 0 0; } .home_widget { border-bottom: 1px solid #888; } .start_talking { padding: 7px; background-color: #f0f8fb; color:#888; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; position: relative; } .start_talking p { font-weight:bold; font-style: italic; font-size: 11px; color:#474747; } .start_talking .txtfld { border:1px solid #DDE1E2;color:#474747; width:75%; padding:4px 2px; font-size: 11px; margin-bottom: 5px; } .start_talking .start_talking_actions .txtfld { width:250px; } .start_talking a.dismiss, .home_notice_body a.dismiss {width:16px; text-indent:-9999px; height:18px; margin: 0 2px 0 4px; display:block; padding:0px; float:right;background:url("../img/icons_rsvp.png") no-repeat -48px -18px;} .start_talking a.dismiss:hover, .home_notice_body a.dismiss:hover {background-position:-48px top;} .start_talking .invite_box { overflow: hidden; } .start_talking .invite_box li { float:left; display: block; margin-right: 14px; } .start_talking a { margin-right: 14px; font-size:11px; font-weight: bold; } .home_widget_foot { padding: 7px; font-size: 10px; color:#888; } .home_widget .posted { line-height:18px; border-bottom: 1px dotted #CCC; } .home_widget .date_posted { padding:3px 7px; background-color:#f6f6f6; color:#888; font-size: 11px; font-weight: bold; text-transform: uppercase; } .home_notice { padding:0 7px 7px 7px; margin:7px 0; border-bottom: 1px solid #CCC; } .home_notice_avatar { float:left; width:77px; } .home_notice_body { float: left; width:542px; } .home_notice_body span.accept_decline { float:left; } .home_notice h3 { margin-bottom: 7px; } .sidebar_widget { background: url(../img/sidebar-bot.gif) no-repeat left bottom; margin-bottom: 7px; } .sidebar_widget_head {height:32px; line-height: 32px; padding: 0 0 0 7px; color:#474747; border: none; font-weight:bold; font-size: 12px; border-bottom: 1px solid #CCC; background: url(../img/sidebar-top.gif) no-repeat left top; } .sidebar_widget_head img { float:left; margin: 3px 4px 0 0; } .sidebar_widget_body { border-left: 1px solid #CCC;border-right: 1px solid #CCC; padding: 7px; } .sidebar_widget_body .event_details { margin-bottom: 0px; } .sidebar_widget_body .event_details li strong, .sidebar_widget_body .profile_details li strong { text-transform: uppercase; font-size:10px; font-weight:bold; color:#888; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; padding-right: 7px; } .sidebar_widget_foot { padding: 0 7px 7px 7px; font-size: 10px; text-align: right; color:#888; } .friend_req li { padding: 4px 0; border-bottom: 1px dotted #CCC; } .friend_req li span { display:block; margin-left: 32px; } .friend_req li img { float:left; } .group_req li { padding: 4px 0; border-bottom: 1px dotted #CCC; } .group_cat { font-size: 12px; } .group_request { display: block; margin-top: 4px; text-align: right; font-weight: bold; font-size: 11px; line-height: 21px;} .group_request span.accept_decline { width:36px; float:right; text-align: left; margin-left: 4px; } .friend_feed li { display:block; width:80px; height: 90px; padding: 4px; margin-right: 4px; float:left; overflow: hidden; text-align: center; font-size: 10px; line-height: 1.2em; } .friend_feed li img { display:block; width:58px; height:58px; margin: 0 auto 4px auto; } .fan_feed li { margin-bottom: 4px; border-bottom: 1px dotted #CCC; } .fan_feed .list_txt { display:block; padding-bottom: 4px; line-height: 1.4em; font-size:14px; } .fan_feed li ul { margin-bottom: 4px; } .fan_feed li ul li { padding-bottom: 0; margin-bottom: 1px; border-bottom: none; } .fan_feed a.small_comment { font-size: 10px; color:#888; text-decoration: none; } .creations_feed li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #DDD; font-size: 11px; } .creations_feed h3 { line-height: 1.4em; font-size:14px; margin-bottom: 0; } .creations_feed li ul { margin-bottom: 4px; } .creations_feed li ul li { padding-bottom: 0; margin-bottom: 1px; border-bottom: none; } .creations_feed a.small_comment { font-size: 10px; color:#888; text-decoration: none; } /* extras for user profiles */ .friend_profile_actions { margin-bottom: 14px; } .friend_profile_actions ul.actions_list { width:145px; float:right; font-size:11px; } .friend_profile_actions ul.actions_list li a { display:block; padding:5px 5px 5px 28px; text-decoration: none !important; } ul.profile_details { font-size: 11px; margin-bottom: 14px; } ul.profile_details li { line-height: 1.2em; margin-bottom: .4em; } ul.profile_details li span.detail_label { display:block; float:left; width:65px; text-transform: uppercase; font-size:10px; font-weight:bold; color:#888; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; } /* calendar controls styling */ .calcontrolswitch { position: relative; float: right; width:16px; padding-top: 3px; } .calcontrolswitch a { display: block; } .calcontrol { position: absolute; z-index:50; background-color:#FFF; /* margin:-1px 0 0 138px; width:232px; */border-left: 1px solid #ccc; border-bottom: 3px solid #ccc; border-right: 2px solid #CCC; } .timecontrol { padding-right: 3px; height: 170px; overflow:auto; width:164px;} .calcontroltop { padding: 5px 0; font-weight: bold; font-size: 11px; line-height: 11px; background: url(../img/mod_gradient.gif) repeat-x top left; border-right: 1px solid #ccc; } .calcontroltop .next_month, .calcontroltop .prev_month { margin:0 3px; padding:0; } .calcontroldow td { border-top:1px solid #CCC; border-right:1px solid #CCC; text-align: center; } .calcontroldow td a, .calcontroldow td span, .calcontroltime a { display:block; padding:3px; } .calcontroldow td a.thisday, .calcontrol td a.thisday:hover { background-color:#00A4E1; color:#FFFFFF; } .calcontroldow td a:hover, .calcontroltime a:hover { text-decoration: none !important; background-color:#e5f6fd; color:#474747; } .calcontrolfld { /* new! width:232px; float:left; */border: 1px solid #CCCCCC; padding: 3px; color:#888; } .halfsize .calcontrolfld { width:162px;} .calcontroltime { padding: 3px 0; border-bottom: 1px solid #CCC; text-align: center; border-right: 1px solid #FFF; } .calcontroltime table td { background-color: #eaeaea; border-right: 1px solid #FFF; } .calcontroltime a.booked, .calcontroltime a.booked:hover { background-color:#d31717; color:#FFFFFF; } .calcontroldow a.booked, .calcontrol a.booked:hover { background-color:#8dc469; color:#FFFFFF; } #add_event #divendtime.calcontrol { height: 165px; overflow-y: auto; } /* static pages */ .mini_nav_right { float:left; width:170px; margin-top: 21px; padding: 14px 0 0 0; background: url(../img/mod-top-ww-l.png) no-repeat left top; } .mini_nav_right div { padding: 0 0 0 4px; background: url(../img/mod-mid-w306.png) repeat-y left top; } .mini_nav_right div.minifoot { background: url(../img/mod-bot-w-l.png) repeat-y left bottom; height: 21px; } .mini_nav_right p { padding: 0 7px 7px 7px; font-size: 11px; } .mini_nav_right ul { border-top: 1px solid #CCC; } .mini_nav_right li a { display: block; padding:7px; border-bottom: 1px solid #CCC; } .mini_nav_right li a:hover, .mini_nav_right li a.on { text-decoration: none !important; background-color:#e5f6fd; } .lotsoftext { padding-top: 14px; } .lotsoftext ul, .lotsoftext ol { font-size: 13px; line-height: 1.2em; margin: 1em; } .lotsoftext ol.lttrs { list-style-type: lower-alpha; list-style-position: outside; margin-left: 1.5em; } .lotsoftext ul li, .lotsoftext ol li { background: url(../img/blueleo-bullet.gif) no-repeat left 3px; padding-left: 18px; } .lotsoftext ul li, .lotsoftext ol li { margin-bottom: .5em; } .lotsoftext ul li ul li, .lotsoftext ol li ol li { margin-bottom: .2em; background: none; padding: 0; } .lotsoftext h5 { font-weight: bold; margin: 1.2em 0 .7em 0; font-size: 17px;} table.table_chart { margin:14px 0; font-size: 12px; line-height: 1.5em; background-color: #FCFCFC; width: 100%; border-right: 1px solid #CCC; border-top: 1px solid #CCC; } table.table_chart td { vertical-align: top; text-align: left; padding: 7px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; } table.table_chart tfoot { font-size: 11px; font-style: italic; } /* new form styles */ .edit_profile .module_middle_section_top { padding-bottom: 7px; } form.profile_info { padding-top:14px; } .profile_info input.txtfld, .profile_info textarea.txtfld { border:1px solid #DDE1E2;color:#474747;width:230px; padding:4px 2px; margin-bottom: 7px; font-size: 11px; } ol.wideform input.txtfld, ol.wideform textarea.txtfld { border:1px solid #DDE1E2;color:#474747; width:460px; padding:4px 2px; margin-bottom: 7px; } ol.wideform .invite_box li { margin: 0; padding: 2px 4px; } ol.wideform li select { width: 360px; } p.formnotes { font-size: 13px; line-height:1.4em; padding:14px 14px 0 14px; } li.formnotes { font-size: 12px; color:#474747; line-height:1.4em; } ol.wideform li.formnotes { width: 603px; } form.pass_word input.txtfld { border:1px solid #DDE1E2;color:#474747;width:250px; padding:4px 2px; font-size: 11px; } form.pass_word ol { margin:0 0 14px 14px; } .profile-pic { padding:7px 0 14px 0; border-bottom: 1px solid #CCC; } .profile-pic img { margin-right:14px; } form.create li.profile-pic ol { width: 215px; float:left; margin-left: 0; } li.profile-pic img { float:left; } li.profile-pic div.grey { font-size: 11px; color:#888; font-weight: normal; float:left; } .profile-pic form { margin-top:7px; float:left; width:370px; } .profile-pic div {margin:7px 0 14px 0; font-size: 11px;} .login-form { margin-top: 7px; } .message_to_friends { float:left; width:240px; margin-left: 14px; } form.login-form .invite_box {height:300px; overflow-x: hidden; overflow-y: auto;} h3.greenhead { font:normal 21px Georgia, "Times New Roman", Times, serif; color:#45a856; margin: 7px 0 15px 0; } .form_buttons { position: absolute; clear:both; bottom:18px; right:18px; } form.sideform .input_box input, form.sideform .input_box textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 97%; margin-bottom: 7px; } .fake_label { font-size: 12px; font-weight: bold; color:#474747; line-height: 16px; display: block; padding-bottom: 4px; } .create li label.sub_label { font-size:11px; font-weight: normal; color:#626262; } .multicheck { margin-right: 7px; } .sidebarform_pad { padding:0 14px 14px 0; } .sidebarform_pad p { margin-left: 14px; } .sidebarform_pad li.halfsize { width:102px; } .sidebarform_pad form.create .input_box input, .sidebarform_pad form.create .input_box textarea { width: 96%; } .start_talking form.create li.halfsize { width:150px; } .final_step_message { font-size: 14px; line-height: 1.5em; padding:28px 56px; } .final_step_message ul { font-size: 13px; margin-left:7px; } form.create .plus_checks .input_box input,.change_password form.create .input_box input { width:90%; } form.create .plus_checks .input_box input.security_check { width: 15px; display: inline; } /* ads */ .ad_module { width:160px; padding-top: 7px; } .ad_module .ad_box { margin-bottom: 14px; } /* resources default page */ .resources_default_grid { border-top:1px solid #cccccc; padding: 14px; } .resources_default_grid p.intro { margin-bottom: 7px; font-size: 15px; line-height: 1.5em; color:#45a856; } a.resource_icon_box { display:block; float:left; width:194px; text-align: center; height: 160px; color:#333333; text-decoration: none!important; border:1px solid #FFFFFF; } a.resource_icon_box:hover { color: #00A4E1; border:1px solid #00A4E1; } .resource_icon_box span { display:block; margin-top: 115px; font-size: 12px; font-weight: bold; padding: 0 7px 3px 7px; } .rsrc1 { background: url(../img/rsrc1.jpg) no-repeat center -8px; } .rsrc2 { background: url(../img/rsrc2.jpg) no-repeat center -8px; } .rsrc3 { background: url(../img/rsrc3.jpg) no-repeat center -8px; } .rsrc4 { background: url(../img/rsrc4.jpg) no-repeat center -8px; } .rsrc5 { background: url(../img/rsrc5.jpg) no-repeat center -8px; } .rsrc6 { background: url(../img/rsrc6.jpg) no-repeat center -8px; } .rsrc7 { background: url(../img/rsrc7.jpg) no-repeat center -8px; } .rsrc8 { background: url(../img/rsrc8.jpg) no-repeat center -8px; } .rsrc9 { background: url(../img/rsrc9.jpg) no-repeat center -8px; } .rsrc10 { background: url(../img/rsrc10.jpg) no-repeat center -8px; } .rsrc11 { background: url(../img/rsrc11.jpg) no-repeat center -8px; } .rsrc12 { background: url(../img/rsrc12.jpg) no-repeat center -8px; } .rsrc13 { background: url(../img/rsrc13.jpg) no-repeat center -8px; } .rsrc14 { background: url(../img/rsrc14.jpg) no-repeat center -8px; } .rsrc15 { background: url(../img/rsrc15.jpg) no-repeat center -8px; } /*------------ New Messaging System --------------*/ .msg { padding:0 7px; margin:7px 0; } .unread { background:url(../img/comment-arrow-left.gif) no-repeat 95px 0; } .read { background:url(../img/readmsg-arrow-left.gif) no-repeat 95px 0; } .updated { background:url(../img/thread-arrow-left.gif) no-repeat 95px 0;} .msg_action { float:left; width:20px; padding-top: 7px; } .msg_avatar { float:left; width:77px; height: 90px; } .unread .msg_avatar { background: url(../img/email-unread.gif) no-repeat left bottom; } .read .msg_avatar { background: url(../img/email-read.gif) no-repeat left bottom; } .updated .msg_avatar { background: url(../img/email-updated.gif) no-repeat left bottom; } .unread .msg_wrapper { background-color: #fffde5; } .read .msg_wrapper { background-color: #fff; } .updated .msg_wrapper { background-color: #ebf8fd; } .msg_wrapper { float:left; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 7px; width:640px; } .msgalt_wrapper { float:left; background-color: #ffefef; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 7px; width:640px; } .msg_body { width:600px; float: left; padding: 0 7px; } .msg_del { width:20px; float:right; overflow: hidden; text-align: center; } span.msg_subj {display:block; margin:0 0 4px 0; line-height: 1.2em; font-size: 15px; font-weight: bold; border-bottom: 1px solid #e1e1e1; } span.msg_subj span {font-size:11px; padding-right: 4px; font-weight: normal; } .msg_title { font-size: 15px; font-weight: bold; } .msgtools ul li { float:left; margin: -3px 20px 0 0; font-size: 11px; } .msgtools ul li a { padding: 4px; display: block; float:left; } .msgtools ul li a:hover { background-color: #FFF; text-decoration: none!important; color:#00A4E1; } .prev_msg, .next_msg { display: block; text-indent:-9999px; width:13px; height: 12px; } .prev_msg { background: url(../img/prev.png) no-repeat left bottom; float:left; margin: 7px 5px 0 0;} .next_msg { background: url(../img/next.png) no-repeat left bottom; float:right; margin: 7px 0 0 5px;} a.prev_msg:hover, a.next_msg:hover { background-position: top; } .msghead span.msg_subj, .msghead span.posted { margin-left: 95px; border-bottom: none; } .msg_middle_section_header{border-top:1px #ccc solid; padding:14px; } .msg_btn_bar span { display:block; float:left; margin-left: 14px; font-size: 11px; margin-top: 7px; } .msg_btn_bar span a { padding: 4px 6px; color:#626262; } .msg_btn_bar span a:hover { text-decoration: none!important; color:#00A4E1; } .recips { font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#474747; } .recips span { padding-right: 7px; font-weight: bold; } .get_recips { width: 98%; padding: 3px; } form.create .msg_form {width:75%; margin-left: 90px; } /* Home page welcome box/text */ .welcome_message { padding: 0 0 14px 0; } .welcome_row, .welcome_row_top { padding:0 14px 7px 14px; border-bottom: 1px dotted #ccc; margin-bottom: 7px; } .welcome_row_top { padding:14px 14px 7px 14px; background: url(../img/bluefade.gif) repeat-x left -28px; } .welcome_row img, .welcome_row_top img { float:left; margin:0 14px 0 0; } .welcome_row_top span { font-size: 17px; } .dismiss {width:16px; text-indent:-9999px; height:18px; margin: 0 2px 0 4px; display:block; padding:0px; float:right;background:url("../img/icons_rsvp.png") no-repeat -48px -18px;} a.dismiss:hover{background-position:-48px top;} .welcome_row p { margin:0; padding:0; line-height: 1.3em; font-size: 13px; } /* new stuff for groups pages */ .group_members_table td { font-size: 12px; color:#474747; padding: 4px; border-bottom: 1px dotted #CCC; } .group_members_table td.action_col { font-size:11px; width:45px; overflow: hidden; line-height: 16px; } .group_admins li { color:#474747; font-size: 11px; line-height: 1.5em; } .group_admins span.group_role { color:#666; font-size: 10px; font-style: italic; } .creations_feed .event_loc { font-size: 12px; line-height: 1.4em; color:#888; } .news_item { padding-bottom:7px; margin-bottom:7px; border-bottom: 1px dotted #CCC; } .news_item img { float: right; margin: 0 0 3px 14px; } .news_item h4 { text-align: left; font-weight: normal; color:#474747; line-height: 1.3em; } .comments_fixer { padding-bottom: 1px; } /* flexible popup */ #pop_over { position: fixed; z-index:900; top: 0px; left: 0px; height:100%; width:100%; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } .center_pop { position: fixed; z-index: 902; background: transparent; text-align:left; top:50%; left:50%; } .popup { font-size: 12px; color:#888; margin:0; padding:0; position: absolute; z-index: 500; } .popuphead { padding:19px 25px 0 19px; font-weight: bold; line-height: 16px; } .popuphead a.dismiss { margin:-4px 0 0 0; } .popuphead ul.popnav { float:left; list-style-type: none; font-size: 12px; width: 20%; } .popuphead ul.popnav li { float:left; display: block; } .popuphead ul.popnav li a { float:left; display: block; padding: 2px 4px; color:#626262; } .popuphead ul.popnav li a:hover { text-decoration: none!important; color:#00A4E1; } .popuphead ul.popnav li a.this_template { background-color: #00A4E1; color: #FFF; text-decoration: none!important; margin-left: 7px; } .popuphead ul.popnav li a.this_template:hover { background-color: #6cb455; } .popuphead .dismissr { float:right; width: 20%; } .popuphead span.template_name { display: block; width:60%; overflow: hidden; margin: 0 auto; text-align: center; } .popupbody { padding:7px 25px 7px 19px; } .popupbody form.create { margin-top: 0; } .popupfoot { padding:0 25px 25px 19px; } .popup_alert { border: 1px solid #CCC; background-color: #FFFFCC; padding: 7px; margin-bottom: 7px; line-height: 1.4em; } .popup_notes { margin-bottom: 7px; line-height: 1.4em; padding: 0 7px; } .popup_confirm { border: 1px solid #CCC; background-color: #ebf8fd; padding: 7px; margin-bottom: 7px; line-height: 1.4em; color:#00a4e1; font-size: 16px; font-weight: bold; } .popup .form_buttons {position:static; text-align: left; margin-left:14px; padding-bottom: 7px;}/* --- position inherit ---- */ .popup .form_buttons input.newbtn, .popup .form_buttons input.newgraybtn { float: none; margin-right: 7px; } .smallpop { width:400px; } .smallpop .popuphead { background: url(../img/popup400-top.png) no-repeat left top; } .smallpop .popupbody { background: url(../img/popup400-back.png) repeat-y left top; } *:first-child+html .smallpop .popupbody{float:left; width:356px}/*vlad*/ .smallpop .popupfoot { background: url(../img/popup400-bottom.png) no-repeat left bottom; } .smallpop form.create div.input_box { width: 92%; } .smallpop .halfsize { width:150px; } .smallpop .halfsize .calcontrolfld { width:145px; } .smallpop .calcontrol { font-size: 10px; } .bigpop { width:680px; } .bigpop .popuphead { background: url(../img/popup680-top.png) no-repeat left top; font-size:16px; } .bigpop .popupbody { background: url(../img/popup680-back.png) repeat-y left top; } .bigpop .popupfoot { background: url(../img/popup680-bottom.png) no-repeat left bottom; } .bigpop .popupbody { padding:14px 25px 0 19px; } .bigpop p.underline { margin-bottom: 14px; } .bigpop li.halfsize { float: none; width: 50%; } .giantpop { width:904px; } .giantpop .popuphead { background: url(../img/popup900-top.png) no-repeat left top; font-size:16px; } .giantpop .popupbody { background: url(../img/popup900-back.png) repeat-y left top; } .giantpop .popupfoot { background: url(../img/popup900-bottom.png) no-repeat left bottom; } .giantpop .popupbody { padding:14px 25px 0 19px; } /* System-wide notifications */ .generic_alert { font:bold 12px/28px Helvetica, Arial, sans-serif; padding: 4px 7px 0 30px; border-bottom: 1px dotted #CCC; } .notifications { font:bold 12px/28px Helvetica, Arial, sans-serif; color: #888; padding: 4px 7px 0 30px; background: #FFFFCC url(../img/btns/tick.png) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } .errors, .event_cancelled span.posted { font:bold 12px/28px Helvetica, Arial, sans-serif; padding: 4px 7px 0 30px; color: #FFF; background: #cc0000 url(../img/btns/error.png) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } .system_message { font:bold 12px/28px Helvetica, Arial, sans-serif; color:#00a4e1; padding: 4px 7px 0 30px; background: #ebf8fd url(../img/btns/squares.gif) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } .updates, .event_updated span.posted { font:bold 12px/28px Helvetica, Arial, sans-serif; padding: 4px 7px 0 30px; color:#FFF; background: #70bb80 url(../img/btns/bell.png) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } .event_draft .generic_alert { color: #FFFFCC; background: #888888 url(../img/btns/page_white_edit.png) no-repeat 7px 50%; } .event_cancelled .generic_alert { color: #FFF; background: #cc0000 url(../img/btns/error.png) no-repeat 7px 50%; } .event_updated .generic_alert { color:#FFF; background: #70bb80 url(../img/btns/bell.png) no-repeat 7px 50%; } .event_updated span.posted, .event_cancelled span.posted {display: block; } .event_updated span.posted a.unm, .event_updated .generic_alert a.unm, .event_cancelled span.posted a.unm, .event_cancelled .generic_alert a.unm { color:#FFFFCC !important; } .event_cancelled h3, .event_cancelled li { text-decoration: line-through; } .my_events_details .event_updated h5.update_box { border:4px solid #70bb80; background-color:#eef7f0; padding:7px; } .my_events_details .event_cancelled h5.update_box { border:4px solid #cc0000; background-color:#FFFFCC; padding:7px; } .my_events_details .event_draft h5.update_box { border:4px solid #888; background-color:#FCFCFC; padding:7px; } /* progress bar */ .progress { position: absolute; top:0; left:0; height:100%; width:100%; z-index:101;background:url(../img/trans-white.png); } .progcenter { position: absolute; top:32.5%; left:32.5%; } .comment_wrapper .progcenter { top:25%; left:25%; } .progressBar{width:216px;height:41px;background:url(../img/bg_bar.gif) no-repeat 0 0;position:relative; } .progressBar span{position:absolute;display:block;width:200px;height:25px;background:url(../img/bar3.gif) no-repeat 0 0;top:8px;left:8px;overflow:hidden;text-indent:-8000px;} .progressBar span.altbar{background:url(../img/bar.gif) no-repeat 0 0;} /*---- vlads hacks -------*/ .halfsize div{white-space:nowrap} .mg_top{position:absolute; top:27px} /*--- vlad - 9.24 ---*/ .filterthis{position:relative} form.create_event_form{width:250px;} input.newgraybtn{width:101px} #diveventdate, #diveventenddate, #divrsvpdate {width:173px;} .checkbox, .security_check{width:auto!important; border:none !important;} .popupbody p, .popupbody h1{text-align:left!important;} .invite_box ol, .get_recips ol{margin-left:0 !important} .new_position form.create_event_form{ width:150px} .new_position .subnav{right:190px} .new_position2 .subnav{right:15px} .filterthis ul li.divicat2{width:89px; margin-top:13px} /* Announcement box for top of header */ .top_text_banner { position:absolute; left:240px; top:6px; width: 450px; height: 38px; padding: 10px 0 0 50px; line-height: 1.3em; background: url(../img/contest-burst2.gif) no-repeat 0px -1px; } .top_text_banner, .top_text_banner form, .top_text_banner form input { color:#45a856; } /* Blog widget for home page : added 12/03/09 */ .blog_snip { line-height: 1.3em; color:#888; } .blog_snip .posted { font-style: italic; } .blog_name { display: block; font-size: 13px; color:#666; margin:0 0 0 70px;} .blog_post_title { display: block; font-size: 16px; margin:5px 0 0 0; line-height: 1.3em; font-weight: bold; } .blog_excerpt { display: block; font-size: 11px; margin:5px 0 5px 0; }