#basic-modal-content, .basic-modal-content {display:none; border: 1px solid #000; background: url(/images/modules/Modals/modal-grad.jpg) repeat-x top left; padding:6px; -moz-box-shadow: 0 2px 21px #000; -webkit-box-shadow: 0 2px 21px #000; box-shadow: 0 2px 21px #000; font-family: "Helvetica Neue", Arial, sans-serif;} .basic-modal-content-user {display:none; border: 1px solid #000; padding:6px; -moz-box-shadow: 0 2px 21px #000; -webkit-box-shadow: 0 2px 21px #000; box-shadow: 0 2px 21px #000; font-family: "Helvetica Neue", Arial, sans-serif;} #simplemodal-overlay {background-color:#000; cursor:wait;} #simplemodal-container a.modalCloseImg {background:url(/images/modules/Modals/close.png) no-repeat; width:49px; height:49px; display:inline; z-index:3200; position:absolute; top:-12px; right:-21px; cursor:pointer;} #simplemodal-container { } button:focus {outline: none;} @-webkit-keyframes 'pulse' { 0% { -webkit-transform: scale(.1); opacity: 0; } 1% { -webkit-transform: scale(.1); opacity: .6; } 60% { opacity: 0; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1); } } #close-modal {position: absolute; top: -18px; right: -18px; text-indent: -9999px; background: url(/images/modules/Modals/close.png) no-repeat center; width:49px; height:49px; display: block; z-index: 100; } /* ------------ Sign In modal ------------ */ #login-modal {width:328px;} #login-modal h3 {font-size: 21px; margin-bottom: 21px; margin-top: 9px; color: #000;} .user-prompt {width:300px; padding: 13px; border: 1px solid; font-family: "Helvetica Neue", Arial, sans-serif; position: relative;} .user-prompt form label {font-size: 15px;display: block;margin: 3px 0;} .user-prompt form .input_medium {width: 292px !important; margin-bottom: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #999; line-height: 18px; height: 21px; font-size: 14px;} .user-prompt .button {margin-top: 9px;} .fb-auth {position: absolute; top: 24px; right: 13px;} .user-prompt form .checkbox {float: left; width: auto;} .fo-pswd {float: right;margin-top: 12px;} .user-prompt form .choice {font-size: 12px; position: relative; top: -5px;} /* ------- END Sign In modal END --------- */ .gs-ui-modal-content .p-button-big { font-size: 16px !important; padding: 4px 12px !important; } /* ------------ User Engagement ------------ */ #engagement {display: block; font-family: "Helvetica Neue", Arial, sans-serif; width:640px; border: 1px solid; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #engagement h3 {font-size: 21px; font-weight: normal;} #engagement h3 span {font-weight: bold; } #engagement h4 {font-size: 18px; margin: 21px 0 8px 0; font-weight: 600; } #engagement p {font-size: 13px;} #engagement .simplemodal-data {padding:13px;} #sign-it-btn {float: left; margin: 12px 21px 8px 0; position: relative; left: -2px;} .to-learn-more {position: relative; top: 19px; font-size: 13px;} .share-modal {border-bottom: 1px dotted; padding-bottom: 21px; position: relative;} .to-share-btn {position: relative; padding: 3px 14px 5px 14px; font-size: 16px; width: 190px;} .to-share-btn img {position: relative; left: -4px; top: 2px;} #sign-modal {position: relative;} #sign-modal p {width: 530px; } #to-cal {position: absolute; right: 21px; top: 21px;} #to-share {position: absolute; top: 16px; right: 21px;} /* ------- END User Engagement END --------- */ /* ------------ Events Tour modal ------------ */ #tour_modal {font-family: "Helvetica Neue", Arial, sans-serif; height:561px; width:956px; background: #FFF; border: 1px solid #315f98; margin: 0;} #tour_modal h3 {color:#000; font-weight: bold; margin-top: 8px; padding-bottom: 12px; margin-bottom: 10px; font-size: 26px; color: #000; width: auto; position: relative; top: 0; } #slidee_boxes_modal {padding:12px 24px 0 24px;} .slider {position: relative;} #tour_nav_wrap_modal {position: absolute; bottom: 6px; border-bottom: 1px solid #315f98;} #tour_nav_modal {z-index: 1; overflow: hidden; width: 956px; background: #DADADA url(/images/modules/Modals/menu_bg.png) repeat-x left top; margin-bottom: 0; } #tour_nav_modal li {float: left; width: 191px; text-align: center;} #tour_nav_modal li a {color: #333; padding-top: 63px; padding-bottom: 0; height: 37px; text-shadow: 0 1px 1px #FFF; font-style: normal; display: block; border-top: 1px solid #8e908f; font-size: 13px; text-decoration: none;} #tour_nav_modal li a:hover {background-color: #F5F3F4; background-color: rgba(255,255,255,0.45);} #tour_nav_modal li a.tour_active {background-color: #FFF; border-top: 1px solid #FFF;} a#tour_1_modal {background-image: url(/images/modules/Modals/icon_cal.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_2_modal {background-image: url(/images/modules/Modals/icon_invites.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_3_modal {background-image: url(/images/modules/Modals/icon_tickets.png); background-repeat: no-repeat; background-position: center 1px; border-right: 1px solid #8e908f;} a#tour_4_modal {background-image: url(/images/modules/Modals/icon_fb.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_5_modal {background-image: url(/images/modules/Modals/icon_group.png); background-repeat: no-repeat; background-position: center top;} .shot { z-index: 3;} .shot1 {position: absolute; top: 50px; left:-10px;} .shot2 {position: absolute; top: 50px; left:371px;} .slide-intro {width: 340px; margin-top: 0; font-weight: bold; color:#FF0000; border-bottom: none; font-size: 16px;} .slide-intro-end { margin-top: 0; font-weight: bold; color:#FF0000; border-bottom: none; font-size: 16px; margin-bottom: 16px; position: relative; top: -6px;} ol.tour_features_type {width: 330px; height: 357px; margin-top: 13px;} ol.tour_features_type li {border-bottom: 1px dotted #DADADA; padding: 16px 0 16px 0; color: #000; position: relative; font-size: 13px; } ol.tour_features_type li.tour_last {border-bottom: 0;} ol.tour_features_type li span {font-weight: bold; color: #999; position: absolute; left: 0; top: 16px; font-size: 16px;} .arrow-styles ol.tour_features_type li {padding: 16px 0 16px 0;} #slide3 ol.tour_features_type, #slide4 ol.tour_features_type {margin-left: 565px;} #slide3 .slide-intro, #slide4 .slide-intro {margin-left: 565px;} #slide-extras #sign-it-btn {float: right;} #slide-extras-list {margin: 0 0 21px 36px; list-style-type: disc;} #andmore {width: 560px; position: relative; top: -19px;} #andmore li {padding: 19px 0 19px 0; min-height: 80px; position: relative; border-bottom: 1px dotted #CCC; margin: 0;} #andmore li p {width: 350px; margin-top: 9px;} #andmore li.tour_last {border-bottom: none;} #andmore h4 {font-size: 16px; color: #999;} .filler {display: block; width: 190px; height: 90px; position: absolute; right: 0; top: 26px; border: 1px solid #CCC; background: #f5f5f5; box-shadow:0 2px 9px #c6c6c6 ; -moz-box-shadow:0 2px 9px #c6c6c6 ; -webkit-box-shadow: 0 2px 9px #c6c6c6; } #slide-extras {position: absolute; left: 595px; top: 58px; width: 300px;} .shot-point { position: absolute; top: 5px; left: 5px; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 0 7px white; background: #ff2400; color: #fff; font-size: 16px; text-align: center; text-shadow: 1px 1px 2px #000;} .point-pulse { position: absolute; top: -7.5px; left: -7.5px; width: 38px; height: 38px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; border: 5px solid red; opacity: 0; -webkit-animation-name: 'pulse'; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;} .shot-point span {position: relative; top: 1px;} .point1 {position: absolute; right: 510px; top: 137px; z-index: 10; font-weight: bold;} #point1-line {width: 70px; left: 345px; top: 153px; } .point2 {position: absolute; right: 135px; top: 215px; z-index: 10; font-weight: bold;} #point2-line {width: 435px; left: 345px; top: 230px; } .point3 {position: absolute; right: 420px; top: 299px; z-index: 10; font-weight: bold;} #point3-line {width: 150px; left: 345px; top: 314px; } .point4 {position: absolute; right: 265px; top: 372px; z-index: 10; font-weight: bold;} #point4-line {width: 310px; left: 345px; top: 387px; } .point-line {height: 3px; display: block; background: #FF0000; position: absolute; z-index: 100;} .point5 {position: absolute; right: 529px; top: 129px; z-index: 10; font-weight: bold;} #point5-line {width: 50px; left: 345px; top: 144px; } .point6 {position: absolute; right: 290px; top: 205px; z-index: 10; font-weight: bold;} #point6-line {width: 280px; left: 345px; top: 220px;} .point7 {position: absolute; right: 395px; top: 290px; z-index: 10; font-weight: bold;} #point7-line {width: 180px; left: 345px; top: 305px; } .point8 {position: absolute; right: 529px; top: 370px; z-index: 10; font-weight: bold;} #point8-line {width: 50px; left: 345px; top: 385px;} .point9 {position: absolute; left: 129px; top: 121px; z-index: 10; font-weight: bold;} #point9-line {width: 390px; right: 360px; top: 136px; } .point10 {position: absolute; left: 279px; top: 190px; z-index: 10; font-weight: bold;} #point10-line {width: 250px; right: 360px; top: 205px;} .point11 {position: absolute; left: 449px; top: 275px; z-index: 10; font-weight: bold;} #point11-line {width: 70px; right: 360px; top: 290px; } .point12 {position: absolute; left: 129px; top: 345px; z-index: 10; font-weight: bold;} #point12-line {width: 390px; right: 360px; top: 360px;} .point13 {position: absolute; left: 350px; top: 136px; z-index: 10; font-weight: bold;} #point13-line {width: 190px; right: 360px; top: 151px; } .point14 {position: absolute; left: 279px; top: 220px; z-index: 10; font-weight: bold;} #point14-line {width: 250px; right: 360px; top: 235px;} .point15 {position: absolute; left: 465px; top: 305px; z-index: 10; font-weight: bold;} #point15-line {width: 60px; right: 360px; top: 320px; } .point16 {position: absolute; left: 429px; top: 385px; z-index: 10; font-weight: bold;} #point16-line {width: 90px; right: 360px; top: 400px;} /* ------------ END Events Tour modal END ------------ */ /* ------------ General Tour modal ------------ */ #general-tour {font-family: "Helvetica Neue", Arial, sans-serif; height:561px; width:956px; background: #FFF; border: 1px solid #315f98; margin: 0;} #general-tour h3 {color:#000; font-weight: bold; margin-top: 8px; padding-bottom: 12px; margin-bottom: 10px; font-size: 26px; color: #000; width: auto; position: relative; top: 0; } #slidee_boxes_modal {padding:12px 24px 0 24px;} .gs-ui-modal .slider {position: relative;} #tour_nav_wrap_modal {position: absolute; bottom: 6px; border-bottom: 1px solid #315f98;} #tour_nav_modal {z-index: 1; overflow: hidden; width: 956px; background: #DADADA url(/images/modules/Modals/menu_bg.png) repeat-x left top; margin-bottom: 0; } #tour_nav_modal li {float: left; width: 191px; text-align: center;} #tour_nav_modal li a {color: #333; padding-top: 63px; padding-bottom: 0; height: 37px; text-shadow: 0 1px 1px #FFF; font-style: normal; display: block; border-top: 1px solid #8e908f; font-size: 13px; text-decoration: none;} #tour_nav_modal li a:hover {background-color: #F5F3F4; background-color: rgba(255,255,255,0.45);} #tour_nav_modal li a.tour_active {background-color: #FFF; border-top: 1px solid #FFF;} a#tour_6_modal, a#modal_tour_6 {background-image: url(/images/modules/Modals/icon_email.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_7_modal, a#modal_tour_7 {background-image: url(/images/modules/Modals/icon_cal.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_8_modal, a#modal_tour_8 {background-image: url(/images/modules/Modals/icon_group.png); background-repeat: no-repeat; background-position: center 1px; border-right: 1px solid #8e908f;} a#tour_9_modal, a#modal_tour_9 {background-image: url(/images/modules/Modals/icon_website.png); background-repeat: no-repeat; background-position: center top; border-right: 1px solid #8e908f;} a#tour_10_modal, a#modal_tour_10 {background-image: url(/images/modules/Modals/icon_files.png); background-repeat: no-repeat; background-position: center top;} .shot { z-index: 3;} .shot1 {position: absolute; top: 50px; left:-10px;} .shot2 {position: absolute; top: 50px; left:371px;} .slide-intro {width: 340px; margin-top: 0; font-weight: bold; color:#FF0000; border-bottom: none; font-size: 16px;} .slide-intro-end { margin-top: 0; font-weight: bold; color:#FF0000; border-bottom: none; font-size: 16px; margin-bottom: 16px; position: relative; top: -6px;} ol.tour_features_type {width: 330px; height: 357px; margin-top: 13px;} ol.tour_features_type li {border-bottom: 1px dotted #DADADA; padding: 16px 0 16px 0; color: #000; position: relative; font-size: 13px; } ol.tour_features_type li.tour_last {border-bottom: 0;} ol.tour_features_type li span {font-weight: bold; color: #999; position: absolute; left: 0; top: 16px; font-size: 16px;} .arrow-styles ol.tour_features_type li {padding: 16px 0 16px 0;} #slide3 ol.tour_features_type, #slide4 ol.tour_features_type, #slide5 ol.tour_features_type {margin-left: 565px;} #slide3 .slide-intro, #slide4 .slide-intro, #slide5 .slide-intro {margin-left: 565px;} #slide-extras #sign-it-btn {float: right;} #slide-extras-list {margin: 0 0 21px 36px; list-style-type: disc;} #andmore {width: 560px; position: relative; top: -19px;} #andmore li {padding: 19px 0 19px 0; min-height: 80px; position: relative; border-bottom: 1px dotted #CCC; margin: 0;} #andmore li p {width: 350px; margin-top: 9px;} #andmore li.tour_last {border-bottom: none;} #andmore h4 {font-size: 16px; color: #999;} .filler {display: block; width: 190px; height: 90px; position: absolute; right: 0; top: 26px; border: 1px solid #CCC; background: #f5f5f5; box-shadow:0 2px 9px #c6c6c6 ; -moz-box-shadow:0 2px 9px #c6c6c6 ; -webkit-box-shadow: 0 2px 9px #c6c6c6; } #slide-extras {position: absolute; left: 595px; top: 58px; width: 300px;} .shot-point { position: absolute; top: 5px; left: 5px; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 0 7px white; background: #ff2400; color: #fff; font-size: 16px; text-align: center; text-shadow: 1px 1px 2px #000;} .point-pulse { position: absolute; top: -7.5px; left: -7.5px; width: 38px; height: 38px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; border: 5px solid red; opacity: 0; -webkit-animation-name: 'pulse'; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;} .shot-point span {position: relative; top: 1px;} #general-tour .point1 {position: absolute; right: 510px; top: 137px; z-index: 10; font-weight: bold;} #general-tour #point1-line {width: 70px; left: 345px; top: 153px; } #general-tour .point2 {position: absolute; right: 179px; top: 200px; z-index: 10; font-weight: bold;} #general-tour #point2-line {width: 395px; left: 345px; top: 217px; } #general-tour .point3 {position: absolute; right: 420px; top: 299px; z-index: 10; font-weight: bold;} #general-tour #point3-line {width: 150px; left: 345px; top: 314px; } #general-tour .point4 {position: absolute; right: 265px; top: 372px; z-index: 10; font-weight: bold;} #general-tour #point4-line {width: 310px; left: 345px; top: 387px; } #general-tour .point-line {height: 3px; display: block; background: #FF0000; position: absolute; z-index: 100;} #general-tour .point5 {position: absolute; right: 529px; top: 129px; z-index: 10; font-weight: bold;} #general-tour #point5-line {width: 50px; left: 345px; top: 144px; } #general-tour .point6 {position: absolute; right: 270px; top: 380px; z-index: 10; font-weight: bold;} #general-tour #point6-line {width: 300px; left: 345px; top: 395px;} #general-tour .point7 {position: absolute; right: 270px; top: 290px; z-index: 10; font-weight: bold;} #general-tour #point7-line {width: 300px; left: 345px; top: 305px; } #general-tour .point8 {position: absolute; right: 519px; top: 205px; z-index: 10; font-weight: bold;} #general-tour #point8-line {width: 65px; left: 345px; top: 220px;} #general-tour .point9 {position: absolute; left: 129px; top: 121px; z-index: 10; font-weight: bold;} #general-tour #point9-line {width: 390px; right: 360px; top: 136px; } #general-tour .point10 {position: absolute; left: 299px; top: 190px; z-index: 10; font-weight: bold;} #general-tour #point10-line {width: 230px; right: 360px; top: 205px;} #general-tour .point11 {position: absolute; left: 389px; top: 275px; z-index: 10; font-weight: bold;} #general-tour #point11-line {width: 150px; right: 360px; top: 290px; } #general-tour .point12 {position: absolute; left: 250px; top: 345px; z-index: 10; font-weight: bold;} #general-tour #point12-line {width: 280px; right: 360px; top: 360px;} #general-tour .point13 {position: absolute; left: 350px; top: 136px; z-index: 10; font-weight: bold;} #general-tour #point13-line {width: 190px; right: 360px; top: 151px; } #general-tour .point14 {position: absolute; left: 279px; top: 220px; z-index: 10; font-weight: bold;} #general-tour #point14-line {width: 250px; right: 360px; top: 235px;} #general-tour .point15 {position: absolute; left: 415px; top: 305px; z-index: 10; font-weight: bold;} #general-tour #point15-line {width: 120px; right: 360px; top: 320px; } #general-tour .point16 {position: absolute; left: 429px; top: 385px; z-index: 10; font-weight: bold;} #general-tour #point16-line {width: 90px; right: 360px; top: 400px;} /* ------------ END General Tour modal END ------------ */ /* ------------ Tall intro modal ------------ */ #tall-modal {width:630px; padding: 18px 18px 9px 18px; background: #FFF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #315f98; margin: 0; line-height:1.4em;} .modal_intro {color: #FF0000; padding-top: 6px; margin-bottom: 6px; font-size: 14px; font-weight: bold;} .modal_intro span {font-weight: bold; color: #FF0000} #tall-modal h3 {color:#000; font-weight: bold; margin-top: 8px; padding-bottom: 0; margin-bottom: 0; font-size: 26px; color: #000; width: auto; position: relative; top: 0; } #feature_list {width: 630px; margin: 21px 0 0 0; padding-bottom: 0;} #features li h3 {color: #000; margin: 0; font-size: 15px; padding-bottom: 6px;} #features li p {color: #666; font-size: 12px;} #features li {position: relative; margin: 12px 0 0 0; padding:0 0 12px 0; border-bottom: 1px dotted #CCC; min-height: 60px;} #features li.last {border-bottom: none; margin-bottom: 0; padding-bottom: 6px;} #features li a {color: blue; position: relative; top: 3px; margin-right: 12px; text-decoration: none; padding-right: 18px; background: url(/images/modules/Modals/modal-arrow.png) no-repeat right top; } #features li a:hover {color: #FF0000;} li#easy_emails {padding-left: 95px; background: url(/images/modules/Modals/icon_email.png) no-repeat left top;} li#pro_planner {padding-left: 95px; background: url(/images/modules/Modals/icon_cal.png) no-repeat left -5px;} li#member_manage {padding-left: 95px; background: url(/images/modules/Modals/icon_group.png) no-repeat left top;} li#group_site {padding-left: 95px; background: url(/images/modules/Modals/icon_website.png) no-repeat left top;} li#file_repo {padding-left: 95px; background: url(/images/modules/Modals/icon_files.png) no-repeat left top;} li#forum_wiki {padding-left: 95px; background: url(/images/modules/Modals/icon_share.png) no-repeat left top;} li#mod_news {padding-left: 95px; background: url(/images/modules/Modals/icon_news.png) no-repeat left top;} /* ------------ END Marketing modal END ------------ */ .share-actions { overflow: hidden; clear: both; margin: 10px 0; } .share-actions .button { float: left; display: block; margin-right: 10px; }