/* Whoozin CSS - Copyright 2016 Thinkpuddle Inc. INDEX: W01 - CSS Reset & Utility W03 - Main Layout W04 - Links & Buttons W06 - RSVP bubbles W07 - Help Icons & Links W08 - User-type Icons W09 - Forms W10 - Errors W11 - Create New Entity Dialog W12 - Login Page / Login Dialog W13 - Page Header W14 - User Images W15 - Warning box / Past Message W16 - Admin Panel W17 - Preview Mode W18 - RSVP Area W19 - Headcount W20 - Whoozin Table W21 - Poll Table W22 - Comments W23 - Sidebar: My Events W24 - Sidebar W24a - Link W27 - JQ Misc W28 - JQ Tables W29 - JQ dialogs W30 - IG tables/columns W31 - IG utility W32 - dialog utility W33 - dialogs W34 - Window: Profile Update W35 - Window: RSVP W36 - Pure JS dialog W37 - Pure CSS table W40 - Old homepage W41 - index.aspx W42 - features.aspx W50 - snapengage W51 - misc */ /* W01 - RESET =================================================================== */ *{margin:0;padding:0;} html{overflow-y:scroll;overflow-x:auto;} /*makes a vertical scroll bar appear regardless of page size, so the centered layout never jumps*/ body{font-size:13px;line-height:1.5em;-webkit-text-size-adjust: 100%;} /*master font declaration. size-adjust for mobile safari*/ form#frmIndex{overflow-x:hidden;}/*for actbanner*/ a{text-decoration:underline;color:#2abcb9;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} a:hover, a:active{text-decoration:underline;color:#33e5e1;cursor:pointer;} a img{border:0;} b, strong{font-family:'Lato', Arial, sans-serif;font-weight:bold;} em, .note{font-family:'Lato', Arial, sans-serif;color:#8a8d82;font-style:italic;} body{background:#4c4d4f;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;margin:0;padding:0;}/*second declaration of 'Lato' fixes Chrome */ fieldset{border-style:none;} /*boilerplate for tables - webkit vs ff fixes*/ table {border-collapse:collapse; border-spacing:0;} table tr th, table tr td{-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ===== Link Styles 2015 ======================================================== a{text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} a, body .ui-widget-content a{color:#229896;} .rsvpbox .rsvpline .bubble .edit{font-weight:bold;font-style:normal;position:absolute;top:50%;right:15px;margin-top:-0.75em;} .rsvpbox .rsvpline .bubble:hover .edit{text-decoration:underline;} .eventu .adminmodebtn, .eventu .adminmodebtn:hover, .pollu .adminmodebtn, .pollu .adminmodebtn:hover, .groupu .adminmodebtn, .groupu .adminmodebtn:hover{text-decoration:none !important;} #divReport a span{text-decoration:none !important;} #divReport a:hover span{text-decoration:underline !important;} .pageheader .breadcrumb li a, .pageheader .breadcrumb li.pagetype span{text-decoration:none;} .filterrow .filterlinks .disabled, .filterrow .filterlinks .disabled:hover{text-decoration:underline;} */ p{margin-bottom:0.5em;} h1,h2,h3,h4,h5,h6{text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} h1{font-size:2.46em;/*32px*/margin-bottom:0.19em;line-height:1em;} h2{font-size:1.54em;/*20px*/margin-bottom:0.30em;line-height:1em;} h3{font-size:1.23em;/*16px;*/margin-bottom:0.38em;line-height:1em;} h4,h5,h6{font-size:1em;margin-bottom:0.5em; /*13px;*/}/* same as body text */ /* .rightcolumn h1, .rightcolumn h2, .rightcolumn h3, .rightcolumn h4{line-height:1em;} */ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#4c4c4e;} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;} hr{border:none;height:1px;margin:0.5em 0;background:#ddd;} textarea{display:block;height:3.5em;min-height:3.5em;line-height:1.4em;resize:vertical;overflow-y:auto;overflow-x:hidden;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.2em 0.3em 0.3em 0.4em;border:1px solid #8d8a82;border-radius:0.5em;margin-bottom:0.5em;} /* Utility */ .left{text-align:left;float:left;} .right{text-align:right;float:right;} .center{margin:0px auto;} .disabled, .disabled:hover{color:#999;cursor:default;} input.disabled{color:#4c4c4e;border-color:#f5f3ed !important;background:#f5f3ed !important;} input.disabled:hover{color:#4c4c4e;} .preload{width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;opacity:0;} /*whoozin brand colours*/ .brown{color:#8d8a82;} /*still used for datepoll identifier in header*/ .blue{color:#2abcb9;} .red{color:#bb4159;} .yellow{color:#d5c863;} .green{color:#a2bf3e;}/*c1cf59*/ .white{color:white;text-decoration:underline;} .white:hover{color:#33e5e1;} /* Basic Column layout */ .column, a.panel{display:inline-block;vertical-align:top;} .one{margin-left:0 !important;border-left-style:none !important;} .columnOR{display:inline-block;width:1px;overflow:visible;border-left:1px solid #ddd;margin:0 50px;position:relative;} /*individual columns must spec height*/ a.column{text-decoration:none;color:#4c4c4e;background:white;font-family:'Lato', Arial, sans-serif;font-style:normal;font-weight:normal;} a.column:hover{color:inherit;background:#e6f8f8;border-color:#2abcb9 !important;} a.column, a.column:hover{-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} /* Basic Divided Sections */ .section{border-top:1px solid #ddd;margin-top:1.5em;padding-top:1em;} /*section overrides*/ #divEventSelection.section, #divGroupSelection.section, #divEventMethodSelection.section, .section:first-child{border-top:none;margin-top:0;padding-top:0;} /* Beta feature - parent div must have position */ .beta{position:relative;} .beta:after{content:"Beta Feature";position:absolute;top:-13px;right:20px;padding:1px 6px 3px;border-radius:4px;font-size:16px;color:white;background:#a8c44c;border:1px solid #8aa13f;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);text-shadow: 0px -1px 0px #8aa13f;} /* W03 - Main Layout ============================================================= */ /* Wrappers */ .bgmain{display:block;width:100%;background:url("../images/bgpattern.png") repeat top center white;} .wrappermain{width:auto;min-height:500px;padding:0;margin:-4px auto 0;} /*in site.master*/ /*.wrapperbg{background:url("../images/bgwrappermain.png") repeat-y top center;} in individual pages*/ /*top level page selectors are .myeventspage{} .grouppage{} .eventpage{} .pollpage{}*/ /*top level feature selectors are .inactive (all Entities) and .regonly (EventA)*/ /* Header & Footer */ .bgheader{box-shadow: 0px 5px 15px rgba(0,0,0,0.4);position:relative;z-index:2;display:block;width:100%;min-height:55px;background:url("../images/bgfooter.png") repeat-x 0px -17px #4c4c4e;color:#fff;border-bottom:4px solid #c1cf59;padding-top:0px;} .wrapperhead{margin:0px auto;padding:10px 20px 10px 0;position:relative;} .wrapperhead{background:url("../images/icons/PleaseWait1.gif") no-repeat -9999px -9999px;} /*preload jqloading image*/ #lnkIndexLink{position:absolute;z-index:2;margin:5px 0 0 20px;} #divHeadContent:after{content:'pronounced \201c Who\2019 s In?\201d';position:absolute;top:35px;left:-24px;width:150px;font-size:0.85em;font-style:italic;pointer-events:none;color:#2abcb9;text-decoration:none;} .headerlogo{width:108px;height:21px;background-image:url("../images/whoozin-headerlogo.png");} .bgfooter{position:relative;z-index:1;box-shadow: 0px -5px 5px rgba(0,0,0,0.2);display:block;width:100%;background:url("../images/bgfooter.png") repeat-x 0 0 #4c4c4e;border-top:2px solid #c1cf59;} .wrapperfoot{position:relative;/* width:900px; */margin:0px auto;padding:1.2em 2em;} /*responsive fixes for major sections*/ @media all and (min-width:960px) { .wrapperhead, .wrapperfoot, .colwrapper, .wrappermain{-moz-box-sizing:border-box;box-sizing:border-box;} .wrapperhead, .wrapperfoot, .colwrapper{width:960px;} .bgmain, .bgheader, .bgfooter{min-width:960px;}/*prevents backgrounds from being too short when zoomed in*/ } /* ----- Header Revised - Responsive ------------------------------------------------ */ #divHeadContent{text-align:right;margin-top:2px;} ul#headnav{position:relative;list-style-type:none;text-align:right;margin-right:-1em;} ul#headnav li{position:relative;display:inline-block;margin-right:0.5em;vertical-align:top;text-align:left;} ul#headnav li span{display:block;padding:0.35em 0.5em;margin-right:-1em;}/*username*/ ul#headnav li a{display:block;color:white;font-style:normal;text-decoration:none;padding:0.35em 0.5em;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:pre;} ul#headnav li a:hover{display:block;color:#2abcb9;font-style:normal;text-decoration:underline;} ul#headnav li a.currentlink, ul#headnav li a.currentlink:hover{cursor:default;pointer-events:none;color:#ddd;text-decoration:underline;} ul#headnav li a.button, .headernav-show.button{color:white;font-style:italic;text-decoration:none;padding:0.5em 1em 0.35em;} a#lbtnLoginM{display:none;color:white;font-style:italic;text-decoration:none;padding:0.5em 1em 0.35em;margin-right:0.5em;} ul#headnav li a.button:hover{color:white;} /* ! */ #li-Names br, #li-btnLoginAs br{display:none;} /*nested menus*/ ul#headnav li ul{display:none;} ul#headnav li a:hover + .hidden, .hidden:hover{display:block;position:absolute;top:1em;left:0;} ul#headnav li ul li{display:block;} ul#headnav li ul li a{width:auto;} ul#headnav li a#lbtnChangePassword, ul#headnav li a#btnForgetMe, ul#headnav li a#lnkEditAdminContactInfo{display:block;cursor:pointer;vertical-align:top;font-size:0.9em;margin:-4px 0 -6px;padding:0 6px;color:#b8b6b0;}/*logout*/ ul#headnav li a#btnForgetMeM{display:none;} ul#headnav li a#lbtnChangePassword.createpassword{color:white;background:#bb4156;border-radius:0.35em;} a#btnForgetMe{display:none;} /*mobile alternate*/ .headernav-show{display:none;} /* .headernav-show.button{background-color:#a8c44c;border-color:#8aa13f;} */ #divHeadContent input[type=checkbox]{display:none;} #divHeadContent input[type=checkbox]:checked + #headnav{display: block;} /* Main Content, shared styles */ .colwrapper{overflow:visible;/* width:960px; */margin:0 auto;padding:26px 0 20px;min-height:400px;background:white;box-shadow:0 0 40px 40px rgba(255,255,255,1);} .leftcolumn{vertical-align:top;display:inline-block;width:29%;margin-right:-5px;} /*reversed column direction*/ .rightcolumn{vertical-align:top;display:inline-block;width:68.5%;margin-right:2.5%;} /*reversed column direction*/ .rightcolumn h2{display:inline-block;padding-top:6px;color:#4c4c4e;} /*alternate column wrapper for tall version of banner image*/ .colwrapper.tallimg .customimg.bannerimg.hasimg{max-height:300px;width:638px;margin-top:-0.5em;} .colwrapper.tallimg .customimg.bannerimg.hasimg img{border-radius:4px !important;width:auto;height:auto;} /* .colwrapper.tallimg .leftcolumn{margin-top:-313px;} = has to be set via JS*/ .leftcolumnbox{background:#fff;padding:0px 16px 8px 18px;border-radius:0.35em;border:1px solid #8d8a82;margin-bottom:20px;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);} .leftcolumnbox h3{line-height:1.5em;max-width:11.5em;overflow:hidden;text-overflow:ellipsis;} .rightcolumnbox{background:none;box-shadow:none !important;padding:0 0 20px;margin:0 10px 15px;} .tabmargin{margin-bottom:40px;} /*Group page tweaks*/ .rightcolumntabs{position:relative;background:#fff;margin:57px 10px 20px;padding:12px 0px;border-top:1px solid #8d8a82;border-radius:8px;} #MainContent_divEventTabs.rightcolumntabs{position:relative;background:#fff;margin:4.5em 0 0;padding:1em 0;border-top:1px solid #8d8a82;border-radius:8px;} #MainContent_divEventTabs{margin-top:38px;position:relative;}/*overlap fix, event*/ /* #MainContent_divEventTabs.notabs{padding:0 10px;} */ .grouppage .rightcolumntabs{border-top:none;margin-top:-20px;} .myeventspage .rightcolumntabs{margin-top:27px;} .tabcontrol{position:relative;top:-39px;left:0px;margin-bottom:-39px;margin-left:10px;margin-right:10px;} .notabs h2{margin-bottom:10px;} .notabs .manageattending{bottom:0;right:0;} .igtab_Windows7THHolder{padding-left:10px !important;} /*fix to better align tabs & border with text column */ #MainContent_wdgDatePoll table table td > div{overflow:visible !important;}/*allow overflow for empty rows*/ .dialogcontent-tabs{background:#fff;padding:15px 20px 10px 20px;margin:35px 20px 20px 20px;border-radius:4px;border:1px solid #8d8a82;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} .dialogcontent-tabs .tabcontrol{position:relative !important;top:-41px !important;margin-bottom:-41px !important;margin-left:0;margin-right:0;} /*button row fixes to allow layout on myevents & club to have message rows.*/ .clubtable .buttonrow-top{margin-top:-4px;text-align:left;min-height:37px;height:auto;display:block;} .clubtable .buttonrow-top .messages{display:inline-block;width:500px;} .clubtable2 .buttonrow-top{text-align:left;} .dialogcontent .buttonrow-top{display:block;} #MainContent_ddlFilterEvents{margin-left:0.25em;width:10em;} /* Filter headers for old IG Group & My Events*/ .grouppage .filterrow{position:relative;z-index:3;} .filterrow .filterlinks{padding:6px 0;margin-bottom:4px;position:relative;} .filterrow a{margin-left:15px;} .filterlinks .disabled, .filterlinks .disabled:hover{color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-style:normal;font-weight:normal;text-decoration:none;} /* Footer */ .glossarylink{display:none;position:absolute;top:0px;left:512px;} .footercontent{position:relative;color:#b8b6b0;margin-top:-3px;margin-right:250px;font-size:12px;} .footercontent span, .footercontent a{display:inline-block;vertical-align:top;} .footercontent a{color:#dedcd5;font-family:'Lato', Arial, sans-serif;font-style:normal;font-weight:normal;text-decoration:none;} .footercontent a:hover{color:white;text-decoration:underline;} .footercontent .toslink{margin-left:0;} .footercontent .version{margin-left:0;margin-top:16px;display:block;font-size:11px;color:#9e9d98;/*position:absolute;top:38px;left:0;*/} .footerlogo{position:absolute;z-index:2;right:0;top:11px;width:280px;height:61px;background:url("../images/whoozin-footerlogo.png") no-repeat;margin-bottom:1em;} /* W04 - Links & Buttons ========================================================= */ .button, a.button{text-decoration:none;color:#fff !important;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic !important;padding:2px 6px/*0.2em 0.5em*/;background:#2abcb9 url("../images/buttonhighlight2.png") repeat-x;background-size:100% 50%;background-position:0 0;border:1px solid #088c86;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);} .button:hover, a.button:hover{background-position:0 100%;cursor:pointer;} .buttondisabled, a.buttondisabled, .buttondisabled:hover, a.buttondisabled:hover{text-decoration:none;color:#8d8a82 !important;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:2px 6px;background:#aeaeae url("../images/buttonhighlight2.png") repeat-x 0 -5px;border:1px solid #919191;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);cursor:default;} .buttondisabledplain, a.buttondisabledplain, .buttondisabledplain:hover, a.buttondisabledplain:hover{text-decoration:none;color:#8d8a82;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:2px 6px;background:none;border-style:none;box-shadow:none;cursor:default;} .viewingrightsrow .buttondisabledplain{color:#4c4c4e !important;} .viewrow .viewradio .buttondisabledplain{padding:0 !important;} /* igButtons & old Button Rows -----------------------------------------------------*/ .buttonrow{height:40px;margin-top:-20px;width:100%;text-align:right;} .buttonrow-top{position:relative;float:right;z-index:3;height:35px;margin-top:-35px;text-align:right;/* margin-top:-31px; */display:block;} /*.buttonrow > table, .buttonrow-top > table, .buttonrow-top table tbody{display:inline-block !important;}*/ #MainContent_divCurrentMembers .buttonrow-top{float:none !important;} .buttonrow-top h3{vertical-align:top;margin-top:8px;float:left;} .buttonrow-top h3 a{vertical-align:top;margin:3px 0 0 6px;} /*button animations*/ .button, a.button, .adminmodebtn, a.edit, a.editname, .rsvp-linkbutton, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button, .helpbutton,/*hover off*/ .button:hover, a.button:hover, .adminmodebtn:hover, a.edit:hover, a.editname:hover, .rsvp-linkbutton:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover, .helpbutton{ /*hover on*/ -webkit-transition: background-position 0.2s ease; -moz-transition: background-position 0.2s ease; -o-transition: background-position 0.2s ease; transition: background-position 0.2s ease; } /*edit links for details & club/event name*/ a.edit, a.editname, a.editdesc{display:inline-block;min-width:36px;text-align:center;font-size:13px;line-height:16px;color:#2abcb9;text-decoration:underline;margin-right:0;} a.edit{padding:0px 6px;} a.editname, a.editdesc{display:block;text-align:left;} a.edit:hover, a.editname:hover, a.editdesc:hover{text-decoration:underline;color:#33e5e1;} .eventdetail h3 a.edit{text-align:right;display:block;position:absolute;top:1.2em;right:0;} a.edit.addotherdetails{display:block;text-align:left;margin-bottom:1em;padding:0;} a.edit.addotherdetails div{display:inline-block;text-decoration:underline;} a.edit.addotherdetails:before{content:"";width:16px;height:16px;display:inline-block;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") -512px 0px no-repeat;vertical-align:text-top;} a.edit.addotherdetails:hover:before{background-position:-512px -16px;} .eventdetail-disabled a.edit.addotherdetails:before{display:none;} /* inline link-icons */ .link-web, .link-twitter, .link-email, .link-permalink{margin-right:24px;position:relative;display:inline-block;} /* .link-web{margin-right:18px;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;} */ .link-web{margin-right:18px;-ms-word-break: break-all;word-break: break-all;word-break: break-word;/*webkit*/-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} .link-web:after, .link-twitter:after, .link-email:after, .link-permalink:after {content:"";position:absolute;right:-20px;top:0;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png");vertical-align:text-top;margin:0 1px 0 3px;} .link-email:after{background-position:0px 0px;} .link-web:after{background-position:-16px 0px;right:-18px;top:2px;} .link-twitter:after{background-position:-32px 0px;} .link-permalink:after{background-position:/*160px*/-161px 0px;margin-left:5px;margin-top:2px;} /*hover states*/ .link-email:hover:after{background-position:0px -16px;} .link-web:hover:after{background-position:-16px -16px;} .link-twitter:hover:after{background-position:-32px -16px;} .link-permalink:hover:after{background-position:-161px -16px;margin-left:5px;margin-top:2px;} /*email icon fix for sidebar*/ .eventdetail .link-web, .eventdetail .link-twitter, .eventdetail .link-email{margin-right:0;} .eventdetail .link-web:after, .eventdetail .link-twitter:after, .eventdetail .link-email:after{display:none;} /* Subscribe link - Event/Poll/Group */ .link-subscribe{position:absolute;z-index:2;top:18px;right:1em;} .eventa.inactive .link-subscribe{position:absolute;z-index:2;top:2.1em;right:1em;left:auto;} .eventa.inactive.regonly .link-subscribe{position:absolute;z-index:2;top:-2em;right:16em;left:auto;} .link-subscribe .label{color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-style:normal;font-weight:normal;} .link-subscribe:hover .label{color:#33e5e1;} .link-subscribe .edit{margin-left:6px;display:inline-block;text-decoration:underline;} /* Inline Option Icons (RSVP/Edit/Delete) */ .inlineDelete{display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -48px 0px;color:transparent;vertical-align:top;margin-top:2px;} .inlineDelete:hover{background-position:-48px -16px;color:transparent;} /* .inlineOptions{background:white;border-radius:4px;border:1px solid #8d8a82;position:absolute;right:41px;padding:2px;height:16px;} */ .inlineOptions{height:15px;float:right;margin-right:-4px;width:80px;} .inlineOptions .icon{display:inline-block;width:16px;height:16px;margin-right:3px;margin-left:6px;background:url("../images/icons/sprite-linkicons.png") no-repeat 0px 0px;vertical-align:top;margin-top:2px;} /*icons*/ .inlineOptions .icon-delete{background-position:-48px 0px;} .inlineOptions .icon-undelete{background-position:-240px 0px;} .inlineOptions .icon-edit{background-position:-64px 0px;margin-right:-1px;} .inlineOptions .icon-rsvp{background-position:-80px 0px;}/*whoozin blue*/ .inlineOptions .icon-rsvpin{background-position:-96px 0px;} .inlineOptions .icon-rsvpout{background-position:-112px 0px;} .inlineOptions .icon-rsvpmaybe{background-position:-128px 0px;} .inlineOptions .icon-rsvpnoreply{background-position:-144px 0px;} .inlineOptions .icon-save{background-position:-272px 0px;margin-right:0;} .inlineOptions .icon-cancel{background-position:-256px 0px;} /*icon hover*/ .inlineOptions .icon-delete:hover{background-position:-48px -16px;} .inlineOptions .icon-undelete:hover{background-position:-240px -16px;} .inlineOptions .icon-edit:hover{background-position:-64px -16px;margin-right:-1px;} .inlineOptions .icon-rsvp:hover{background-position:-80px -16px;}/*whoozin blue*/ .inlineOptions .icon-rsvpin:hover{background-position:-96px -16px;} .inlineOptions .icon-rsvpout:hover{background-position:-112px -16px;} .inlineOptions .icon-rsvpmaybe:hover{background-position:-128px -16px;} .inlineOptions .icon-rsvpnoreply:hover{background-position:-144px -16px;} .inlineOptions .icon-save:hover{background-position:-272px -16px;} .inlineOptions .icon-cancel:hover{background-position:-256px -16px;} .inlineOptions .icon-invite{background-position:-384px 0px;} .inlineOptions .icon-invite:hover{background-position:-384px -16px;} /* W06 - RSVP bubbles ============================================================ */ /*RSVP statuses used by all tables + sprite*/ .in, .out, .maybe, .waitlist, .multiple, .noreply, .notactivated, .activated, .submitted, .notsubmitted, .notactive, .ineligible, .ticket-cancelled, .in-active, .out-active, .maybe-active, .waitlist-active, .multiple-active, .noreply-active, .submitted-active, .notsubmitted-active, .notactive-active, .ticket-cancelled-active {display:inline-block;width:84px;height:22px;padding:0px;background:url("../images/sprite-rsvpbubble.png");background-repeat:no-repeat;color:#fff;text-align:center !important;vertical-align:top !important;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .in, .out, .maybe, .waitlist, .multiple, .noreply, .submitted, .notsubmitted, .ineligible, .ticket-cancelled{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} .in, .submitted{background-position:-84px 0px;color:#8fba00;} .out, .ticket-cancelled{background-position:-84px -46px;color:#8d8a82;} .maybe{background-position:-84px -23px;color:#ccb800;} .waitlist{background-position:-84px -69px;color:#94d6db;} .multiple{background-position:-84px -92px;color:#2abcb9;} .noreply, .notsubmitted{background-position:-84px -115px;color:#bb4156;} .notactive{background-position:-84px -115px;color:transparent;} .notactivated, .queued{background-image:none;color:#bb4156;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;text-align:center;padding-right:1em;} .activated{background-image:none;text-align:left !important;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .notapplicable{background-position:-84px -115px;color:#bb4156;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} .ineligible{background-image:none;text-align:center;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} /*new styles for active (solid) versions of RSVP bubbles*/ .in-active, .submitted-active{background-position:0px 0px;} .out-active, .ticket-cancelled-active{background-position:0px -46px;} .maybe-active{background-position:0px -23px;} .waitlist-active{background-position:0px -69px;} .multiple-active{background-position:0px -92px;} .noreply-active, .notsubmitted-active{background-position:0px -115px;} .in-active a, .out-active a, .maybe-active a, .waitlist-active a, .multiple-active a, .noreply-active a, .ticket-cancelled-active a{color:white;text-decoration:none;display:block;width:84px;height:22px;} .in-active a:hover, .out-active a:hover, .maybe-active a:hover, .waitlist-active a:hover, .multiple-active a:hover, .noreply-active a:hover, .ticket-cancelled-active a:hover{background-image:url("../images/buttonhighlight2.png");} #divRSVP{position:relative;} #divRSVP span{cursor:default;} #divRSVP a{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;color:inherit;text-decoration:none;cursor:pointer;} #divRSVP a:hover{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} /*Adds eye-icon to No Reply bubbles on Event/Poll for profiles that have viewed*/ .hasviewed{position:relative;} .hasviewed:after{content:"";position:absolute;top:-6px;right:-10px;width:22px;height:16px;/* margin:3px 0 0 5px; */background:url("../images/icons/sprite-linkicons.png") no-repeat -112px -32px;} /* Alternate Hover styles for bubbles in whoozin table / admin mode */ .whoozintable div.clickable:hover{position:relative;cursor:pointer;background-position:-84px -69px;color:#71c5cb;} .whoozintable div.clickable:hover:after{content:"Edit";position:absolute;top:1px;left:50%;width:5em;margin-left:-2.5em;padding:0;height:16px;} .whoozintable tr.even div.clickable:hover:after{background:#f5f3ed;} .whoozintable tr.odd div.clickable:hover:after{background:white;} /*styles for text in tables' status column*/ .wdg-status .queued, .wdg-status .notactivated{text-align:left;padding-right:0;} /* W07 - Help =================================================================== */ /*inline help icons*/ a.help{display:inline-block;height:16px;width:16px;position:relative;margin:0px 4px;text-decoration:none;background:url("../images/icons/sprite-linkicons.png") no-repeat -80px -32px;vertical-align:text-top;color:#a8c44c;} a.help:hover{color:#a8c44c;} a.help:hover div{display:block !important;} h2 a.help, h3 a.help{vertical-align:inherit;} /* Help css popup-windows via inline help icons*/ a.help > span{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;position:absolute;top:-1px;left:20px;white-space:no-wrap;overflow:hidden;color:#a8c44c;}/*label for icon*/ a.help div{display:none !important;text-align:left;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-size:13px;line-height:1.5em;position:absolute;top:-10px;left:-2px;z-index:3;width:300px;background:#a8c44c;color:white;border-radius:6px;padding:8px 12px 3px;box-shadow:0px 3px 6px rgba(116,135,53,0.4);} a.help ol, a.help ul{margin-bottom:6px;} a.help li{margin:0 0 6px 20px;} a.help .helpwindow1{width:280px;} /*adminrights*/ a.help .helpwindow1a{width:350px;top:20px;left:-230px;} /*adminrights sub-window*/ /*a.help .helpwindow2{} eventstructure-permitmaybe - disabled*/ a.help .helpwindow3{width:390px;} /*guestpriv-general*/ a.help .helpwindow4{width:390px;} /*guestpriv-namereq*/ a.help .helpwindow5{width:320px;} /*guestpriv-policy*/ a.help .helpwindow6{width:14em;} /*rsvprestrict-members*/ a.help .helpwindow7{} /*viewingrights*/ a.help .helpwindow8{width:275px;top:20px;left:-114px;} /*registration-allow*/ a.help .helpwindow9{top:-63px !important;} /*group-create event*/ a.help .helpwindow10{width:200px;}/*images-upload*/ /*images-crop*/ .imgbox .help{/* position:absolute;right:-10px;top:14px;width:100px; */margin-left:12px;} .imgbox .help p{margin-left:20px;} a.help .helpwindow11{top:16px;left:/* -245px */-105px;width:320px;z-index:10000;}/*above jrac resize*/ a.help .helpwindow11 li, a.help .helpwindow11b li{list-style-type:none;} a.help .helpwindow11 li span, a.help .helpwindow11b li span{float:left;margin-left:-20px;}/*numbering, IE9 workaround*/ a.help.button.helpbutton{text-decoration:none;color:#fff;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:2px 6px;background:#a8c44c url("../images/buttonhighlight2.png") repeat-x 0 -5px;border:1px solid #8aa13f !important;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);vertical-align:top;height:auto;margin-right:5px !important;} a.help .helpwindow11b{top:-232px;left:0;width:320px;z-index:10000;}/*helpbutton in menu*/ a.help .helpwindow12{width:235px;}/*club > nopolls*/ a.help .helpwindow13{width:290px;}/*event > headcount > #people*/ a.help .helpwindow14{width:300px;}/*contact mgmt > couple*/ a.help .helpwindow15{width:300px;margin-left:-130px;}/*contact mgmt > family*/ a.help .helpwindow16{width:300px;margin-left:-120px;}/*contact mgmt > family*/ a.help .helpwindow17{width:300px;margin-left:-280px;}/*profile update > family*/ a.help .helpwindow18{}/*myevents-whatispoll*/ a.help .helpwindow19{width:380px;}/*group-contactsfilter*/ a.help .helpwindow20{width:260px;}/*group-whatisadatepoll*/ a.help .helpwindow21{margin-left:-300px;}/*rsvpby-close*/ a.help .helpwindow22{width:14em;}/*report-usertype*/ a.help .helpwindow23{width:18em;}/*report-grouping*/ a.help .helpwindow24{width:18em;margin-left:-11em;}/*admin panel-registration line*/ a.help .helpwindow25{width:18em;margin-left:-140px;}/*queue-daysprior*/ a.help .helpwindow26{width:16em;margin:-2em 0 0 -16em;}/*share link*/ a.help .helpwindow27{width:18em;margin:0 0 0 -18em;}/*create sample*/ a.help .helpwindow28{width:18em;margin:0 0 0 -18em;}/*rsvp guests*/ a.help .helpwindow29{width:35em;}/*batchinvite*/ a.help .helpwindow30{width:20em;margin-left:-17em;}/*custom url*/ a.help .helpwindow31{width:18em;}/*payment instructions*/ a.help div.helpimg{width:auto;padding:0;} a.help div.helpimg img{display:block;border:4px solid #a8c44c;border-radius:0.5em;box-shadow:0 5px 10px 5px rgba(0,0,0,0.3);} a.help .helpwindow32b{margin:0.5em 0 0 -13.75em;}/*sell tickets - who pays fee (img)*/ a.help .helpwindow33b{margin:0.5em 0 0 -49em;}/*sell tickets - reduced fees (img)*/ a.help .helpwindow32{width:23em;margin-left:-23em;}/*payment instructions - email*/ a.help .helpwindow33{width:20em;margin-left:-20em;}/*payment instructions - country. make a payment - email*/ a.help .helpwindow34{width:20em;}/*ticketing - optional info*/ a.help .helpwindow34a{width:18em;}/*ticketing - free events*/ a.help .helpwindow34b{width:18em;}/*ticketing - free events #2*/ /*ticketing - terminated price class date*/ a.help .helpwindow35{width:21em;margin:0.5em 0 0 -19.75em;padding:0.25em 0.75em;background:#bb4156;} .wdg-action a.help{margin:0;} tr.terminated td.wdg-action a.help{background:url("../images/icons/sprite-linkicons.png") no-repeat scroll -96px -32px;} a.help .helpwindow36{width:20em;margin-left:-20em;}/*ticketing setup - processing fee*/ a.help .helpwindow37{width:8em;}/*RSVP ticketing - maximum*/ a.help .helpwindow38{width:18em;}/*setup - preview ticket*/ a.help .helpwindow39{width:18em;margin-left:-18em;}/*bounced emails table*/ a.help .helpwindow40{width:18em;margin-top:-3.8em;margin-left:-11.25em;}/*admin panel, bounced emails*/ a.help .helpwindow41{width:24em;} /* pay admin fee */ /*headcount details - same style as help*/ .headcount a.hcdetail{width:20px;height:20px;margin-left:0.1em;text-decoration:none;display:inline-block;background:url("../images/icons/sprite-adminoptions.png") no-repeat -380px 0px;vertical-align:top;position:relative;color:#a8c44c;} .headcount a.hcdetail div{display:none;text-align:left;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-size:13px;line-height:1.5em;position:absolute;top:-10px;left:-2px;z-index:3;width:220px;background:#2abcb9;color:white;border-radius:6px;padding:8px 12px 3px;box-shadow:0px 3px 6px rgba(8,140,134,0.4);} .headcount a.hcdetail:hover div{display:block !important;} /* position:absolute;top:1.1em;left:-0.25em;width:20px;height:20px; */ /* ----- "what is [entity]" mini-dialogs -------------------------------------------- */ .intro{position:fixed !important;top:0% !important;left:0% !important;width:100% !important;height:100% !important;margin:0 !important;z-index:20;} .intro div{position:absolute;top:50%;left:50%;width:600px;max-height:400px;margin-left:-300px;margin-top:-150px;z-index:21;background:white;padding:20px;border:1px solid #8d8a82;border-radius:4px;box-shadow: 0px 0px 200px rgba(0,0,0,0.4);} /*content holder*/ .intro div h3{border-bottom:1px solid #ddd;margin-bottom:12px;padding-bottom:12px;} .intro div ul{margin:0 0 12px 20px;} .intro div ul li{margin-bottom:6px;} .intro div em{color:#bb4156;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} .intro div ul li em{font-size:1.4em;color:red;} .intro div .popupclose{display:block;width:20px;height:20px;position:absolute;top:15px;right:20px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);border-radius:2px;cursor:pointer;} .showintrolink{cursor:pointer;} .bulletless{list-style-type:none;margin-left:10px !important;} .intro div .note{color:#bb4156;} .intro div .button.greenbutton{background-position:0 -7px;padding:2px 6px;margin:0 4px;cursor:default;white-space:pre;background-color:#2abcb9;border-color:#088c86;} .intro div .button.orangebutton{background-position:0 -7px;padding:2px 6px;margin:0 4px;cursor:default;white-space:pre;background-color:#ff5c00;border-color:#cc9600;} /* ----- Help dialog items ----------------------------------------------------------- */ .helpaccordionbox{/* position:relative;padding:20px;margin:20px;background:white;border:1px solid #8d8a82;border-radius:4px;box-shadow: 0px 5px 5px rgba(0,0,0,0.3); */} .helpaccordionbox h2{margin-bottom:1.75em;} .helpaccordionbox .note{position:absolute;top:20px;right:20px;} .helpsteps{margin-bottom:24px;line-height:1.75em;} .helpsteps h3{border-top:1px solid #ddd;margin:24px -20px 12px;padding:6px 0 6px 20px;background:#f5f3ed;} .helpsteps h3:first-child{margin-top:-17px;} .helpsteps ul li{list-style-type:disc;margin-left:12px;overflow:visible;} .helpsteps ul ul li{list-style-type:circle;margin-left:24px;} .helpsteps div{margin-left:12px;margin-bottom:6px;} .helpsteps p, .helpsteps ul{margin-bottom:12px;} .accordionsteps{margin:0px -12px -10px !important;} .accordionsteps h4{margin-top:24px;} .accordionsteps h4:first-child{margin-top:0;} .helpaccordionbox .button{background-position:0 -7px;padding:0 6px;margin:0 4px;cursor:default;white-space:pre;} .helpaccordionbox .button:hover{background-position:0 -7px;cursor:default;} .helpaccordionbox .darkbutton, .helpaccordionbox .darkbutton:hover{background-color:#4c4c4e;border-color:#4c4c4e;} .helpaccordionbox .icon-member, .helpaccordionbox .icon-invitee, .helpaccordionbox .icon-registrant, .helpaccordionbox .icon-guest{display:inline-block;margin:0 4px;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} .helpaccordionbox h4.icon-member, .helpaccordionbox h4.icon-invitee, .helpaccordionbox h4.icon-registrant, .helpaccordionbox h4.icon-guest{margin-left:0;} .helpaccordionbox h4.icon-member:after, .helpaccordionbox h4.icon-invitee:after, .helpaccordionbox h4.icon-registrant:after, .helpaccordionbox h4.icon-guest:after{display:inline-block;margin-left:7px;margin-top:3px;} .helpaccordionbox .icon{display:inline-block;width:16px;height:16px;margin:0 3px -2px;background:url("../images/icons/sprite-linkicons.png") no-repeat 0px 0px;} .helpaccordionbox .icon-registrant{margin-bottom:-2px;margin-left:-1px;} .helpaccordionbox .icon-edit{background-position:-64px 0px;margin-right:2px;} .helpaccordionbox .icon-rsvp{background-position:-80px 0px;margin-right:2px;} .helpaccordionbox .icon-delete{background-position:-48px 0px;margin-right:2px;} .helpaccordion{border:1px solid transparent;border-radius:4px;background:white;margin-bottom:6px;} .helpaccordion li{list-style-type:none;background:white;overflow:hidden;margin-top:6px;border:1px solid transparent;border-radius:4px;line-height:1.75em;} .helpaccordion li:first-child{border-top:none;margin-top:0px;} .helpaccordion li .label{width:200px;} .helpaccordion li p, .helpaccordion li ul{margin-bottom:12px;} .helpaccordion li p span{vertical-align:top;}/*nav*/ .helpaccordion li h3 em{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;color:#8a8d82;} .helpaccordion li ul li{list-style-type:disc;margin-left:12px;overflow:visible;} .helpaccordion div{background:white;padding:10px 20px 20px;border:1px solid #ddd;margin-top:-2px;}/*content*/ .helpaccordion .accordion-open div{max-height:100%;padding:20px 20px;opacity:1;} .helpaccordion .accordion-closed div{height:0;padding:0 20px;opacity:0;} .helpaccordion .accordion-closed div, .helpaccordion .accordion-open div{-webkit-transition: max-height 0.5s ease, padding 0.2s ease;-moz-transition: max-height 0.5s ease, padding 0.2s ease;-o-transition: max-height 0.5s ease, padding 0.2s ease;transition: max-height 0.5s ease, padding 0.2s ease;cursor:pointer;} .helpaccordion h3{display:block;background:#F5F3F2;border:1px solid #ddd;margin-bottom:0px;padding:5px 8px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);position:relative;z-index:2;}/*heading*/ .helpaccordion h3:hover, .helpaccordion .accordion-open h3{background:#DBF1F3;} .helpaccordion h3, .helpaccordion h3:hover{-webkit-transition: background-color 0.2s ease;-moz-transition: background-color 0.2s ease;-o-transition: background-color 0.2s ease;transition: background-color 0.2s ease;cursor:pointer;} .accordionsteps .accesspoint{margin-top:-6px;} .accesspoint{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8a8d82;font-style:normal;} .accesspoint strong{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;color:#2abcb9;} .divIsAdminExplaination div{margin-right: 4px;} .myeventspage .divIsAdminExplaination{position:absolute;top:2em;right:0;} /* Help Section for sidebar ----------------------------------------------------- */ .adminhelpbox{padding:1em;position:relative;}/*group, poll, event, admin only*/ .adminhelpbox h3{padding-left:28px;background:url("../images/icons/helpbox.png") no-repeat 1px 2px;} .adminhelpbox h4{/* padding-left:28px; */margin:12px 0 3px;} .adminhelpbox a{/* margin-left:28px; */display:block;} #advanced{display:block;font-size:0;margin-top:-10px;} .adminhelpbox ul{margin-left:2.1em;} .adminhelpbox ul li{color:#ddd;margin-bottom:0.25em;} .adminhelpbox ul li span{color:#4c4c4e;} #lnkUnsubscribe{margin:1.25em 1em;padding:1em 0 0.25em 1.15em;border-top:1px solid #ddd;} .ticketsupport{background:#f3f6e1;padding:1em;margin-top:2em;border-radius:0.5em;text-align:center;} .ticketsupport h3{background:none;padding:0;max-width:100%;} /*dialog window close button*/ .popupclose{background:url("../images/windowclose.png");height:20px;width:20px;} .popupclose:hover{background-position:0 20px;} /* Sidebar Help 2015 ----------------------------------------------------- */ .helpsidebar{padding:1em;position:relative;padding-bottom:0;} .helpsidebar h3{} .helpsidebar h3{cursor:pointer;max-width:100%;display:block;margin:-12px;padding:12px;text-decoration:underline;color:#088c86;} .helpsidebar h3:before{content:"";width:19px;height:19px;display:inline-block;vertical-align:text-top;margin-right:0.5em;background:url("../images/icons/helpbox.png") no-repeat;cursor:pointer;} .helpsidebar h3:after{content:"";width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -288px 0px;vertical-align:text-top;cursor:pointer;position:absolute;top:1em;right:1em;} .helpsidebar h3.expand:after{background-position:-320px 0px;} .helpsidebar h3:hover{color:#2abcb9;} .helpsidebar h3:hover:after{background-position:-288px -16px;} .helpsidebar h3.expand:hover:after{background-position:-320px -16px;} .helpsidebar a{display:block;} .helpsidebar ul{margin-left:2.1em;} .helpsidebar ul li{color:#ddd;margin-bottom:0.25em;} .helpsidebar ul li span{color:#4c4c4e;} .helpsidebar #lnkUnsub{padding-top:1em;padding-left:2em;margin-top:1em;border-top:1px solid #ddd;} #divHelpExpand{height:0;overflow:hidden;margin-top:12px;} #divHelpExpand.expand{height:190px} .myeventspage #divHelpExpand.expand{height:170px} #divHelpExpand, #divHelpExpand.expand{-webkit-transition: height 0.2s ease;-moz-transition: height 0.2s ease;-o-transition: height 0.2s ease;transition: height 0.2s ease;cursor:pointer;} .helpsidebar #divUnsubscribe{margin:1.25em 1em 0;padding:1em 0 0.25em 1.15em;border-top:1px solid #ddd;} .ticketpromo{display:none;} /* W08 - User-type Icons ======================================================== */ /*icon only, for tables*/ .usertype-member, .usertype-formermember, .usertype-guest, .usertype-registrant, .usertype-invitee, .userlevel-admin {background:url("../images/icons/usertype-member.png");width:14px;height:14px;display:inline-block;margin-top:3px;vertical-align:top;overflow:hidden;color:#088c86;font-weight:bold;} .usertype-member{background-position:0px 0px;} .usertype-invitee{background-position:-14px 0px;} .usertype-guest{background-position:-28px 0px;} .usertype-registrant{background-position:-42px 0px;} .usertype-formermember{background-position:-56px 0px;} .usertype-admin{background-position:-70px 0px;} /*.usertype-couple{background-position:-86px 0px;} .usertype-family{background-position:-102px 0px;}*/ /*icon beside labels*/ .icon-member:after, .icon-invitee:after, .icon-registrant:after, .icon-guest:after{content:"";background:url("../images/icons/usertype-member.png");width:14px;height:14px;display:inline-block;margin:3px 0 0 4px;vertical-align:top;} .icon-member:after{background-position:0px 0px;} .icon-invitee:after{background-position:-14px 0px;} .icon-registrant:after{background-position:-42px 0px;} .icon-guest:after{background-position:-28px 0px;} /* W09 - Forms ================================================================== */ input[type=checkbox], input[type=radio]{display:inline-block;margin-right:6px;} .checkbox input, .radio input{margin-right:6px;} .radio-disabled label{color:#8d8a82;} #wgbMain_wdgProfiles_Header1_divHeaderChk input[type=checkbox]{margin:0;} .required{display:inline-block;position:relative;padding-right:0.75em;} .required:before{content:"*";color:red;position:absolute;top:0;right:-2px;font-size:1.5em;} .radiotime{font-size:11px;vertical-align:bottom;display:inline-block;margin-right:12px;} .radiotime li{display:block;height:15px;list-style-type:none;} .radiotime input{display:inline-block;margin-right:6px;} /*placeholder text*/ ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input.placeholder{color:#ddd;font-family:'Lato', Arial, sans-serif !important;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .label{display:inline-block;} input[type=text], input[type=password], input[type=email], input[type=file]{display:inline-block;color:#4c4c4e;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;padding:3px;border: 1px solid #888;border-radius:0.35em;margin-bottom:0.5em;-moz-box-sizing:border-box;box-sizing:border-box;} .ui-dialog-content label.remainingchar, .remainingchar{display:block;width:auto !important;text-align:right;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8a8d82;} .buttonrow .remainingchar{float:left;margin-top:9px;} .ui-dialog h4{line-height:1.5em;} /* Event Date & Time, User Control */ .ucDateTime input[type=text]{width:100%;border:1px solid #8d8a82;border-radius:4px;padding:3px 6px;margin-bottom:6px;} .ucDateTime .column{position:relative;} .ucDateTime .one{max-width:10.5em !important;width:100%;} .ucDateTime .three{max-width:8.5em !important;width:100%;} .ucDateTime .one h4.required{display:inline-block;margin-bottom:0;} .ucDateTime span{display:inline-block;width:22px;text-align:center;margin-right:6px;margin-top:9px;} .ucDateTime #spanStartDate{margin:0;width:153px;} .ucDateTime .multiday{display:block;position:absolute;top:1.5em;left:9.5em;width:7em;} .ucDateTime .two{margin-top:13px;} .ucDateTime .two span{display:block;} .ucDateTime h4{display:block;margin-bottom:0;} /*field position, with dynamic ids*/ .ucDateTime #divEndDate, .ucDateTime #ucucDates_divEndDate, .ucDateTime #ucucEventWhen_divEndDate{display:inline-block;} .ucDateTime #divEndDate span, .ucDateTime #ucucDates_divEndDate span, .ucDateTime #ucucEventWhen_divEndDate span{position:absolute;margin:0 -6px 0 -26px;} /*proposed date tweak*/ #divAddEditProposedTime > .column.one{width:auto;padding-left:1em;} #divAddEditProposedTime .ucDateTime .column.one h4.required{margin-left:4em;} #divAddEditProposedTime .ucDateTime{margin-left:-4em;} /*alt style for readonly/empty text areas - edit address */ input[type=text].readonly{border-color:white;background:white;text-overflow:ellipsis;padding-left:0;}/*apply this always*/ input[type=text].readonly.empty{background:#ddd;border-color:#8d8a82;cursor:default;padding-left:0.5em;pointer-events:none;}/*apply to readonly only if empty*/ /* W010 - Errors ================================================================= */ /* Inline error messages */ .errormsg{color:#bb4156 !important;font-family:'Lato', Arial, sans-serif !important;font-weight:bold;font-style:normal;margin:0;padding:0;line-height:1.5em;font-weight:normal;font-style:normal;font-size:13px;} .errormsg ul{list-style-type:none;} .errormkr{background:url("../images/icons/errorarrow2.png");background-repeat:no-repeat;width:30px;height:15px;display:inline-block;position:relative;top:2px;left:14px;margin-left:-32px;color:#bb4156;} /*replaces asterisks beside textboxes*/ #txtInvalidText{width:330px;height:50px;} /*formatting error text beside arrows, for select forms*/ .loginbox .errormkr:after{content:attr(title);display:inline-block;position:relative;top:-3px;width:180px;margin-left:50px;text-align:left;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} .signupinfobox .errormkr:after{content:attr(title);display:inline-block;position:relative;top:-2px;width:180px;margin-left:40px;text-align:left;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} /* Specific errors */ .loginbox .errormsg, .login .errormsg{display:block;margin-bottom:1em;text-align:left;} .loginbox .accountInfo{margin-top:0.5em;} /* .errorlogin{display:block;text-align:left;margin:0 0 6px 152px;} */ .errortimeout{display:block;position:relative;left:110px;top:122px;margin:0 auto;width:300px;} /*.emptyrows{position:relative;top:-2px;height:15px;width:100%;margin-left:-2px;padding:6px 4px 6px 8px;} for tables .dataTables_empty{}*/ .dataTables_empty a{display:inline-block;margin-left:1em;} .emptytable{border:1px solid #8d8a82;border-radius:0.35em;padding:0.5em;text-align:center;background:#f5f3ed;} .rsvpnoreplymsg{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#bb4156;font-style:normal;margin-bottom:6px;display:block;} .rsvpnoreplymsg:before{content:"";width:16px;height:16px;display:inline-block;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px -32px;vertical-align:text-top;} /* Error.aspx */ #errorbox{position:relative;width:550px;margin:40px auto 50px;padding:0 30px 100px;height:auto !important;/* min-height:270px; */background:white;border:1px solid #ddd;border-radius:4px;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} #errorbox h2{position:relative;top:-30px;left:-20px;color:#4c4c4e;letter-spacing:0.01em;} #errorbox .label{width:130px;} #errorbox .message{display:block;margin-bottom:10px;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-weight:normal;} .errordescription .message{margin-left:130px;margin-top:-1.5em;display:block;margin-bottom:1.5em;} .errorcode, .errordescription{} #errorbox .buttonrow{display:block;float:none;margin-top:10px;padding-top:10px;border-top: 1px solid #DDDDDD;} #errorbox .dialogmenu{position:absolute;bottom:0;left:0;width:550px;padding-top:30px;margin:30px;} #errorbox #divErrorCode{position:absolute;bottom:1em;right:1em;} /* Messages for browser.alert kind of content */ .confirmmsg{margin:0 auto;display:block;text-align:center;/* width:75%; */} #tabEvents .filterrow .button{position:absolute;z-index:2;padding:0.1em 0.75em;top:4.2em;left:13em;} /* create new event */ /* W11 - Create New Entity Dialog ================================================ */ /* Create New Event Workflow - divCreateEvent -------------------------------------- */ .createnew a.panel{position:relative;border:1px solid #8d8a82 !important;border-radius:4px;/* -moz-box-sizing:border-box;box-sizing:border-box; */width:34%;margin-left:3%;padding:12px 12px 12px 80px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-weight:normal;font-size:13px;} .createnew a.panel.one{margin-left:0;} .createnew a.panel:hover{color:inherit;background:#e6f8f8;border-color:#2abcb9 !important;} .createnew a.panelselected, .createnew a.panelselected:hover{background:#daf2f2;border-color:#2abcb9 !important;} .createnew a.paneldisabled, .createnew a.paneldisabled:hover{color:#8d8a82;background:#f5f3ed;border-color:#ddd !important;cursor:default;} .createnew a.panel, .createnew a.panel:hover{-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} #btnOOEvent, #btnGroupEvent, #btnNewGroup, #btnExistingGroup{width:/* 220 */33% !important;} /*create event */ /* #divGroupSelection a.panel{margin-bottom:1em;} */ #divNewClubInfo, #divExistingGroups{margin-top:1em;} /*event type*/ .groupeventtype{width:auto !important;margin:1em 0 0.5em;} #ddlEventSubTypeID{margin-top:0.5em;} #divWdwSetActivityType{text-align:center;} #divWdwSetActivityType select{width:20em;margin-top:1em;} .creategrouprow label{width:8em;margin-right:1em;} .creategrouprow input[type=text]{width:100%;max-width:41em;} #divExistingGroups{margin-left:340px;} #divExistingGroups select{width:310px;} #divEventTypeOptions{margin-left:-2px /*optical*/;} /*create new - icons*/ #btnGroupEvent h3:before, #btnOOEvent h3:before, #btnNewGroup h3:before, #btnExistingGroup h3:before, #btnTicketingEvent h3:before, #btnNonTicketingEvent h3:before, #btnRegEvent h3:before, #btnInvitationEvent h3:before{content:"";background:url("../images/icons/sprite-calendaricons50.png") no-repeat 0px 0px;width:50px;height:50px;position:absolute;top:12px;left:12px;} .wizardticketing{margin:1em 0 -0.5em;position:relative;} .wizardticketing .button:first-child{margin-right:4%;} .wizardticketing .button{position:relative;width:40%;display:inline-block;text-align:center;background:#ff5c00;border-color:#ff5c00;} .wizardticketing .button:hover, .wizardticketing .button:active{background:#ff8540;} .wizardticketing a.button img{position:absolute;top:-2em;right:-2.5em;width:5em;height:5em;} #btnGroupEvent h3:before{background-position:-50px 0px;} #btnOOEvent h3:before{background-position:-100px 0px;} #btnNewGroup h3:before{background-position:0px 0px;} #btnExistingGroup h3:before{background-position:-150px 0px;} #btnTicketingEvent h3:before{background-position:0px -50px;} #btnNonTicketingEvent h3:before{background-position:-50px -50px;} #btnRegEvent h3:before{background-position:-100px -50px;} #btnInvitationEvent h3:before{background-position:-150px -50px;} #divEventMethodSelection h4{font-style:normal;color:#2abcb9;margin-left:1em;} #divEventMethodSelection h4:before{content:"(";margin-right:0.2em;} #divEventMethodSelection h4:after{content:")";margin-left:0.2em;} #divEventMethodSelection .errormsg{display:block;margin-bottom:0.5em;text-align:center;} /*checked state for Invite/Regn icons*/ #btnRegEvent input, #btnInvitationEvent input{display:none;} #btnRegEvent input[type=checkbox]:checked + h3:before{background-position:-100px -100px;} #btnInvitationEvent input[type=checkbox]:checked + h3:before{background-position:-150px -100px;} #divGroupSelection .loggedinas{position:absolute;top:15px;right:25px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} #divGroupSelection .loggedinas span{margin-left:6px;display:inline-block;} #divEventCreation .section{border-top:2px solid #e8e8e6;margin-top:12px;padding-top:12px;} #divEventCreation .column.one{width:9em;} #divEventCreation #divEventName h4 label{text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} #divEventCreation #div_PollOrRecurringEvent a{margin-left:1em;} /* #divEventCreation #divEventName input[type=text]{width:515px;display:block;} */ #divEventCreation #divEventName .two h4{display:block;} #divEventCreation #divEventName .column.two{max-width:41em;width:100%;} #divEventCreation.createpoll .column.one{width:14em;} #divEventCreation.createpoll #divEventName .column.two{width:36em;} /* #divEventCreation.createpoll .column.two{width:36em;} */ #divEventCreation #divCreateMsg.errormsg{margin-top:1em;} #divLogin h4{margin-bottom:12px;} #divLogin label{width:100px;} #divLogin input{width:230px;} #divLogin .forgot{display:block;text-align:right;margin-right:20px;} #divLogin .errormsg{margin-bottom:6px;} #wdwDatePollCreation{height:620px;width:680px;} /*wdwEventName*/ /* #divEventMethod.createnew a.panel{width:315px;} */ #divTicketingOption .column.one{width:52%;vertical-align:top;} #divEventMethod.createnew a#btnTicketingEvent.panel{width:auto;display:block;min-height:13.5em;margin:0;} #divEventMethod.createnew a#btnNonTicketingEvent.panel{width:29%;min-height:13.5em;} #divEventMethod.createnew a.panel ul{margin-left:1em;} #divEventMethod.createnew a.panel ul li{margin-bottom:0.5em;} #divRegSetupOptions .column{width:13em;} #divRegSetupOptions .column.one{width:9em;} #divLinkInfo input[type=text]{width:100%;} #divEnableForGroup{position:relative;background:white;padding:1em;margin-top:2em;border:1px solid #8d8a82;border-radius:0.35em;} #divEnableForGroup h3, #divEnableForGroup input[type=checkbox]{display:inline-block;vertical-align:top;} #divEnableForGroup ul{margin-left:2.75em;} #divEnableForGroup p{margin-left:1.75em;} #divEnableForGroup:hover{color:inherit;background:#e6f8f8;border-color:#2abcb9 !important;} #divEnableForGroup, #divEnableForGroup:hover{-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} #divRegFields{margin-top:2em;} #divRegSetupOptions{border-top:1px solid #ddd;padding-top:1em;} #divNewGroupForNonAuth p{margin-bottom:1em;} #divNewGroupForNonAuth label{width:10em;} #divNewGroupForNonAuth input[type=text]{width:39em;} /* W12 - Login Page / Login Dialog =============================================== */ .loginpage{text-align:center;} .loginbox{position:relative;z-index:1;display:inline-block;min-width:360px;margin:10em auto 0;background:#fff;padding:20px 0 12px;border-radius:4px;border:1px solid #8d8a82;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} .loginpage .loginbox{left:15px;} .loginpage .loginbox:before{content:"";position:absolute;z-index:-1;top:-50px;left:-140px;width:295px;height:125px;background:url("../images/whoozin-frontlogoAlt.png");} .loginbox .column.one{width:230px;padding:0 30px 0 20px;position:relative;height:10em;border-right:1px solid #ddd;} .loginbox .column.one .button{display:block;margin-top:1em;overflow:hidden;text-overflow:ellipsis;} .loginbox .column.one #MainContent_btnForgetMeOnLogin{display:inline-block;margin-top:1em;} .loginbox .column.two{width:320px;padding:0 20px;} .loginbox .column.two .forgotpass-link{display:block;margin-bottom:0.75em;text-align:left;padding-left:120px;} #MainContent_LoginUser{text-align:right;width:100%;} #MainContent_LoginUser .textinput{margin:0px;width:200px;} #MainContent_LoginUser .label{margin-right:4px;} p.submitButton{text-align:left;margin-left:120px;} p.submitButton .button{font-size:1.1em;width:5em;} #divLoginAsOnLoginOr{position:absolute;top:50%;margin-top:-1em;right:-1.25em;padding:0.5em;background:white;font-weight:bold;color:#8d8a82;} .loginbox.autologin .errormsg{margin-left:70px;} /* W13 - Page Header ============================================================= */ /* page header -----------------------------------------------------*/ .pageheader{margin:0;background:#fff;border-bottom:1px solid #8d8a82; box-shadow: 0px 5px 15px rgba(0,0,0,0.4);z-index:2;position:relative;} .pageheaderwrapper{position:relative;width:960px;margin:0 auto;padding-bottom:11px;z-index:2;/* -moz-box-sizing:border-box;box-sizing:border-box;padding-right:295px; */} .pageheaderwrapper{min-height:100px;} .myeventspage .pageheaderwrapper{min-height:auto;} .clublink{display:inline-block;} .clublink-label, .useremail-label{position:absolute;top:3px;left:148px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8a8d82;font-style:normal;} .useremail-label{color:#4c4c4e;} .clublink-label a{margin-left:6px;} .emailmsg, .welcomemsg{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8a8d82;font-style:normal;margin-left:-2px;display:inline-block;} .pageheader h1{display:inline-block;margin:0 0 0.4em 0.35em;max-width:580px;min-height:1em;vertical-align:top;padding-top:10px;line-height:1.1em;} /*670 version for vertically-stacked status buttons*/ .pageheader h1 label{margin-right:0.25em;} .pageheader h1 .editnameblock{display:inline-block;vertical-align:middle;} .pageheader h2{display:block;margin:0 0 0.5em 4.25em;line-height:1.3em;max-width:600px;} .pageheader.noavatar h2{margin-left:0.5em;} /*breadcrumb nav -----------------------------------------------------*/ .breadcrumb{position:relative;height:35px;top:/* -1px */0;left:0;} .breadcrumb ul{display:inline-block;margin-left:0.75em;} .breadcrumb li, .breadcrumb li.pagetype{list-style-type:none;display:inline-block;min-width:9em;max-width:23em;margin:-1px -4px 0 0;text-align:center;overflow:hidden;border:1px solid #ddd;border-bottom-right-radius:0.75em;border-bottom-left-radius:0.75em;border-top:none;background:#f5f3ed;} .breadcrumb li a, .breadcrumb li.pagetype span{display:block;padding:0.3em 1em;color:#2abcb9;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .breadcrumb li.pagetype span{text-decoration:none;} .breadcrumb li a:hover{color:#33e5e1;text-decoration:underline;} .breadcrumb li.disabled a{color:#8d8a82;text-decoration:none;}/*disable group page link*/ .breadcrumb li.welcomeemail{background:none;border:none;} .breadcrumb li.welcomeemail span{display:block;padding:0.3em 1em;color:#8d8a82;text-decoration:none;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;margin-top:1px;} .breadcrumb li.pagetype span{color:white;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-size:14px;} .breadcrumb li.pagetype{background:#2abcb9;border-color:#2abcb9;} .pageheader{border-top:5px solid #2abcb9;} .breadcrumb .statusbox{display:inline-block;margin:5px -10px 0 20px;vertical-align:top;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .breadcrumb .statusbox a{display:inline-block;margin-left:6px;} /*monochrome header tabs, blue*/ .myeventspage .pageheader, .grouppage .pageheader, .eventpage .pageheader, .pollpage .pageheader{border-top:4px solid #2abcb9;} /* W14 - User Images (Uploads) =================================================== */ /* on [entity] page */ .customimg{background:white/* #f5f3ed */;border:2px dashed #94dddc;border-radius:4px !important;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:0.75em;text-align:center;margin:1em 0;} .customimg:hover{cursor:pointer;} .customimg a{color:#088c86;text-decoration:none;} .customimg:hover a{color:#2abcb9;text-decoration:underline;} .hasimg{border:none;background:none;padding:0 !important;position:relative;z-index:2;} .hasimg img{margin-bottom:-5px;position:relative;z-index:1;border-radius:4px;overflow:hidden;} .hasimg a{display:none;position:absolute;z-index:3;top:6px;right:6px;background:white;color:#2abcb9 !important;padding:0.25em 0.5em;border-radius:4px;} .hasimg:hover a{display:block;} /*swap hover for always visible controls on touch device*/ .hasimg:hover a:hover{color:#33e5e1 !important;cursor:pointer !important;} .hasimg:hover{cursor:default !important;} .sidebarimg{margin-top:16px;margin-bottom:16px;} .sidebarimg.hasimg{margin-left:-2px;margin-bottom:22px;} .sidebarimg.hasimg a{right:8px;} .bannerimg{margin:-2.1em 0 1em 0.8em;border-top-right-radius:0;border-top-left-radius:0;z-index:1;} .bannerimg.hasimg{max-height:200px;overflow:hidden;} .bannerimg.hasimg img{border-top-right-radius:0;border-top-left-radius:0;} .bannerimg img{width:950px;} .avatarimg{box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block;height:50px;width:50px;padding:2px;margin:0 12px 0 10px;} .avatarimg.hasimg a{top:/* 41px */6px;right:9px;width:26px;padding:0 0.25em;} /* ----- Image Upload Dialog -------------------------------------------------------- */ #wdwUploadAvatar{width:600px;height:700px;} #wdwUploadBanner{width:1100px;height:720px;} #wdwUploadSidebar{width:600px;height:700px;} .imgupload{}/*parent dialogcontent*/ .imgupload .imgbox{min-height:388px;text-align:center;border-top:1px solid #ddd;padding-top:12px;margin-top:12px;position:relative;} .imgupload .imgbox h4{text-align:left;} .imguploadbox .textinput{display:inline-block;margin-right:12px;width:375px;} .imguploadbox .button{margin-left:0.5em;vertical-align:top;} .imguploadbox input{overflow:hidden;} .imgupload .dialogmenu .button{display:inline-block;margin:0 2px;padding:0.2em 0.75em !important;text-align:center;} .imgupload .dialogmenu{position:relative;} /*center existing image on edit*/ #divImgExisting img{border-radius:4px;display:inline-block;margin-top:60px;} #spImageSize{position:absolute;top:1.2em;right:1.5em;} /*help section*/ .imgupload .imghelp{text-align:left;padding:1em;background:#e0e7ac;margin:0 -1.5em -1em;} .imgupload .imghelp ul{margin-bottom:0.5em;} .imgupload .imghelp li{margin-left:1em;} .imgupload .imghelp .imgicon:before{content:"";display:inline-block;margin-right:0.5em;width:33px;height:33px;vertical-align:top;margin-top:-15px;background:url("../images/icons/icon-crop.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);border-right:1px solid black;border-bottom:1px solid black;} .imgupload .imghelp.croperror{background:#eac6cc;} .imgupload .imghelp.croperror p.msg{color:#bb4156;} /*radio buttons for banner mode*/ #divImageChoice{position:absolute;top:12px;right:12px;width:500px;height:38px;padding:12px;} #divImageChoice .icon{background:url("../images/icons/sprite-bannermode.png") no-repeat 0 0;width:81px;height:59px;position:absolute;top:-10px;right:10px;} #divImageChoice .widechoice .icon{background-position:0 0;} #divImageChoice .tallchoice .icon{background-position:-81px 0;} #divImageChoice label{display:inline-block;position:relative;width:200px;margin-left:25px;} #divImageChoice label.tallchoice{width:230px;} #divImageChoice em{display:block;} .cropmsg{display:none !important;width:300px;position:absolute;top:-16px;left:50%;margin-left:-150px;color:#bb4156;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-weight:normal;background:white;} .jracimgsize{display:none !important;position:absolute;top:12px;right:0;} /*set crop limits*/ #divImage.custombanner .jrac_crop{min-width:35px;max-width:640px !important;min-height:35px;max-height:300px !important;} #divImage.fullbanner .jrac_crop{width:950px !important;min-height:35px;max-height:200px !important;} #divImage.fullbanner .jrac_crop .ui-resizable-handle.ui-resizable-e{display:none !important;} #divImage.sidebar .jrac_crop{min-width:35px;max-width:240px !important;min-height:35px;max-height:240px !important;} .imgbox.custombanner .jrac_crop{min-width:35px;max-width:640px !important;min-height:35px;max-height:300px !important;} .imgbox.fullbanner .jrac_crop{width:950px !important;min-height:35px;max-height:200px !important;} .imgbox.fullbanner .jrac_crop .ui-resizable-handle.ui-resizable-e{display:none !important;} .imgbox.sidebar .jrac_crop{min-width:35px;max-width:240px !important;min-height:35px;max-height:240px !important;} /* W15 - Warning box, Past Message =============================================== */ .warningbox{color:white;padding:6px 12px;height:20px;background:#bb4156;border:1px solid #872f3e;border-radius:4px;margin-bottom:30px;position:relative;z-index:1;text-align:right;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3) !important;} .warningbox h2, .warningbox p{vertical-align:top;margin-bottom:0;} .warningbox h2{padding:0;font-size:14px;margin-right:12px;display:block;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;position:absolute;top:9px;left:10px;color:white;} .warningbox .button, .warningbox .button:hover{background-color:#4c4c4e;border-color:#4c4c4e;padding:0.3em 0.5em;margin-left:0.5em;} /* .wb-notactive{} .wb-cancelled{} .wb-past{} */ /* Service Message Area */ .servicemsg{position:relative;background:#bb4156;color:white;padding:0.5em 1em 0.5em 2.5em;border:1px solid #872f3e;border-radius:0.35em;text-align:left;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3) !important;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} .servicemsg.yellow{background:#dccd46;border-color:#a29934;} .servicemsg span:before{content:"";position:absolute;top:0.5em;left:0.5em;background:url("../images/icons/sprite-adminoptions.png") -180px -80px;width:20px;height:20px;} .myeventspage .rightcolumn .servicemsg{margin:0 0.25em 4em;} /* W16 - Admin Panel ============================================================= */ /*revised positioning for admin mode button*/ .adminmodearea{height:20px;border:1px solid #088c86;border-radius:4px;background:#2abcb9;color:white;padding:6px 12px;position:relative;z-index:1;margin: 0 10px 30px;text-align:right;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);} .adminmodearea span{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-size:14px;position:absolute;top:6px;left:0px;padding-left:10px;width:100%;text-align:left;} .adminmodebtn, .adminmodearea .button{margin-left:6px;text-decoration:none;color:#fff;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:1px 6px;background:#4c4c4e url("../images/buttonhighlight2.png") repeat-x 0 -5px;border:1px solid #4c4c4e;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);position:relative;z-index:2;} .adminmodebtn:hover, .adminmodearea .button:hover{text-decoration:none;color:white;background-position:0 14px;} .adminmodebtn, .adminmodebtn:hover, .adminmodearea .button:hover{background-color:#4c4c4e;border-color:#4c4c4e;} /*new style for admin mode banner*/ .eventu .adminmodearea, .pollu .adminmodearea, .groupu .adminmodearea{height:auto;border:none;border-radius:none;background:none;padding:0;position:static;text-align:center;box-shadow:none;-moz-box-sizing:border-box;box-sizing:border-box;}/*overrides*/ .eventu .adminmodearea span, .pollu .adminmodearea span, .groupu .adminmodearea span{display:none;} .eventu .adminmodebtn, .pollu .adminmodebtn, .groupu .adminmodebtn{-moz-box-sizing:border-box;box-sizing:border-box;display:block;color:#fff;font-size:1.23em;font-weight:bold;font-style:italic;padding:6px 12px;margin:0;background:#2abcb9 url("../images/buttonhighlight2.png") repeat-x 0 -5px;border:1px solid #088c86;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);position:static;} .eventu .adminmodebtn:hover, .pollu .adminmodebtn:hover, .groupu .adminmodebtn:hover{text-decoration:none;color:white;background-position:0 14px;} .eventu .adminmodebtn, .eventu .adminmodebtn:hover, .pollu .adminmodebtn, .pollu .adminmodebtn:hover, .groupu .adminmodebtn, .groupu .adminmodebtn:hover{background-color:#2abcb9 !important;border-color:#088c86 !important;/* text-decoration:underline; */} /*Admin OPTIONS panel*/ .adminmodebox{margin:-33px 10px 30px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);} .adminoptions{position:relative;z-index:0;background:/*#f5f3ed*/#f7fcfc;border-left:1px solid #088c86;border-right:1px solid #088c86;padding-bottom:0.25em;} .adminoptions:before{content:"";display:block;position:absolute;top:20px;bottom:20px;left:51%;width:1px;background:#088c86;}/*column divider*/ .adminoptions div.adminoption{display:block;position:relative;}/*targets all items*/ .adminoptions a{display:block;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .adminoptions a .edit{position:absolute;color:#2abcb9;right:0;top:5px;text-decoration:underline;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .adminoptions .invitemethod a.help{position:absolute;top:0.45em;right:3.75em;}/*registration help icon*/ .adminoptions .adminoption:hover .edit, .adminoptions .adminoption:hover .label{color:#33e5e1;} .adminoptions .column{display:inline-block;width:44%;padding-left:2.5%;margin:15px 0;} .adminoptions .one{/* border-right:1px solid #2abcb9; */padding-right:2%;width:46%;} .adminoptions .adminoption .label{margin-bottom:0.5em;} .adminoption .checkbox{margin-left:4px;display:inline-block;padding-top:5px;} .adminoption .checkbox input{margin-right:11px;} /*admin options - payments section*/ /*Admin Options - icons*/ .adminoptions .adminoption .label:before{content:"";display:inline-block;background:url("../images/icons/sprite-adminoptions.png") 0px 0px;width:20px;height:20px;margin-right:8px;position:relative;top:4px;} .adminoptions .whocancome .label:before{background-position:-20px 0px;} .adminoptions .guestprivileges .label:before{background-position:0px 0px;} .adminoptions .adminrights .label:before{background-position:-20px 0px;} .adminoptions .rsvprestrictions .label:before{background-position:-319px 0px;} .adminoptions .rsvpsurvey .label:before{background-position:-118px 0px;margin-left:-2px;margin-right:11px;} .adminoptions .viewingrights .label:before{background-position:-140px 0px;} .adminoptions .permitmaybe .label:before{background-position:-60px 0px;} .adminoptions .invitemethod .label:before{background-position:-120px 0px;} .adminoptions .registration .label:before{background-position:-300px 0px;} .adminoptions .rsvpreminders .label:before{background-position:-179px 0px;} .adminoptions .eventreminders .label:before{background-position:-179px 0px;} .adminoptions .selectpollees .label:before{background-position:0px 0px;} .adminoptions .datepollsetup .label:before{background-position:-60px 0px;} .adminoptions .contactsmembers .label:before{background-position:0px 0px;} .adminoptions .memberclasses .label:before{background-position:-139px 0px;} .adminoptions .privacylevel .label:before{background-position:-40px 0px;} .adminoptions .timezone .label:before{background-position:-199px/*-200px*/ 0px;} .adminoptions .capevent .label:before{background-position:-380px 0px;} .adminoptions .rsvpsurvey .label:before{background-position:-298px 0px;} .adminoptions .templatesrc .label:before{background-position:-279px 0px;} .adminoptions .ticketing .label:before{background-position:-420px 0px;} /*options - hover icons*/ .adminoptions .whocancome:hover .label:before{background-position:-20px -20px;} .adminoptions .guestprivileges:hover .label:before{background-position:0px -20px;} .adminoptions .adminrights:hover .label:before{background-position:-20px -20px;} .adminoptions .rsvprestrictions:hover .label:before{background-position:-319px -20px;} .adminoptions .rsvpsurvey:hover .label:before{background-position:-118px -20px;} .adminoptions .viewingrights:hover .label:before{background-position:-140px -20px;} .adminoptions .permitmaybe:hover .label:before{background-position:-60px -20px;} .adminoptions .invitemethod:hover .label:before{background-position:-120px -20px;} .adminoptions .registration:hover .label:before{background-position:-300px -20px;} .adminoptions .rsvpreminders:hover .label:before{background-position:-179px -20px;} .adminoptions .eventreminders:hover .label:before{background-position:-179px -20px;} .adminoptions .selectpollees:hover .label:before{background-position:0px -20px;} .adminoptions .datepollsetup:hover .label:before{background-position:-60px -20px;} .adminoptions .contactsmembers:hover .label:before{background-position:0px -20px;} .adminoptions .memberclasses:hover .label:before{background-position:-139px -20px;} .adminoptions .privacylevel:hover .label:before{background-position:-40px -20px;} .adminoptions .timezone:hover .label:before{background-position:-199px/*-200px*/ -20px;} .adminoptions .capevent:hover .label:before{background-position:-380px -20px;} .adminoptions .rsvpsurvey:hover .label:before{background-position:-298px -20px;} .adminoptions .templatesrc:hover .label:before{background-position:-279px -20px;} .adminoptions .ticketing:hover .label:before{background-position:-420px -20px;} .adminoptions .grouptype .label:before, .adminoptions .grouptype:hover .label:before{background-position:-259px 0px;} /*exception for group type dropdown*/ /* .adminoptions .permitmaybe:hover label{color:#33e5e1;} */ /*exception for permit maybe checkbox*/ .adminoptions .grouptype:hover .label, .adminoptions .permitmaybe:hover .label{color:#4c4c4e;} .adminoptions .grouptype select{display:inline-block;width:14em;margin-left:0.5em;} /* adminoptions whocancome tweak for regonly events*/ .regonly .adminoptions .whocancome:hover .label:before{background-position:-20px 0px;} .regonly .adminoptions .whocancome .edit{display:none;} .regonly .adminoptions .whocancome:hover .label{color:inherit;} .regonly .adminoptions .rsvpreminders .label, .regonly .adminoptions .rsvpreminders:hover .label{color:#8d8a82;} .regonly .adminoptions .rsvpreminders .label:before, .regonly .adminoptions .rsvpreminders:hover .label:before{background-position:-179px -40px;} .regonly .adminoptions .rsvpreminders .edit{display:none;} /* adminoptions - disabled items */ .adminoptions .guestprivileges-disabled .label, .adminoptions .guestprivileges-disabled:hover .label{color:#8d8a82;cursor:default;} .adminoptions .guestprivileges-disabled .label:before, .adminoptions .guestprivileges-disabled:hover .label:before{background-position:0px -40px;cursor:default;} .adminoptions .guestprivileges-disabled .edit{display:none;} /*Admin ACTIONS panel*/ .adminactions{position:relative;z-index:1;text-align:center;background:#2abcb9;border:1px solid #088C86;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:4px 6px 6px 0;box-shadow:0 -4px 8px rgba(0, 0, 0, 0.2);} .adminactions div{display:inline-block;} .adminactions a{display:inline-block;text-align:center;color:white;padding-right:2px;border-left:1px solid #088c86;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-size:14px;text-decoration:none;} .adminactions > a:first-child, .adminactions > div:first-child a{border:none !important;margin-left:0;padding-left:0;}/*remove divider*/ #MainContent_divCancelEvent a{display:block;width:auto;} .adminactions a:hover{color:#33e5e1 !important;} /*Action - variable item widths*/ .twoactions div, .twoactions > a{width:49%;} .threeactions div, .threeactions > a{width:32%;} .fouractions div, .fouractions > a{width:24%;} .fiveactions div, .fiveactions > a{/* width:19%; */padding:0 6px !important;margin-left:0px !important;} /*Action - icons*/ .adminactions a:before{content:"";display:inline-block;background:url("../images/icons/sprite-adminicons.png") 0px -40px;width:30px;height:20px;margin-right:3px;position:relative;top:4px;} .adminactions .emailreinvite:before{background-position:-180px -40px;} .adminactions .terminateevent:before{background-position:-330px -40px;} .adminactions .deleteevent:before{background-position:-330px -40px;} .adminactions .copyevent:before{background-position:-120px -40px;} .adminactions .newevent:before{background-position:-90px -40px;} .adminactions .terminatepoll:before{background-position:-330px -40px;margin-right:2px;} .adminactions .deletepoll:before{background-position:-330px -40px;} .adminactions .finalizepoll:before{background-position:-120px -40px;} .adminactions .copypoll:before{background-position:-120px -40px;} .adminactions .newpoll:before{background-position:-90px -40px;} .adminactions .terminategroup:before{background-position:-330px -40px;margin-right:2px;} .adminactions .deletegroup:before{background-position:-330px -40px;} .adminactions .copygroup:before{background-position:-120px -40px;} /*Actions - hover icons*/ .adminactions .emailreinvite:hover:before{background-position:-180px -60px;} .adminactions .terminateevent:hover:before{background-position:-330px -60px;} .adminactions .deleteevent:hover:before{background-position:-330px -60px;} .adminactions .copyevent:hover:before{background-position:-120px -60px;} .adminactions .newevent:hover:before{background-position:-90px -60px;} .adminactions .terminatepoll:hover:before{background-position:-330px -60px;} .adminactions .deletepoll:hover:before{background-position:-330px -60px;} .adminactions .copypoll:hover:before{background-position:-120px -60px;} .adminactions .finalizepoll:hover:before{background-position:-120px -60px;} .adminactions .newpoll:hover:before{background-position:-90px -60px;} .adminactions .terminategroup:hover:before{background-position:-330px -60px;margin-right:2px;} .adminactions .deletegroup:hover:before{background-position:-330px -60px;} .adminactions .copygroup:hover:before{background-position:-120px -60px;} /* W16 - New Admin Panel ========================================================= */ #div_MainDashboard{position:relative;z-index:3;box-sizing:border-box;-moz-box-sizing:border-box;margin-top:4px;} #div_MainDashboard_Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:black;opacity:0.25;z-index:2;} /*admin header*/ .adminhead{display:block;text-align:center;background:#f3f6e1;height:6.4em;padding:15px;box-sizing:border-box;-moz-box-sizing:border-box;} #div_AdminDashboard_Activation_Msg{display:block;height:1.5em;margin:-0.5em auto 0.75em;padding:0 1.25em 0.5em;width:920px;text-align:left;border-bottom:1px solid #a8c44c;} #div_AdminDashboard_Activation_Msg label{font-weight:bold;margin-right:0.5em;} #lnkAdminDashboard{display:block;margin:0 auto;width:17em;} #div_lnkAdminDashboard a#lnkPreviewEventAs{float:right;vertical-align:top;margin-top:-0.2em;padding:0.1em 0.5em;} /*admin dashboard */ .admindash{position:absolute;top:auto;left:50%;z-index:-1;width:962px;margin-left:-480px;box-sizing:border-box;-moz-box-sizing:border-box;background:white;border:1px solid #8d8a82;box-shadow:0px 10px 10px rgba(0,0,0,0);border-top:1px solid #a8c44c;} .admindash:before{content:"";position:absolute;display:block;top:-10px;left:0;height:10px;width:100%;box-shadow:0 3px 10px rgba(0,0,0,0.5);} .admindash label{display:inline-block;} .admindash input[type="checkbox"], .admindash input[type="radio"]{margin-right:0.75em;} .admindash .row{width:100%;padding:0 1em 1.5em;box-sizing:border-box;-moz-box-sizing:border-box;} .admindash .row h2{position:relative;background:#f3f6e1;padding:0.4em 1em 0.4em 2.5em;margin:0 -0.625em 0.35em;border-top:1px solid #a8c44c;} .admindash .row .column{width:32%;position:relative;} .admindash .row .column.one{margin-left:1.25em !important;} .admindash .row .column label, #ad_divUtil_divEventMgmt, #ad_divUtil_divReports{line-height:1.75em;} #ad_divEventNameDetails{padding:1.25em 1em 1em 1.5em;} #ad_divEventNameDetails h1{display:inline-block;max-width:780px;margin-right:1em;margin-bottom:0.4em;vertical-align:top;} #ad_divEventNameDetails h1 #ad_lblEventName{display:inline-block;} #ad_divEventNameDetails h3{display:inline-block;color:#8aa13f;margin:0 1em 0 0;} #ad_ChangeEventName{display:inline-block;margin-top:0.9em;} #ad_ChangeEventTime, #ad_GroupDetails{margin-bottom:0.75em;} #ad_ChangeEventTime label, #ad_GroupDetails label{margin-right:2.5em;vertical-align:top;} #ad_ChangeEventTime a{display:inline-block;margin-right:1em;} #ad_divEventType{position:relative;padding:0.75em 0 0 1.5em;margin:0 -1em 0 -1.5em;border-top:1px solid #ddd;} #ad_divEventType label{margin-right:1em;} #ad_divEventType a.button{display:inline-block;width:7em;margin-left:1em;text-align:center;} #ad_divEventMethod .column{height:9em;margin-top:0.5em;} #ad_divEventMethod .column.one{width:28%;padding-right:2%;margin-right:2%;border-right:1px solid #ddd;} #ad_divEventMethod .column label{vertical-align:top;width:18em;} #ad_divEventMethod .column a.button{position:absolute;bottom:0;left:1.75em;display:block;width:12em;text-align:center;} #ad_lnkEventType_CutomURL{position:absolute;top:-0.2em;right:0;} #ad_txtBoxShowLink{width:100%;margin:0.25em 0 0;} #ad_pShareEvent{display:none;} #ad_divUtil h3{margin-left:1.3em;} /*section headings - inactive*/ .inactive .admindash #ad_divEventMethod h2:before, .inactive .admindash #ad_divEventPageSetup h2:before, .inactive .admindash #ad_divRSVPSetup h2:before{content:"Step #";position:absolute;font-size:0.75em;top:0.25em;left:-1.1em;height:1.25em;width:3.5em;padding:0.25em;display:block;text-align:center;color:white;background:#a8c44c;border-radius:1em;box-shadow:0 2px 3px rgba(0,0,0,0.2);} .inactive .admindash #ad_divEventMethod h2:before{content:"Step 1";} .inactive .admindash #ad_divEventPageSetup h2:before{content:"Step 2";} .inactive .admindash #ad_divRSVPSetup h2:before{content:"Step 3";} /*section headings - active*/ .admindash #ad_divEventMethod h2:before, .admindash #ad_divEventPageSetup h2:before, .admindash #ad_divRSVPSetup h2:before, .admindash #ad_divUtil h2:before{content:"";position:absolute;top:5px;left:13px;height:26px;width:26px;display:block;background:url("../images/icons/sprite-admindashboard.png") no-repeat 0px 0px;vertical-align:text-top;} .admindash #ad_divEventMethod h2:before{background-position:0px 0px;} .admindash #ad_divEventPageSetup h2:before{background-position:-26px 0px;} .admindash #ad_divRSVPSetup h2:before{background-position:-52px 0px;} .admindash #ad_divUtil h2:before{background-position:-78px 0px;}/*event management heading*/ .admindash .activaterow{background:#ebd0ce;border-top:1px solid #bb4156;padding:0.5em 1em 0.5em 3.85em;/*1.54x2.5*/} .admindash .activaterow h2{position:relative;display:inline-block;margin-right:2em;} .admindash .activaterow h2:before{content:"Step 4";position:absolute;font-size:0.75em;top:-0.2em;left:-4.5em;height:1.25em;width:3.5em;padding:0.25em;display:block;text-align:center;color:white;background:#a8c44c;border-radius:1em;box-shadow:0 2px 3px rgba(0,0,0,0.2);} /*paid feature icons*/ .admindash .unpaid:after, .admindash .paid:after{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -528px 0px;vertical-align:top;margin:0.1em 0 0 0.5em;} .admindash .unpaid:after{background-position:-544px 0px;} /*Utilities Icons*/ #ad_divUtil_divEventMgmt a, a#ad_lnkReport_DisplayReport{color:#4c4c4e;text-decoration:none;font-style:normal;cursor:pointer;} #ad_divUtil_divEventMgmt a:before, a#ad_lnkReport_DisplayReport:before{content:"";display:inline-block;width:20px;height:20px;background:url("../images/icons/sprite-adminoptions.png") no-repeat 0px 0px;vertical-align:text-top;margin:0 0.5em 0 -0.4em;position:relative;top:-1px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_TimeZone:before{background-position:-200px 0px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_WhoozinAdmin:before{background-position:-260px 0px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_RecurringEvent:before{background-position:-280px 0px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_CancelDeleteEvent:before{background-position:-480px 0px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_CopyEvent:before{background-position:-440px 0px;} #ad_divUtil_divEventMgmt a#ad_lnkEventMgmt_CreateNewEvent:before{background-position:-460px 0px;} a#ad_lnkReport_DisplayReport:before{background-position:-19px 0px;left:2px;} /*Add Image dialog*/ #ad_div_ImageChocie i{width:1em;height:1em;display:inline-block;background:#2abcb9;margin:0 0.25em;vertical-align:text-bottom;} #ad_div_ImageChocie .uploadImgChoice{position:relative;background:url("../images/uploadImage.png") white no-repeat 0px 0px;width:300px !important;height:224px !important;margin:2em auto 0;} #ad_div_ImageChocie a{position:absolute;display:block;background:#2abcb9;} #ad_div_ImageChocie #lnkEditAvatar{width:24px;height:24px;top:28px;left:20px;} #ad_div_ImageChocie #lnkEditSidebar{width:56px;height:53px;top:76px;left:218px;} #ad_div_ImageChocie #lnkEditBanner{width:186px;height:53px;top:70px;left:20px;} #ad_div_ImageChocie a:hover{background:#95dedc;} #ad_div_ImageChocie a:hover:after{content:"";display:block;position:absolute;top:-2.5em;width:8em;left:50%;margin-left:-4em;padding:0.25em 0;text-align:center;color:white;background:#4c4c4e;border-radius:0.5em;font-weight:normal;font-style:normal;box-shadow:0px 12px 24px rgba(0,0,0,0.5);} #ad_div_ImageChocie a:hover:before{content:"";display:block;position:absolute;border-color:#4c4c4e rgba(0, 0, 0, 0);border-style:solid;border-width:15px 15px 0;top:-0.5em;left:50%;margin-left:-15px;width:0;z-index:2;} #ad_div_ImageChocie #lnkEditAvatar:hover:after{content:"Avatar";} #ad_div_ImageChocie #lnkEditSidebar:hover:after{content:"Sidebar";} #ad_div_ImageChocie #lnkEditBanner:hover:after{content:"Banner";} #ad_div_ImageChocie a, #ad_div_ImageChocie a:hover{-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} /* ==== W16 - Tiered Pricing Dialog =============================================== */ .tieredpricing .tiers table{width: 100%;} .tieredpricing .tiers table thead tr{} .tieredpricing .tiers table tbody tr td{border: 1px solid #ccc;padding: 0.5em 0.75em;width: 10%;text-align:center;} .tieredpricing .tiers table tbody tr td:first-child{width: 30%;text-align:left;} .tieredpricing .tiers table tbody tr td a.help{float: right;} .tieredpricing .tiers table tbody td div.check{display: block;margin: 0 auto;width: 16px;height: 16px;background: #2abcb9;border-radius: 10px;} .tieredpricing .tiers table tbody tr.buytiers td{border:none !important;} .tieredpricing .tiers table tbody tr.buytiers .button{display:block;text-align:center;font-size:1.2em;margin-top:0.5em;} .tiers.section{width: 100%;height: 100%;overflow:visible;margin-bottom: 6em;} .tiers .column{width: 23.3%;margin-left: 2%;float: left;} .tiers .column.one{width: 23.3%;margin-left: 0;} .tierhead{background: #ebebea;color: #7a7770;border-radius: 0.5em;padding: 1em;margin: 0 0.5em 1em;text-align: center;} .tierhead h2{margin: 0 0 1em;} .tierhead h3{margin-bottom: 0.5em;} .tiers .column ul{margin: 2em 2em;list-style: circle outside none;color: #ddd;} .tiers .column ul li{color: #7a7770;margin-bottom: 1.5em;font-size: 1.1em;} /* W17 - Preview Mode ============================================================ */ /*launch dialog*/ #divPreviewDetails label{margin-right:0.5em;} #divPreviewDetails select{width:25em;} /*mode*/ #divpreviewoverlay{position:relative;} .previewoverlay{position:fixed !important;z-index:80;top:0% !important;left:0% !important;width:100% !important;height:100% !important;margin:0 !important;background:black;opacity:0.25;} /*background overlay*/ .previewrsvp{position:relative;z-index:81;} .previewrsvp .alreadyreg a, .previewrsvp .alreadyreg a:hover{color:#088c86;cursor:default;} .enablepreview{position:relative;z-index:82;} .previewbox{padding:0;background:none;border-style:none;box-shadow:none;} .previewbox .button, .previewbox .button:hover{display:block;text-align:center;font-size:14px;background-color:#bb4156;border-color:#872f3e;} .previewheader{z-index:82;background:url("../images/bgfooter.png") repeat-x 0px -17px #bb4156;border-bottom:5px solid #872f3e;position:fixed;top:0;left:0;width:100%;height:59px;box-shadow:0 5px 10px rgba(0,0,0,0.5);} .previewheaderwrap{width:960px;margin:0 auto;padding:12px 20px;position:relative;text-align:center;} .previewheaderwrap .headerlogo{position:absolute;top:16px;left:20px;background-repeat:no-repeat;} .previewheaderwrap h2{color:white;position:absolute;top:19px;left:145px;} /*disable preview buttons while rsvp preview is open*/ .previewheaderwrap.disabled .button, .previewheaderwrap.disabled .button:hover{background:#872f3e;border-color:#872f3e;color:#bb4156;cursor:default;} .rsvppreview{position:relative;z-index:2;padding:1em;margin:12px -21px -22px;text-align:right;background:url("../images/bgfooter.png") repeat-x 0px -17px #bb4156;border:1px solid #872f3e;} .rsvppreview h2{position:absolute;left:1em;top:50%;margin-top:-0.5em;color:white;} .previewheaderwrap .button, .previewheaderwrap .button:hover, .rsvppreview .button, .rsvppreview .button:hover{background-color:#4c4c4e;border-color:#4c4c4e;margin-left:12px;font-size:14px;} .previewheaderwrap .button, .previewheaderwrap .button:hover{padding:6px 10px;position:relative;top:5px;} .rsvppreview .button:first-child{margin-left:0;} .rsvpstack{z-index:101;}/*rsvp fix for preview mode*/ /* ==== Preview Emails ============================================================ */ #divPreviewEmailActivation table, #divPreviewEmailCM table, #divPreviewEmailCMsg table, #divPreviewEmailRmndr table{width:100%;} #divPreviewEmailActivation table tr td{font-style:normal !important;} .container-table div{padding:1em;margin-bottom:-4em;} .container-table a{font-style:normal;text-decoration:underline;} .container-table h2 a{font-weight:bold;} .container-table h4{font-style:normal;} /* ==== Stripe Payments Preview ================================================== */ .divStripePreview{position:fixed;z-index:100;top:0;left:50%;margin:183px 0 0 -152px;width:304px;height:365px;background:url("../images/preview-stripetickets.png");box-shadow:0 56px 20px rgba(0, 0, 0, 0.75);} .divStripePreview div{position:absolute;left:0;width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;font-family: Helvetica,Arial;} .divStripePreview .name{top:96px;color:#5b5b65;font-size: 13px;padding:0 20px;text-shadow:0 1px 0 #fff;} .divStripePreview .email{top:142px;color:#5b5b65;font-size: 13px;font-weight:bold;padding:0 40px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);} .divStripePreview .amount{top:300px;color:white;font-size:17px;font-weight:bold;} .divStripePreview a.back{display:block;position:absolute;top:38px;left:11px;background:red;width:20px;height:20px;cursor:pointer;} .divStripeAddressPreview{position:fixed;z-index:100;top:0;left:50%;margin:183px 0 0 -152px;width:304px;height:437px;background:url("../images/preview-stripeaddress.png");box-shadow:0 56px 20px rgba(0, 0, 0, 0.75);} .divStripeAddressPreview div{position:absolute;left:0;width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;font-family: Helvetica,Arial;} .divStripeAddressPreview .name{top:96px;color:#5b5b65;font-size: 13px;padding:0 20px;text-shadow:0 1px 0 #fff;} .divStripeAddressPreview .email{top:142px;color:#5b5b65;font-size: 13px;font-weight:bold;padding:0 40px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);} .divStripeAddressPreview a.back{display:block;position:absolute;top:38px;left:11px;background:red;width:20px;height:20px;cursor:pointer;} /*preview mode*/ .divStripePreview .previewmenu, .divStripeAddressPreview .previewmenu{height:4.5em;bottom:-4em;background:#bb4156 url("../images/bgfooter.png") repeat-x scroll 0 -17px;border:1px solid #872f3e;border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;padding:1em;} .divStripePreview .previewmenu a, .divStripeAddressPreview .previewmenu a{background-color:#4c4c4e;border-color:#4c4c4e;padding:0.5em 1em;} .divStripeOverlay{position:fixed !important;z-index:80;top:0% !important;left:0% !important;width:100% !important;height:100% !important;margin:0 !important;background:black;opacity:0.25;} /* sample event */ /* .stripePreviewMenu{height:4.5em;bottom:-4em;background:#dcdad7;border:1px solid #4c4c4e;border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;padding:1em;text-align:center;} */ .stripePreviewMenu{bottom:0;overflow:visible !important;} .stripePreviewMenu .button{opacity:0;display:block !important;position:absolute;bottom:29px;left:50%;margin-left:-114px;background:red;width:228px;height:38px;padding:0 !important;} /* ==== Paypal Payments Preview ================================================== */ .divPaypalPreview1{position:absolute;z-index:80;top:0;left:50%;margin:20px 0 0 -480px;width:960px;height:1524px;background:url("../images/preview-paypal.png");box-shadow:0 56px 20px rgba(0, 0, 0, 0.75);} .divPaypalPreview1 div{position:absolute;left:0;width:auto;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;font-family: Helvetica,Arial;} .divPaypalPreview1 .name{top:170px;left:63px;color:black;font-size:11px;font-weight:bold;text-align:left;width:200px;} .divPaypalPreview1 .subtotal{top:170px;left:232px;color:black;font-size: 11px;text-align:right;width:100px;} .divPaypalPreview1 .total{top:198px;left:232px;color:black;font-size: 11px;text-align:right;font-weight:bold;width:100px;} /* W18 - Event/Poll: RSVP Area =================================================== */ .rsvparea{padding:1px 0 0;margin-top:-10px;margin-bottom:30px;} .rsvparea #tblRSVPProfiles{width:100%;} .rsvparea .rsvpline{background:none !important;margin-bottom:12px;display:block;position:relative;height:auto;width:100%;text-align:left !important;margin-top:40px;} .rsvpline .bubble h2{display:inline-block;text-overflow:ellipsis;white-space:nowrap;color:#4c4c4e;height:20px;max-width:520px;min-width:30px;position:absolute;top:-35px;} .rsvpline .bubble h2:after{content:"";position:absolute;top:14px;right:-84px;width:90px;height:21px;background:url("../images/sprite-rsvpareatail.png") no-repeat 0px -84px;}/*default to blue*/ .rsvpline .bubble:hover h2:after{background-position:-90px -84px;} .rsvpline .bubble{position:relative;display:block;height:50px;background:url("../images/sprite-rsvpareabg.png") repeat-x 0px -400px;border:1px solid #088c86;border-radius:25px;text-decoration:none;} .rsvpline .bubble:hover{background-position:0px -450px;}/*default to blue*/ .rsvpline .bubble .value{display:block;text-align:center;text-decoration:none;color:white;font-size:20px;margin-top:15px;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} .rsvpline .bubble .guest{margin-left:0.25em;text-decoration:none;} .rsvpline .bubble .edit{color:white;text-decoration:underline;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;position:absolute;top:50%;right:15px;margin-top:-0.75em;} /*rsvpline other actions*/ .rsvpline .alreadyreg{margin-top:0.5em;text-align:center;} .rsvpline .alreadyreg a:first-child{margin-right:3em;} /*#divAdminRegChoice{border-bottom:1px solid #4c4c4e;border-bottom-right-radius:0.35em;border-bottom-left-radius:0.35em;}*/ #divAdminRegChoice a.button{margin:0.5em;display:inline-block;width:16em;text-align:center;} /*individual rsvparea bubbles*/ .rsvpline.noreply .bubble, .rsvpline.notsubmitted .bubble, .rsvpline.registernow .bubble{background-position:0px 0px;border-color:#872f3e;} .rsvpline.in .bubble, .rsvpline.submitted .bubble, .rsvpline.registered .bubble{background-position:0px -100px;border-color:#8aa13f;} .rsvpline.maybe .bubble{background-position:0px -200px;border-color:#a29934;} .rsvpline.out .bubble, .rsvpline.ticket-cancelled .bubble{background-position:0px -300px;border-color:#66645e;} /*individual rsvparea bubbles - hover*/ .rsvpline.noreply .bubble:hover, .rsvpline.notsubmitted .bubble:hover, .rsvpline.registernow .bubble:hover{background-position:0px -50px;} .rsvpline.in .bubble:hover, .rsvpline.submitted .bubble:hover, .rsvpline.registered .bubble:hover{background-position:0px -150px;} .rsvpline.maybe .bubble:hover{background-position:0px -250px;} .rsvpline.out .bubble:hover, .rsvpline.ticket-cancelled .bubble:hover{background-position:0px -350px;} /*individual rsvparea bubble tails*/ .rsvpline.noreply .bubble h2:after, .rsvpline.notsubmitted .bubble h2:after, .rsvpline.registernow .bubble h2:after{background-position:0px 0px;} .rsvpline.in .bubble h2:after, .rsvpline.submitted .bubble h2:after, .rsvpline.registered .bubble h2:after{background-position:0px -21px;} .rsvpline.maybe .bubble h2:after{background-position:0px -42px;} .rsvpline.out .bubble h2:after, .rsvpline.ticket-cancelled .bubble h2:after{background-position:0px -63px;} /*individual rsvparea bubble tails - hover*/ .rsvpline.noreply .bubble:hover h2:after, .rsvpline.notsubmitted .bubble:hover h2:after, .rsvpline.registernow .bubble:hover h2:after{background-position:-90px 0px;} .rsvpline.in .bubble:hover h2:after, .rsvpline.submitted .bubble:hover h2:after, .rsvpline.registered .bubble:hover h2:after{background-position:-90px -21px;} .rsvpline.maybe .bubble:hover h2:after{background-position:-90px -42px;} .rsvpline.out .bubble:hover h2:after, .rsvpline.ticket-cancelled .bubble:hover h2:after{background-position:-90px -63px;} /* no bubble for ineligible*/ .rsvpline.ineligible, .rsvpline.ineligible .bubble:hover{background-image:none;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;border:none;} .rsvpline.ineligible .bubble h2:after, .rsvpline.ineligible .bubble:hover h2:after{background:none;} /* Registration Line ----------------------------------------------------------------- */ #spStyleRegMsg{display:block;background:#2abcb9;border:1px solid #088c86;color:white;text-align:left;font-size:1.23em;line-height:1.5em;border-radius:0.5em;padding:1em 9.5em 1em 1em;margin-top:-30px;font-weight:bold;font-style:italic;} /*reg + event full*/ #spStyleRegMsg.eventfull{position:relative;display:block;background:url("../images/sprite-rsvpareabg.png") repeat-x 0 0;border:1px solid #872f3e;border-radius:25px;text-decoration:none;font-size:1.5em;padding:0.75em;} /*TUWYT Reg msg*/ #divRSVPTYMsg_divRegMsg{background:#2abcb9;color:white;text-align:left;border-radius:0.5em;padding:1em 1.5em;font-style:normal;} /* Smart Reg */ #divSmartReg{background:#f5f3ed !important;border-radius:0.5em;border:1px solid #8d8a82;padding:0.5em 1em 1em;margin-top:10px;} #divSmartReg h2{display:block;margin-bottom:0.5em;} #divSmartReg h2 span{color:#8d8a82;display:block;} #divSmartReg a{display:block;text-align:center;margin-top:0.5em;} #divSmartReg a.button{display:block;font-size:1.2em;padding:0.4em 0.25em 0.25em;text-align:center;} /* W18a Event: Print Tickets ===================================================== */ #divOrdersTickets{background:#f3f6e1;border:1px solid #8aa13f;border-bottom-right-radius:1.5em;border-bottom-left-radius:1.5em;margin:-3em 1.25em -0.5em;padding:1.5em 1.5em 1em;} #divOrdersTickets h2{margin-bottom:0.5em;} #divOrdersTickets li{list-style-type:none;margin-bottom:0.5em;} #divOrdersTickets li a{color:#4c4c4e;} #divOrdersTickets li:hover a{color:#2abcb9;} #divOrdersTickets li:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -496px -48px;vertical-align:text-top;margin-right:0.5em;} #divOrdersTickets li:hover:before{background-position:-496px 0;} /* W19 - Event: Headcount ======================================================= */ /* MAR 4 Headcount - admin mode -------------------------------------------------- */ /*columns*/ .headcount{margin:0 10px 20px;padding:1.5em 0 2em 0;position:relative;} .eventa .headcount.hca{margin:0 10px;} .headcount.hcu{margin-bottom:2.5em;} .headcount h2{display:block;} .headcount .column{position:relative;text-align:center;background:#f5f3ed;border-radius:0.35em;padding:0.75em 0.55em;margin-right:0.2em;height:8em;width:6.5em;} .headcount.hcu .column{height:auto;background:#f5f3ed;text-align:center;} .reportpage .headcount .column{background:white;} /*strip images from rsvp/usertype*/ .reportpage #divReportTable td.wdg-view_rsvp div, .reportpage #divReportTable td.wdg-view_tag div{display:inline;background:none;border:none;} .reportpage #divReportTable td.wdg-view_rsvp div:after, .reportpage #divReportTable td.wdg-view_rsvp div:before, .reportpage #divReportTable td.wdg-view_tag div:after, .reportpage #divReportTable td.wdg-view_tag div:before{display:none;}/*remove arrows*/ /*Print/Export link*/ /* .headcount.hca{margin-top:0.5em;} */ /* #divReport{position:absolute;top:0.25em;right:0.25em;z-index:2;} inline link version .eventu #divReport{top:2em;right:1em;}*/ #divReport{position:absolute;top:-0.2em;right:0.25em;z-index:2;} #divReport .button{display:inline-block;} .eventu #divReport{top:1.5em;right:1.5em;} /* #divReport a{font-size:1.2em;width:9.5em;padding: 0.2em 0em;text-align: center;} */ #divReport a span{display:inline-block;} #divReport a span:before, #divRSVPQuestionInfo #divRSVPQuestionInfo_L a:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -496px -64px;vertical-align:text-top;margin-right:0.25em;} #divRSVPQuestionInfo #divRSVPQuestionInfo_L:hover a:before{background-position:-496px -64px;} #divReport a:hover{color:#33e5e1;} /*variable column widths based on which elements are visible*/ .eventa.inactive .headcount .column{width:48em;} /*NR, full width*/ .headcount.twocolumns .column{width:22.25em;} .headcount.twocolumns .hccount{max-width:100%;} .eventu .headcount.threecolumns .column{width:14.75em;text-align:center;} .eventu.regonly .headcount.threecolumns .column, .eventa.regonly .headcount.threecolumns .column, .eventa .headcount.threecolumns .column{width:14.75em;} .eventu .headcount.fourcolumns .column, .eventa .headcount.fourcolumns .column{width:10.75em;text-align:center;} .eventa .headcount.fourcolumns.nrdetails .column{width:6.4em;} /*no reply details*/ .eventa .headcount.fourcolumns.nrdetails .headcount-noreply{width:23.75em;text-align:left;} /*maybe*/ .eventa .headcount.threecolumns.nrdetails .headcount-in, .eventa .headcount.threecolumns.nrdetails .headcount-out{width:10.4em;}/*no maybe*/ .eventa.regonly .headcount.threecolumns.nrdetails .headcount-in, .eventa.regonly .headcount.threecolumns.nrdetails .headcount-out{width:14.75em;}/*no maybe*/ .eventa .headcount.threecolumns.nrdetails .headcount-noreply{width:23.75em;} /*no maybe*/ .eventa .headcount .noreplydetails{position:absolute;top:0.75em;left:8em;color:#4c4c4e;} .eventa .headcount .noreplydetails label{display:block;} .eventa .headcount label.fakelink{color:#2abcb9;text-decoration:underline;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .eventa .headcount .clickable:hover label.fakelink{color:#33e5e1;} .eventa .headcount .clickable label:hover{cursor:pointer;} .headcount .haveviewed:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;position:relative;top:2px;background:url("../images/icons/sprite-linkicons.png") no-repeat -368px -32px;} .headcount .numpeople:before{content:"";display:inline-block;width:16px;height:16px;margin-right:4px;position:relative;top:2px;background:url("../images/icons/sprite-linkicons.png") no-repeat -352px -32px;} .headcount .unknownfamilies:before, .headcount .incguests:before{content:"+";display:inline-block;width:13px;height:16px;text-align:right;margin:0.2em 0.35em 0 0;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} /* .eventa .headcount.tworows .column, .eventa .headcount.threerows .column{height:4.75em;} .eventa .headcount.fourrows .column{height:6.5em;} .eventa .headcount.fiverows .column{height:8em;}*/ /*column hover - when clickable*/ .headcount .column.clickable{background:#f5f3ed;} .headcount .column.clickable:hover{background:#e6f8f8;cursor:pointer;} .headcount .column.clickable.headcount-noreply label:hover{cursor:pointer;} .eventa .headcount .column.clickable.headcount-noreply:hover .nrdetails-link{color:#33e5e1;} .headcount .column.clickable, .headcount .column.clickable:hover{-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} /*bubbles*/ .headcount div.hcbubble{position:relative;display:inline-block;width:84px;height:22px;margin:0;vertical-align:top;text-align:center;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:white;text-decoration:none;} .headcount-in div.hcbubble, .headcount-out div.hcbubble, .headcount-maybe div.hcbubble, .headcount-noreply div.hcbubble, .headcount-waitlist div.hcbubble{background:url("../images/sprite-rsvpbubble.png");background-repeat:no-repeat;} .headcount-in div.hcbubble{background-position:0px 0px;} .headcount-out div.hcbubble{background-position:0px -46px;} .headcount-maybe div.hcbubble{background-position:0px -23px;} .headcount-waitlist div.hcbubble{background-position:0px -69px;} .headcount-noreply div.hcbubble{background-position:0px -115px;} /*labels*/ .headcount .column.headcount-noreply{margin-right:-1em;}/*left align only if details*/ .eventa .headcount.threecolumns.nrdetails .column.headcount-noreply{text-align:left !important;} .eventa .headcount.threecolumns.column.headcount-noreply{text-align:center !important;} .headcount .hccount{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;color:#4c4c4e;margin-top:0.35em;font-size:2.5em;text-align:center;max-width:6.5em;} .inactive .headcount .hccount{max-width:3em;} .headcount .headcount-in .hccount{color:#a8c44c;} .headcount .headcount-maybe .hccount{color:#dccd46;} .headcount .headcount-out .hccount{color:#8d8a82;} .headcount .headcount-noreply .hccount{color:#bb4156;} .eventa .headcount.nrdetails .headcount-noreply .hccount{max-width:2.75em;} .eventu .headcount .headcount-noreply .nrdetails-link{display:none;} .eventa .headcount .guestlabel{display:block;text-align:center;color:#4c4c4e;width:6.5em;margin:-0.5em 0 0 -0.5em;} .eventa .headcount .guestlabel:before{content:"+";display:inline-block;margin-right:0.25em;} .headcount a.help{margin:-2px 0 0 2px;vertical-align:top;} /* W19 - Event: Ticket Summary =============================================== */ #divTicketingSummary{margin:0em 0.75em 2em;padding:1em;background:#f5f3ed;border-radius:0.5em;} #divTicketingSummary .jqtable{margin-bottom:0.5em;width:48.5%;display:inline-block;vertical-align:top;} #divTicketingSummary .jqtable tr td{background-color:white !important;border-bottom:1px solid #ddd;}/*-zebra*/ #divTicketingSummary .jqtable tr:last-child{font-weight:bold;} #divTicketSales .wdg-tickettotal{width:50px !important;padding-right:1em !important;overflow:visible;} #divTicketRevenue{margin-left:1%;} #divTicketRevenue .wdg-tickettotal{width:90px !important;padding-right:1em !important;overflow:visible;} #divTicketRevenue .wdg-ticketcat{overflow:visible;} #divTicketRevenue .wdg-ticketcat span{white-space:pre;} #divTicketLookup label, #divTicketLookup input[type=text]{margin-right:0.25em;} #divTicketInfo-Order{margin-bottom:2em;} #divTicketInfo-Order span{display:inline-block;width:7em;margin-bottom:0.5em;} #divTicketDetails .jqtable{margin-bottom:0;} /* W19 - Event: Ticket Lookup ==================================================== */ #divTODLookup div label:first-child{width:13em;} #divTDOOrderList .wdg-ordernum{width:100px !important;} #divTDOOrderList .wdg-ticketrange{width:100px !important;} #divTDOOrderList .wdg-firstname{width:auto !important;} #divTDOOrderList .wdg-purchaseremail{width:auto !important;} #divTDOOrderList .wdg-orderstatus{width:100px !important;} #divTODTicketDetails .jqtable, #divOrderListTable.jqtable{margin-bottom:0;} #divTODOrderInfo{background:#f5f3ed;border-radius:0.5em;padding:1em 1em 0.5em;margin-bottom:1em;} #divTODOrderInfo span{display:inline-block;width:8em;margin-bottom:0.5em;font-weight:bold;} #divTODOrderInfo .status{border:1px solid #8d8a82;border-radius:0.5em;margin-left:-0.5em;padding:0.5em 0.5em 0;width:25em;} #divTODOrderInfo .status span, #divTODOrderInfo .status label{color:#bb4156;font-weight:bold;} /* W19a - Event Invoice (Offline Ticket Sales) =================================== */ /*image version*/ #divInvoiceScreen{width:657px;height:917px/* 889px */;position:relative;background:url("../images/invoiceframe.png") no-repeat;} #divInvoiceScreen:before{content:"";display:block;position:absolute;top:0;left:0;width:657px;height:917px;background:url("../images/invoiceframe-interim.png") no-repeat;z-index:1;opacity:0.25;} #divInvoiceScreen.paid:before{content:"";display:block;position:absolute;top:0;left:0;width:657px;height:917px;background:url("../images/invoiceframe-paid.png") no-repeat;z-index:1;opacity:0.25;} #divInvoiceScreen div{position:absolute;top:0;left:0;} #divInvoiceScreen div label{display:inline-block;vertical-align:top;} #divInvoiceScreen div label:first-child{font-weight:bold;width:7.5em;} #divInvoiceScreen #divInvoiceDetails div label:first-child{font-weight:normal;} /*label variations*/ #divInvoiceScreen .subtotal label, #divInvoiceScreen .total label{margin-right:0.5em;float:right;} #divInvoiceScreen .subtotal label:first-child, #divInvoiceScreen .total label:first-child{float:none;} #divInvoiceScreen #divEventInfo div label:first-child, #divInvoiceScreen #divGroupInfo div label:first-child{width:7.5em;} #divInvoiceScreen div textarea{position:absolute;top:-2px;left:98px;width:525px;height:2em !important;resize:none;overflow:hidden;border:none;background:none;} #divInvoiceScreen .invoicedate{top:128px;left:340px;width:310px;} #divInvoiceScreen .invoicedate label{} #divInvoiceScreen .invoicedate label:first-child{font-size:1.2em;margin-left:0.5em;} #divInvoiceScreen .invoiceid{top:128px;left:20px;width:305px;} #divInvoiceScreen .invoiceid label:first-child{width:auto;margin-right:1.5em;font-size:1.2em;} #divInvoiceScreen .invoicedesc{top:164px;left:20px;width:620px;} #divInvoiceScreen .invoiceto{top:197px;left:20px;width:625px;} #divInvoiceScreen .invoiceduedate{top:777px;left:20px;width:270px;} #divInvoiceScreen .invoiceduedate label{float:right;} #divInvoiceScreen .invoiceduedate label:first-child{float:none;width:9em;} #divInvoiceScreen .invoicestatus{top:252px;left:20px;width:225px;} #divInvoiceScreen .invoicesendconfirm{top:190px;left:386px;width:266px;padding:2px 6px 0;background:#ff5c00;box-sizing:border-box;moz-box-sizing:border-box;} #divInvoiceScreen .invoicesendconfirm label{color:white;} #divInvoiceScreen .invoicesendconfirm input{width:250px;} #divInvoiceScreen .eventname{top:303px;left:20px;width:625px;} #divInvoiceScreen .eventdate{top:334px;left:20px;width:625px;} #divInvoiceScreen .organizerinfo{top:365px;left:20px;width:625px;} #divInvoiceScreen .eventadmins{top:422px;left:20px;width:625px;} #divInvoiceScreen .eventadmins textarea{min-height:1em;height:1.5em;left:115px;width:510px;top:-1px;padding:0;} #divInvoiceScreen .groupname{top:303px;left:20px;width:625px;color:#4c4c4e;margin:0;padding:0;} #divInvoiceScreen .groupadmins{top:422px;left:20px;width:625px;} #divInvoiceScreen .groupadmins textarea{min-height:1em;height:1.5em;left:115px;width:510px;top:-1px;} #divInvoiceScreen #divInvoiceDetailHeader{top:473px;left:20px;font-weight:bold;} #divInvoiceScreen #divInvoiceDetails{top:500px;left:20px;line-height:2.36em;}/*align rows to table*/ #divInvoiceScreen #divInvoiceCurrency{top:445px;left:350px;text-align:right;width:300px;font-size:0.85em;} #divInvoiceDetails div label:first-child{width:auto;} #divInvoiceScreen #divInvoiceDetails div{position:static;} #divInvoiceScreen #divInvoiceDetails div.column.one{width:500px;} #divInvoiceScreen #divInvoiceDetails div.column.two{width:120px;text-align:right;} /*invoice dialog window tweaks*/ .divWdwInvoice button.ui-dialog-titlebar-close{visibility:visible !important;} .divWdwInvoice button.ui-dialog-titlebar-close{top:1.75em;right:1em;height:2em;width:2em;} /*final invoice tweaks (read only stuff)*/ #divInvoiceScreen.final:before{display:none;} #divInvoiceScreen.final .invoicesendconfirm{top:190px;left:386px;width:254px;padding:2px 6px 0;background:none;} #divInvoiceScreen.final .invoicesendconfirm input{border:none;} #divInvoiceScreen .subtotal{top:756px;left:340px;width:305px;} #divInvoiceScreen .total{top:857px;left:340px;width:305px;} /*variation when loaded as standalone window*/ #frmInvoice .invoicewindow{background:white;padding:3em 3em 14em;} #frmInvoice .invoicewindow #divInvoiceScreen{margin:0 auto;} #frmInvoice .invoicewindow #divInvoiceScreen textarea{font-family:'Lato', Arial, sans-serif !important;font-size:13px !important;background:none;color:#4c4c4e;} #frmInvoice .invoicewindow #divInvoiceScreen #txtSendTo{width:253px !important;} #frmInvoice .invoicewindow #spExtButtons{position:absolute;bottom:-7em;left:0;width:100%;text-align:center;padding-top:2em;border-top:1px solid black;} #frmInvoice .invoicewindow #spExtButtons .button{display:inline-block;font-size:1.2em;min-width:4em;margin:0 0.25em;padding:0.5em 1em;border-color:#088c86;background-color:#2abcb9;} /* W20 - Event: Custom Q's Section =============================================== */ #divRSVPQuestionInfo{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;margin:40px 10px 30px;padding:0.6em;background:#f5f3ed;border-radius:0.35em;} #divRSVPQuestionInfo h4{position:absolute;top:-1.4em;left:0;font-size:1.54em;color:#4c4c4e;} #divRSVPQuestionInfo #divRSVPQuestionInfo_Q{width:32em;} #divRSVPQuestionInfo #divRSVPQuestionInfo_Q div{display:none;opacity:0;text-overflow:ellipsis;overflow:hidden;white-space:pre;} #divRSVPQuestionInfo #divRSVPQuestionInfo_Q div:first-child, #divRSVPQuestionInfo.expanded #divRSVPQuestionInfo_Q div{display:block;opacity:1;} #divRSVPQuestionInfo #divRSVPQuestionInfo_Q div:before{content:"\"";} #divRSVPQuestionInfo #divRSVPQuestionInfo_Q div:after{content:"\"";} #divRSVPQuestionInfo_L{position:absolute;top:0.75em;right:0.75em;} /* #divRSVPQuestionInfo #divRSVPQuestionInfo_L:hover div, #divRSVPQuestionInfo #divRSVPQuestionInfo_E:hover div{color:#33e5e1;} */ #divRSVPQuestionInfo divRSVPQuestionInfo_Q div, #divRSVPQuestionInfo.expanded divRSVPQuestionInfo_Q div{-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;} /* W20 - Event: Whoozin Table & Comments ========================================= */ .whoozintable{position:relative;margin:0 10px 30px;} /*.eventa .whoozintable{margin:20px 13px 0 10px;}*/ /* .eventu .headcount.hcu{margin-bottom:-2em;} */ /* .eventu .whoozintable .jqtable{margin-top:4em;} */ /* .eventu .whoozintable .jqtable.noheader{margin-top:2em;} */ .whoozintable .manageattending{position:absolute;right:0;top:-2.5em;} .whoozintable .manageattending.noheader{top:-2.5em;} .whoozintable .attendingfilter{position:absolute;top:0.25em;left:0;} .whoozintable .buttonrow-top{height:0;} #h2WhoCanComeNoTab{display:inline-block;} #h2WhoCanComeNoTab h2{display:inline-block !important;margin-right:1em;margin-left:10px;} #div_ddlContactFilter{display:inline-block;vertical-align:middle;margin-bottom:0.25em;} /* .eventa #div_ddlContactFilter{position:relative;top:0;left:6px;} */ /* .grouppage #div_ddlContactFilter{margin-bottom:4px;} */ #lnkContactMgmt, #btnAddTemplatedEvents{display:inline-block;font-size:1.23em;padding:0.2em 0;width:9.25em;text-align:center;} .whoozintable .manageattending.inviteregister a#lnkContactMgmt{width:12.25em;} .whoozintable .manageattending.register a#lnkContactMgmt{width:15.25em;} #divMessageUnderTheTable{display:block;text-align:center;color:#4c4c4e;text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-weight:normal;font-size:1em;margin-bottom:0.5em;margin-top:-1em;} #MainContent_divEventMain .buttonrow-top .button, #divCreateDatePoll.buttonrow-top .button{display:inline-block;font-size:1.2em;padding:0.3em 1.75em 0.2em;margin-top:0;width:6em;text-align:center;} /*new event button*/ /* #divCreateDatePoll.buttonrow-top.nopolls {margin-top:0 !important;} */ #ctl00_MainContent_wTabsEvents_tmpl1_wibGetAttendees__2, #ctl00_MainContent_wTabsEvents_tmpl1_wibGetAttendees__3{margin-left:0 !important;} /*display all btn*/ #lbtnViewingOptions{width:135px;position:relative;top:8px;vertical-align:top;} /*Registration Options*/ .regchk{display:block;margin-bottom:12px;} .chkBlockRegView.note{margin:0 0 1em 1.5em;} .regbox{position:relative;border-radius:4px;background:#f5f3ed;padding:8px 12px 12px;margin:0 0 12px;} .regbox .textinput, .regbox .label, .regbox .button{display:inline-block;} .regbox .textinput{display:block;width:285px;margin-left:12px;} .regbox .checkbox{margin-left:12px;} .regbox h4{border-top:1px solid #ddd;margin-top:6px;padding-top:6px;font-size:14.5px;} .window-registrationsetup .textinput{display:block;width:98%;margin-bottom:6px;} /*full table-width user comments*/ .whoozintable .wdg-view_name{overflow:visible !important;} .whoozintable .wdg-view_name .usercomment, .whoozintable .wdg-view_name .guestnames, .whoozintable .wdg-view_name .ticketnames{width:165%;word-wrap:break-word;} .usercomment, .groupname{color:#8a8d82;margin-left:6px;display:block;padding-bottom:3px;} .usercomment{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;background:url("../images/icons/usercomment.png") no-repeat 0px -2px transparent;margin-left:-7px;padding-left:24px;} .namefield{width:auto;} #lblName span{display:inline-block;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;margin-left:0.25em;} #lblName.couple span{display:inline-block;margin-right:0.5em;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .guestnames span, .familynames span, .ticketnames span{display:block;} .guestnames span:before, .familynames span:before{content:"+";display:inline-block;width:1.25em;margin-left:0;} .ticketnames span:before{content:"•";display:inline-block;width:1.25em;margin-left:0;} .familynames span:before{content:"•";} .guestnames span:after{content:"(Guest)";display:inline-block;margin-left:3px;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} /* First/Last sorting link */ th.wdg-view_name div{display:inline-block;} th.wdg-view_name a{display:inline-block;margin-left:0.5em;} th.wdg-view_name a:hover{color:#33e5e1;} /* EA Table - Family & Couple Profile Icons*/ /*

Up to 4 people

*/ .wdg-view_name #divName a{position:relative;display:inline-block;margin-left:0.5em;width:16px;height:16px;background:url("../../library/images/icons/sprite-linkicons.png") no-repeat -480px 0px;} .wdg-view_name #divName a.couple{background-position:-480px 0px;} .wdg-view_name #divName a.family{background-position:-464px 0px;} .wdg-view_name #divName a p{display:none;} .wdg-view_name #divName a.couple:hover{background-position:-480px -16px;} .wdg-view_name #divName a.family:hover{background-position:-464px -16px;} .wdg-view_name #divName a:hover p{display:block;position:absolute;top:0;left:0;background:#2abcb9;color:white;padding:0 0.5em;border-radius:0.35em;white-space:pre;} /* W21 - OLD Date Poll: Response Table ============================================== */ /*border around poll area*/ .pollwrapper{overflow:hidden;padding-top:54px;border:1px solid #8d8a82;border-radius:4px;margin-bottom:12px;} .pollwrapper-notactive{overflow:hidden;border-style:none;border-radius:0;margin-bottom:0;padding-top:0;} .pollwrapper-notactive .polloverflow{margin:1px;} .polleetable{border-top:1px solid #ddd;padding-top:12px;margin-top:20px;} .polloverflow, .polloverflow th{overflow:visible !important;} .polloverflow th{vertical-align:top;} .polloverflow{margin:0 -1px -1px;} .pollsuperhead{position:relative;} .pollsuperhead .pollyes, .pollsuperhead .pollyesbest, .pollsuperhead .polllabel {position:absolute;top:-40px;display:inline-block;width:55px;height:28px;padding:1px 0 0;color:#fff;text-align:center;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} .pollsuperhead .polllabel{color:#4c4d4e;right:0;width:200px;text-align:right;} .pollsuperhead .pollyesbest{background-image:url("../images/pollhead-best.png");background-repeat:no-repeat;} .pollsuperhead .pollyesbest:before{content:"best";color:#2abcb9;position:absolute;top:-15px;left:15px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .pollsuperhead .pollyes{background-image:url("../images/pollhead-regular.png");background-repeat:no-repeat;} .pollsuperhead .pollyesbest, .pollsuperhead .pollyes{left:50%;margin-left:-26px;} /*fixes header+bubble alignment for any # of columns*/ .polleetable{padding-top:20px;border-top:1px solid #ddd;} .polleetable h2{position:absolute;top:0;left:0;} .polleetable .buttonrow-top{position:relative;margin-top:0px;margin-bottom:6px;} .polleetable .buttonrow-top .haveviewed{float:left;position:relative;top:7px;left:12px;} .rsvp-line, .registration-line{position:relative;padding:12px 6px 6px 6px;margin:3px 0 0;width:626px;height:24px;border-radius:4px;border:1px solid #ddd;background:#f5f3ed;} .pollresponsebox{background:none;box-shadow:none;border-style:none;margin-bottom:0;margin-top:-3px;padding-bottom:20px;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);} /*poll totals row (footer template)*/ .polltotals{position:relative;height:80px;margin-top:4px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .polltotals .label{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;font-weight:normal;display:block;} .polltotals .noreplycount{position:absolute;bottom:6px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;font-weight:normal;} .polltotals .polltotalsrows{position:absolute;right:0;top:0;} .polltotals .rsvpbubble{display:block;margin-bottom:6px;} .polltotalcount{display:block;height:28px;position:relative;top:4px;text-align:center !important;} /* .polltotal-in{} .polltotal-out{} .polltotal-maybe{} */ /* ===== New Poll Styles ========================================================= */ /*Poll Tables*/ #divProposedTime, #divPollResposnes{position:relative;margin:0 10px;} #divProposedTime h2{margin-bottom:0.4em;} #lbtnProposedTime{position:absolute;top:0;right:0;font-size:1.2em;padding:0.2em 1.75em;text-align:center;} #divPollResposnes #lnkContactMgmt{position:absolute;top:1.5em;right:0;} /* #divPollResposnes #ddlContactFilter{margin-bottom:0.5em;} */ /*new poll table columns*/ .wdg-pollresponse{width:3em !important;text-align:center;} th.wdg-pollresponse{text-align:center !important;padding-left:0.5em !important;} th.wdg-pollresponse div{cursor:default;} .wdg-pollnumber{width:2.75em !important;} .wdg-pollnumber div, th.wdg-pollresponse div{display:inline-block;background:#8d8a82;color:white;text-align:center;border-radius:2em;height:1.5em;width:1.5em;padding:0.2em 0.125em 0;font-size:1.25em;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;font-weight:normal;} #divProposedPollDetails.jqtable table td{vertical-align:middle;} #divPolleesGrid.jqtable table th.wdg-view_name {vertical-align:middle;} #divPolleesGrid.jqtable table thead tr{padding-top:0.5em;padding-bottom:0.5em;} .wdg-pollin, .wdg-pollout, .wdg-pollmaybe{width:8em !important;text-align:center !important;} .wdg-pollin div, .wdg-pollout div, .wdg-pollmaybe div{display:inline-block;text-align:center;width:84px;height:22px;background:url("../images/sprite-rsvpbubble.png") no-repeat 0 0;color:white;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-weight:normal;} .wdg-pollin div{background-position:0px 0px;} .wdg-pollout div{background-position:0px -46px;} .wdg-pollmaybe div{background-position:0px -23px;} /*new poll - highlighting for best date*/ #divProposedPollDetails tr.pollbest, #divPolleesGrid td.wdg-pollresponse.pollbest{background:#e9f0d2 !important;}/*light green*/ #divPolleesGrid tr.even td.wdg-pollresponse.pollbest{background:#dce7b7 !important;} /*striping tweak*/ #divProposedPollDetails tr.pollbest td.wdg-pollnumber div, #divPolleesGrid th.wdg-pollresponse.pollbest div{background:#a8c44c;position:relative;} #divProposedPollDetails tr.pollbest/* :hover */ td.wdg-pollnumber div:after{content:"BEST";position:absolute;top:0;left:13.5em;width:3.5em;padding:0.1em;color:white;background:#a8c44c;border-radius:0.35em;} #divPolleesGrid th.wdg-pollresponse.pollbest div:after/* , #divProposedPollDetails tr.pollbest:hover td.wdg-pollnumber div:after */{content:"BEST";position:absolute;font-size:0.75em;top:1.85em;left:50%;margin-left:-1.75em;width:3.5em;padding:0;color:white;background:#a8c44c;border-radius:0.5em;z-index:2;} /*icons for poll responses - sprite*/ .poll-yes, .poll-no, .poll-maybe, .poll-noreply{display:inline-block;width:16px;height:16px;margin-bottom:-1px;background:url("../images/icons/sprite-linkicons.png") no-repeat -400px 0px;} .poll-yes{background-position:-400px 0px;} .poll-no{background-position:-416px 0px;} .poll-maybe{background-position:-432px 0px;} .poll-noreply{background-position:-448px 0px;} /*new poll response dialog*/ #frmDollResponse p.note{margin-top:1.5em;} #frmDollResponse .column.one{width:13em;} #frmDollResponse .column.two{width:33em;} #frmDollResponse #rdoCommentToAdmin{margin-left:2em;} #frmDollResponse .rsvppromo{display:none;} /* W22 - Event/Poll Comments ===================================================== */ /*comments box*/ .leavecomment{padding-top:1em;margin:0 10px 25px;} .comments{padding-top:1em;margin:0 10px 0;} .leavecomment strong{margin-left:0.5em;} .leavecomment h3, .comments h3{margin-bottom:0.5em;margin-left:0.4em;color:#4c4c4e;} .leavecomment h3:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px 0;margin-top:-3px;margin-right:0.2em;} .comments h3{background:url("../images/icons/comments.png") no-repeat 3px 0px;margin-top:16px;} .leavecomment .textinput{margin:0 0 0.5em;} .leavecomment .remainingchar{position:relative;top:-6em;} .leavecomment .leavecomment-menu{text-align:center;margin-top:-1em;} .leavecomment .button{margin-left:0.5em;color:white;font-style:italic;} .commentprofile{position:absolute;top:31px;left:170px;z-index:2;} .commentprofile select{margin-left:6px;} /*comments section*/ .comment{position:relative;border-top:1px solid #8d8a82;padding-bottom:16px;} .commentmeta{background:#f5f3ed;padding:6px;position:relative;height:1.75em;} .commentmeta .name{display:inline-block;vertical-align:top;color:#4c4c4e;margin-right:2px;padding-left:12px;/* padding-left:30px;background:url("../images/icons/comment.png") no-repeat 0px 3px; */font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;font-style:normal;max-width:18em;overflow:hidden;text-overflow:ellipsis;white-space:pre;} .commentmeta:hover .name{white-space:normal;border-radius:0.5em;padding-bottom:0.5em;background:#f5f3ed;} .commentmeta .wrote{display:inline-block;color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8a8d82;font-style:normal;} .commentmeta .date{color:#8d8a82;position:absolute;top:6px;right:12px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;color:#8a8d82;font-style:normal;} .commentmeta .toadmin{margin:0 2px;} .commentmeta .asadmin{color:#8aa13f;margin:0 2px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;font-style:normal;} .commentcontent{padding:6px 50px 6px 36px;word-wrap:break-word;} /*.commentrsvp{}for rsvp bubbles*/ /*hover/delete functionality - only in admin mode*/ .comment .inlineDelete{/* display:none; */position:absolute;right:12px;top:42px;} /* .comment:hover .inlineDelete{display:block;position:absolute;right:12px;top:42px;} */ /*entities with new comments - attach to divRSVP*/ .newcomment:before{display:block;position:absolute;top:auto;left:-12px;margin-top:2px;width:17px;height:16px;background:url("../images/icons/newcommentleft.png") no-repeat 0px 0px;content:".";font-size:0;} .newpastcomment{display:inline-block;background:url("../images/icons/newcommentright.png") no-repeat 29px 4px;padding-right:23px;height:23px;margin-bottom:-4px;} /*legend for landing/group*/ .legend{background:#f5f3ed;/* border:1px solid #8d8a82; */border-radius:6px;padding:8px 10px;width:275px;position:absolute;top:16px;right:0;} .legend span{padding-left:25px;margin-top:4px;display:block;} .legend span:first-child{margin-top:0;} .legend-admin{background:url("../images/icons/usertype-admin.png") no-repeat 3px 2px;}/*can't use sprite*/ .legend-comment{background:url("../images/icons/newcommentleft.png") no-repeat 0px 4px;} /* My Groups / Group Page Tables ---------------------------------------------------- */ #MainContent_divCurrentMembers{position:relative;} #MainContent_divCurrentMembers .manageattending{position:absolute;right:0;top:0.5em;} .grouppage #MainContent_divCurrentMembers .manageattending{top:0;} /* #MainContent_divCurrentMembers .manageattending .button{padding:4px 10px;} */ .grouppage .attendingfilter{display:inline-block;margin-left:1em;vertical-align:text-bottom;} /*poll filters*/ .pollpage .attendingfilter{display:inline-block;margin-left:1em;vertical-align:bottom;} .pollpage .manageattending{position:absolute;right:0;top:-1.9em;} /* W23 - Recurring Events Group/Template ============================================ */ /*landing*/ /*queued rsvp bubble (same as not activated?)*/ /*wizard*/ #divCreateTemplateREQ .column.two{width:440px;} #divCreateTemplateREQ .column.two input{width:100%;} /*Group*/ #divEventTemplates .buttonrow-top{margin:0;} #divEventTemplates a.help{vertical-align:inherit;} /* #divEventTemplates #divTempTab.jqtable{margin-top:0;} */ /*columns*/ #divTempTab .wdg-templatename{width:240px !important;} #divTempTab .wdg-numqueued{width:150px;} #divTempTab .wdg-nextact{width:202px;} #divTemplatedEvents .emptyrows{padding:0.5em;border:1px solid #8d8a82;margin-bottom:3em;} /*Group Dialogs*/ #divCreateTemplate .column.one{width:10em;} #divCreateTemplate .divEventName h4 label{/* text-decoration:none;font-family:'Lato', Arial, sans-serif; */font-weight:bold;font-style:italic;} #divCreateTemplate .divEventName .column.two{width:auto;} #divCreateTemplate .divEventName .column.two #txtSchedEventName{display:block;width:31em;} #divCreateTemplate .divEventName .column.two h4{display:inline-block;margin-right:0.5em;width:5.5em;vertical-align:top;margin-bottom:0;} #divCreateTemplate .divEventName #divNewGrp, #divCreateTemplate .divEventName #divExistingGrp{display:inline-block;} #divCreateTemplate .divEventName #divNewGrp input{width:24.85em;} #divCreateTemplate .divEventName #divExistingGrp select{width:24.75em;} #divCreateTemplate .divEventName #divGrpChoice{margin-bottom:0.5em;} #divCreateTemplate .divEventName #divGrpChoice label{margin-right:1.5em;} /*Event Template*/ .eventtemplate .tutorial{margin:0 10px 13px;padding:0.5em 1em;border:1px solid #872f3e;border-radius:0.35em;background:#f5e3e6;} .eventtemplate .tutorial h2:before{content:"";display:inline-block;width:16px;height:16px;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px -32px;} .eventtemplate .tutorial ul{padding-left:2.1em;margin:0.5em 0 1em;} .eventtemplate .tutorial ul li{margin-bottom:0.25em;} .eventtemplate .tutorial .button{display:block;margin:0 auto 0.5em;width:11em;text-align:center;background-color:#4c4c4e;border-color:#4c4c4e;} .eventtemplate .warningbox{background-color:#2abcb9;border-color:#088c86;} .eventtemplate .adminoptions{border-bottom:1px solid #8d8a82;border-bottom-left-radius:0.35em;border-bottom-right-radius:0.35em;} .eventtemplate .pageheader{border-top:5px solid #bb4156;} .eventtemplate .breadcrumb li.pagetype{background:#bb4156;border-color:#bb4156;} .eventtemplate .link-subscribe{right:auto;left:12em;top:-1.25em;} /* .eventtemplate .whoozintable .manageattending{position:absolute;top:-2.25em;right:0;} */ /* Template Dialogs */ #frmQueuedEvents .column.one{width:13em;} #frmQueuedEvents .column.two select{margin:0 0.5em;} #frmQueuedEvents .eventschedule{position:relative;border-top:1px solid #ddd;margin-top:1em;padding-top:1em;} #frmQueuedEvents .eventschedule .button{position:absolute;top:0.75em;right:0;} #frmQueuedEvents .eventschedule .jqtable.noheader{margin-bottom:0.5em;} #frmQueuedEvents #divEvtsListing .wdw-when{width:210px !important;} #frmQueuedEvents #divEvtsListing .wdw-eventname{width:auto;} #frmQueuedEvents #divEvtsListing .wdw-host{width:150px;} #frmQueuedEvents #divEvtsListing .wdw-where{width:150px;} #frmQueuedEvents #divEvtsListing .wdw-daysprior{width:150px;} #frmQueuedEvents #divEvtsListing .wdw-daysprior select{display:block;width:7em;} #frmQueuedEvents #divEvtsListing .wdw-inlineOptions{width:33px !important;} #frmQueuedEvents .eventschedule h4{margin-bottom:0;} #frmQueuedEvents .eventschedule .note{color:#4c4c4e;margin-bottom:0.5em;font-style:normal;} #frmQueuedEvents .eventschedule .note:before{content:"Note:";font-weight:bold;font-style:normal;margin-right:0.25em;} #frmQueuedEvents .emptyrows{padding:0.5em;border:1px solid #8d8a82;} #divAddDialog #divTime{border-top:1px solid #ddd;margin-top:1em;padding-top:1em;padding-left:1.75em;} #divAddDialog #divSeries{padding-left:1.75em;margin-top:1em;} #divAddDialog #divSeries select{margin:0 0.5em;} #frmTemplateEvtListing .jqtable{margin-bottom:0.5em;} #frmTemplateEvtListing .wdg-eventname{width:210px !important;} #frmTemplateEvtListing .wdg-activation{width:130px;} #frmTemplateEvtListing #lblMore{color:#bb4156;} /* W23 - Sidebar: My Events Page =================================================== */ /* create new event button */ .leftcolumnbox.createnewbox{padding:0;border:none;box-shadow:none;} .createnewbox .button{display:block;padding:2px 6px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;background-size:100% 50%;background-position:0 0;background-color:#a8c44c;border-color:#8aa13f;} .createnewbox .button:hover{background-position:0 100%;} .createnewbox .button span{font-size:13px;display:block;/* text-align:right; */} /* View Group dropdown */ .grouplaunchbox{padding:12px 20px;position:relative;margin:0 0 20px !important;} .grouplaunchdd{width:175px;} .grouplaunchbox .button{position:absolute;top:12px;right:20px;width:30px;padding:0 6px;text-align:center;} /* MyEvents.aspx create new event - deprecated? */ .createtitle{margin:0 0 12px 55px;font-size:14px;line-height:1.6em;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .createbox{padding:15px 0px;margin:0 -2px;} .createbox .button{display:block;text-align:center;width:115px;margin:0 auto;} .createbox:first-child{border-bottom:1px solid #ddd;} .createclubicon, .createeventicon, .createpollicon{position:absolute;margin:0 13px 0 -3px;width:45px;height:42px;} .createclubicon{background:url("../images/icons/create-multiple.png")} .createeventicon{background:url("../images/icons/create-single.png")} .cancelmsg{color:#bb4156;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;display:block;} /* W24 - Sidebar: entity page ======================================================== */ .eventdetail, .eventdetail-disabled{position:relative;padding:1em 0 0.5em 1.75em;border-top:1px solid #ddd;} .eventdetail.sidebar-when{border-top:none;} /* #MainContent_rptBoxes_divRptItem_0{border-top:none;} */ .eventdetail p{word-wrap:break-word;} .eventdetail a.aspNetDisabled, .eventdetail a.aspNetDisabled:hover{color:#8d8a82;text-decoration:none;} /*when - additional details*/ #lblWhenAddInfo{display:block;width:13em;margin-right:-1em;overflow-x:hidden;text-overflow:ellipsis;} #MainContent_lnkWhen{position:absolute;top:1.2em;right:0;padding:0;} #diveventdetail_When #divWhenAddInfoSidebar{position:relative;display:block;min-height:1.25em;} #diveventdetail_When #divWhenAddInfoSidebar a.edit{float:none;position:absolute;right:0;top:0;margin:0;} /*layout adjustment if empty*/ #diveventdetail_When #divWhenAddInfoSidebar a.empty{position:static;} #diveventdetail_When #divWhenAddInfoSidebar a.empty:before{content:"";width:16px;height:16px;display:inline-block;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") -384px 0px no-repeat;vertical-align:text-top;} #diveventdetail_When #divWhenAddInfoSidebar a.empty:hover:before{background-position:-384px -16px;} /*when - calendar download */ #div_vCalDownload{display:block;margin:0.5em 0;} #div_vCalDownload a:before, #divRSVPTYMsg_EventCal a:before{content:"";width:16px;height:16px;display:inline-block;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") -512px 0px no-repeat;vertical-align:text-top;} #div_vCalDownload a:hover:before, #divRSVPTYMsg_EventCal a:hover:before{background-position:-512px -16px;} /*exceptions for share link*/ .eventdetail.eventdetail-disabled.sharedlink{color:#4c4c4e;} /* icons */ #diveventdetail_When .icon, #diveventdetail_rsvpby .icon, #diveventdetail_Where .icon, #diveventdetail_Host .icon, #diveventdetail_Custom .icon, #diveventdetail_PayOrg .icon{position:absolute;top:1.1em;left:-0.25em;width:20px;height:20px;background:url("../images/icons/sprite-adminoptions.png") no-repeat 0px -60px;} /*#diveventdetail_Share .icon, #MainContent_diveventdetail_Share .icon,*/ /* #diveventdetail_Share .icon, #MainContent_diveventdetail_Share .icon{background-position:-20px -60px;} */ #diveventdetail_When .icon{background-position:-280px -60px;} #diveventdetail_rsvpby .icon{background-position:-320px -60px;} #diveventdetail_Where .icon{background-position:-340px -60px;} .grouppage #diveventdetail_Where .icon{background-position:-140px -60px;} #diveventdetail_Host .icon{background-position:-360px -60px;} #diveventdetail_Custom .icon{background-position:-300px -60px;} /* .phone:before{content:url("../images/icons/phonenumber.png");width:17px;height:13px;padding-right:4px;margin-left:-21px;} .email:before{content:url("../images/icons/emailaddress.png");width:17px;height:13px;padding-right:4px;padding-top:2px;margin-left:-21px;} */ #diveventdetail_PayOrg .icon{background-position:-400px -60px;} /*disabled icons*/ .eventdetail-disabled{color:#aaa;} #diveventdetail_When.eventdetail-disabled .icon{background-position:-280px -40px;} #diveventdetail_rsvpby.eventdetail-disabled .icon{background-position:-320px -40px} #diveventdetail_Where.eventdetail-disabled .icon{background-position:-340px -40px;} .grouppage #diveventdetail_Where.eventdetail-disabled .icon{background-position:-140px -40px;} #diveventdetail_Host.eventdetail-disabled .icon{background-position:-360px -40px;} #diveventdetail_Share.eventdetail-disabled .icon, #MainContent_diveventdetail_Share.eventdetail-disabled .icon{background-position:-20px -40px;} #diveventdetail_Custom.eventdetail-disabled .icon{background-position:-300px -40px;} #diveventdetail_PayOrg.eventdetail-disabled .icon{background-position:-400px -40px;} /* Where */ #lnkpWhere{display:inline-block;margin-bottom:0.75em;} /*pay organizer tweak for background*/ #diveventdetail_PayOrg #diveventdetail_PayOrg .icon{top:1.1em;left:15px;} #diveventdetail_PayOrg a.edit{right:6px;padding:0;} /*white bg version #diveventdetail_PayOrg.eventdetail-disabled{background:white;margin:0;padding:1em 0 0.5em 1.75em;border-bottom:none;} #diveventdetail_PayOrg.eventdetail-disabled .icon{top:1.1em;left:-3px;} #diveventdetail_PayOrg.eventdetail-disabled a.edit{right:0;}*/ /*green bg version*/ #diveventdetail_PayOrg.eventdetail-disabled{background:#f3f6e1;border-bottom:1px solid #ddd;margin:0 -16px -1px -18px;padding:1em 16px 0.5em 40px;} #diveventdetail_PayOrg.eventdetail-disabled .icon{top:1.1em;left:15px;} #diveventdetail_PayOrg.eventdetail-disabled a.edit{right:16px;} #diveventdetail_PayOrg.eventdetail-disabled{color:#8c9071;} /* list of admins */ #divAdminDetails{position:relative;border-top:1px solid #ddd;border:1px solid #8d8a82;padding:10px 20px 15px 40px;margin:-1px -17px -10px -19px;background:white/* #f5f3ed */;border-bottom-left-radius:4px;border-bottom-right-radius:4px;line-height:1.3em;} #divAdminDetails h4{display:block;position:relative;margin-top:0.5em;} #divAdminDetails h4:before{content:"";background:url("../images/icons/usertype-admin.png");width:12px;height:14px;position:absolute;top:1px;left:-21px;} #divAdminDetails span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;} #divAdminDetails .edit{position:absolute;top:1.3em;right:1.3em;margin-top:0;} .eventu #divAdminDetails a{display:block;margin-top:-0.75em;} /*share this event box*/ .sharedlink h3:before{content:"";position:absolute;top:16px;left:-4px;width:20px;height:20px;background:url("../images/icons/sprite-adminoptions.png") no-repeat -20px -60px;} .sharedlink h3{overflow:visible !important;} .sharedlink.eventdetail-disabled h3:before{content:"";background-position:-20px -40px;} .sharedlink span{display:inline-block;/* margin-top:6px; */color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} .sharedlink p{margin-bottom:10px;} .sharedlink label{display:inline-block;width:190px;vertical-align:top;margin-bottom:1em;} .sharedlink input[type=checkbox]{margin-top:4px;} .sharedlink #pShareEvent label{width:auto;} .sharenotactive p{color:#8d8a82;font-family:'Lato', Arial, sans-serif;font-weight:italic;font-style:italic;} .sharedlink input[type=text]{border-radius:4px;font-size:0.8em;padding:4px 6px;width:220px !important;margin:20px -20px 16px 0;} .eventu .sharedlink input[type=text]{margin-top:4px !important;} /* share event - social media icons*/ #divSocialMedia{height:2em;margin-bottom:0.5em;} #lnkTwitter, #divFBShare, .social-gp, .social-ln{display:inline-block;vertical-align:top;width:20px;height:20px;margin-right:6px;overflow:hidden;background:url("../images/icons/sprite-social.png") no-repeat;} #lnkTwitter:active, .social-fb:active, .social-gp:active, .social-ln:active{opacity:0.8;} #lnkTwitter{background-position:-20px 0px;color:transparent;font-size:0;} #divFBShare{background-position:0px 0px;} .social-gp{background-position:-40px 0px;} .social-ln{background-position:-60px 0px;} #divFBShare iframe, .social-gp iframe, .social-ln span{opacity:0;} .sociallink.social-gp #___plusone_0{margin-left:-16px !important}/*centers g+ popup*/ #divFBShare iframe {transform: scale(2);-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);}/*makes whole icon clickable*/ /* share event - customURL */ a#lbtn_CustomizeEventURL{position:absolute;top:40px;left:28px;} a#lbtn_CustomizeEventURL.new:after{content:"";position:absolute;top:1px;right:-33px;width:30px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -400px -16px;} #divCustomiseURL .instructionbox .one{width:50%;margin-right:3%;} #divCustomiseURL .instructionbox .two{width:30%;padding-left:15%;background:url("../images/icons/premium.png") no-repeat 0px 0px;height:45px;} #divCustomiseURL .instructionbox span{display:inline-block;} #divCustomiseURL .instructionbox .two span.smaller{font-size:0.85em;} #txt_divCustomiseURL_Initial_LinkName{width:23em;} #divCustomiseURL_Initial h4{margin-top:1.5em;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability{background-color:#2abcb9;border-color:#088c86;float:right;width:7.5em;position:relative;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability.available{background-color:#a8c44c;border-color:#8aa13f;text-align:center;cursor:default;pointer-events:none;background-image:none;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability.available:before{content:"";position:absolute;top:0.25em;left:0.5em;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -272px -64px;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability.notavailable{background-color:#bb4156;border-color:#872f3e;text-align:right;cursor:default;pointer-events:none;background-image:none;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability.notavailable:before{content:"";position:absolute;top:0.25em;left:0.5em;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -48px -64px;} #lbtn_divCustomiseURL_Initial_CheckURLAvailability{-webkit-transition: background-color 0.5s ease;-moz-transition: background-color 0.5s ease;-o-transition: background-color 0.5s ease;transition: background-color 0.5s ease;} #lbl_divCustomiseURL_Initial_LinkExpiryMsg{margin-left:12em;} #divCustomiseURL_Initial_Payment{border-radius:0.5em;background:#eaf0cd;padding:0.75em 0.5em 0.25em 1em;height:2em;margin-top:0.5em;} #lbtn_divCustomiseURL_Initial_ProceedtoPay{/* background-color:#a8c44c;border-color:#8aa13f; */float:right;width:7em;margin-top:-0.25em;text-align:center;} #divCustomiseURL_Processed{text-align:center;} #divCustomiseURL_Processed h4{text-align:left;display:block;margin-bottom:1.5em;} #lbl_divCustomiseURL_Processed_EventLink{line-height:1.1em;margin-bottom:1.5em;font-size:1em;display:block;width:100%;white-space:pre-wrap;white-space:-moz-pre-wrap;word-wrap:break-word;} #divCustomiseURL_Processed span{display:inline-block;font-weight:bold;font-size:1.2em;color:#a8c44c;margin-right:1em;position:relative;} #divCustomiseURL_Processed span:after{content:"";display:block;position:absolute;top:-15px;left:-80px;height:45px;width:70px;background:url("../images/icons/premium.png") no-repeat 0px 0px;} /* sidebar - payment */ #MainContent_lblPayOrgTitle{display:block;width:11.5em;} #divWdwPayOrg label{width:10em;margin-bottom:0.5em;vertical-align:top;} #divWdwPayOrg label#lblEAInfo{display:block;box-sizing:border-box;width:100%;background:#f5f3ed;padding:1em;margin-bottom:1.5em;border-radius:0.5em;} #divWdwPayOrg .payeeinfo{padding:0.5em 1em;border-radius:0.5em;border:1px solid #aaa;margin-bottom:1em;} #divWdwPayOrg label.emaila{white-space:pre;overflow:hidden;text-overflow:ellipsis;width:16em;} #divWdwPayOrg label.amttopay{position:relative;margin-left:1em;font-style:italic;font-weight:bold;display:inline-block;margin-bottom:0.5em;} #divWdwPayOrg #txtAmtToOrg{width:7em;} #divWdwPayOrg #txtdivWdwPayOrg_PayerEmail, #divWdwPayOrg #txtdivWdwPayOrg_PayerName{width:15.5em;} #divwdwPayToOrg_WhoozinFee input{background:none !important;border:none !important;text-align:right;width:7em;padding:0.25em 0.5em;} #divWdwPayOrg_ThankYou{line-height:2.5em;text-align:center;} /* sidebar - chat */ a#btnLiveSupport{display:block;margin:0.75em 0 0 2em;} /* sidebar - donate area*/ .donatebox{padding:0;overflow:hidden;width:275px;height:60px;position:relative;} .donatebox a{background:url("../images/sprite-donatebox.png") no-repeat;width:280px;height:61px;display:block;margin:0 !important;} .donatebox a:hover{background-position:0px -61px;} .donatebox a span{font-weight:bold;font-style:italic;position:absolute;top:10px;right:13px;color:#4c4c4e;} .donatebox a h3{position:absolute;font-size:1.5em;bottom:-3px;right:53px;text-decoration:underline;color:#088c86;} .donatebox a:hover h3{color:#2abcb9;} /*default donate button (small) */ .donatebtn{display:block;background:url("../images/donatebutton1.png") no-repeat;width:126px;height:30px} .donatebtn:hover{background-position:0px -30px;} /* sidebar box - donate */ #btnDonate1.donatebtn{display:block;width:276px;height:60px;background:url("../images/donatebox.png") no-repeat 0px -60px;border-radius:0.5em;border:1px solid #8d8a82;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);margin-bottom:2em;} #btnDonate1.donatebtn:hover{background-position:0px 0px;} #btnDonate1.donatebtn{display:none !important;} /* sidebar - donate dialog*/ .donatefields{text-align:center;margin-top:2em;} .donatefields h4{text-align:left;} .donatefields .donateradio{display:inline-block;position:relative;margin-right:1em;} .donatefields .donateradio label{display:inline-block;border-radius:0.5em;font-size:1.54em;width:6em;padding:0.5em;margin:0;background:#2abcb9 url("../images/buttonhighlight2.png") repeat-x;background-size:100% 50%;background-position:0 0;color:white;text-align:center;} .donatefields .donateradio label:hover{background-position:0 100%;cursor:pointer;} /*donate radio animation*/ .donatefields .donateradio label, .donatefields .donateradio label:hover{-webkit-transition: background-position 0.2s ease;-moz-transition: background-position 0.2s ease;-o-transition: background-position 0.2s ease;transition: background-position 0.2s ease;} .donatefields .donateradio input[type=radio]{display:none;} .donatefields .donateradio input[type=radio]:checked + label{background-color:#33e5e1;background-position:0 100%;cursor:pointer;} .donatefields .donateradio.other{display:block;margin:1.25em 0 1em 0.85em;text-align:left;width:23em;} .donatefields .donateradio.other label{width:12.25em;padding-left:2em;text-align:left;} .donatefields .donateradio.other input[type=text]{font-size:1.54em;width:6em;position:absolute;top:0.2em;right:0.5em;padding-left:1em;border:none;text-align:left;} .donatefields .donateradio.other label:after{content:"$";position:absolute;z-index:2;top:0.5em;right:5.65em;color:#4c4c4e;} #divPD_Donate{position:relative;} #divPD_Donate .donatebtn{position:absolute;bottom:0.5em;right:2.5em;} /* add description + section in main content */ .grouppage .descriptionbox{border-top:none;border-bottom:1px solid #ddd;margin-bottom:20px;padding:0 0 30px;} .descriptionbox{margin-bottom:1.5em;margin-top:0px;padding:20px 0 0;/* border-top:1px solid #ddd; */position:relative;} .descriptionbox h3#h3EventDesc{display:inline-block;max-width:560px;font-size:20px;} .descriptionbox h3:empty, .descriptionbox-disabled h3:empty{display:none;} .descriptionbox div{height:;margin-right:10px;line-height:1.5em;}/*reset*/ .descriptionbox .eventicon-what{display:none;} .descriptionbox .edit{float:none;display:inline-block;margin:0 0 0 20px;float:none;vertical-align:top;} .descriptionbox a{display:inline-block;vertical-align:top;} .descriptionbox-disabled{color:#8d8a82;position:relative;} .descriptionbox-disabled .eventicon-what{background:url("../images/icons/details-what-disabled.png");} .descriptiontext-full{height:100%;max-height:10000px;overflow:hidden;background:none;} .descriptiontext-collapsed{max-height:/* 118px */9em;overflow:hidden;} /*120px = 6 lines. -2px for chrome*/ #divEventDescription{display:none;}/*overridden by element style; prevents slow connection issues*/ /*formatting container for desc - EventA*/ #divEventDescriptionText{border:1px solid #ddd;border-radius:0.35em;padding:0.75em 1em;margin-right:0;} /* #divEventDescriptionText p{margin-bottom:0;} */ #divEventDescriptionText h1, #divEventDescriptionText h2, #divEventDescriptionText h3, #divEventDescriptionText h4, #divEventDescriptionText h5, #divEventDescriptionText h6{display:block !important;padding:0;} #divEventDescriptionText p{margin-bottom:0;} #divEventDescriptionText ul, #divEventDescriptionText ol{padding-left:20px;margin-top:6px;} #divEventDescriptionText ul li, #divEventDescriptionText ol li{margin-right:20px;margin-bottom:6px;} #divEventDescriptionText blockquote{margin:0 0 0 13px;}/*absolute, not ems*/ #divEventDescriptionText span{line-height:120%} #divEventDescriptionText em{color:#4c4c4e;} #divEventDescriptionText blockquote{margin-left:20px;margin-right:0;margin-top:0;padding-left:20px;position:relative;font-style:italic;border-left:solid 5px #ccc} #divEventDescriptionText pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;border:solid 1px #ccc;background:#fcfcfc;padding:6px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} /*description box, when disabled*/ .descriptionbox-inactive{font-size:1.54em;margin:1em 0.5em 2em;background:white/* #f5f3ed */;border:2px dashed #94dddc;border-radius:4px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:0.75em;text-align:center;} .descriptionbox-inactive a{color:#088c86;font-weight:bold;text-decoration:none;} .descriptionbox-inactive a:hover{color:#2abcb9;text-decoration:underline;} /*.descriptiontext-collapsed:after{content:"";width:100%;background:url("../images/bgtextoverflow-down.png") repeat-x bottom left;height:40px;position:absolute;bottom:50px;left:0;}fade*/ .descriptiontext-collapsed{-webkit-transition: max-height 1s ease-in, background 0.5s ease;-moz-transition: max-height 1s ease-in, background 0.5s ease;-o-transition: max-height 1s ease-in, background 0.5s ease;transition: max-height 1s ease-in, background 0.5s ease;} .descriptiontext-full{-webkit-transition: max-height 3s ease-in, background 0.5s ease;-moz-transition: max-height 3s ease-in, background 0.5s ease;-o-transition: max-height 3s ease-in, background 0.5s ease;transition: max-height 3s ease-in, background 0.5s ease;} /*dialog - add description*/ #frmSidebarDesc h4{display:inline-block;width:9em;font-weight:normal;font-style:normal;} #frmSidebarDesc input[type=text]{width:39em;margin-bottom:0.5em;} /* #frmSidebarDesc #lblDesc{margin-top:1em;} */ #frmSidebarDesc textarea{display:inline-block;width:33em;vertical-align:top;min-height:6.6em;/*5 lines*/} #frmSidebarDesc .IEwarning{font-weight:bold;color:#bb4156;text-align:center;} /*dialog - where*/ #frmSidebarWhere label{min-width:8em;display:inline-block;/* white-space:pre; */} #frmSidebarWhere #txtLocAddress{width:18.5em;margin-right:0.5em;/* background:#f5f3ed;border-color:#f5f3ed; */} #frmSidebarWhere #divClubInfo input[type=text]{width:27.25em;} #frmSidebarWhere #divWhereAdditionalInfo{margin-top:0.5em;} /*dialog - organizer/host*/ #frmSidebarHost label{width:7em;} #frmSidebarHost input[type=text]{width:23.5em !important;} /*dialog - rsvpby */ #frmSidebarRSVPBy #chkClose{margin-left:2em;} #frmSidebarRSVPBy #divRSVPByDlgByDate{display:inline-block;} #frmSidebarRSVPBy #divRSVPByDlgByDaysBefore{margin-top:0.25em;} #frmSidebarRSVPBy #lblRSVPByDlgByDays{margin-left:0.25em;} #frmSidebarRSVPBy #lblRestrictSubmission{margin-top:1em;} #frmSidebarRSVPBy .hidesidebarbox{margin-top:2em;} /*dialog - reschedule*/ #frmSidebarResched #divOptComment{margin-top:1em;} #divEditReschedTime h4.column.one {padding-left:2em;margin-right:-2.2em;} #divEditReschedTime .ucDateTime .column.one h4.required{margin-left:2.3em;} #frmSidebarResched #divRSVPdeadline h4{width:8em;display:inline-block;} #frmSidebarResched #divRSVPdeadline input[type=text]{width:16em;margin-right:0.5em;} /*dialog - finalize datepoll (convert to event)*/ #divFinalizeDetail #trltrDateTime label{} /*dialog - add custom header */ #frmSidebarCustom h4{display:inline-block;width:9em;} #frmSidebarCustom #divSetup{margin-bottom:0.5em;} #frmSidebarCustom #divSetup label{margin-right:1.5em;} #frmSidebarCustom #divCommon label{width:9em;margin-right:0;} #frmSidebarCustom #divCommon input[type=text]{width:19.75em;} #frmSidebarCustom textarea{min-height:7em;/*5 lines*/} #frmSidebarCustom input[type=file]{width:100%;display:block;} /* add custom info */ .eventdetail-addcustom{border-top:1px solid #ddd;margin-left:0px;padding-bottom:6px;padding-top:13px;} .addcustomheader{display:block;width:220px;text-align:center;text-decoration:none;color:#fff;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:2px 6px;background:url("../images/editbg.png");border:1px solid #8CA122;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);} .addcustomheader:hover{background:url("../images/editbg-hover.png");color:white;text-decoration:none;} /* Sidebar details - add more section*/ .eventdetail.eventdetail-disabled a.edit.addotherdetails{position:static;float:none;text-align:center;display:block;padding:1em 0;width:18.25em;margin:0.5em 0 0.75em -1.75em;border:2px dashed #94dddc;border-radius:0.4em;background:white/* #f5f3ed */;color:#088c86;text-decoration:none;} .eventdetail.eventdetail-disabled a.edit.addotherdetails:hover{color:#2abcb9;text-decoration:underline;} .detailcontent{margin-bottom:0.5em;} /* ===== Promotional Areas ========================================================= */ /* shared */ .promobox{-moz-box-sizing:border-box;box-sizing:border-box;} .promobox{padding:0;border-color:#4c4c4e;border-radius:4px;box-shadow:0 3px 10px rgba(0, 0, 0, 0.4);background:url("../images/bgfooter.png") repeat-x 0 -44px #4c4c4e;} .promobox a, .promobox a:hover{position:relative;height:100%;width:100%;text-decoration:none;color:white;display:block;} .promobox a span{position:absolute;top:80px;left:90px;width:180px;} /* .promobox a h3{color:white;position:absolute;top:140px;left:190px;width:85px;} */ .promobox a strong{color:#c1cf59;font-family:'Lato', Arial, sans-serif !important;font-weight:bold;font-style:italic;} .promobox .tagline{/* position:absolute;top:34px;left:85px;font-size:11.5px;color:#ddd; */display:none;} .promobox:hover{background-position:0 175px;} .promobox, .promobox:hover{-webkit-transition: background-position 0.5s ease;-moz-transition: background-position 0.5s ease;-o-transition: background-position 0.5s ease;transition: background-position 0.5s ease;} .promobox #promo{position:relative;top:0;left:0;color:#8d8a82;font-family:'Lato', Arial, sans-serif !important;font-weight:bold;font-style:italic;} .promo0{color:#2abcb9 !important;} .promo1{color:#c1cf59 !important;} .promo2{color:#94d6db !important;} .promo3{color:#dccd46 !important;} .promo0, .promo1, .promo2, .promo3{-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;} /*sidebar promo box - fake button*/ .promobox .button{position:absolute;top:9.5em;left:1em;right:1em;text-align:center;color:#fff;font-size:1.23em;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;padding:0.3em 0.4em 0.2em;box-sizing:border-box;-moz-box-sizing:border-box;background-size:100% 50%;background-position:0 0;background-color:#a8c44c;border-color:#8aa13f;} .promobox .button p{margin-bottom:0;} .promobox .button span{position:static;display:inline-block;width:auto;} .promobox .button span.grouptext{margin-left:0.25em;} .promobox .button:hover{background-position:0 100%;} /*promo logo within RSVP form*/ .rsvppromo{position:relative;top:74px;left:285px;width:204px;height:61px;padding:0;margin:-50px -21px -11px;} .rsvppromo a, .rsvppromo a:hover{position:relative;height:61px;width:280px;text-decoration:none;color:#8d8a82;display:block;background:url("../images/whoozin-footerlogo-dark.png") no-repeat 0px 0px;cursor:default;margin-bottom:20px;} .pageheaderwrapper .promobox{width:29%;height:85px;position:absolute;top:3em;right:0;margin-right:2px;padding:0.5em;} .rightcolumn .promobox{height:150px;margin:-1em 1em 1em;padding:0.5em;} .rightcolumn .promobox a, .rightcolumn .promobox:hover{color:white;} .leftcolumnbox.promobox{height:17em;} .leftcolumnbox.promobox a, .leftcolumnbox.promobox a:hover{background:url("../images/whoozin-footerlogo.png") no-repeat 16px 16px;} /*promobanner in external css*/ /*Promo Header - Toll Free Phone for Ticketing*/ #divTicket_Header{-moz-box-sizing:border-box;box-sizing:border-box;outline:none;position:absolute;width:29%;height:100%;max-height:100%;min-height:100px;top:0;right:-2px;background:#f5f3ed;color:#4c4c4e;text-decoration:none;border-left:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer;overflow:hidden;} #divTicket_Header h2, #divTicket_Header p, #divTicket_Header h3{position:absolute;top:50%;left:50%;width:15em;text-align:center;} #divTicket_Header h2{margin:-2.5em 0 0 -7.5em;font-size:1.4em;} #divTicket_Header p{margin:-1em 0 0 -7.5em;} #divTicket_Header h3{margin:1em 0 0 -7.5em;} /* W28a - Bounced Emails ========================================================== */ #divBouncedEmailTbl .jqtable{margin-bottom:0.5em;} #divBouncedEmailTbl tr.disabled td{color:#8d8a82;} #divBouncedEmailTbl .wdg-profilename{width:auto !important;} #divBouncedEmailTbl .wdg-dateview{width:200px !important;} #divBouncedEmailTbl .wdg-action{width:50px !important;text-align:center;} #divBouncedEmailTbl .wdg-action div.inlineOptions{float:none;height:auto;width:auto;margin-right:0;text-align:center !important;} #divBouncedEmailTbl .wdg-action a.help div.helpwindow34{width:18em;margin-left:-18em;} /*in admin panel*/ #MainContent_divBouncedEmails{position:relative;display:block;} #MainContent_divBouncedEmails a, #MainContent_divBouncedEmails span{display:inline-block;} #MainContent_divBouncedEmails .edit{position:absolute;padding:0;color:#2abcb9;right:0;top:4px;text-decoration:underline;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} #MainContent_divBouncedEmails span#MainContent_spBouncedEmails:before{content:"";display:inline-block;background:url("../images/icons/sprite-adminoptions.png") -180px 0px;width:20px;height:20px;margin-right:8px;position:relative;top:4px;} #MainContent_divBouncedEmails:hover{cursor:pointer;} #MainContent_divBouncedEmails:hover .edit, #MainContent_divBouncedEmails:hover span{color:#33e5e1;} #MainContent_divBouncedEmails:hover span#MainContent_spBouncedEmails:before{background-position:-180px -20px;} /* #MainContent_divBouncedEmails.warning{background:#bb4156;color:white;padding:0 4px 5px;margin:0 -8px 0 -4px;border-radius:0.4em;} */ #MainContent_divBouncedEmails.warning a span{color:#bb4156;} #MainContent_divBouncedEmails.warning .edit{color:#bb4156;right:0px;top:4px;} #MainContent_divBouncedEmails.warning:hover span{color:#33e5e1;} #MainContent_divBouncedEmails.warning:hover .edit{text-decoration:underline;color:#33e5e1;} /* W28b - Report Page UI ========================================================= */ .reportpage.wrapperbg{background:none;} .reportpage .pageheader{padding-bottom:0.5em;position:relative;padding-top:0;} .reportpage .pageheader h1{position:relative;margin:0 0 0.25em 1em;padding-left:5em;display:block;max-width:80%;width:100%;} .reportpage .pageheader label{max-width:100%;} .reportpage .pageheader h1 span{position:absolute;left:0;top:auto;color:#8d8a82;} .reportpage .pageheader h2{margin:0 0 0.5em 9.6em;line-height:1.2em;} .reportpage .pageheader a{position:absolute;top:4.25em;left:2.5em;z-index:2;} .reportpage .pageheader a:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -304px 0px;margin:0 0.35em 0 0;vertical-align:text-top;} .reportpage .pageheader a:hover:before{background-position:-304px -16px;} .reportpage .pageheader #divReportGenerated{margin:0 0 0.5em 14.75em;} #divReportSetup{background:#f5f3ed;box-shadow: 0px 5px 15px rgba(0,0,0,0.4);z-index:1;position:relative;padding:1em 2em 4.5em;white-space:nowrap;} #divReportSetup h3{margin-bottom:0.75em;} #divReportSetup h3 span{display:inline-block;margin-left:0.25em;color:#8d8a82;} #divReportSetup ul li{list-style-type:none;margin-bottom:0.25em;} /*Setup - Rows*/ #divReportRows{margin-left:0;white-space:normal;} #divReportRows .column, #divReportColumns .column{margin-bottom:0.5em;} /*Setup - Columns*/ #divReportColumns{margin-left:1em;padding-left:1em;border-left:1px solid #ddd;white-space:normal;} #divReportColumns .column{padding-right:2em;} #divReportColumns #MainContent_divSurveyQuestions li{width:24em;padding-left:1.5em;white-space:normal;} #divReportColumns #MainContent_divSurveyQuestions li input{margin-left:-1.75em;} #divReportMenu{position:absolute;bottom:0;left:0;right:0;height:auto;background:white;border-top:1px solid #8d8a82;border-bottom:1px solid #8d8a82;padding:1em 2em;} #divReportMenu div{display:inline-block;margin-right:3em;} #divReportMenu div .button{display:inline-block;font-size:1.23em;margin-right:0.5em;min-width:4em;text-align:center;} #divReportView{position:relative;width:100%;min-height:20em;padding:0 2em;-moz-box-sizing:border-box;box-sizing:border-box;} #divReportView span{position:absolute;top:50%;right:0;left:0;text-align:center;width:auto;height:auto;} /*Changes to headcount for Report Page*/ /*report page tweaks*/ .reportpage .headcount .column.headcount-noreply{margin-left:0em;text-align:left;} .reportpage .headcount .column.headcount-noreply .hccount{max-width:2.6em;} .reportpage .headcount.hcu.threecolumns .column.headcount-noreply .hccount{max-width:100% !important;} #spDate{margin-left:0.25em;} #frmReport .headcount{padding:2em 2em 0;margin-right:0;} #frmReport .headcount h2{display:inline-block;padding:0.4em 1em 0.4em 0.4em;} #frmReport .headcount .noreplydetails{position:absolute;top:0.75em;left:8.5em;color:#4c4c4e;} #frmReport .headcount.hcu.threecolumns .column{width:14.75em;text-align:center;}/*14.25?-maybe*/ #frmReport .headcount.hca.threecolumns .headcount-in, #frmReport .headcount.hca.threecolumns .headcount-out{width:10.4em;}/*no maybe*/ /* .eventu.regonly .headcount.threecolumns .column, .eventa.regonly .headcount.threecolumns .column{width:14.75em;} */ #frmReport .headcount.hcu.fourcolumns .column{width:10.75em;/*10.35em*/text-align:center;} #frmReport .headcount.hca.fourcolumns .column{/*default*/} #frmReport .headcount.hca.nrdetails .headcount-noreply .hccount{max-width:2.75em;} #frmReport .headcount.hcu .headcount-noreply .nrdetails-link{display:none;} #frmReport .headcount.hca .guestlabel{display:block;text-align:center;color:#4c4c4e;width:6.5em;margin:-0.5em 0 0 -0.5em;} #frmReport .headcount.hca .guestlabel:before{content:"+";display:inline-block;margin-right:0.25em;} #frmReport .headcount.hca .headcount-noreply{width:23.75em;} #frmReport .headcount.hca .noreplydetails{position:absolute;top:0.75em;left:8.5em;color:#4c4c4e;} #frmReport .headcount.hca .noreplydetails label{display:block;} #frmReport .headcount.hca label.fakelink{color:#2abcb9;text-decoration:underline;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} #frmReport .headcount.hca .clickable:hover label.fakelink{color:#33e5e1;} #frmReport .headcount.hca .clickable label:hover{cursor:pointer;} /*unlimit table width*/ #divReportView .jqtable{overflow:hidden;width:auto;display:inline-block;padding-top:0;} #divReportView .jqtable table{width:auto !important;border-top:none;} /*report view columns*/ /*widths also stored in ReportFields.xml, for JS*/ #divReportView .jqtable th div{white-space:nowrap;} #divReportView .wdg-view_rsvp{/* width:100px; */} #divReportView .wdg-view_tag{/* width:25px; */}/*usertype*/ #divReportView .jqtable th.wdg-view_tag div{width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -352px/*-464px*/ -32px;vertical-align:text-top;margin:0 1px 0 3px;overflow:hidden;}/*replace user type heading text with icon*/ #divReportView .wdg-view_name{width:300px !important;} /*#divReportView .wdg-view_name a{display:none !important;}hide first/last sort link*/ #divReportView .wdg-dateview{width:200px !important;} #divReportView .wdg-datersvp{width:200px !important;} #divReportView .wdg-email{/* width:200px; */} #divReportView .wdg-phone{width:150px !important;} #divReportView .wdg-address{width:300px !important;} #divReportView .wdg-company{width:200px !important;} #divReportView .wdg-title{width:200px !important;} #divReportView .wdg-surveyq{width:200px !important;} #divReportView th.wdg-surveyq div{white-space:normal;} #divReportView .wdg-ticketnumber, #divReportView .wdg-ordernumber{width:120px !important;} #divReportView .wdg-pricecategory, #divReportView .wdg-promocategory{width:200px !important;} #divReportView .wdg-ticketprice{width:100px !important;} #divReportView .wdg-dateoforder{width:200px !important;} #divReportView .wdg-paymentmethod{width:200px !important;} /*report page cancelled ticket orders*/ .jqtable #tblReport tr.odd.order-cancelled{background:#f6e7ea;text-decoration:line-through;} .jqtable #tblReport tr.even.order-cancelled{background:#eecfd5;text-decoration:line-through;} .jqtable #tblReport tr.order-cancelled td.wdg-paymentmethod{text-decoration:none !important;color:#4c4c4e !important;} /*report view rsvp bubbles - solid versions .reportpage #divReportView td.wdg-view_rsvp div{color:white;} #divReportView .in, #divReportView .submitted{background-position:0px 0px;} #divReportView .out{background-position:0px -46px;} #divReportView .maybe{background-position:0px -23px;} #divReportView .waitlist{background-position:0px -69px;} #divReportView .multiple{background-position:0px -92px;} #divReportView .noreply, #divReportView .notsubmitted{background-position:0px -115px;}*/ /* Event Payment Setup table columns */ #divEPPrices .wdg-ticketcat, #divEPCharges .wdg-surchargename{width:14em !important;} #divEPPrices .wdg-ticketdesc, #divEPCharges .wdg-surchargedetails{width:auto !important;} #divEPPrices .wdg-ticketprice, #divEPCharges .wdg-surchargeamount{width:7em !important;} #divEPPrices .wdg-ticketbutton{width:9em !important;} /* Promo Code Dialog */ #divEPNewDiscount label, #divEPNewDiscount input[type=text]{vertical-align:top;width:19em;} #divEPNewDiscount .discountTax{margin-top:1em;} #divEPNewDiscount .discountTax label:first-child{display:block;width:100%;margin-bottom:0.5em;} #divEPNewDiscount .discountTax label{display:inline-block;margin-right:2em;width:auto;} /* W27 - JQuery Misc ============================================================= */ /* Please Wait overlay */ .pleasewait{position:fixed !important;top:0% !important;left:0% !important;width:100% !important;height:100% !important;margin:0 !important;z-index:10;background:url("../images/overlaybg50.png");} /*background overlay*/ .pleasewait div{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-13px;z-index:11;color:white;opacity:1;} /*content holder*/ /* JQuery please wait*/ .ui-dialog #progress, .ui-dialog #progress1, .ui-dialog #progresscw{position:absolute;top:-50px;height:100px !important;left:50%;width:200px !important;margin-left:-100px;padding:16px 0 0;border:none;box-shadow:none;border-radius:30px;z-index:100001;} .ui-tabs .ui-tabs-panel{padding:1em 0;} /*Tabs fix .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{margin-right:-10em;}*/ /*JQ close button*/ .ui-dialog-titlebar-close{visibility:hidden;} /* W28 - JQuery tables =========================================================== */ .jqtable{position:relative;margin-bottom:3em;padding-top:28px;border:1px solid #8d8a82;background:#f5f3ed;} .jqtable label{margin-right:0 !important;color:#4c4c4e;} .jqtable table{width:100% !important;table-layout:fixed;background:white;border-top:1px solid #8d8a82;} .jqtable.noheader{padding-top:0;} /*class to be added for when search/pagination are not visible*/ .jqtable.noheader table{border-top:none;} .jqtable table thead tr{vertical-align:top;background:#ddd;border-bottom:2px solid #a8c44c;} .jqtable table th{color:#4c4c4e;padding:3px 8px 4px;outline:none;text-align:left;font-family:'Lato', Arial, sans-serif !important;font-weight:bold;font-style:normal;} .jqtable table td{color:#4c4c4e;padding:6px 8px;vertical-align:top;} .jqtable table tr.odd{background:white;} .jqtable table tr.even{background:#f5f3ed;} .jqtable th.wdg-view_tag{color:transparent;} .jqtable th.wdg-view_tag, .jqtable td.wdg-view_tag{padding-right:3px;text-align:center;} /*terminated rows*/ .jqtable table tr.odd.terminated{background:#f6e2e6;} .jqtable table tr.even.terminated{background:#edcdca;} /*inline editable fields within table */ .jqtable td input[type=text]{margin-bottom:0;background:none;margin:-3px;width:100%;border-color:#bbb;} .jqtable td.wdg-customq input{margin:-3px;} /*jqtable column widths*/ .jqtable .wdg-view_name{width:auto !important;} .jqtable .wdg-view_name .guestnames, .jqtable .wdg-view_name .ticketnames, .jqtable .wdg-view_name .usercomment{width:405px;text-align:left;} .jqtable .wdg-when, .jqtable .wdg-view_date, .jqtable .wdg-datepoled, .jqtable .wdg-datepolled{width:190px !important;} .jqtable .wdg-view_rsvp{width:95px !important;} /*labels, filters, pagination get pushed outside parent box*/ .jqtable .dataTables_filter{position:absolute;top:3px;right:3px;} .jqtable .dataTables_filter input{width:130px;border:1px solid #8d8a82;border-radius:4px;padding:2px 4px;margin-left:6px;color:#4c4c4e;} .jqtable .dataTables_length{position:absolute;top:3px;left:7px;} .jqtable .dataTables_length select{margin:0 3px;} .jqtable .dataTables_info, .jqtable .dataTables_paginate{position:absolute;margin-top:6px;width:100%;text-align:center;color:#4c4c4e;} .jqtable .dataTables_info, .jqtable .dataTables_paginate a{cursor:pointer;} .jqtable .dataTables_paginate .paginate_enabled_next, .jqtable .dataTables_paginate .paginate_disabled_next{position:absolute;top:0;right:0;} .jqtable .dataTables_paginate .paginate_enabled_previous, .jqtable .dataTables_paginate .paginate_disabled_previous{position:absolute;top:0;left:0;} .jqtable .dataTables_paginate .paginate_disabled_next, .jqtable .dataTables_paginate .paginate_disabled_previous{color:#8d8a82;text-decoration:none;cursor:default;} /*sorting arrows*/ .jqtable th div{position:relative;} .jqtable th.sorting > div:after, .jqtable th.sorting_asc > div:after, .jqtable th.sorting_desc > div:after{content:"";width:16px;height:16px;display:inline-block;margin-left:4px;margin-bottom:-3px;background:url("../images/icons/sprite-linkicons.png") no-repeat -224px 0px;} .jqtable th.sorting_asc > div:after{background-position:-208px 0px;} .jqtable th.sorting_desc > div:after{background-position:-192px 0px;} /*sorting hover*/ .jqtable th.sorting:hover div:after{background-position:-224px -16px;} .jqtable th.sorting_asc:hover div:after{background-position:-208px -16px;} .jqtable th.sorting_desc:hover div:after{background-position:-192px -16px;} /*sorting tweak for bubble headings - new poll*/ .jqtable th.sorting.wdg-pollin div:after, .jqtable th.sorting.wdg-pollout div:after, .jqtable th.sorting.wdg-pollmaybe div:after{background-position:-224px -32px;} .jqtable th.sorting_asc.wdg-pollin div:after, .jqtable th.sorting_asc.wdg-pollout div:after, .jqtable th.sorting_asc.wdg-pollmaybe div:after{background-position:-208px -32px;} .jqtable th.sorting_desc.wdg-pollin div:after, .jqtable th.sorting_desc.wdg-pollout div:after, .jqtable th.sorting_desc.wdg-pollmaybe div:after{background-position:-192px -32px;} .jqtable th.sorting.wdg-pollin:hover div:after, .jqtable th.sorting.wdg-pollout:hover div:after, .jqtable th.sorting.wdg-pollmaybe:hover div:after{background-position:-224px -16px;} .jqtable th.sorting_asc.wdg-pollin:hover div:after, .jqtable th.sorting_asc.wdg-pollout:hover div:after, .jqtable th.sorting_asc.wdg-pollmaybe:hover div:after{background-position:-208px -16px;} .jqtable th.sorting_desc.wdg-pollin:hover div:after, .jqtable th.sorting_desc.wdg-pollout:hover div:after, .jqtable th.sorting_desc.wdg-pollmaybe:hover div:after{background-position:-192px -16px;} /*clickable row highlight*/ .wdg-clickablerow{width:32px !important;}/*column*/ .jqtable.clickable tr:hover td{background-color:#e6f8f8;cursor:pointer;} .jqtable.clickable td.wdg-clickablerow div{position:relative;width:16px;height:16px;vertical-align:top;margin-top:2px;background:url("../images/icons/sprite-linkicons.png") no-repeat -288px -32px;margin-top:2px;} .jqtable.clickable tr:hover td.wdg-clickablerow div{background-position:-288px 0px;cursor:pointer;}/*highlight icon*/ /*add note to row hover .jqtable.clickable tr:hover td.wdg-clickablerow div:after{content:"Click to View";position:absolute;top:-0.5em;left:1.5em;width:6em;text-align:center;color:white;background:#2abcb9;padding:0.25em 0.5em;border-radius:0.5em;box-shadow:0 0.25em 0.5em rgba(0,0,0,0.3);}*/ /* W29 - JQuery dialogs ========================================================== */ .ui-dialog-content label{display:inline-block;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-size:13px;margin-right:0.5em;color:#4c4c4e;} .ui-dialog-content h4 label{font-size:1em;text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;margin-bottom:0.5em;} .ui-dialog-content h3 label{font-size:1.23em;text-decoration:none;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;margin-bottom:0.38em;} .ui-dialog-content label.errormsg{display:block;width:100%;} .ui-dialog-content .note{display:inline-block;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;font-size:13px;margin-right:0.5em;color:#8d8a82;} .ui-dialog-content .dialogmenu .button{color:white;} /* Overrides to JQ window dialog menus*/ /*assign window class="custommenu"*/ .custommenu.ui-dialog-content{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom:1px solid #8d8a82;} .custommenu .dialogmenu .button{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;} /*jquery window edits*/ .ui-widget{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;font-weight:normal;font-weight:normal;} .ui-widget-overlay{background:black;-moz-opacity:0.4;opacity:0.4;} .ui-widget-content a{color:#2abcb9;} .ui-widget-content a:hover{color:#33e5e1;} .ui-widget-content a.button{display:inline-block;color:white;padding:0.2em 0.75em;margin-bottom:0.5em;} .ui-widget-content a.buttondisabled{display:inline-block;color:#8d8a82;padding:0.3em 0.75em 0.2em;margin-bottom:0.5em;} .ui-dialog{background:url("../../library/images/bgpattern.png") white;padding:20px 20px 25px;color:#4c4c4e;border:2px solid #4c4c4e;border-radius:4px;} .ui-dialog{top:200px !important;overflow:visible;}/*fake vertically center window. needs a better solution*/ .ui-dialog .ui-widget-header, .ui-dialog .ui-widget-content{color:#4c4c4e;} .ui-widget{font-size:inherit;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{color:#4c4c4e;font-family:'Lato', Arial, sans-serif !important;font-weight:normal;font-style:normal;} .ui-dialog-content a.panel{color:#4c4c4e;text-decoration:none;} .ui-dialog .ui-dialog-titlebar{position:relative;cursor:default;background:url("../../library/images/windowheaderbg2.png");height:47px;margin:-20px -20px 12px;border:none;border-bottom-right-radius:0;border-bottom-left-radius:0;} .ui-dialog .ui-dialog-title{position:absolute;top:14px;left:20px;font-size:20px;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;overflow:visible /*for descenders*/;} .ui-dialog .ui-dialog-content{position:relative;background:white;padding:15px 20px 20px;margin:0;border:1px solid #8d8a82;border-bottom:none;border-top-right-radius:4px;border-top-left-radius:4px;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);overflow:visible;height:auto !important;} .ui-dialog .ui-dialog-buttonpane{position:relative;margin:0;padding:0;border:1px solid #8d8a82;border-top:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);border-top:none;text-align:center;} .ui-dialog .ui-dialog-buttonpane:before{content:"";display:block;height:1px;margin:0 20px;background:#ddd;}/*menu divider*/ /*jquery tab edits*/ .ui-tabs.ui-widget-content{margin-top:32px !important;background:white;border:none;color:inherit;border-top:1px solid #8d8a82;border-radius:1em;padding:0 !important;} .ui-tabs-nav{margin-top:-32px !important;border-radius:0;border:none;background:none;padding-left:1.5em !important;margin-bottom:0.5em !important;} .rightcolumntabs{border-top:none !important;} .tabcontrol{margin:0;position:static;} .ui-tabs .ui-tabs-nav li{margin:0;background:#ddd;border-color:#8d8a82;border-top-right-radius:0.75em;border-top-left-radius:0.75em;margin-right:-1px;border-bottom:1px solid #8d8a82 !important;} .ui-tabs .ui-tabs-nav li a{padding:0.3em 0.9em;color:#4C4C4E !important;} .ui-tabs .ui-tabs-nav li a img{margin-bottom:-1px !important;} .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover{background:white;border-bottom-color:white !important} .ui-tabs .ui-tabs-nav li.ui-state-hover{background:#f5f3ed;} .ui-tabs-anchor{font-size:1.23em;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;} /*add disabled style?*/ /* W30 - Columns in igWebDataGrids - replace ===================================== */ .rightcolumn .wdg-responded, .rightcolumn .wdg-myrsvp, .rightcolumn .wdg-view_rsvp, .rightcolumn .wdg-rsvpvalue, .rightcolumn .wdg-replied, .rightcolumn .wdg-rsvp{width:120px;} .wdg-responded, .wdg-myrsvp, .wdg-view_rsvp, .wdg-rsvpvalue, .wdg-replied, .wdg-rsvp{width:100px;} .whoozintable .wdg-view_rsvp{width:100px;} .whoozintable .wdg-view_name, .whoozintable .wdg-profilename{width:auto !important;} .wdg-email{width:200px !important;} .wdg-email div{text-overflow:ellipsis;overflow:hidden;word-wrap:normal;white-space:pre;} /*show full email on hover*/ tr.even .wdg-email div:hover, tr.odd .wdg-email div:hover{text-overflow:none;overflow:visible;background:white;float:left;position:relative;z-index:2;/* width:266px; */} tr.even .wdg-email div:hover{background:#f5f3ed;} .whoozintable #divName{word-wrap:break-word;} /*whoozin table - mega event*/ /* .eventu .whoozintable .mega{margin-top:20px;} */ .whoozintable .mega{position:relative;color:#4c4c4e;background:#f5f3ed;padding:0.75em;border:1px solid #ccc;border-radius:0.35em;} .whoozintable .mega .button{position:absolute;top:0.5em;right:0.75em;} .wdg-administrator{width:/*36px*/24px !important;} .wdg-view_tag, .wdg-ismember, .wdg-profiletype{width:25px !important;} .wdg-when, .wdg-view_date, .wdg-datepoled, .wdg-datepolled{width:200px;} .wdg-upcomingevents{width:140px !important;} .divIsAdmin .wdg-clubname .wdg-date{width:200px;} /* Datepoll Workaround */ .wdg-polleename{width:210px;} .wdg-date1, .wdg-date2, .wdg-date3, .wdg-date4, .wdg-date5, .wdg-date6, .wdg-date7, .wdg-date8, .wdg-date9, .wdg-date10, .wdg-date11, .wdg-date12, .wdg-date13, .wdg-date14, .wdg-date15, .wdg-date16, .wdg-date17, .wdg-date18, .wdg-date19, .wdg-date20 {width:130px;text-align:center !important;} #MainContent_wdgCurrentMembers .wdg-membershipclass{width:250px !important;} .wdg-membershipclass, .wdg-clubclassname, .wdg-classname{width:150px;} .wdg-membershipexpiry{width:150px !important;} .wdg-effectivedate{width:200px;} .wdg-defaultclass{width:90px !important;} .wdg-status{width:150px;} .wdg-profilename{width:300px !important;} .invitetbl .wdg-profilename{width:45% !important;} .wdg-view_name{width:200px;} .wdg-view_comments{width:120px;} .attendeemgmttbl .wdg-invitee{width:90px;text-align:center;} .wdg-invitee{width:60px;} .wdg-resend{width:80px;} /*column with delete icon only*/ .wdg-action{width:34px !important;} /*exceptions for multiple icons in column- everywhere we have inlineOptions*/ .attendeemgmttbl .wdg-action, .polleetblProfiles .wdg-action, .wdgProfiles .wdg-action, .profilemembershiptbl .wdg-action{width:80px !important;} /*new column class for 3-icon column*/ .wdg-inlineoptions{width:80px !important;} /*inlineoptions1 - for a single inline option*/ .wdg-inlineoptions1{width:32px !important;} .wdg-numbering{width:30px !important;}/*column for numbered rows*/ .wdg-firstname, .wdg-lastname{width:auto;} .wdg-pollfirstsent{width:140px;} .wdg-yes, .wdg-no, .wdg-maybe{width:80px;text-align:center !important;} .wdg-ischecked{width:30px;} .wdg-type{width:100px;} /* unused .wdg-dateresponse{} .wdg-pollsetresponse{} .wdg-isadmin{} .wdg-event{} .wdg-club{} .wdg-name{} .wdg-clubclassdescription{} .wdg-surname, .wdg-givenname, .wdg-view_rsvpdetails{} .wdg-comments{} .wdg-expirydate, .wdg-expirydatedisplay{} .wdg-phonenumber{} .wdg-caption{} .wdg-company{} .wdg-numberofguestscanbring{}*/ /*batch*/ .wdg-profilefirstname, .wdg-profilesurname{width:120px;} .wdg-numguestsallowed{width:300px !important;} /*rsvp restrictions alignment glitch fix*/ td.wdg-restrictionsdescription{width:250px !important;} th.wdg-restrictionsdescription{width:257px !important;} #wgbMain_wdgRSVPRights td.wdg-restrictionsdescription{width:289px !important;} #wgbMain_wdgRSVPRights th.wdg-restrictionsdescription{width:285px !important;} /*admin rights alignment glitch fix*/ .adminrightstbl{min-height:160px;} .adminrightstbl .wdg-isadmin{width:250px !important;} .dialogviewingrights .wdg-memberclassnamedisp{width:265px !important;} .dialogviewingrights .wdg-profilename{width:225px !important;} .wdg-regardingpersonalinfo{width:200px !important;} .wdg-regardingevent{width:250px !important;} /*Sidebar - Admin Setup*/ #divWdwAdmin #btnAddAdmin{position:absolute;top:12px;right:20px;width:4em;text-align:center;} /* #divWdwAdmin{margin-bottom:0.75em;} */ #divWdwAdmin .note{margin:0.5em 0 0;} #divWdwAdmin .wdg-profilename{width:auto !important;} #divWdwAdmin #divAdminUsers{margin:1em 0 0;overflow:hidden;} #divAddNewAdmin #divExisting, #divAddNewAdmin #divNewProf{border-top:1px solid #ddd;margin-top:1em;padding-top:1em;} #divAddNewAdmin #divExisting label{margin-top:0.5em;} #divAddNewAdmin #divExisting select{width:22em;} #divAddNewAdmin #divNewProf label{width:8em;} #divAddNewAdmin #divNewProf input[type=text]{width:18em;} /*fixes for viewing rights & rsvp restrictions*/ .wdg-memberclassnamedisp{width:200px !important;} .viewingrightstbl .wdg-memberclassnamedisp{width:150px !important;} .viewingrightstbl .wdg-profilename{width:170px !important;} .viewingrightstbl .wdg-regardingevent{width:320px !important;}/*prevent wrap*/ .editable-grid table tbody.ig_Windows7Item tr:first-child td{border-top:none !important;} .editable-grid .editable-cell{padding-left:24px !important;background-image:url("../images/icons/edit-inline.png");background-repeat:no-repeat;background-position:4px center;border:1px solid #8d8a82;} .editable-grid .editable-cell:hover, .editable-cell:focus{padding-left:24px;background-image:url("../images/icons/edit-inline-dark.png");background-repeat:no-repeat;background-position:4px center;} .editable-grid .wdg-administrator, .editable-grid .wdg-ismember, .editable-grid .wdg-view_tag, .editable-grid .wdg-profiletype{border-right:none !important;} /*combines member and name columns into one box*/ /* W31 - IG Datagrid - Utility - deprecated? ------------------------------------- */ /*table inline*/ .userlevel-admin{background:url("../images/icons/usertype-member.png");background-position:-70px 0px;} table .userlevel-admin{/* position:relative;left:12px; */} /*.inlineHelp{display:inline-block;margin-top:3px;width:15px;height:15px;background-image:url("../images/icons/help.png");}*/ /* Custom Table header sorting - deprecated? */ .sortasc, .sortdesc{width:12px;height:12px;display:inline-block;margin-left:6px;} .sortasc{background:url("../../ig_res/Windows7/images/igg_sortAsc.gif");} .sortdesc{background:url("../../ig_res/Windows7/images/igg_sortDesc.gif");} /* Current User highlight indicator */ .usermarker{width:30px;height:15px;margin:2px 0 -17px -33px;background:url("../images/icons/usermarker.png") no-repeat;} /*row click identfier-user mode*/ .clicknote{position:relative;width:0;height:0;display:block;} .clicknote div{position:absolute;top:-40px;left:158px;width:75px;height:30px;padding:4px 6px 6px;color:white;background:#a8c44c;border:1px solid #8aa13f;border-radius:4px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;text-align:center;}/*box*/ .clicknote div:after{content:"";position:absolute;display:block;width:0;bottom:-12px;left:50%;margin-left:-12px;border-width:12px 12px 0;border-style:solid;border-color:#a8c44c transparent;}/*css arrow*/ .clicknote div:before{content:"";position:absolute;display:block;width:0;bottom:-13px;left:50%;margin-left:-13px;border-width:13px 13px 0;border-style:solid;border-color:#8aa13f transparent;}/*css arrow*/ .clicknote{display:none !important;}/*remove clicknotes, prepare for replacement*/ /*new row click highlighter*/ .tblclickable{} .tblclickable tbody.igg_Windows7Item > tr > td{background:transparent !important;} .tblclickable tbody > tr.igg_Windows7Alt > td{background:transparent !important;} .tblclickable tbody.igg_Windows7Item > tr{background:url("../images/icons/rowhighlight.png") no-repeat top right white;} .tblclickable tbody > tr.igg_Windows7Alt{background:url("../images/icons/rowhighlight.png") no-repeat top right #f5f3ed;} .tblclickable tbody.igg_Windows7Item > tr:hover{background-color:#e6f8f8 !important;} /*icon collision prevention*/ .tblclickable .groupname{width:220px;} .tblclickable #divName{width:230px;} .tblclickable .clicknote{display:none;} /* W32 - Dialog Windows: Utility ================================================= */ /*page-internal*/ .dialogcontent{position:relative;background:#fff;padding:15px 20px 10px 20px;margin:15px 20px 20px 20px;border-radius:4px;border:1px solid #8d8a82;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} .dialogcontent h2, .dialogcontent h3{display:inline-block;} .dialogcontent h2, .dialogcontent h3, .dialogcontent h4{line-height:1.5em;} .dialogmenu{padding:12px 0px 0px;margin-top:12px;border-top:1px solid #ddd;text-align:center;} .dialogmenu .button, .dialogmenu .buttondisabled, .dialogmenu .buttondisabled:hover{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;font-size:1.23em !important;margin:0 2px !important;min-width:65px;} .dialogmenu .button:hover{background-color:#4c4d4e;border-color:#4c4d4e;} .dialogmenu .button{background-color:#4c4d4e;border-color:#4c4d4e;} .dialogmenu .buttondisabled, .dialogmenu .buttondisabled:hover{background-color:#AEAEAE;border-color:#8d8a82;} /*whoozin logo in dialog title*/ .dialoglogo{position:absolute;top:-4.5em;right:0;width:99px;height:21px;background:url("../images/whoozintable.png") no-repeat;} /*jQ buttons*/ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{min-width:5em;padding:0.25em 0.75em;margin:1em 0.5em 1.25em;color:#fff;font-size:1.23em;font-family:'Lato', Arial, sans-serif !important;font-weight:normal;font-style:italic;text-decoration:none;background:#4c4d4e url("../images/buttonhighlight2.png") repeat-x 0 -5px;border:1px solid #4c4d4e;border-radius:4px;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover{background-position:0 12px;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button .ui-button-text{padding:0;} .link-loaddefault{position:absolute;top:14px;right:20px;} /*setup options - link to load default settings*/ /*instruction box in dialogs*/ .instructionbox{border-radius:0.5em;background:#e8f6f5;padding:1em 1em 0.5em;} .instructionbox table{border:1px solid #088c86;width:100%;} .instructionbox table th, .instructionbox table td{text-align:left;background:#e8f6f5;border-bottom:1px solid #088c86;padding:0.25em 0.5em;} .instructionbox table th{font-weight:bold;background:#cfe8e6;border-bottom:2px solid #088c86;} /* .calloutbox{border-radius:0.5em;background:#f5f3ed;padding:1em;margin-bottom:2em;} */ .divider{height:1px;width:100%;margin:12px 0px;background:#ddd;} .displayheader{width:100%;margin:6px 0;/* border-top:1px solid #ddd; */} /*acts like divider for display checkbox section on 'header' dialogs*/ /*buy premium feature - bounced emails - icon*/ #divBuyFeature .instructionbox{position:relative;} #divBuyFeature .instructionbox:after{content:"";position:absolute;top:1em;right:1em;width:70px;height:45px;background:url("../images/icons/premium.png") no-repeat 0px 0px;} /* W33 - Specific Dialog Windows ================================================= */ #wdwGlobalHelp{height:600px;width:600px;} /*site*/ #wdwGlobalHelp .igdw_Windows7BodyContent{overflow:hidden !important;} #wdwLoginAction{height:360px !important;width:800px !important;} /*club, datepoll, event, index*/ #wdwProceedGroup{height:370px;width:600px;} /*myevents*/ #wdwProceedEvent{height:400px;width:590px;} /*myevents*/ #wdwContactInfo{height:360px;width:600px;} /*club, datepoll, event, myevents*/ #wdwOrganizer{height:360px;width:520px;} /*club, datepoll, event, myevents*/ #wdwCustomHeader{height:350px;width:600px;} /*club, datepoll, event, myevents*/ #wdwClubName{height:470px;width:600px;} /*club*/ #wdwAddress{height:360px;width:550px;} /*club, datepoll, event, profileupdate, rsvp*/ #wdwPrivacySettings{height:380px !important;width:600px;} /*club, event*/ #wdwAttednaceTracking{height:280px;width:600px;}/*club, event*/ #wdwEventStatusMsg{height:260px;width:600px;} /*club, event*/ #wdwClubNameCopy{height:370px;width:600px;} /*club*/ #wdwShareLink{height:350px;width:500px;} /*club, event*/ #wdwDeleteClub{height:250px;width:340px;} /*club*/ #wdwTerminateClub{height:250px;width:400px;} /*club*/ #wdwClass{height:300px;width:500px;} /*viewingrights, rsvpRestrictions, rsvpDetails, guestPrivileges, classOfAttendees, adminRights*/ #wdwRSVPBy{height:350px;width:600px;} /*event, rsvpRestrictions√ */ #wdwWhen{height:400px;width:680px;} /*datepoll, event*/ #wdwCreateAccount{height:500px;width:500px;} /*login*/ #wdwAttendeeMgmt, #wdwProfileMgmt, #wdwPolleeMgmt {height:550px;width:960px;} /*event / club EXT / datepoll / profileMgmt*/ #wdwAttendeeMgmt, #wdwPolleeMgmt{height:650px;} /*accommodates tips section*/ #wdwBatchImport{height:700px;width:960px;} #wdwMessaging{height:580px;width:960px;} #wdwRSVP{height:/* 630px */720px;width:800px;} /*event, polleeMgmt, attendeeMgmt*/ #wdwGuestInfo{height:300px;width:450px;} /*RSVP*/ #wdwInvite{height:480px;width:700px;} /*profileMgmt, polleeMgmt, attendeeMgmt*/ #wdwPhoneNumbers{height:300px;width:500px;} /*profileupdate*/ #wdwMembership{height:350px;width:600px;} /*profileupdate, profileMgmt*/ #wdwProfileUpdates{height:540px;width:750px;} /*profileMgmt, polleeMgmt, attendeeMgmt*/ #wdwTerminateMembership{height:300px;width:550px;} /*profileupdate*/ #wdwEventName{height:720px;width:680px;} /*datepoll, event*/ #wdwProfile{height:600px;width:600px;} /*datepoll, event*/ #wdwSelectInvitee{height:620px;width:600px;} /*datepoll, event*/ #wdwDatePollPropsedTime{height:330px;width:500px;} /*datepoll, CopyDatePoll.aspx*/ #wdwCopyDatePoll{height:450px;width:750px;} /*datepoll external*/ #wdwTerminatePoll, #wdwDeleteDatePoll{height:220px;width:400px;} /*datepoll*/ #wdwFinalizeDatePoll{height:400px;width:550px;} /*datepoll*/ #wdwDatePollResponse{height:680px;width:750px;} /*datepollresponse.aspx, called from datepoll*/ #wdwStatsIn, #wdwStatsOut, #wdwStatsMaybe, #wdwStatsNoReply, #wdwStatsWaitlist {height:520px;width:500px;} /*event*/ #wdwDeleteEvent{height:250px;width:340px;} /*event*/ #wdwTerminateEvent{height:400px;width:600px;} /*event*/ #wdwReschedEvent{height:550px;width:500px;} /*event*/ #wdwCopyEvent{height:550px;width:600px;overflow:hidden !important;} /*event*/ #wdwCopyEvent html{overflow:hidden !important;} #wdwManageMembership{height:500px;width:800px;} /*profileMgmt*/ #wdwRenewMembership{height:300px;width:500px;} /*profileMgmt*/ #wdwInvitation{height:580px;width:800px;} /*polleeMgmt, attendeeMgmt*/ #wdwGuestPolicy{height:250px;width:500px;} /*rsvp*/ #wdwProfileInfo{height:340px;width:500px;} /*eventstructure*/ #wdwResetPassword{height:375px;width:475px;} /*event, login*/ #wdwActivation{height:450px;width:600px;} /*event, poll*/ .grouppage #wdwActivation{height:450px;} #wdwEditProfileAdminRight{width:500px;} /*admin rights*/ #wdwHelp{width:500px;} #wdwMemberConfiguration{height:600px;width:700px;} #wdwEditMemberClass{height:300px;width:550px;} /*profile & member mgmt>member classes*/ #wdwOverrideEdit{height:300px;width:400px;} /*guest privileges*/ #wdwEmailAlerts{height:580px;width:940px;} /*event/poll - in user control*/ /*poll = 270px*/ #wdwPreviewAsUser{height:230px;width:450px;} /*event*/ #wdwEventChgConfirm{height:350px;width:600px;} /*event*/ #wdwSetPassword{height:230px;width:550px;} /*individual windows created to replace setup options*/ #wdwAdminRights{height:420px;width:600px;} #wdwAddAdmin{height:270px;width:450px;} #wdwEventStructure{height:420px;width:700px;} #wdwClassOfAttendees{height:630px;width:800px;} #wdwGuestPrivileges{height:630px;width:800px;} #wdwRSVPDetails{height:630px;width:800px;} #wdwRSVPRestrictions{height:630px;width:800px;} #wdwClassRestriction{height:330px;width:500px;} #wdwViewingRights{height:570px;width:960px;} #wdwViewingRightOptions{height:250px;width:500px;} #wdwAboutThisClub, #wdwAboutThisEvent{height:430px;width:740px;} #wdwAboutThisClub .label, #wdwAboutThisEvent .label{width:100px;} #wdwRegistration{height:450px;width:500px;} /*Index page windows*/ #frmIndex #wdwWhen{height:580px !important;width:680px;} #frmIndex #wdwWhen .igdw_Windows7BodyContent iframe{margin-bottom:-20px !important;} #frmIndex #wdwCreateNewEvent{height:500px;width:680px;} #frmIndex #wdwClubName{height:500px;width:620px;}/*(errors)*/ #frmIndex #wdwEventName{height:690px;width:650px;} #frmIndex #wdwClubName #WebGroupBox6{height:400px !important;} #frmIndex #wdwClubName .igdw_Windows7BodyContent iframe, #frmIndex #wdwEventName .igdw_Windows7BodyContent iframe{margin-bottom:-20px !important;} #frmIndex #wdwClubName .label{display:inline-block;width:160px;} #frmIndex h1 span{white-space:pre;} #wdwLoginToCreate{height:340px;width:450px;} .menuloginbutton, .menuloginbutton:hover{margin-right:6px;background-color:#2abcb9 !important;border-color:#088c86 !important;} /*coming soon windows*/ #wdwPrivacySettings .dialogcontent, #wdwAttednaceTracking .dialogcontent{background-color:#f5f3ed;} .comingsoon{border:1px solid #8d8a82;padding:10px 20px 4px;margin:6px -20px -10px;background:#8d8a82;color:white;} /*modified heights to fit coming soon banner*/ #wdwAttednaceTracking{height:350px;} #wdwPrivacySettings{height:460px !important;} /*one off warnings - still used by date poll creation dialog */ .oneoffwarning{border:1px solid #8d8a82;padding:10px 15px 4px;margin:6px -20px -10px;background:#8d8a82;color:white;} .oneoffwarning h2, .oneoffwarning ul{margin-bottom:12px;} .oneoffwarning h2, .oneoffwarning h3{text-align:center;display:block;} .oneoffwarning ul li{margin-left:13px;} #wdwWhen{height:650px !important;} /*join whoozin*/ #divUserAlreadyExists .dialogmenu{margin-top:12px;} .errorjoinwhoozin .errormsg{margin-bottom:6px;} /* Join Whoozin */ #divJoinWhoozin input[type=text], #divJoinWhoozin input[type=password]{width:34em;} #divJoinWhoozin{border-radius:0.35em;border:1px solid #8d8a82;} #divJoinWhoozin #txtCaptcha{position:absolute;top:-9999px;left:-9999px;} /* Activate Entity */ #divObjectActivation{border:1px solid #8d8a82;border-radius:0.35em;} #divObjectActivation #wteOptionalComments{width:100% !important;} #divOptionalcomments label{text-decoration:none;font-weight:bold;font-style:italic;font-size:1em;margin-bottom:0.5em;} #divActivateEvent #spanChkSendToInvitees{display:block;} #divEventActivation span{display:block;} #divEventActivation #spanchkSendToMemberss{display:inline-block;margin-right:1em;} #divOptionalcommentsForCopy textarea#wteOptionalComments{min-height:9.25em;}/*6 lines*/ #divObjectActivation span.confirmmsg{display:block;width:60%;} /*Headcount Dialogs*/ #wdwStatsNoReply{width:600px;} #wdwStatsNoReply .wdg-view_comments{width:150px;} /* labels inside dialog windows */ #wdwContactInfo .label, #wdwAddress .label, #wdwWhen .label, #wdwPhoneNumbers .label {width:136px;} #wdwClubNameCopy .label {width:120px;} .formjoinwhoozin .label {width:120px;} /*wdwCreateAccount workaround, since it won't target the dialog window correctly*/ #wdwCustomHeader .label, #wdwClubName .label, #wdwCustomHeader .label {width:160px;} #wdwClass .label{width:190px;} #wdwAddress .labelright{text-align:right;} #wdwEventName .label, .dialogcopydatepoll .label{width:200px;} #wdwDatePollPropsedTime .label{width:100px;} #wdwDatePollPropsedTime .checkbox input{margin-right:6px;} /*Forgot Password*/ #wdwResetPassword .label{width:150px;} #divResetPasswordMsg, #divPasswordActions #divError{margin-bottom:0.5em;} #divPasswordActions{border-bottom:1px solid #8d8a82;border-bottom-right-radius:0.35em;border-bottom-left-radius:0.35em;} /* #wdwAttendeeMgmt */ .dialogcontent .regnote{color:#bb4156;margin-bottom:1em;} .dialogcontent .regnote span{position:absolute;top:0;right:0;text-align:right;} /*wdwOrganizer*/ #wdwOrganizer .label{width:100px;} #wdwOrganizer .textinput{width:300px;} .CopyDatePoll .label{width:200px;} #wdwFinalizeDatePoll .label{width:140px;} #wdwFinalizeDatePoll h4{width:140px;display:inline-block;} #wdwFinalizeDatePoll em{margin-left:142px;display:inline-block;} #wdwFinalizeDatePoll .dialogmenu{margin-top:12px;} /*wdwPrivacySettings*/ .privacycolumn{width:480px;display:block;padding:4px 0;/* background:#f4f2f2;margin-bottom:6px;border-radius:4px; */} .privacycolumn input{margin-right:4px;} .privacycolumn span{margin-left:6px;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;font-weight:normal;} /*RSVP restrictions -> deprecated*/ #wgbMain_divNoOverride{margin-bottom:9px;} /* JQ RSVP restrictions*/ #frmRSVPRights .note{display:block;margin-bottom:1em;} #frmRSVPRights .setDefault{margin-bottom:-1em;} /*wdwGuestPrivileges -> deprecated*/ .divStandardGuestPrivileges{margin-top:12px;} #divClassGuestPrivileges{margin:6px 0;} .guestcolumn .checkbox input{margin-right:6px;} /*jQ Guest Privileges*/ /* #txtGuestPolicyStmt{display:block;width:98.5%;border:1px solid #8d8a82;border-radius:4px;resize:vertical;padding:3px 3px 3px 6px;line-height:1.4em;min-height:3em;} */ #frmGuestPrivileges label{margin-bottom:0.5em;} #frmGuestPrivileges #divReqName{margin-top:0.5em;} #frmGuestPrivileges #divExceptions{position:relative;} #frmGuestPrivileges #divExceptions .button{position:absolute;top:0.5em;right:0;} #divPartTypeSettings{line-height:2.2em;} #divPartTypeSettings select{width:3.5em;margin:0 0.3em;} .setDefault{display:block;margin:1em 0 -1em;text-align:center;} .hidesidebarbox{display:block;margin:1em 0 -1em;text-align:center;} .hidesidebarbox label{width:auto !important;} /* #divAddOverride{width:400px;top:250px;} */ #divExceptions{position:relative;} #divExceptions .button{color:white;text-decoration:none;position:absolute;top:0;right:1px;} #divExceptions h3{height:1.5em;} #divExceptionsTable .wdg-action{width:25px !important;} #divExceptionsTable #tblMemberExceptions .wdg-action, #divExceptionsTable #tblGuestExceptions .wdg-action{width:34px !important;} #divExceptionsTable .inlineDelete{display:block;} #divExceptionsTable tr:hover td{background:#e6f8f8;} #divExceptionsTable .inlineDelete:hover{background-position:-48px -16px;} /*JQ member eligibility*/ #tblMemberRights tr:hover td{background:#e6f8f8;} /*JQ Member Classes */ #divMemberClasses{margin-top:2.5em;} #divMemberClasses .button{position:absolute;top:1em;right:1.5em;} #divMemberClasses .jqtable{margin-bottom:0;} .wdg-memberclassdefault{width:auto;text-align:center;} .wdg-memberclassname{width:12em !important;} .wdg-memberclassdesc{width:20em !important;} /*used for all override sub-dialogs*/ #divAddOverride label{margin-bottom:0.6em;} #divAddOverride #ddlProfiles{width:18em;} #divAddOverride #ddlNumGuests{width:3.5em;} #divAddOverride #divEligibility label{display:inline-block;vertical-align:top;}/*rsvp restrictions*/ #divAddOverride #divEligibility{display:inline-block;vertical-align:top;margin-left:1em;} #divAddOverride .eligibleradio{display:inline-block;vertical-align:top;} .rsvprights-exception #ddlProfiles{display:inline-block;} .ddlPriorValue{display:inline-block;margin-left:0.5em;} /*wdwViewingRights -> deprecated*/ /* .wdwViewingRightstbl .aspNetDisabled{margin-right:16px;} */ .wdwViewingRightstbl .aspNetDisabled input{margin-right:6px;} .viewingrightsexceptions .note{display:block;margin-bottom:6px;color:#bb4156;} .viewingrightsexceptions .label{width:100px;} .viewingrightsexceptions .column{width:250px;display:inline-block;margin-left:20px;} .viewingrightsexceptions .two{width:320px;} .viewrow .viewradio{display:inline-block;margin-right:20px;} /*JQ viewing rights */ #frmViewingRights .setDefault{margin-bottom:-1em;} .wdg-regardingevent input{margin-left:12px;} .wdg-regardingevent input:first-child{margin-left:0;} #tblVRExceptions .wdg-profilename{width:230px !important;} #frmViewingRights #divExceptions h3{padding-top:0.5em;} /*JQ poll viewing rights = #divPolleeViewingRights*/ /*Capped Event Dialog*/ #divCappedEvent input[type=text]{width:2.6em;} #divCappedEvent .note{margin-left:1.75em;position:relative;top:-0.5em;} /*My Events - proceed group*/ .proceedgroupdd{display:inline-block;vertical-align:top;margin:0 0 4px 2px;width:320px;} .proceedgroup .label, .proceedevent .label{display:block;margin-bottom:12px;} .proceedgroup h3{display:block;text-align:center;margin-bottom:20px;} .proceedgroup .column{padding-top:12px;} .proceedgroup .columnOR{height:100px;} .proceedgroup .one{width:120px;} .proceedgroup .two{width:250px;} #wdwProceedGroup .igdw_Windows7BodyContent{height:auto !important;}/*chrome*/ /*My Events - proceed event*/ .proceedevent h3{display:block;text-align:center;} .proceedevent .column{padding-top:20px;width:200px;height:100px;} .proceedevent .one{margin-right:80px;margin-left:10px !important;} .proceedevent .note{height:40px;display:block;} .divCurrentMembership .note{float:right;margin-top:9px;} .hideterminate{display:inline-block;float:right;margin-top:9px;} .grouppage .whatisadatepoll2{margin-bottom:4px;text-align:right;} .notificationdetails{margin-left:1.5em;} /*Reschedule Event - wdwReschedEvent*/ #reschedevent .label{width:60px;line-height:1.5em;} #reschedevent .checkbox input{margin-right:6px;} #divEventDateTimeEdit .label{width:100px;} #divEventDateTimeEdit .textinput{margin-right:6px;} #divEventDateTimeEdit #WebGroupBox2_txtCustomMsgOnChange{display:block;width:98%;height:80px;resize:none;} /*new event creator info*/ #divCreatorInfo .column.one{width:9em !important;} #divCreatorInfo .column.two, #divCreatorInfo .column.three{width:11.5em;} #divCreatorInfo .column.four{width:19.5em;margin-right:-2em;} #divCreatorInfo input[type=text]{width:90%;} #divCreatorInfo{padding-top:12px;margin-top:12px;border-top:1px solid #ddd;} #divCreatorInfo .emailaddress{display:block;color:#8d8a82;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;padding:2px 6px;border: 1px solid #888;border-radius:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .ooeventmsg ul{margin:1em 0 1em 1em;} .ooeventmsg ul li{margin-bottom:0.5em;padding-left:0.5em;} /*Copy Event - OLD wdwCopyEvent*/ #divCopyEventDetails .label{width:140px;} #divCopyEventDetails .checkbox input{margin-right:6px;} #divCopyEventDetails .ucDateTime{margin:0 0 1em 1.5em;} #WebGroupBox3_divRecurring{line-height:2em;margin:-25px 0 0 135px;} #WebGroupBox3_divRecurring .label{width:auto;margin:0 4px;} #tblRSVPBy div{display:inline-block;height:30px;vertical-align:top;} #divcopyEventConfirmation .label{width:120px;margin-bottom:6px;} /*Copy Poll*/ #divCopyPollErr{display:none;margin-bottom:0.5em;} #divCopyPollDetail h4{display:inline-block;width:14em;} #divCopyPollDetail input[type=text]{width:23.75em;} #divProposedTimeForCopy{position:relative;} #divProposedTimeForCopy .note{position:absolute;top:1em;right:0;} #divProposedTimeForCopy .jqtable{margin-bottom:1em;} /*Messages-old*/ #divTotalSelected{height:20px;margin-top:-16px;margin-left:6px;} .eventchgconfirm .textinput{width:98%;} /*wdw-Messaging New*/ #divActionChoicesMSG .column{width:23em;} /* #div_rdoMSGGroup_Others_Detail{position:relative;background:#dcdad7;border:1px solid #8d8a82;border-radius:0;margin-bottom:-2em;border-style:solid solid none;z-index:3;} */ #div_rdoMSGGroup_Others_Detail select{display:inline-block;width:42em;margin-right:0.5em;margin-top:0.5em;} #div_rdoMSGGroup_Others_Detail .panelmenu{display:inline-block;border:none;margin:0;padding:0;} #div_rdoMSGGroup_Others_Detail .button{padding:0 1em;margin-left:0.5em;} #ddlGroupContacts{margin-right:1em;width:29em;} #btnAddGroupContacts{padding:0.05em 0.75em;} #divSelectProfileForMessaging h4{padding:0.5em;margin-bottom:-2px;border:1px solid #8d8a82;border-bottom:2px solid #a8c44c;background:#dcdad7;position:relative;z-index:2;padding-left:0.75em;}/*fake table header*/ #div_tblProfilesToMSG{/* width:29em; */margin-bottom:0.5em;} #divMessageDetailsMSG textarea{} #div_rdoMSGGroup_Others label{width:20em;vertical-align:top;} #div_rdoMSGGroup_NR, #div_rdoMSGGroupAll{margin-bottom:0.25em;} /*fix*/ #divSelectProfileForMessaging.section{margin-top:0;border-top:none;} #pMsgDetailText{display:none;} #divMessageDetailsMSG.section{position:relative;margin-top:0;border:0;} #divInvitation.section{position:relative;border-top:0;margin-top:1em;} #divMessageDetailsMSG.section .remainingchar{display:inline-block;float:right;} #divMessageDetailsMSG #lnkPreviewEmail{} #divActivation .remainingchar{display:inline-block;float:right;} #divActivation #divOnlineEventMsg{margin-top:1em;} #divInvitation.section .remainingchar{position:absolute;top:1em;right:0;} #divInvitation #lnkPreviewEmail{position:absolute;z-index:2;font-size:1.2em;bottom:-4.3em;left:0;} #lblProceedToInvite{display:block;text-align:center;font-weight:bold;margin-top:1em;} #lblProceedToInvite:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px -32px;vertical-align:text-top;margin-right:0.5em;} /*Email Alerts -usercontrol*/ .wdwEmailAlert{} .wdwEmailAlert h4{margin-bottom:-6px;} .wdwEmailAlert .row{padding-top:12px;border-top:1px solid #ddd;margin-top:12px;} .wdwEmailAlert .row:first-child{border-style:none;padding:0;margin:0 0 -6px 0;} .wdwEmailAlert .column{margin-left:20px;} .wdwEmailAlert .one{width:170px;} .wdwEmailAlert .two{width:270px;} .wdwEmailAlert .two select:first-child{width:50px;} .wdwEmailAlert .two label{font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8d8a82;} .wdwEmailAlert .two label:before{content:"(";} .wdwEmailAlert .two label:after{content:")";} .wdwEmailAlert .three{width:330px;} /* #divRemindRSVP{height:75px;} #divRemindEvent{height:115px;} */ .wdwEmailAlert .errorholder{display:block;} .wdwEmailAlert .errorholder .errormsg{display:block;margin-bottom:6px;white-space:nowrap;} .wdwEmailAlert .errorholder .two{width:auto;margin-left:190px;padding-right:30px !important;} .wdwEmailAlert .errorholder .three{width:auto;margin-left:485px;padding-right:30px !important;} #divRemindEvent .errorholder{padding-right:50px !important;}/*msg is longer*/ #lblRemindRSVPTimeTxt, #lblRemindEventTimeTxt{color:#bb4156 !important;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;font-weight:normal;} /* wdwManageMembership - Group */ #wdwManageMembership .label{width:130px;} #wdwManageMembership .checkbox input{margin-right:6px;} /*default class checkmark*/ .defaultmemberclass{background:url("../images/icons/check.png") no-repeat left center;} /*wdwInvite*/ #wgbMain_divwibSave{display:inline-block;} #wgbMain_tblProfiles .label{width:135px;vertical-align:top;} #wgbMain_tblProfiles .divSendCopy{margin:0 0 9px 150px;} #wgbMain_tblProfiles textarea{margin-left:-3px;} /*wdwBatchImport - batchprofile.aspx*/ .importmanual .column, .importfromcontacts .column{width:458px;margin:6px 0 0 75px;} .importmanual .column:first-child, .importfromcontacts .column:first-child{width:300px;padding-right:20px;margin-left:0;} .importfromcontacts .label{margin-top:-6px;} .importfromcontacts .note{position:relative;top:7px;left:-20px;vertical-align:top;} .importprofiles .buttonrow div{display:inline-block;} .importprofiles .textinput{margin-bottom:20px;display:block;height:279px;width:292px;overflow-x:hidden;overflow-y:scroll;resize:none;} .importprofiles .label{display:block;margin-bottom:6px;} .importprofiles .buttonrow-addcontacts{position:absolute;top:165px;left:316px;float:none;margin:0;} .importfromcontacts select{width:250px !important;margin-left:6px;} .buttonrow-msg .label{margin:0 30px 6px 0;} .buttonrow-msg .radio{margin-right:20px;} #divBatchImport .remainingchar{margin-bottom:1em;} /*wdwResetPassword*/ .divforgotpassword{margin-top:6px;} .divforgotpassword .label{width:140px;} .divforgotpassword #divEmail #Label17{width:100px;} .divforgotpassword #divEmail #wteProfileEmailAddress{width:290px;} .divforgotpassword input[type=password], .divforgotpassword input[type=text]{width:19em;} #wteOptionalComments{width:500px !important;} /*noscroll*/ #wdwActivation #wteOptionalComments{width:300px !important;} #tblRSVPInfo #wteOptionalComments{height:auto !important;overflow-x:hidden !important;overflow-y:hidden !important;border:1px solid #8d8a82 !important;} /*Profile Mgmt > Class*/ .classofattendeestbl .label{width:180px;} #wdwEditMemberClass .label{width:160px;} .defaultmemberclass{margin-left:6px;color:#2abcb9;} #wdgClassGrid .wdg-defaultclass div{text-align:center;} /*table caps*/ .wdgDatePollDetails{height:90px !important;overflow-y:auto !important;} .wdgStatsDialogWindowIn, .wdgStatsDialogWindowOut, .wdgStatsDialogWindowMaybe, .wdgStatsDialogWindowNoReply, .wdgStatsDialogWindowWaitlist{height:300px !important;overflow-y:auto !important;} /*member configuration*/ #divMembershipPeriod{margin-top:12px;} /*Admin Rights exceptions*/ #adminrightsoverride-div .label{width:60px;} #adminrightsoverride-div .note{margin-bottom:12px;} /*adjustments to radio buttons*/ #wdwClass .radio input, #wdwViewingRights .radio input, .dialogcontent-tabs .radio input, #wdwMembership .radio input, .customheadertype .radio input, #wdwProfileUpdate .radio input, #divClassAdminRights .checkbox input, #adminrightsoverride-div .radio input, .classofattendeestbl input, #wdwEditMemberClasses input {margin-right:6px;} #wdwPreviewAsUser .label{margin-right:6px !important;} /* Event: Uninvite/Delete Dialog */ #divUninvite{width:250px;height:auto;} #divUninviteNotify{margin:1em 0;} #lblchkdivUninviteNotify{display:inline-block;vertical-align:top;width:18em;} /* Custom RSVP Questions (survey) */ #HaveQuests, #NoQuests{position:relative;padding-top:0.5em;} #HaveQuests h3, #NoQuests h3{margin-bottom:0.5em;} #HaveQuests #btnAdd.button, #NoQuests #btnAdd.button{position:absolute;top:0;right:0;} #HaveQuests .jqtable{margin-bottom:1em;overflow:hidden;} #txtQuestion{display:block;width:100%;} #txtQuestion{display:block;width:100%;} .locmsg{display:block;margin:1em 0 0.5em;text-align:center;color:#bb4156;} .locmsg:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px -32px;vertical-align:text-top;margin-right:0.5em;} .locmsg span{margin:0 0.5em;} .locmsg span:before{content:"";display:inline-block;width:16px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -496px -64px;vertical-align:text-top;margin-right:0.25em;} #divRSVPQuestionInfo_Link1, #divRSVPQuestionInfo_Link{display:inline-block;}/*text label*/ /* OLD Attendee Mgmt Dialog */ #divElgibleRSVP{width:300px;position:relative;top:-6px;} .attendeetblProfiles .buttonrow{margin-top:-14px;} .attendeetblProfiles .dialogmenu{height:30px;} .attendeetblProfiles .dialogmenu div{display:inline-block;} .attendeemgmttbl table input{vertical-align:top;margin-top:2px;} .attendeemgmttbl table .inlineHelp{vertical-align:top;margin-top:1px;} .attendeemgmttbl .wdg-invitee div{margin-left:4px;} #divAdditionalMessage{margin-left:-5px !important;font-weight:normal !important;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;color:#8d8a82;} #divAdditionalMessage{width:500px;} .attendeetblProfiles .wdg-profilename{overflow:visible !important;} .attendeetblProfiles #divName{width:300px !important;} /* ----- Contact Mgmt (New) -------------------------------------------------------- */ #divCM{min-height:400px;/*width declared in eventA*/} #frmCM #divActionChoices .column{width:100%;} /*custom error message grouping*/ /* #frmCM #divMainOptions .errormsg.main{position:relative;z-index:2;margin:1em 0 -1.5em;padding:0.5em 0.75em;background:#f5f3ed;border:1px solid #ccc;border-top-left-radius:0.35em;border-top-right-radius:0.35em;border-color:#ccc #ccc #f5f3ed;} */ /* #divActionChoices .column.one{margin-right:1.5%;} */ #divActionChoices .column h4{margin-left:0.2em;} #divActionInputs select{width:100%;margin-bottom:0.5em;} #divActionInputs .panel{padding-top:1em;} #divActionInputs .panelmenu{margin-right:0;margin-top:0.5em;border-top:none;} div.panel{background:#f5f3ed;padding:0.5em 0.75em;margin-bottom:0.5em;border:1px solid #ccc;border-radius:0.5em;} .panelinset{margin:1em 0 0 1.6em;} .panelmenu{text-align:center;border-top:1px solid #ccc;margin-top:1em;margin-right:2em;padding-top:0.75em;} .panelmenu .button:first-child{margin-right:4px;} div.panel > label{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;font-weight:normal;} #divProfileList .jqtable.noheader{margin:0;} .ui-dialog-content #divProfileList label{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;color:#4c4c4e;display:block;margin:1em 0;text-align:center;} #div_rdoIndContact_Detail label, #div_rdoCoupleContactType label, #div_rdoFamilyContactType label{display:inline-block;width:8em;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} #div_rdoIndContact_Detail input[type=text]{width:35em;/*37em no panel*/} #divMemberSelection label, #Label8{width:auto !important;margin-right:0;} #div_rdoContactTypeID{margin:0.25em 0 0 1.6em;} #div_rdoContactTypeID li, #div_rdoContactTypeID_Other li{display:inline-block;list-style-type:none;margin-right:2em;min-width:6.5em;} #divMemberSelection{margin-bottom:1em;} #div_rdoCoupleContactType .column{width:49%;} #div_rdoCoupleContactType input[type=text]{width:90%;} #div_rdoCoupleContactType .column.two input[type=text]{width:100%;} #div_rdoCoupleContactType #div_One label{display:block;} #div_rdoCoupleContactType #div_One label:first-child{margin-left:1.6em;} #div_rdoCoupleContactType #div_One span{display:inline-block;margin:0 0.75em 0 0.25em;} #div_IndContactNames label, #div_rdoFamilyContactType label{margin-left:0.5em;/*margin-left:1.7em; no panel*/} #chkLimitFamily{margin:0.5em 0 0 0.4em;/* margin:0 -1em 0 1.6em; */} #div_rdoCoupleContactType #Label3{margin-left:1.6em;} #div_rdoCoupleContactType #txtCoupleEmailAddress{width:76%;margin-top:0.25em;} #div_rdoFamilyContactType .note{display:block;margin-left:9.5em;/*margin-left:10.5em; no panel*/} #divddlFamilyLimit{display:inline-block;} #ddlFamilyLimit{display:inline-block;margin:0 0.3em;width:auto !important;} #lblNoOtherContactsGroupMsg{display:block;} #divExistingContactsDetails{margin-left:1.5em;margin-top:0.25em;} #divBatchImport .column.one{width:65%;} #divBatchImport .column.two label{width:6.5em;} #divBatchImportInputBox textarea{min-height:10.5em;height:auto;} #tblAddedBatchProfiles td{overflow:hidden;word-wrap:break-word;} #tblAddedBatchProfiles td.wdg-email{overflow:visible;word-wrap:normal;}/*email hover expand*/ #divAddedBatchProfiles .jqtable{margin-bottom:0;} /*Batch import edit grid 6/14*/ #divBatchEditHeader{background:#dcdad7;border:1px solid #8d8a82;border-bottom:2px solid #a8c44c;padding:0.25em 0.5em;border-top-right-radius:0.35em;border-top-left-radius:0.35em;} #divBatchEditHeader div{display:inline-block;padding-left:0.2em;font-family:'Lato', Arial, sans-serif !important;font-weight:bold;font-style:normal;} #divBatchEditHeader div.batcheditname{width:12em;} #divBatchEditHeader div.batcheditemail{width:20.25em;} #ulBatchProfiles{border:1px solid #8d8a82;border-bottom-right-radius:0.35em;border-bottom-left-radius:0.35em;overflow:hidden;} #ulBatchProfiles li{list-style-type:none;padding:0.5em;background:white;} #ulBatchProfiles li:nth-child(even){background:#f5f3ed;} #ulBatchProfiles li.error{background:#eecfd5;} #ulBatchProfiles li.error input{border-color:#bb4156;} #ulBatchProfiles li input{margin-bottom:0;vertical-align:top;} #ulBatchProfiles li .batcheditname{width:12em;} #ulBatchProfiles li .batcheditemail{width:20em;margin-right:-2em;} #ulBatchProfiles li .inlineOptions{width:2em;vertical-align:top;margin-top:3px;} #lnkViewNotConvertedText{margin-top:0.5em;display:block;text-align:center;color:#bb4156;} #lnkViewNotConvertedText:before{content:"";display:inline-block;vertical-align:text-top;margin-right:0.5em;background:url("../images/icons/sprite-linkicons.png") no-repeat -96px -32px;width:16px;height:16px;} #lnkViewNotConvertedText:hover{color:#e04f67;} #txtInvitation{display:block;height:3.2em;min-height:3.2em;resize:vertical;overflow:hidden;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.2em 0.3em 0.3em 0.4em;border:1px solid #8d8a82;border-radius:0.5em;margin-bottom:0;} #divProfileList.section{margin-top:1.5em;padding-top:2em;} #divProfileList .jqtable{overflow:hidden;} /* #divProfileList .jqtable .wdg-action{width:22px !important;} */ #divProfileList h4{padding:0.5em;margin-bottom:-2px;border:1px solid #872f3e;/* border-bottom:2px solid #a8c44c; */background:#bb4156;color:white;position:relative;z-index:2;}/*table footer*/ #lnkPreviewEmail{} /* W34 - Profile Update dialog (expanded) - deprecated? */ /* ProfileUpdate.aspx */ #wtabProfile .label{width:140px;margin:2px 0;vertical-align:top !important;} #wtabProfile .textinput{width:400px;} #profilecomments .label{width:170px;vertical-align:top !important;} #profilemembership .column{display:inline-block;width:300px;margin-bottom:12px;height:60px;} #profilemembership .label{width:130px;} #profilemembership .membershipmsg{width:300px;float:right;vertical-align:top;color:#b0c700;} .profilemembershiprdo{display:inline-block;/* margin-top:0.5em; */} .profilemembershiprdo > label{width:auto;} .profilemembershiprdo > label span{margin-left:0.5em;} #membershipexpiry{margin:-4px 0 6px;display:inline-block;vertical-align:top;} #membershipoffset{position:relative;top:-4px;left:-4px;} #wdwMembership .label{width:120px;margin-bottom:10px;} .profileexpand{display:block;margin-bottom:0.5em;} .profilecontract-expiry{margin-top:1em;} .profilecontract-showdetails{margin-left:142px;display:inline-block;} /* profile update tab fixes */ .profileupdate-dialogcontent{height:370px;width:665px;position:absolute;background:#fff;padding:15px 20px 10px 20px;margin:35px 20px 20px 20px;border-radius:4px;border:1px solid #8d8a82;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} .profileupdate-dialogcontent .tabcontrol{position:absolute !important;top:-25px !important;left:20px;width:665px;height:340px;} .profileupdate-dialogcontent .dialogmenu{position:absolute;height:0;width:665px;bottom:-15px;} .profileupdate-dialogcontent #divErrorMsg{padding:10px;margin-bottom:-25px;background:white;border:1px solid #bb4156;border-radius:4px;} /*revised expanded profile*/ #divMembershipStatus{margin:0.5em 0 1em 2em;line-height:1.75em;} #divMembershipStatus label{display:inline-block;width:10em;} #divMembershipInfo{padding-bottom:1em;} /* Profile Update - NEW*/ #frmProfile input[type=text]{width:29em;} #frmProfile label, #frmProfile span{display:inline-block;width:12em;margin-right:0.5em;} #frmProfile #divGroupInfo{margin-bottom:1.5em;padding-bottom:0.5em;border-bottom:1px solid #ddd;}/*section*/ #frmProfile #divCoupleName{margin-bottom:1em;margin-right:-2em;} #frmProfile #divCoupleName .column{width:22em;} #frmProfile #divCoupleName .column label{display:block;} #frmProfile #divCoupleName .column.one label{padding-left:1em;} #frmProfile #divCoupleName .column.one span{display:inline-block;width:auto;} #frmProfile #divCoupleName .column input[type=text]{width:92%;} #frmProfile #btnEditAdd{display:inline-block;width:6em;text-align:center;} #frmProfile #txtProfileAddress{width:20.5em;margin-right:0.5em;} #frmProfile #lnkAddPhone{display:inline-block;margin-bottom:0.75em;} #frmProfile .addphone{margin:0.25em 0 0.5em;} #frmProfile .jqtable td input[type="text"]{width:99%;} #frmProfile #divPhoneTable{margin-bottom:0.5em;margin-left:12.7em;overflow:hidden;} #frmProfile #divPhoneTable select{width:8em;} #frmProfile .profile-nonmember{margin-left:12.7em;margin-top:-0.5em;} .wdg-phonetype{width:10em;} .wdg-phonenumber{width:10em;} #frmAddress label, #frmAddress span{display:inline-block;width:10em;margin-right:0.5em;} #frmAddress input[type=text], #frmAddress select{width:24em !important;} #frmAddress #lblPostalFormatText{display:none;} #divFamilyName p{display:block;margin-left:13em;} #divFamilyLimit{margin-left:12.7em;margin-right:-1em;margin-bottom:0.75em;} #divFamilyLimit input{margin-right:0;} #divLimitDDL{display:inline-block;} #divLimitDDL select{margin:0 0.25em;} #divContactType{margin-bottom:0.5em;} #divMemberInfo{vertical-align:top;} #divMemberInfo label{width:auto;margin-right:1em;margin-bottom:0.5em;display:inline-block;margin-bottom:0.75em;} #divMemberInfo label.divMemberInfo{width:12em;margin-right:0.5em;margin-top:0.25em;} #divMemberClass{display:block;} #divMemberClass label{width:11.25em;margin-bottom:0.75em;} #divMemberClass #ddlMemberClasses{max-width:30em;margin-right:-1em;} #divMemberClassLabel{display:inline-block;margin-left:0.5em;} /* W35 - RSVP Dialog ============================================================= */ /*wdwRSVP - 38em*/ #frmRSVP .column.one{width:12em;font-style:normal;font-weight:normal;margin-right:0;} #frmRSVP .column.two{width:27em;} #frmRSVP h4{line-height:1.5em;} /*RSVP form - meta & event details section*/ .divEventInfo{margin:-16px -21px 26px !important;padding:15px 20px !important;border:1px solid #8d8a82 !important;border-top-right-radius:4px;border-top-left-radius:4px;background:#f5f3ed;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);} .divEventInfo h4, .divEventInfo span{display:inline-block;vertical-align:top;} .divEventInfo h4{width:5em;line-height:1.5em;} .rsvpeventinfo{margin:-16px -21px 20px;padding:15px 20px;border:1px solid #8d8a82;border-top-right-radius:4px;border-top-left-radius:4px;background:#efedec;box-shadow: 0px 2px 2px rgba(0,0,0,0.3)} .rsvpeventinfo h4, .rsvpeventinfo h3, .rsvpeventinfo span{display:inline-block;vertical-align:top;max-width:640px;} .rsvpeventinfo .label{width:70px !important;} .rsvpeventname, .rsvpeventgroup, .rsvpeventwhen, .rsvpeventwhere{vertical-align:top;} .rsvpeventgroup{padding-left:70px;} .rsvpeventgroup .label{margin-right:6px;width:auto !important;} .rsvpeventwhen{display:inline-block;width:300px;} .rsvpeventwhere{display:inline-block;width:400px;} /*RSVP > Details*/ .rsvpdetailsbox fieldset{width:450px;display:inline-block;vertical-align:top;} .rsvpdetailsbox .label{width:120px;} .rdtext{} .rddropdown{width:306px !important;} .rddate{width:108px !important;margin:0 0 4px 0 !important;} .rddate input{width:80px !important;box-shadow:none;} .rdtime{width:100px !important;} .rdnumber{width:100px !important;} .rdaddress{} .rdphone{width:100px !important;} .subrsvpdetail .label{width:100px !important;} /*RSVP > Registration*/ .reginfo span{display:inline-block;margin-bottom:6px;width:150px;} .reginfo input[type=text]{width:27em;} .reginfo select{width:6em;margin-right:0.25em;} .reginfo input[type=text].regPhone{width:20.5em;} .reginfo input[type=text]#txtRegAddress{width:19.75em;margin-right:0.25em;} .reginfo #MainContent_divShowAddress .button{display:block;margin-left:153px;} .reginfo .errormsg{display:block !important;width:100%;line-height:2em;margin-left:-3px;} #divRegAdd{} /*address for registration dialog*/ #divRegAdd .label{width:8em;} #divRegAdd input[type=text]{width:300px !important;} /*RSVP form - guest subdialog*/ #wdwGuestInfo .label{width:110px;} #wdwGuestInfo .textinput{width:240px;} /*guest section*/ #divGuestTable{margin:0.25em 0 5em 12.2em;} #divNamedGuests{position:relative;} #lnkAddGuest{position:absolute;bottom:-3em;left:15em;width:19.75em;text-align:center;} #lblGuestPolicy{margin-bottom:1em;padding:0.4em 0.75em;background:#f5f3ed;border:1px solid #ddd;border-radius:0.35em;box-sizing:border-box;-moz-box-sizing:border-box;} #divNumberOfGuests{position:absolute;top:24px;left:300px;} /* .rsvpcommentvisiblity{margin-left:133px;} */ #tblGuestOptions{position:relative;} #divCanRSVPGuests label{margin-right:1em;} #divCanRSVPGuests label#lblYesGuests{margin-right:0;} #divCanRSVPGuests a.help{vertical-align:top;} /*family names*/ #divFamilyMembersTable{margin-bottom:0.5em;} .rsvpradio select{margin-right:0.25em;} /*RSVP Dropdown in RSVP form*/ .rsvpdropdown{display:inline-block;width:103px;height:20px;margin:0 30px 0 10px;} .rsvpdropdown .dropdowncontainer{position:absolute;overflow:hidden;width:103px;padding:5px 10px;height:20px;max-height:20px;background:white;border:1px solid white;border-radius:4px;background:url("../../ig_res/Windows7/images/igg_sortDesc.gif") no-repeat 102px 7px white;} .rsvpdropdown:hover .dropdowncontainer, .rsvpdropdown:active .dropdowncontainer{max-height:160px;height:auto;z-index:2;position:absolute;border:1px solid #ddd;padding:10px;margin-top:-5px;background-position:102px 12px;box-shadow: 0px 5px 2px rgba(0,0,0,0.3);} .rsvpdropdown:hover .dropdowncontainer, .rsvpdropdown .dropdowncontainer{-webkit-transition: max-height 0.2s ease, background-color 0.4s ease;-moz-transition: max-height 0.2s ease, background-color 0.4s ease;-o-transition: max-height 0.2s ease, background-color 0.4s ease;transition: max-height 0.2s ease, background-color 0.4s ease;} .rsvpdropdown .rsvpbubble{display:block;margin-top:12px;} .rsvpdropdown .rsvpbubble:first-child{margin-top:0px;padding-bottom:6px;border-bottom:1px solid #ddd;margin-bottom:6px;padding-right:20px;} /* RSVP Radio buttons in RSVP form*/ .rsvpradio{display:inline-block;} #divRSVP2.rsvpradio{margin-left:1em;}/*couple*/ .rsvpradio ul{border-radius:4px;border:1px solid #8d8a82;background:white;overflow:hidden;width:27.25em;} .rsvpradio ul li{list-style-type: none;position:relative;overflow:hidden;padding:6px;height:20px;border-top:1px solid #8d8a82;} .rsvpradio ul li:first-child{border-top:none;} .rsvpradio ul li:hover{background:#e8f8f7;} .rsvpradio ul li.rsvprdoactive{background:#d4f2f1;} .rsvpradio ul li label, .rsvpradio ul li div.familylabel{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;position:absolute;top:0;left:0;display:block;width:170px;padding:6px 6px 6px 125px;height:20px;z-index:2;} .rsvpradio .rsvpbubble{background-image:url("../images/sprite-rsvpbubbletext.png");color:transparent;}/*text version*/ .rsvpradio .in-active{background-position:-84px 0px;}/*outlines*/ .rsvpradio .out-active{background-position:-84px -46px;} .rsvpradio .maybe-active{background-position:-84px -23px;} .rsvpradio .waitlist-active{background-position:-84px -69px;} .rsvpradio .rsvprdoactive .in-active{background-position:0px 0px;}/*solid on active*/ .rsvpradio .rsvprdoactive .out-active{background-position:0px -46px;} .rsvpradio .rsvprdoactive .maybe-active{background-position:0px -23px;} .rsvpradio .rsvprdoactive .waitlist-active{background-position:0px -69px;} /*adjust RSVP radio layout for individual/couple/family*/ #divYourRSVP.section{border-top:none;margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #ddd;} #divYourRSVP .name{display:block;} #divYourRSVP.individual{}/*default*/ #divYourRSVP.couple .column.one{display:block;} #divYourRSVP.couple .rsvpradio ul{width:245px;} #divYourRSVP.couple .rsvpradio ul li label{width:110px;} #divYourRSVP.family .rsvpradio ul li div.familylabel{width:220px;} #divQuestions.section, #divComment.section{border-top:0;margin-top:1em;padding-top:0;} #divSubscription.section{border-top:0;margin-top:1.5em;padding-top:0;} #divRSVPProper #divComment.section{margin-top:3em;} /* ----- w35a RSVP Tickets ------------------------------------------------------- */ #divPayments.section{border-top:none;padding-top:0;margin-top:2px;} #divPayments .jqtable{margin-bottom:0;} #lnkPayNotAttending{float:right;margin-top:-2em;} /*Previous Payments*/ #divPayInstruct{margin:1em 0 1.5em;} #divPrevPayments{background:#e9f8f8;border-bottom:1px solid #ddd;margin:0 -20px 1.5em;padding:13px 20px 0;} #divPrevPayments .jqtable table thead tr{border-bottom-color:#2abcb9;} #divTix{margin-top:-2.5em;} #divNotAttending{display:block;padding-left:7.5em;} #divNotAttending input#chkNotAttending{margin-right:0.1em !important;} .ticketbuttons{height:2.5em;margin-top:1em;} .ticketbuttons .button{float:right;} #btnBuyMore{line-height:1.5em;margin-top:-0.5em;} /* #divShowPrevPayments{display:inline-block;} */ /*RSVP ticket category display*/ #divTixCat{margin-bottom:1em;} #divTixCat .rticketcat{position:relative;border:1px solid #ddd;padding:1em;border-radius:0.35em;margin-bottom:1em;} #divTixCat .rticketname{font-weight:bold;margin-bottom:0.5em;} #divTixCat .rticketprice{position:absolute;top:1em;right:1em;font-weight:bold;padding-left:1em;} /*ticket payment columns*/ .wdg-ticketqty, .wdg-ticketcat, .wdg-ticketprice, .wdg-tickettotal, .wdg-tickettotalpaid, .wdg-ticketnum{overflow:hidden;text-overflow:ellipsis;} .wdg-rownumber{width:2em !important;color:#2abcb9 !important;} .wdg-ticketqty{width:7em !important;overflow:visible !important;/* text-align:center; */} .wdg-ticketqty a{display:none !important;} .wdg-ticketcat{width:auto !important;} #tblNamedSingleTix .wdg-ticketcat{text-align:right !important;} #tblNamedMultiTix .wdg-ticketcat{text-align:right !important;} .wdg-ticketcat select{width:100%;} .wdg-ticketprice{width:8em !important;text-align:right !important;} .wdg-ticketpurchaser{width:14em !important;text-align:right !important;} .wdg-ticketpurchaser a.help div{width:14em;} .wdg-ticketreceiver{width:12em !important;text-align:right !important;} .wdg-ticketreceiver a.help div{width:14em;margin-left:-10em;} .wdg-tickettotal{width:8em !important;text-align:right !important;padding-right:20px !important;} .wdg-tickettotalpaid{width:6em !important;text-align:right !important;} .wdg-ticketnum{width:5em !important;} .wdg-ticketid{width:7em;text-align:right !important;padding-right:12px !important;}/*unique ticket number*/ #divTix.divNamedMultiTix .wdg-firstname, #divTix.divNamedMultiTix .wdg-lastname, #divTix.divNamedSingleTix .wdg-firstname, #divTix.divNamedSingleTix .wdg-lastname{width:10em !important;} #prevNamedMultiTix{} /*rsvp - enter promo code*/ #divPromoInput{} #divPromoInput label{left:0.5em !important;} #divPromoInput #txtPromo{position:absolute;top:0.5em;left:13em;width:18em;text-align:left;} #divPromoInput .button{position:absolute;top:0.5em;right:0.5em;width:5em;text-align:center;} #divPromoAfter label:first-child{width:auto !important;} #divPrePay2 label{width:auto !important;} /*ticket totals table rows*/ .tickettotals{margin-top:-1px;/* border:1px solid #8d8a82; */} .tickettotals div{padding:0.5em 1em;height:1.5em;position:relative;margin-top:-1px;border:1px solid #8d8a82;/* background:#dcdad7; */} .tickettotals div#divTotalBox{background:#f5f3ed;border-top:2px solid #a8c44c;} .tickettotals #btnAddMore{display:inline-block;margin:-0.15em 0 0 -0.5em;padding:0.1em;width:18.1em;text-align:center;} /* #divPrevPayments .tickettotals div#divTotalBox{background:white;} */ #divPrevPayments .tickettotals div{background:white;} #divTix.divUnnamedTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:7.5em;text-align:left;} #divTix.divUnnamedTix .tickettotals div label{position:absolute;top:0.5em;right:1em;width:13em;text-align:right;overflow:hidden;text-overflow:ellipsis;} .prevUnnamedTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:7.5em;text-align:left;} .prevUnnamedTix .tickettotals div label{position:absolute;top:0.5em;right:7.1em;width:13em;text-align:right;overflow:hidden;text-overflow:ellipsis;} #divTix.divNamedMultiTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:10.5em;} #divTix.divNamedMultiTix .tickettotals div label{position:absolute;top:0.5em;right:2.75em;} .prevNamedMultiTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:11.5em;} .prevNamedMultiTix .tickettotals div label{position:absolute;top:0.5em;right:7.15em;} #divTix.divNamedSingleTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:2.5em;} #divTix.divNamedSingleTix .tickettotals div label{position:absolute;top:0.5em;right:2.6em;} .prevNamedSingleTix .wdg-ticketcat{text-align:right;} .prevNamedSingleTix .tickettotals div label:first-child{position:absolute;top:0.5em;left:2.5em;} .prevNamedSingleTix .tickettotals div label{position:absolute;top:0.5em;right:7.1em;} .prevUnnamedTix, .prevNamedMultiTix, .prevNamedSingleTix{margin-bottom:1.5em;position:relative;} /*cancelled ticket orders watermark*/ .prevUnnamedTix.order-cancelled:before, .prevNamedMultiTix.order-cancelled:before, .prevNamedSingleTix.order-cancelled:before {content:"";position:absolute;top:0;left:0;width:515px;height:160px;background:url("../images/watermark-OrderCancelled.png");z-index:2;opacity:0.5;} .tickettotals div#divPromoInput{height:2em;} .tickettotals div#divPromoInput label{position:static;} .tickettotals #divTotalBox label{font-weight:bold;} #divGenMsgWindowMessage{text-align:center;line-height:2.5em;margin:-0.5em 0;}/*success msg*/ #divGenMsgWindowMessage h4{font-style:normal;} #divGenMsgWindowMessage p{line-height:1.5em;margin-bottom:1em;} /*payment type, beside fee*/ /* #divWhoozinFee #divChoosePayment{position:absolute;top:0.5em;left:2.5em;border:none;margin:0;padding:0;} */ #divWhoozinFee #divChoosePayment label, #divWhoozinFee #divChoosePayment div{display:inline-block;position:static;} .divUnnamedTix #divChoosePayment select{position:absolute;left:16em;width:10em;} .divNamedSingleTix #divChoosePayment select{position:absolute;left:11em;width:10em;} .divNamedMultiTix #divChoosePayment select{position:absolute;right:3em;width:10em;}/*!*/ /* RSVP survey questions */ #divRSVPQuests{} /*table*/ /* #divRSVPQuests input[type=text]{margin-bottom:0;background:none;margin:-5px;width:100%;border-color:#bbb;} */ /*inline editable fields for question/sequence */ /* RSVP Comment section*/ #divQuestions{position:relative;} #divQuestions input[type=text]{width:100%;margin-bottom:1em;} #divComment textarea{width:100%;margin-bottom:1em;min-height:1em;} #divComment textarea{margin-bottom:3px;} #divComment #divCommentTo{margin-bottom:0.5em;} #divComment #divCommentTo span{display:inline-block;margin-right:1em;} /*RSVP > Notify section*/ #divSubscription .column.two div{display:inline-block;margin-left:-0.5em;} #divSubscription #chkSubscribeComment{display:inline-block;margin-left:1em;} #divSubscription label{margin-right:0;} #divConfirmation{margin:2em 0 -0.5em;text-align:center;} #divConfirmation input[type=checkbox]{margin-right:0.3em;} /*RSVP > Reset RSVP dialog */ #divResetRSVP #lblNotify{display:inline-block;width:30em;vertical-align:top;} /* Date Poll Response Dialog */ #tblRSVPInfo h4{display:inline-block;width:130px;vertical-align:top;} #tblRSVPInfo h2{margin-left:20px;} #wdwDatePollResponse .label{width:160px;} #wdgDatePollResponse .radio{margin:0;} #wdgDatePollResponse{height:180px !important;overflow-y:auto !important;} /*5 rows*/ #tblOptionalComments .radio input{margin-right:6px !important;} .pollresponse-yes, .pollresponse-no, .pollresponse-maybe{text-align:center !important;width:40px;} .subscribebox{border-top: 1px solid #ddd;margin-top: 8px;padding-top:12px;} .subscribebox .label{margin-right:30px;vertical-align:top;width:auto !important;margin-bottom:3px;} .datepollresponsetbl .aspNetDisabled, .datepollresponsetbl .aspNetDisabled input {margin-right:0px;color:green !important;} .datepollresponsetbl .radio input{margin-right:0;} /*Reset RSVP Button, Admin Mode*/ #btnReset{position:absolute;right:1em;top:0;} /* RSVP Ticket Purchase Confirmation */ #lblConfimMsg h3{margin-bottom:1em;} #lblConfimMsg label{display:inline-block;margin-bottom:0.5em;width:15em;vertical-align:top;text-overflow:ellipsis;overflow:hidden;} #lblConfimMsg div label:first-child{width:10em;} /* RSVP Thank You Dialog */ .dialog-rsvpty{padding-bottom:3.5em !important;} #divRSVPTYMsg h2{text-align:center;} #divRSVPTYMsg .rsvpcomplete{text-align:center;} #divRSVPTYMsg .rsvpcomplete h1{margin-top:0.5em;} #divRSVPTYMsg .rsvpcomplete h1 .bubble{color:white !important;height:auto;width:auto;border-radius:1.5em;background-image:none;position:relative;padding:0.1em 0.75em;margin:-0.1em 0 0 0.25em;} #divRSVPTYMsg .rsvpcomplete h1 .bubble:after{content:"";display:block;position:absolute;width:0;border-color:transparent #a8c44c;border-style:solid;border-width:0 24px 12px 0;bottom:-6px;right:7px;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.in{background-color:#a8c44c;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.in:after{border-color:transparent #a8c44c;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.out{background-color:#8d8a82;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.out:after{border-color:transparent #8d8a82;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.maybe{background-color:#dccd46;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.maybe:after{border-color:transparent #dccd46;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.multiple{background-color:#2abcb9;} #divRSVPTYMsg .rsvpcomplete h1 .bubble.multiple:after{border-color:transparent #2abcb9;} #divRSVPTYMsg .rsvpcomplete #divRSVPTYEvent{font-weight:bold;font-size:1.5em;margin-bottom:0.5em;line-height:1.25em;} #divRSVPTYMsg .rsvpcomplete #divRSVPTYEvent:before{content:"for";color:#8d8a82;font-size:0.8em;font-weight:bold;display:block;width:6em;margin:1em auto;} #divRSVPTYMsg .rsvpcomplete #divRSVPTYTime{font-size:1.2em;margin-top:0.25em;} #divRSVPTYMsg .feedback{margin:0 0 -0.5em;} #divRSVPTYMsg .column{width:29%;/* margin-right:2%; */margin-top:2em;text-align:center;} #divRSVPTYMsg .column.two{width:40%;} #divRSVPTYMsg .column.two .donatebtn{display:block;background:url("../images/donatebutton1.png") no-repeat;width:126px;height:30px;margin:0 auto;} #divRSVPTYMsg .column.two .donatebtn:hover{background-position:0px -30px;} #divRSVPTYMsg #lnkTUWYT{width:100%;display:block;position:relative;color:#4c4c4e;font-style:normal;text-decoration:none;} #divRSVPTYMsg #lnkTUWYT:hover{color:#33e5e1;text-decoration:underline;} #divRSVPTYMsg #lnkTUWYT:before{content:"";display:inline-block;margin-right:0.5em;width:16px;height:16px;margin-bottom:-3px;background:url("../images/icons/sprite-linkicons.png") no-repeat -80px 0px;} #divRSVPTYMsg #lnkTUWYT:hover:before{background-position:-80px -16px;} #divRSVPTYMsg #lnkTUWYT:after{content:"";display:block;width:99px;height:21px;background:url("../images/whoozintable.png") no-repeat;position:absolute;top:19px;left:38px;} #divRSVPTYMsg #lnkTUWYT span{font-size:1.54em;margin-bottom:0.075em;display:block;} #divRSVPTYMsg #FBlike iframe{width:50px;} #divRSVPTYMsg #FBlike span{display:block;} #divRSVPTYMsg_EventCal{text-decoration:underline;margin:1em 0 2em;} #divRSVPTYMsg p.dialogfooter{text-align:center;position:absolute;z-index:2;bottom:-8em;} #divRSVPTYMsg p.dialogfooter span{font-size:1.2em;margin:0 0.25em;font-style:italic;font-weight:bold;vertical-align:top;color:#8aa13f;} #divTUWYTMsg textarea{min-height:7.75em;} /* Find My Event */ #divLinkIDtoFind{margin-top:1.5em;} #divLinkIDtoFind label, #divEmailEvents label, #divLinkFormat div{display:block;margin-bottom:0.5em;} #divLinkIDtoFind input, #divEmailEvents input{width:20em;margin-right:0.5em;} /* ----- Payment Setup -------------------------------------------------------------- */ /*sidebar*/ #pPayOrg a{width:12em;text-align:center;display:block;margin-bottom:0.75em;} /*dialog*/ /* #divStripePaymentInfo .paymentintro{padding:0.5em 1em;} */ #divStripeInfo .instructionbox p{font-size:1.23em;/*16px;*/;font-style:italic;line-height:1.4em;} #divStripeInfo .instructionbox p.note, #divPayInfoOrganizer .instructionbox p.note{color:#4c4c4e;font-weight:bold;font-size:1em;margin-right:-2em;} #divStripeInfo_AccountDetails{position:relative;} #divStripeInfo_AccountDetails #lnkLoadDefault{top:2em;right:0.25em;} #divStripePaymentInfo .instructionbox p, #divWdwEventPayment .instructionbox p{font-size:1.23em;/*16px;*/;font-style:italic;line-height:1.4em;} #divStripePaymentInfo .paypricing{margin-top:1em;} #divStripePaymentInfo .paypricing table{border:1px solid #8d8a82;width:100%;} #divStripePaymentInfo .paypricing table th, .paypricing table td{text-align:left;background:white;border-bottom:1px solid #8d8a82;padding:0.25em 0.5em;width:26%;} #divStripePaymentInfo .paypricing table th{font-weight:bold;background:#f5f3ed;border-bottom:2px solid #8d8a82;} #divStripePaymentInfo .paypricing .column{padding-left:4%;margin:0.5em 0;} #divStripePaymentInfo .paypricing .column.one, #divStripePaymentInfo .paypricing .column.two{display:block;width:100%;padding-left:0;margin-bottom:2em;} #divStripePaymentInfo .paypricing label{margin-bottom:0.5em;} #divStripePaymentInfo .paypricing p{margin-bottom:1.5em;} #divStripePaymentInfo .paypricing .column a{color:#088c86;font-style:normal;} #divStripePaymentInfo .paypricing ul li{margin-left:1em;} #divStripePaymentInfo .paypricing ul li ul li{margin-left:1em;} #divStripePaymentInfo .paystripe .column.one{width:52%;padding-right:4%;} #divStripePaymentInfo .paystripe .column.two{width:42%;} #divStripePaymentInfo .paystripe .column.two a{margin:1em auto 0;text-align:center;display:block;width:14em;} #divStripePaymentInfo input[type=text]{width:18.5em;margin-right:1em;} #divStripePaymentInfo .stripebuttons{text-align:center;margin:0.5em 0 2em;} #divStripePaymentInfo .stripebuttons a{margin:0 0.25em;} /* #divLinkToUpdate a#lnk_divLinkToUpdate{display:block;width:10em;} */ /* block;padding:0.5em 1em;border-radius:0.5em;background:#bb4156;color:white;font-weight:bold;font-style:normal;text-decoration:none; */ /* #divLinkToUpdate a#lnk_divLinkToUpdate:hover{background:#cc7180;} */ #txtOSReference{margin:0 0 0.5em 1em;width:15em;} a.poweredbystripe{position:absolute;top:-4.5em;right:0;z-index:2;display:block;width:119px;height:26px;background:url("../images/poweredbystripe.png") no-repeat;} .viewpayexp{} /*hook for popup*/ .viewpayexp2{} /*hook for popup*/ #ddl_divStripePaymentInfo_Country{width:6em;} #divOrgInfo.section{padding-top:0;margin-top:0;border-top:none;} #divOrgInfo input{width:9em;} #divOrgInfo .one{width:19em;} #divOrgInfo .two input{margin:0 2em 0 0.5em;} #divOrgInfo input#txtOrgInfoContact{width:28.1em;margin-botton:0.5em;/*width:24.25em;margin-left:3.85em;*/} #divWdwPayOrgSetup #txtPayTitle{width:29em;} #divWdwPayOrgSetup #divStripeInfo h4, #divWdwPayOrgSetup #divEAInfo label{min-width:9em;margin-bottom:1em;} #divWdwPayOrgSetup #divEAInfo .radioset label{min-width:auto !important;margin-right:1em !important;margin-bottom:1.5em;} .payorgacct{background:#e8f6f5;padding:0.75em 1.5em 0.25em;margin:0 -1.5em 1em;position:relative;height:2em;} .payorgacct .payorgacct-name{font-weight:bold;vertical-align:top;} .payorgacct a, .payorgacct .button{position:absolute;top:-0.5em;right:0;color:#fff;font-style:italic;} #divWdwPayOrgSetup .payorgacct #h3StripInfo{width:13em;white-space:pre;overflow:hidden;text-overflow:ellipsis;vertical-align:top;} #divStripeSettings .payorgacct #lblEPStripeEmail{width:25em;white-space:pre;overflow:hidden;text-overflow:ellipsis;vertical-align:top;} /*ticketing*/ #divPayPalSettings .payorgacct label, #divPayPalRef label{width:20em;font-weight:bold;} #divPayPalSettings .payorgacct input[type=text], #divPayPalRef input[type=text]{width:24.5em;font-weight:normal;} /* #divProcessorSetting #rdoStripeProcessor{margin-top:1em;} */ /* #divProcessorSetting #divPayPalSettings{margin:0 0 1em 1.5em;padding:0;} */ /* #divProcessorSetting #divPayPalSettings .payorgacct{background:none;margin:0.5em 0 0 0 !important;padding:0 !important;} */ /* #frmEvtPaymentSetup .instructionbox{text-align:center;} */ /* #divPaymentOptions.section{margin-top:0;} */ #divPaymentOptions #divStripeAcctNotSet .button{display:block;padding:0.4em 0.25em 0.25em;text-align:center;font-size:1.2em;width:38em;margin-top:1em;} .ticketpolicy{margin-bottom:1em;} #divPaymentOptions #divStripeSettings .payorgacct{margin-top:2em;padding:0.25em 0 0.5em;background:none;} #divPaymentOptions #divStripeSettings #divStripeAcctSet{position:relative;margin-top:1.75em;} #divPaymentOptions #divStripeSettings #divStripeAcctSet .button{position:absolute;top:-0.5em;right:0;} #divPaymentOptions #divStripeSettings #divLinkToUpdate{margin-top:1em;} #divPaymentOptions #divStripeSettings .ticketfee{height:6em;margin-top:1.5em;} #divPaymentOptions #divStripeSettings .ticketfee label:first-child{font-weight:bold;font-style:italic;} #divPaymentOptions #divStripeSettings .ticketfee #rdoWhoozinFeeIn{margin-left:2em;margin-top:0.5em;} #divPaymentOptions #divStripeSettings #divReducedFee{position:absolute;bottom:1em;right:1em;border:1px solid #8d8a82;border-radius:0.5em;padding:0.5em;} #divPaymentOptions #divStripeSettings #divReducedFee h4{display:inline-block;line-height:1.5em;} #divPaymentOptions #divPayPalSettings .payorgacct{margin:0 -1em 0.5em -2.5em;padding:0.75em 1.5em 0.25em 2.5em} /*new ui for ticket setup processors*/ #divPaymentOptions #divProcessorSetting{margin-left:-1em;padding-bottom:0.6em;} #divPaymentOptions #divProcessorSetting h4{margin-left:1.25em;} #divPaymentOptions #divProcessorSetting .column{width:100%;display:block;margin:0;padding:1.5em 1em;border:1px solid #ddd !important;border-radius:0;min-height:4.5em;position:relative;background:#f7fcfc;} #divPaymentOptions #divProcessorSetting .column.one{border-top-left-radius:0.5em;border-top-right-radius:0.5em;margin-bottom:-1px;padding-top:1.75em;} #divPaymentOptions #divProcessorSetting .column.two{border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;} #divPaymentOptions #divProcessorSetting #rdoStripeProcessor + label, #divPaymentOptions #divProcessorSetting #rdoPayPalProcessor + label{float:right;width:37em;text-align:left;} #divPaymentOptions #divProcessorSetting #rdoStripeProcessor + label:before, #divPaymentOptions #divProcessorSetting #rdoPayPalProcessor + label:before{content:"";background:url("../images/index-sprites.png");position:absolute;z-index:2;top:0;left:65px;margin:0 0 0 -25px;width:50px;height:50px;} #divPaymentOptions #divProcessorSetting #rdoPayPalProcessor + label:before{top:4px;} #divPaymentOptions #divProcessorSetting #rdoPayPalProcessor + label:before{background-position:-350px -0px;} #divPaymentOptions #divProcessorSetting #rdoStripeProcessor + label:before{background-position:-300px -0px;} #divPaymentOptions #divProcessorSetting #rdoPayPalProcessor:checked + label:before{background-position:-350px -0px;}/*solid always*/ #divPaymentOptions #divProcessorSetting #rdoStripeProcessor:checked + label:before{background-position:-300px -0px;}/*solid always*/ #divPaymentOptions #divProcessorSetting .payorgacct{background:none;margin:0;padding:0;height:auto;} #divPaymentOptions #divProcessorSetting .paypalCountry strong{width:20em;display:inline-block;margin-right:0.5em;} #divPaymentOptions #divProcessorSetting .paypalCountry select{width:24.5em;} #divPaymentOptions .column.two a.button{position:absolute;top:0.75em;right:1em;}/*help button*/ #divPayProcessor.section{position:relative;padding-top:0;margin-top:1em;border-top:0;} #divProcessFee.section{padding:0 0 0 1.1em;margin-top:1.5em;border-top:0;position:relative;} #divPayProcessor h3{display:inline-block;margin:1em 3em 0.75em 0;} #divPayProcessor .divPayProcessorBtn{position:absolute;top:0.75em;right:0;} #divPayProcessor .divPayProcessorBtn a.button:first-child{margin-right:0.5em;} #divPayProcessor .column{position:relative;width:auto;display:block;border:1px solid #ddd;padding:1.5em 1em;background:#f7fcfc;} #divPayProcessor .column.one{border-left:1px solid #ddd !important;border-top-right-radius:0.5em;border-top-left-radius:0.5em;margin-bottom:-1px;padding-top:1.75em;} #divPayProcessor .column.two{border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;padding-bottom:3em;} #divPayProcessor #rdoStripe + label, #divPayProcessor #rdoPayPal + label{float:right;text-align:left;width:30em;} #divPayProcessor #rdoStripe + label:before, #divPayProcessor #rdoPayPal + label:before{content:"";background:url("../images/index-sprites.png");position:absolute;z-index:2;top:0px;left:65px;margin:0 0 0 -25px;width:50px;height:50px;} #divPayProcessor #rdoPayPal + label:before{top:4px;} #divPayProcessor #rdoPayPal + label:before{background-position:-350px 0px;}/*solid always*/ #divPayProcessor #rdoStripe + label:before{background-position:-300px 0px;}/*solid always*/ #divPayProcessor #rdoPayPal:checked + label:before{background-position:-350px 0px;} #divPayProcessor #rdoStripe:checked + label:before{background-position:-300px 0px;} #divPayProcessor #divPayPalInfo, #divPayProcessor #divStripeInfo{margin-top:2em;} #divPayProcessor #divPayPalInfo select{width:18em;} #divPayProcessor .payorgacct{background:none;padding:0;margin:0;position:static;height:auto;} /* #divPayPalInfo, #divStripeInfo{height:6.5em;border-top:none;padding-top:0;} */ #divPayPalInfo strong{display:inline-block;width:20em;} #divPayPalInfo input[type=text], #divPayPalInfo #txtOSReference{width:18em;margin:0;margin-bottom:0.75em;} #divProcessFee strong{display:inline-block;margin-bottom:0.5em;} #divEAInfo.section{margin-top:2em;padding-top:2em;} #divProcessFee .calculator.button{position:absolute;top:0;right:1.1em;width:8.75em;text-align:center;background-color:#ff5c00;border-color:#ff5c00;} a.noAcctMsg{color:#bb4156;display:block;margin:1em 0 1em 3em;} a.noAcctMsg:hover{color:#872f3e;} .checkhead{display:block;background:#e8f6f5;padding:1em;margin:-1em -1em -1em -2.5em;border-radius:0.5em;box-shadow:0 4px 4px rgba(0,0,0,0.25);} .checkhead label{font-weight:bold;font-style:italic;font-size:1.23em;width:95%;} #divEPSetupInfo #divPaymentOptions .column.one .checkhead a.button{position:absolute;top:0.65em;right:1em;} /* #spHelpCC{position:absolute;top:0.75em;right:1em;} */ /* #divPaymentOptions .column.two .button{position:absolute;top:0.75em;right:1em;} */ #divOfflinePayAgmt{margin-top:1em;} #divOfflinePayAgmt input, #divOfflinePayAgmt label{vertical-align:top;font-weight:normal;font-style:normal;font-size:1em;} #divOfflinePayAgmt label{width:36em;margin-top:-0.2em;} #divOfflinePayAgmt input{margin-right:0.8em;} #divOfflinePayAgmt .invoiceto{display:block;padding-left:1.75em;margin:0.75em 0 0.5em;} #divOfflinePayAgmt .invoiceto label{width:15em;margin:0 0.5em 0 0;vertical-align:baseline;} #divOfflinePayAgmt .invoiceto input[type=text], #divOfflinePayAgmt .invoiceto select{width:30em;} #divPaymentOptions .column{position:relative;width:100%;margin:1em 0;background:white;border:1px solid #8d8a82 !important;border-radius:0.5em;padding:1em 1em 1em 2.5em;box-sizing:border-box;-moz-box-sizing:border-box;} #divPaymentOptions .column .section{border:none;} #divPaymentOptions #divOfflinePay .column{padding:0;margin-bottom:0;margin-top:0.2em;border:none !important;width:38%;} #divPaymentOptions #divOfflinePay .column.one{width:22%;margin-top:0.2em;} #divPaymentOptions #divOfflinePay .column.one input[type=checkbox]{margin-bottom:1em;} #divPaymentOptions #divOfflineTicketsNote{margin-top:1em;color:#bb4156;font-weight:normal;} #divBuyExtTickets{position:relative;border:1px solid #8d8a82 !important;border-radius:0.5em;padding:1em 1em 1em 2.5em;box-sizing:border-box;-moz-box-sizing:border-box;} #divBuyExtTickets .checkhead{display:block;background:#e8f6f5;padding:1em;margin:-1em -1em 1.5em -2.5em;border-radius:0.5em;box-shadow:0 4px 4px rgba(0,0,0,0.25);font-weight:bold;font-style:italic;} #divBuyExtTickets .checkhead label{margin:0;} /* #divBuyExtTickets #lblOfflineTixRate{width:20em;} */ #divBuyExtTickets .authorizedtix{height:6em;} #divBuyExtTickets .authorizedtix span{display:inline-block;width:16em;} #divBuyExtTickets .purchaseofflinetix{position:absolute;width:20em;bottom:1em;right:1em;border:1px solid #8d8a82;border-radius:0.5em;padding:0.5em;} #divBuyExtTickets label{margin-bottom:0.5em;} #divBuyExtTickets select{margin-bottom:0.75em;width:100%;display:block;} #divBuyExtTickets .button{display:block;width:100%;} .payorg-setup label, .ordersettings label, #divEPEventType label{display:inline-block;margin-bottom:0.5em;width:20em;} .payorg-setup #txtEPReference{width:29em;} .radioset{display:inline-block;} .radioset label{width:auto !important;margin-right:2em;} .ordersettings #ddlEPMaxTix{margin:0 2em 0 -1.5em;} .ticketnames label, .ticketpolicy label, .ticketinfo label{width:auto;} #divEPEventType .remainingchar{display:block;width:100%;text-align:right;} #ddlEPMaxTix{position:relative;left:-18px;} #chkShowPolicy + label, #chkShowTicketInfo + label{width:auto;} #EPPriceHeading, #divEPChargeHeading{position:relative;} #EPPriceHeading h3, #divEPChargeHeading h3{margin:0.25em 0 0.75em;} .pricingbuttons{position:absolute;top:-0.5em;right:0;} #EPPriceHeading .pricingbuttons{position:absolute;bottom:-0.25em;right:0;top:auto;} #divEPNewPrice label{width:10em;} #divEPNewPrice input[type=text]{width:15em;} #divEPNewPrice textarea{/* width:15em;vertical-align:top;display:inline-block; */width:100%;display:block;} #divShowDeletedPrices{position:absolute;top:0;left:10em;} #EPPriceHeading .ticketfee{display:inline-block;margin:0 2em 0.4em 0;} #EPPriceHeading .ticketfee label:first-child{width:20em;} #EPPriceHeading #divReducedFee{margin-bottom:0.5em;} #EPPriceHeading label.note{float:right;} #divEPPrices.jqtable.noheader{margin-bottom:1em;} #tblEPPrices tr.terminatedrow td{background:#bb4156;} #txtEPPayPolicy{min-height:4.75em;} #tblEPPrices td a.button{display:inline;} #frmPayOrganizerSetup #txtEAInfo{min-height:5em;/*3 lines*/} #frmPayOrganizerSetup .instructionbox{font-size:1.2em;font-weight:bold;text-align:center;} #frmPayOrganizerSetup .instructionbox p{font-size:0.85em;font-weight:normal;} #frmPayOrganizerSetup .instructionbox span{display:inline-block;margin:0 0.75em 0.5em;} #lbl_divStripePaymentInfo_AccountSuccess span{display:inline-block;margin-left:2em;font-weight:bold;} #divWdwPayOrg_ThankYou{text-align:center;} #divWdwPayOrg_ThankYou h3{display:block;} #frmPayOrganizerSetup .hideanddefault{text-align:left;padding-left:9em;margin-bottom:0.5em;} .hideanddefault .hidesidebarbox, .hideanddefault .setDefault{text-align:left;} .cardsaccepted{margin-top:1em;} .cardsaccepted img{vertical-align:middle;margin-left:1.5em;} /* ---- Ticket Price Calculator Dialog -------------------------------------------- */ #divTixCalc{} #divTixCalcPrices, #divCalcByPayType{text-align:center;} #divTixCalcPrices.onebox .pricebox:first-child{width:94%;margin-right:0;} #divTixCalcPrices.onebox .pricebox:first-child:after{content:"";} #divTixCalc .pricebox{display:inline-block;position:relative;width:39%;vertical-align:top;text-align:center;padding:1em;background:#caeeed;height:6em;margin-bottom:1em;border-radius:0.5em;} #divTixCalc .pricebox h1{color:#8d8a82;font-style:normal;} #divTixCalc .pricebox h3{color:#088c86;opacity:0.75;font-style:normal;} #divTixCalc .pricebox:first-child{margin-right:10%;} #divTixCalc .pricebox:first-child:after{content:"+";position:absolute;top:40%;right:-20%;font-size:5em;color:#8d8a82;opacity:0.5;} #divTixCalc .ticketcalc{margin:1em 0;padding:1em 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;} #divTixCalc .ticketcalc select{margin:0 0.25em;} #divTixCalc .ticketcalc label{margin:0 0.25em;font-weight:bold;font-size:1.2em;} #divTixCalc .ticketresult div{width:17em;padding:0 1em 0 2em;margin:0 auto;} #divTixCalc .ticketresult .ticket-youreceive{padding-top:0.75em;margin-top:0.5em;border-top:1px solid #4c4c4e;} #divTixCalc .ticketresult .ticket-purchaser .one, #divTixCalc .ticketresult .ticket-youreceive .one{font-weight:bold;} #divTixCalc .ticketresult .ticket-purchaser .two, #divTixCalc .ticketresult .ticket-youreceive .two{font-weight:bold;font-size:1.2em;margin-bottom:0.4em;width:4.75em;} #divTixCalc .ticketresult label.one{width:8em;margin-bottom:0.5em;text-align:left;} #divTixCalc .ticketresult label.two{width:5.5em;margin-bottom:0.5em;text-align:right;} /* W36 - Pure JS dialogs - shared styles ========================================= */ .window .overlay{position:fixed !important;top:0;left:0;width:100%;height:100%;margin:0;z-index:20;background:black;opacity:0.5;} .window .frame{position:absolute;z-index:21;top:165px;left:50%;background:url("../images/bgpattern.png") repeat top center white;border-radius:4px;border:2px solid #4c4c4e;box-shadow:0px 10px 10px rgba(0,0,0,0.5;);opacity:1 !important;overflow:hidden;} .window h1{display:block;box-shadow:0 5px 5px rgba(0,0,0,0.4);/* border-bottom:2px solid #a8c44c; */padding:16px 20px 0;font-size:20px;height:36px;background:url("../../library/images/windowheaderbg2.png")repeat-x 0 0 #f5f3ed;} .window .content{position:relative;margin:20px 20px 24px;padding:15px 20px 10px;border:1px solid #8d8a82;border-radius:4px;background:white;box-shadow:0 5px 5px rgba(0,0,0,0.3);overflow-x:hidden;overflow-y:auto;} .window .content h3{display:inline-block;} .window .content .dialogmenu{margin-bottom:15px;} .window .frame, .window .content{overflow:visible;} /* ===== Pure JS dialogs - individual ============================================ */ .window-registrationsetup .frame{width:500px;margin-left:-250px;margin-top:-100px;} /*.window-registrationsetup .content{height:430px;}use this to set scrollcap for windows*/ .window-registrationpage .frame{width:500px;margin-left:-250px;} .window-registrationpage .content{height:350px;} .window-regafter .frame{width:500px;margin-left:-250px;} .window-address .frame{width:500px;margin-left:-250px;} .window-address .content{height:250px;} .window-address .label{width:120px;} .window-address input[type=text], .window-address select{width:275px !important;} #divFindMyRegistration .frame{width:350px;margin-left:-175px;} #divFindMyRegistration input[type=text]{width:98%;} #divSubscriptionOptions .frame{width:300px;margin-left:-150px;} .window-admin .frame{width:600px;margin-left:-300px;margin-top:-25px;} .window-admin .note{color:#bb4156;margin:1em 0;} .window-addadmin .frame{width:450px;margin-left:-225px;z-index:23;} .window-addadmin .overlay{z-index:22;} .window-addadmin .note{display:inline-block;margin-bottom:6px;} .window-addadmin label{display:inline-block;width:60px;} .window-addadmin select{width:300px;} .window-timezone .frame{width:400px;margin-left:-200px;} .window-timezone .content label{display:inline-block;width:110px;} .window-timezone .content select{width:160px;} .window-timezone .content .dialogmenu label{width:auto;margin-bottom:9px;} /*event/rsvp reminders dialog*/ #divAlertSetup .frame{width:930px;margin-left:-465px;} #divAlertSetup #divSaveAsDefault{margin-bottom:0.5em;} /* W37 - Pure CSS Table layout =================================================== */ /*.window-admin .admintable*/ .grid{position:relative;width:100%;border:1px solid #8d8a82;border-radius:4px;overflow-x:hidden;overflow-y:auto;/*max-height:155px = 4 rows*/} .grid .header{padding:3px 10px;background:#ddd;font-family:'Lato', Arial, sans-serif;font-style:normal;font-weight:normal;border-bottom:2px solid #a8c44c;} .grid .row{position:relative;height:20px;padding:6px 10px;background:#f5f3ed;} .grid .row:nth-child(even){background:white;} .grid .name{display:inline-block;} .grid .inlineDelete{display:none;position:absolute;top:8px;right:10px;} .grid .row:hover .inlineDelete{display:block;} /* W41 - Index front page ======================================================== */ .colwrapper.index, .colwrapper.features{position:relative;padding:0 0 1.5em;} /* .index .slider, .index .column, .index .section, .index .callout1 .two .starburst span, .features .column{-moz-box-sizing:border-box;box-sizing:border-box;} breaks older devices */ /*banner art*/ .gradbg{position:absolute;top:55px;left:auto;width:100%;height:375px;background:url("../images/landing/index/gradbg.png") repeat-x;z-index:1;} .actbanner{position:absolute;top:0px;left:50%;margin-left:-820px;width:1640px;height:370px;opacity:0.5;background:url("../images/landing/index/actbanner.png") no-repeat;z-index:1;} /*slider styles*/ .index .slider{width:100%;background:none;margin-top:-1.8em;position:relative;} .rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .rslides img{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;} .rslides li{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;} .rslides li:first-child{position:relative;display:block;float:left;} .rslides img{display:block;height:auto;float:left;width:100%;border:0;} /*.rslides_tabs{position:absolute;z-index:2;bottom:0.75em;right:0.75em;} bottom right*/ .rslides_tabs{position:absolute;z-index:2;top:-1.75em;left:50%;margin-left:-5em;width:10em;} /*top center*/ .rslides_tabs li{list-style-type:none;display:inline-block;margin-left:0.75em;} /* .rslides_tabs li.rslides1_s1{display:none;} */ .rslides_tabs li a{display:block;color:transparent;width:1.5em;height:1.5em;border-radius:0.75em;background:#4c4c4e;box-shadow:0px 2px 2px rgba(0,0,0,0.5);opacity:0.75;} .rslides_tabs li.rslides_here a{background:#2abcb9;opacity:1;} .index .section p, .features .section p{margin-bottom:0.5em;} .index .section h4, .features .section h4{margin-bottom:0.5em;display:inline-block;} .index .section, .features .section{border-top:none;margin-top:0;/* background:white; */position:relative;z-index:1;padding:2em 2%;/* border-bottom:1px solid #ddd; */} .index .callout, .features .callout{z-index:3;border-top:2px solid #a8c44c;border-bottom:none;padding:1.6em 2em;box-shadow:0 0 15px rgba(0,0,0,0.3);} .index .section.callout1{padding-right:0;position:relative;} .index .callout1 .two{position:relative;} .index .callout1 .two .button{font-size:1.6em;padding:1em;display:block;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:italic;background-size:100% 50%;background-position:0 0;background-color:#a8c44c;border-color:#8aa13f;box-shadow:0 5px 5px rgba(0, 0, 0, 0.4);} .index .callout1 .two .button:hover{background-position:0 100%;} .index .section.callout1 .login{text-align:center;margin-top:0.5em;padding-right:1.75em;} .index .callout1 .two .button, .index .section.callout1 .login{margin-right:13%;} .starburst{width:150px;height:108px;/*158*/padding-top:50px;/* background:url("../images/starburst.png") no-repeat; */text-align:center;font-size:1.4em;color:white;font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;text-shadow:0 1px 4px #5e6e2b;} .index .callout1 .two .starburst{position:absolute;top:0.5em;right:-6px;font-size:1.5em;padding-top:0;background:none;width:25%;height:auto;} .index .callout1 .two .starburst span{position:absolute;width:100%;top:50%;left:0;margin-top:-1.1em;text-align:center;padding:0 0.5em;} .index .callout1 .two .starburst img{width:100%;} /* .index .callout1 h3{font-family:'Lato', Arial, sans-serif;font-weight:bold;font-style:normal;} */ .index .section .column{width:48%;} .index .section .column:first-child{margin-left:0;} .index .section.video h2{font-size:1.45em;}/*tweak*/ .index .section.video .watchnow{display:block;text-align:center;margin-top:0.5em;font-size:1.45em;} .index .section.video .watchnow:hover{color:#33e5e1;} /* .index */.section .divider{width:90%;height:1px;background:#ddd;margin:3em auto -1em;position:relative;left:-1em;} .section.feature .divider{margin-top:1.5em;} .section.indexhead{position:relative;text-align:center;padding:40px 0;margin-left:20px;/* color:white; */} .section.indexhead h1{/* padding-left:180px; */font-size:3.5em;position:relative;} .section.indexhead h1:before{content:"";} .section.indexhead h1:before{content:"";display:block;position:absolute;top:50%;left:50%;margin:-25px 0 0 -265px;width:50px;height:50px;background:url("../images/icons/sprite-pricing.png") no-repeat -50px 0px;} .section.indexhead h1:after{content:"";display:block;position:absolute;top:50%;left:50%;margin:-22px 0 0 215px;width:50px;height:50px;background:url("../images/icons/sprite-pricing.png") no-repeat 0px 0px;} /* .section.indexhead:before{content:"";display:block;position:absolute;top:42px;left:100px;width:236px;height:98px;background:url("../images/landing/index/headlogo.png") no-repeat 0px 0px;} */ .section.sliderbox{padding:2em 0;position:relative;} .index .highlights .column, .features .highlights .column{width:31.5%;margin-left:2%;} .highlights ul{margin-left:1.2em;padding-right:1em;} .index .highlights p{margin:1.2em 0;padding-right:1em;} .index .highlights h3{padding-left:1em;} .section.highlights li, .section.grouphighlights li{margin-bottom:0.5em;} /*New Index*/ .keepitlist{text-align:center;padding:0 2em 1em !important;/* margin-right:-2em; */} .keepitlist li{text-align:left;display:inline-block;margin-bottom:1em;padding:1em;list-style-type:none;width:28%;margin:0 1%;vertical-align:top;/* background:#f5f3ed;border-radius:0.5em; */} .keepitlist li h3{display:block !important;margin-bottom:0 !important;} .index .slider{margin-top:0 !important;} div.placeholder{width:100%;height:200px;background:#8d8a82;margin:-2em 0 0;} /* .rslides img{height:200px !important;} */ /*defaults for starburst*/ .starburst{display:inline-block;position:relative;vertical-align:top;padding-top:0;background:none;height:auto;} .starburst span{-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;top:50%;left:0;margin-top:-1.1em;text-align:center;padding:0 0.5em;} .starburst img{width:100%;} .section.samplevideo .column.one{width:62%;} .section.samplevideo .column.two{width:36%;text-align:center;} /* invite to sample event section */ #sampleevent{padding-bottom:0;text-align:center;/* max-width:450px; */margin:0 auto 1em;} /* .samplevideo:after{content:"OR";display:block;font-size:2.46em;font-weight:bold;color:#8aa13f;margin:0.5em 0;} */ .samplevideo h1{margin:0 auto 0.5em;vertical-align:top;display:block;} #sampleevent .samplebox{display:inline-block;position:relative;width:90%;margin:0 auto;background:#f5f3ed;border:1px solid #8d8a82;border-radius:0.5em;padding:0.75em 5%;-moz-box-sizing:border-box;box-sizing:border-box;} #sampleevent .samplebox ul{display:block;text-align:left;margin-bottom:1em;padding-left:1.5em;} #sampleevent .samplebox ul li{margin-bottom:0.5em;} #sampleevent .samplebox a.button{display:block;font-size:1.4em;margin:0 auto 0.4em;padding:0.3em 0;} /* index - sample event dialog - divCreateSample */ #frmCreateSample .one{width:10em;} #frmCreateSample .two{width:31em;} #frmCreateSample input.two{width:28em;} #frmCreateSample .divSampleEmail{margin-top:1em;} #frmCreateSample input{display:inline-block;color:#4c4c4e;font-size:13px;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;padding:3px;border: 1px solid #888;border-radius:0.35em;margin-bottom:0.5em;-moz-box-sizing:border-box;box-sizing:border-box;} #frmCreateSample .sampleeventtype{margin-bottom:3em;height:100px;} #frmCreateSample .sampleeventtype .sampleevent{display:inline-block;vertical-align:top;width:105px;} #frmCreateSample .sampleeventtype label{margin:0;} #frmCreateSample .sampleeventtype .sampleevent input[type="radio"]{display:none;} #frmCreateSample .sampleeventtype .sampleevent input[type="radio"] + label, #frmCreateSample .sampleeventtype .sampleevent:hover input[type="radio"] + label, #frmCreateSample .sampleeventtype .sampleevent input[type="radio"]:checked + label{display:block;text-align:center;position:relative;top:80px;font-weight:bold;color:#4c4c4e;} #frmCreateSample .sampleeventtype .sampleevent:hover input[type="radio"] + label{color:#2abcb9;} #frmCreateSample .sampleeventtype .sampleevent input[type="radio"]:checked + label{color:#a8c44c;} /*icon sprites*/ #frmCreateSample .sampleeventtype span label:before, #frmCreateSample .sampleeventtype span label:after{content:"";position:absolute;display:block;width:70px;height:70px;margin:-80px 0 0 -35px;top:0;left:50%;background:url("../images/icons/sprite-acticons70.png") no-repeat 0 -70px;} #frmCreateSample .sampleeventtype span.sampleevent label:before{background-position:-280px 0;} #frmCreateSample .sampleeventtype span.sampleevent:hover label:before{background-position:0 0;} #frmCreateSample .sampleeventtype span.sampleevent input[type="radio"]:checked + label:before{background-position:-70px 0;} #frmCreateSample .sampleeventtype span.sampleevent1 label:after{background-position:0px -140px;} #frmCreateSample .sampleeventtype span.sampleevent2 label:after{background-position:0px -280px;} #frmCreateSample .sampleeventtype span.sampleevent3 label:after{background-position:-280px -280px;} #frmCreateSample .sampleeventtype span.sampleevent4 label:after{background-position:-350px -207px;} #frmCreateSample .sampleeventtype span.sampleevent5 label:after{background-position:-140px -210px;} /* create flowchart header */ .section.createnow{display:table;position:relative;width:55%;text-align:center;padding:2em 0;margin:4em auto 0.25em;border-radius:0.5em;} .section.createnow .starburst{position:absolute;top:-3em;right:-3em;font-size:1.2em;width:20%;} .section.createnow .starburst span{-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;top:50%;left:0;margin-top:-1.4em;line-height:1.25em;text-align:center;padding:0 0.5em;} /*flowchart boxes*/ .section.createnow, .flowchart .meetonce, .flowchart .meetmany, .flowchart #createflow-event .column, .flowchart #createflow-group .column{border:3px solid #ccc !important;} /* create flowchart - index*/ .flowchart{padding-top:0 !important;} .flowchart ul{margin:1em 1em 1em 2em;} .flowchart li{margin-bottom:0.5em} .flowchart .button{position:absolute;bottom:0.5em;left:50%;margin-left:-46%;display:block;font-size:1.4em;padding:0.7em 0 0.5em;width:91%;text-align:center;} .flowchart .column.one{width:65%;margin-right:2%;} .flowchart .column.two{width:32%;} /*.flowchart #createflow-event, .flowchart #createflow-group{adding:1.5em 2%;border-radius:0.5em;background:#f5f3ed;border:1px solid #8d8a82 !important; }*/ .flowchart .meetonce, .flowchart .meetmany{position:relative;display:table;width:90%;margin:2em 0 0;padding:1em 5%;height:7em;text-align:center;border-radius:0.5em;} .flowchart .meetonce{position:relative;display:table;width:60%;margin:2em auto 0;} .flowchart .meetmany{margin-left:-30%;} .flowchart .meetmany:before{left:33%;} .flowchart .meetonce div, .flowchart .meetmany div{display:table-cell;vertical-align:middle;} .flowchart #createflow-event .column, .flowchart #createflow-group .column{position:relative;padding:0;border-radius:0.5em;margin:2em 0 1em;height:18em;} .flowchart #createflow-event .column.one{width:50%;margin-right:3.5%;} .flowchart #createflow-event .column.two{width:43%;} .flowchart #createflow-group .column{width:100%;} .flowchart #createflow-group .column .learnmore span{display:inline-block;margin:0 0.25em;} .flowchart .learnmore{position:absolute;bottom:5.5em;left:50%;margin-left:-45%;width:90%;text-align:center;} /* .flowchart #createflow-event .learnmore{border-bottom:1px solid #088c86;} .flowchart #createflow-group .learnmore{border-bottom:1px solid #8aa13f;} */ /*box arrows*/ .flowchart .meetmany:before, .flowchart .meetonce:before, .flowchart #createflow-event .column:before, .flowchart #createflow-group .column:before{content:"";position:absolute;top:-38px;left:50%;margin-left:-15px;width:30px;height:44px;background:url("../images/landing/index/flowarrow.png") no-repeat 0px 0px;} .flowchart .meetmany:before, .flowchart #createflow-event .column.two:before, .flowchart #createflow-group .column:before{background-position:-30px 0;} .flowchart .meetmany:before{left:33%;} /* .flowchart .meetonce:before{} .flowchart .meetonce:after{content:"";position:absolute;bottom:-15px;right:50%;margin-right:-13em;width:30px;height:44px;background:url("../images/landing/index/flowarrow.png") no-repeat -30px 0px;} */ .flowchart h3{margin:1em 0;position:relative;text-align:center;} .flowchart .starburst{display:none;} .flowchart .starburst{width:85px;position:absolute;top:-1.75em;right:0.75em;} .flowchart .starburst span{font-size:0.55em;margin-top:-2em;line-height:1.2em;} .flowchart .button br{display:none;} /*set heights for everything that changes with width, then align buttons & learn more text to bottom*/ /* W42 - Features front page ===================================================== */ .colwrapper.features{padding-top:0;} .features h1{margin-left:0.4em;margin-bottom:1em;} .features .highlights h2{margin-left:0.6em;margin-bottom:0.5em;} .features .section.feature h2{margin-bottom:1em;line-height:1.3em;margin-top:-0.5em;padding-left:2em;} .features .section.feature .row{margin-bottom:1em;} .features .section.feature > ul{padding-left:1.5em;margin-right:-2em;} /* .features .section.feature .imgplaceholder{width:30%;height:100px;background:#8d8a82;display:inline-block;vertical-align:top;} */ /* .features .section.feature p{margin-left:3%;width:62%;display:inline-block;vertical-align:top;} */ .features .section.feature .createnow{margin-right:2em;margin-top:2em;text-align:center;} .features .section.feature .createnow a.button{font-size:1.23em;} .features .section.feature .createnow .starburst{margin-left: 1em;margin-top: -1.25em;position: relative;width: 3.5em;} .features .section.feature h2:before{content:"";width:1.5em;height:1.5em;padding-top:0.1em;display:inline-block;margin-right:0.5em;margin-left:-2em;background:#a8c44c;color:white;border-radius:0.5em;text-align:center;} .features #groupsRecurring h2:before{width:40px;height:40px;background:url("../images/clubavatar.png") no-repeat 0 0;margin-bottom:-0.75em;margin-left:-2.2em !important;margin-right:0.3em;} .features #groupsRecurring h2{padding-left:2.3em;} .features #customizeEvent h2:before{content:"1";} .features #sendInvitations h2:before{content:"2";} .features #trackAttendance h2:before{content:"3";} .features .section.feature .button{display:inline-block !important;}/*ie9 fix*/ .section.highlights.features-head{margin-top:-2em;padding:2em 0 3em;background:none;} .section.highlights.features-head p{margin:0 1em 2em 2.25em;} .features #groupsRecurring{background:#f5f3ed;margin-bottom:1em;margin-top:2em;} /* .features .highlights {list-style-type:none;padding-right:2em;} */ .features .highlights a{box-sizing:border-box;-moz-box-sizing:border-box;position:relative;/* border:1px solid #8d8a82; */border-radius:0.3em;display:block;color:#4c4c4e;text-decoration:none;padding:1em 3% 1em 2%;margin-bottom:0.2em;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .features .highlights a:after{content:"";position:absolute;top:0.6em;right:0.5em;width:18px;height:18px;background:url("../images/icons/rowhighlight.png") no-repeat 0 0;} .features .highlights a:hover{background-color:#e6f8f8;} .features .highlights a:hover span{color:#33e5e1;} .features .highlights a h3:before{content:"";} .features .highlights a.customizefeatures{background:#f8f5da;} .features .highlights a.invitationfeatures{background:#eef3db;} .features .highlights a.attendancefeatures{background:#d4f2f1;} .features .highlights a.customizefeatures h3:before, .features .highlights a.invitationfeatures h3:before, .features .highlights a.attendancefeatures h3:before {content:"";width:1.5em;height:1.5em;display:inline-block;margin-right:0.4em;margin-left:-1.9em;color:white;border-radius:0.5em;text-align:center;line-height:1.5em;} .features .highlights a.customizefeatures h3:before{content:"1";background:#dccd46;} .features .highlights a.invitationfeatures h3:before{content:"2";background:#a8c44c;} .features .highlights a.attendancefeatures h3:before{content:"3";background:#2abcb9;} .features .highlights h3{padding-left:1.5em;} .features .highlights a.groupfeatures h3{padding-left:0;} .features .highlights a span{position:absolute;bottom:1em;left:auto;color:#2abcb9;text-decoration:underline;display:block;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .features .highlights a.groupfeatures{display;block;width:auto;min-height:100%;border:none;background-color:#f5f3ed;} .features .highlights a{display:inline-block;width:32%;margin:0 1% 0 0;vertical-align:top;min-height:14em;} /* .features .highlights .column{border:1px solid #8d8a82;border-radius:0.5em;padding:1em 1.3em;} .features .highlights .column.one{border-left:1px solid #8d8a82 !important;} */ .section.feature{position:relative;border-radius:2em;margin-bottom:2em;} #featuresintro.section.feature{margin-bottom:0;background:none;} #featuresintro .column.one{width:73%;} #featuresintro .column.two{width:25%;float:right;} .section.feature .featimg{padding-top:0.5em;max-width:60em;margin:0 auto;} .section.feature .featimg img{position:relative;width:99%;/* padding:5%; */background:white;border-radius:1em;border:2px solid #8d8a82;box-shadow:0 5px 10px rgba(0,0,0,0.5);margin-bottom:2em;} .section.feature .note{position:absolute;top:1em;right:1em;width:52%;color:#4c4c4e;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:normal;} .section.feature ul li{display:inline-block;width:49%;margin-bottom:1em;vertical-align:top;position:relative;} .section.feature ul li ul li{display:block;width:auto;margin:0 0 0.5em 0.6em;/* line-height:1.75em; */padding:0 2em 0 1.1em;} .section.feature ul li ul li:before{content:"•";margin-right:0.7em;margin-left:-1.1em;} #sendInvitations .featimg img{border:none;box-shadow:none} #sendInvitations ul{margin-bottom:1em;} #sendInvitations.section.feature ul li, #sendInvitations.section.feature ul li h3{margin-bottom:0;} #customizeEvent.section.feature{background:#f8f5da;} #customizeEvent.section.feature h2:before{background:#dccd46;} #sendInvitations.section.feature{background:#eef3db;} #sendInvitations.section.feature h2:before{background:#a8c44c;} #trackAttendance.section.feature{background:#d4f2f1;} #trackAttendance.section.feature h2:before{background:#2abcb9;} .features #groupsRecurring .featimg{margin-bottom:1em;} .features #groupsRecurring .column{width:49%;} .features #groupsRecurring .column.one{text-align:center;} .features #groupsRecurring .column.two{margin:0 -2em 0 2em;} .features #groupsRecurring .column.one .watchnow{display:block;text-align:center;margin-top:0.5em;font-size:1.45em;} .features #groupsRecurring .column.one .watchnow:hover{color:#33e5e1;} /*feature icons*/ .section.feature ul h3:before{content:"";display:inline-block;width:20px;height:20px;background:url("../images/icons/sprite-adminoptions.png") no-repeat 0px -60px;margin:0 0.5em -0.25em -0.4em;} .section.feature ul h3.feat-one:before{background-position:-260px -60px;} .section.feature ul h3.feat-two:before{background-position:-240px -60px;} .section.feature ul h3.feat-three:before{background-position:-140px -60px;} .section.feature ul h3.feat-four:before{background-position:-280px -60px;} .section.feature ul h3.feat-five:before{background-position:-220px -60px;} .section.feature ul h3.feat-six:before{background-position:-40px -60px;} .section.feature ul h3.feat-seven:before{background-position:0px -60px;} .section.feature ul h3.feat-eight:before{background-position:-180px -60px;} .section.feature ul h3.feat-nine:before{background-position:-120px -60px;} .section.feature ul h3.feat-ten:before{background-position:-300px -60px;} .section.feature ul h3.feat-eleven:before{background-position:-160px -60px;} .section.feature ul h3.feat-twelve:before{background-position:-60px -60px;} .section.feature ul h3.feat-thirteen:before{background-position:-100px -60px;} .section.feature ul h3.feat-fourteen:before{background-position:-20px -60px;} .section.feature ul h3.feat-fifteen:before{background-position:-300px -60px;} .section.feature ul h3.feat-sixteen:before{background-position:-140px -60px;} /*variable content*/ .section.feature ul h3 a.showme{display:inline-block;margin-left:1em;font-size:0.81em;text-decoration:underline;color:#2abcb9;} .section.feature ul h3 a.showme:hover{color:#33e5e1;} /*temp removal of images*/ .section.feature ul a.showme{display:none !important;} /* Terms of Service, Privacy Policy pages */ .termsmsg{color:#8d8a82;font-size:0.9em;font-family:'Lato', Arial, sans-serif;font-weight:normal;font-style:italic;text-align:center;margin-bottom:1em;margin-top:0.5em;}/*join/login*/ .loginbox .termsmsg{margin:0.75em 2em 0;border-top:1px solid #ddd;padding:0.4em 0 0;} .fullinfobox{padding:30px;margin:40px auto;width:660px;background:white;border:1px solid #8d8a82;border-radius:4px;box-shadow: 0px 5px 5px rgba(0,0,0,0.3);} .fullinfobox h2{padding-bottom:6px;border-bottom:1px solid #ddd;} .fullinfobox h2, .fullinfobox p{margin-bottom:16px;} /* === Pricing Front Page ======================================================== */ .pricingpage .section{padding:1em 1em 0.5em 6em;position:relative;} .pricingpage table{width:100%;margin-bottom:2em;} .pricingpage th, .pricingpage td{border:1px solid #8d8a82;padding:0.25em 0.5em;width:50%;} .pricingpage th{background:#dcdad7;border-bottom:2px solid #a8c44c;} .pricingpage td span{color:#2abcb9;} .section.rsvppricing{background:#f3f6e1;border:1px solid #8aa13f;border-radius:0.5em;} .pricingpage h2{line-height:1.5em;font-style:normal;} .section.rsvppricing h2 span{color:#2abcb9;display:block;font-style:italic;} .section.rsvppricing h2 span a{margin-left:1em;} .section.ticketpricing h2:first-child{margin-bottom:1.5em;} .section.ticketpricing h2 div{display:inline-block;font-size:13px;margin-left:1em;font-style:normal;font-weight:normal;} /*pricing icons*/ .section.rsvppricing h2:before{content:"";display:block;position:absolute;top:0.5em;left:0.75em;width:50px;height:50px;margin-right:0.5em;background:url("../images/icons/sprite-pricing.png") no-repeat -50px 0px;} .section.ticketpricing h2:before{content:"";display:block;position:absolute;top:0.5em;left:0.75em;width:50px;height:50px;margin-right:0.5em;background:url("../images/icons/sprite-pricing.png") no-repeat 0px 0px;} /* W50 - Third-Party Fixes ======================================================= */ /* Snap Engage */ .snapengagebtn{background:url("../images/helpbutton.png");width:117px;height:117px;position:fixed;bottom:-5px;right:0;cursor:pointer;z-index:100000;} .snapengagebtn:hover{bottom:0;right:0px;} .snapengagebtn, .snapengagebtn:hover{-webkit-transition: bottom 0.2s ease, right 0.2s ease;-moz-transition: bottom 0.2s ease, right 0.2s ease;-o-transition: bottom 0.2s ease, right 0.2s ease;transition: bottom 0.2s ease, right 0.2s ease;} /*Promo Footer - outside column template*/ #divPromo_Footer{position:relative;left:-150px;width:660px;margin:30px auto 0;} .eventu .rightcolumn/* , .pollu .rightcolumn, .grouppage .rightcolumn */{/* margin-bottom:100px; */} /* ---- new feature badge ------------------------------------------------------------ */ .new:after{content:"";display:block;width:30px;height:16px;background:url("../images/icons/sprite-linkicons.png") no-repeat -400px -16px;} .eventdetail.new:after, #diveventdetail_PayOrg.eventdetail.eventdetail-disabled.new:after{content:"";position:absolute;top:18px;right:-16px;} /* new sidebar feature */ /* New feature icon for admin options*/ .adminoptions .new{position:relative;} .adminoptions .column .new:after{position:absolute;z-index:2;bottom:8px;left:-32px;} /*specific item colour changes*/ .adminoptions .capevent.new .label:before{background-position:-380px -60px;} .adminoptions .capevent.new:hover .label:before{background-position:-380px -20px;} .adminoptions .rsvpsurvey.new .label:before{background-position:-298px -60px;} .adminoptions .rsvpsurvey.new:hover .label:before{background-position:-298px -20px;} .adminoptions .templatesrc.new .label:before{background-position:-279px -60px;display:none;} .adminoptions .templatesrc.new:hover .label:before{background-position:-279px -20px;display:none;} /* W51 - Temporary CSS */ /*dividers*/ .myeventspage .divider, .grouppage .divider{display:none;} /*cross-browser JQ tabs .ui-tabs .ui-tabs-nav li{float:none !important;display:inline-block;margin:0 -4px 0 0 !important;padding:0 !important;height:29px !important;} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin:0 -4px 0 0 !important;}*/ .ui-tabs .ui-tabs-nav{padding:0 0 0 15px !important;text-align:left;} /* .ui-tabs-nav{margin-top:-33px !important;} */ /* W51 - MISC ========================================================== */ /* ≤IE8 hacks */ .rightcolumn, .leftcolumn, .column{display:inline-block;zoom:1;*display:inline;} /*Desktop, overwrite responsive changes for existing app/pages */ html{min-width:960px;} /* .pageheaderwrapper{width:auto;} .wrapperhead, .wrapperfoot, .colwrapper{width:auto;margin:0 2em;}*/ /* .ui-widget-overlay.ui-front{display:none !important;} */ /* live support button*/ a.livesupport{display:block;width:209px;height:34px;background:url("../images/LiveSupportBtn.png") no-repeat 0px 0px;margin:1em 0 0.5em 2em;} a.livesupport.offline{background-position:0px -34px;} #MainContent_divTPBM, #MainContent_divTPSupp{position:absolute;top:50%;left:0;z-index:2;padding:1em;background:#f5f3ed;box-shadow:0 1px 10px rgba(0,0,0,0.5);} #MainContent_divTPBM a.button, #MainContent_divTPSupp a.button{background-color:#a8c44c;border-color:#8aa13f;display:block;padding:0.5em;margin-bottom:0.5em;} #MainContent_divTPInfo{position:absolute;top:40%;left:0;z-index:2;background:#a8c44c;border:1px solid #8aa13f;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em;} #MainContent_divTPInfo:before{content:"Admin Link:";display:block;position:absolute;top:0.5em;left:1.25em;width:10em;color:white;font-weight:bold;} #MainContent_divTPInfo input[type=text]{width:18em;margin:2em 1em 1em;} /* Paypal Launcher */ .divPayPal{display:none !important;}