html { width:100%; }
body { text-align:center; margin:0px; padding:0px; color:#5465A2; background:#ffffff}
body, input, textarea, select, td { font-family: 'Open Sans', sans-serif; font-size:13px; color:#000; }
.clear-after:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear-after { height: 1%; }
.yellow-bold{ color:#ebb500; font-weight:bold }
.subtle-mailinglist-details { font-size:10px; padding-top:8px; width:100%;}
.blacktext { color:#000000}
.italic-text { font-style:italic}
a { color: #d84f14; text-decoration:none; }
a:hover { color: #d84f14; text-decoration:underline }
a img { border:0px; }
a.grey-subtle { color:#999999; font-style:normal !important; padding-left:100px; position:absolute }
.bold { font-weight:bold }
.italic { font-style:italic }
.underline{ text-decoration:underline }
.strikeout{ text-decoration:line-through }
p.nospace { padding:0px; margin:0px; } /* blank padding - sometimes p tags seem to put in with wordpress */
ul { list-style:none; padding:0px; margin:0px; }
h2{ font-size:30px; }
h1.about-title {
padding-top:15px;
font-weight:normal;
}
.wpcf7-submit {
background:url(images/s_action-but-bg.gif) repeat-x #fcfafa; border:1px solid #b0aea7; padding:5px 10px; line-height:29px; font-weight:bold; color:#464646; font-size:15px; text-decoration:none;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
font-style:normal !important;
}
.wpcf7-textarea {
width:100% !important;
max-width:570px !important;
height:200px !important;
}
a.action-butt img { top:4px; position:relative; padding-right:5px; }
#header, .middle-content {min-width:320px;}
#header { width:100%; position:relative; background:#ffffff; text-align:left; margin-bottom:2px} /* overflow: hidden; removed by michael */
#header #header-inner { max-width:960px; width:100%; height:auto; margin-left:auto; margin-right:auto;}
#header #logo{ float:left; padding-left:0px; width:255px; padding-top:10px; }
#header #header-right{ float:right; width:650px; }
#header #mainmenu { float:left; font-family: 'Open Sans', sans-serif; font-weight:normal; }
#callback-box-cont { position:fixed; bottom:0px; width:100%; height:0px}
#callback-box-cont #callback-box-innercont { max-width:960px; width:100%; height:0px; margin-left:auto; margin-right:auto; position:relative }
/* 2background:#2ab37d; */
#callback-box-cont #callback-box-innercont #callback-box-green { width:248px; height:0px; background:#e000a3; position:absolute; right:45px; top:0px;
z-index:110;
opacity:0.9;
filter: alpha(opacity=90);
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:3px solid rgba(88, 94, 104, .5);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
#callback-box-cont #callback-box-innercont #callback-box-green a { color:#FFFFFF; font-size:17px; display:block}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-link { height:38px; text-align:left; padding-left:15px; padding-top:12px; position:relative}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-link #req-callback-arrow { width:20px; height:11px; position:absolute; right:25px; top:19px;}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-link .req-callback-arrow-up { background:url(images/callback-uparrow.png) no-repeat;}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-link .req-callback-arrow-dn { background:url(images/callback-dnarrow.png) no-repeat;}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-form { display:none}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-form .callback-submit { padding-left:14px; padding-top:5px; width:90px;
}
#callback-box-cont #callback-box-innercont #callback-box-green #callback-box-form .callback-submit a { color:#FFFFFF; background:#ebb200;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:14px;
font-weight:bold;
border:1px solid #239267;
padding:5px 8px;
}
#callback-box-cont #callback-box-innercont #callback-box-green input { color:#707070; font-style:italic; font-size:13px; width:204px; padding-left:10px; }
#callback-box-cont #callback-box-innercont #callback-box-green ul.callback-fields { list-style:none; padding:0px; margin:0px;}
#callback-box-cont #callback-box-innercont #callback-box-green ul.callback-fields li { padding-bottom:5px;}
.middle-content { margin:auto; background:#ffffff}
#header #header-right #topmenu {float:right; }
#header #header-right #topmenu ul.topmenu{ list-style:none; padding:0px; margin:0px; padding-top:15px; }
#header #header-right #topmenu ul.topmenu li{ float:left; padding-right:7px; }
#header #header-right #topmenu ul.topmenu li a{ text-decoration:none; font-size:12px; color:#9c9c9c; font-weight:normal; padding:4px 7px; display:block;}
#header #header-right #topmenu ul.topmenu li.on a{ color:#000; display:block; }
#header #header-right #topmenu ul.topmenu li a:hover{ color:#000; }
#header #header-right #header-right-main { float:right; padding-top:20px; padding-right:0px;}
#header #header-right #mainmenu ul.mainmenu{ list-style:none; padding:0px; margin:0px; padding-top:10px; }
#header #header-right #mainmenu ul.mainmenu li{ float:left; padding-left:22px; position:relative;}
#header #header-right #mainmenu ul.mainmenu li a{ text-decoration:none; font-size:16px; color:#77787b; font-weight:600; padding:4px 7px; display:block;}
/*#header #header-right #mainmenu ul.mainmenu li.on a{ border-bottom:3px #ebb500 solid }*/
#header #header-right #mainmenu ul.mainmenu li.on a{ color:#000000 }
#header #header-right #mainmenu ul.mainmenu li a:hover{ color:#000000 }
#header #header-right #mainmenu ul.mainmenu li.for-business-menu { }
#header #header-right #mainmenu ul.mainmenu li.for-business-menu a{ background:url(images/for-biz-menu-ico.gif) no-repeat right; padding-right:18px; display:block}
/*#header #header-right #mainmenu ul.mainmenu li a:hover{ border-bottom:3px #ebb500 solid}*/
#header #header-right #mainmenu ul.mainmenu-submenu { overflow:visible !important; z-index:10 !important; display:none; position:absolute; list-style:none; left:12px; top:43px; background:#FFFFFF; margin:0px; padding:0px; padding-bottom:5px;}
#header #header-right #mainmenu ul.mainmenu-submenu li{ float:none; margin:0px; padding:0px; }
#header #header-right #mainmenu ul.mainmenu-submenu li a{ background-image:none !important; font-size:13px; color:#77787b; font-weight:normal; padding-left:15px; padding-right:30px; white-space: nowrap;}
#header #header-right #mainmenu ul.mainmenu-submenu li a:hover{ background:#ebebeb; }
#header #header-right #mainmenu ul.mainmenu li#free-account-menu-signup a { background:#31bc84; color:#FFFFFF;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding-right: 12px;
padding-left: 12px;
}
#header #header-right #mainmenu ul.mainmenu li#free-account-menu-signup a:hover{ border:0px}
#header #header-right #login-button { float:right; padding-right:0px; padding-top:13px; padding-left:10px;}
#header #header-right #login-button a.login-but {background:#fff; text-transform: uppercase; color:#e69f23; padding:4px 7px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-decoration:none;
font-size:13px;
border:1px solid #e69f23;
}
#header #header-right #login-button a.login-but:hover { background:#fff6ea; }
#header #header-right #signup-button { float:right; padding-right:0px; padding-top:13px; padding-left:10px;}
#header #header-right #signup-button a.signup-but {background:#20c08a; text-transform: uppercase; color:#fff; padding:4px 7px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
text-decoration:none;
font-size:13px;
border:1px solid #20c08a;
}
#header #header-right #signup-button a.signup-but:hover { background:#2ecb96; }
#footer_cont {}
#footer_cont #footer-top {background:#ebb500;}
#footer_cont #footer-top #footer-top-inner { max-width:960px; width:98%; padding:0 1px; margin-left:auto; margin-right:auto; height:60px; text-align:left}
#footer_cont #footer-top #footer-top-inner #footer-top-left { float:left; padding-top:8px; padding-left:0px; width:40.625%;}
#footer_cont #footer-top #footer-top-inner #footer-top-center { float:left; width:29.16666666666667%;min-width:170px;}
#footer_cont #footer-top #footer-top-inner #ft-phone { background:url(images/phone-bg.png) no-repeat 0px 21px; padding-left:18px; font-size:20px; line-height:60px;}
#footer_cont #footer-top #footer-top-inner #ft-phone-blank { width:100px;}
#footer_cont #footer-top #footer-top-inner #ft-eml { background:url(images/eml-bg.png) no-repeat 0px 24px; padding-left:27px; font-size:20px; line-height:60px;}
#footer_cont #footer-top #footer-top-inner #footer-top-right { float:left; width:29.16666666666667%;min-width:260px; }
#footer_cont #footer-main {background:url(images/footer-grey-bg.gif) repeat #38404b}
#footer_cont #footer-main #footer-main-inner { max-width:960px;width:98%; margin-left:auto; margin-right:auto; text-align:left; padding:0 1% 20px 1%;}
#footer_cont #footer-main #footer-main-inner #footer-main-left { float:left; padding-left:0px; width:50.625%;}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont { padding-top:30px; }
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row { float:left; width:110px; }
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row-l { width:120px;}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row-m { width:220px;}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row-r { width:115px;}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row ul.footer-sitemap { list-style:none; padding:0px; margin:0px; }
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row ul.footer-sitemap li{ padding-bottom:4px; }
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row ul.footer-sitemap li a{ text-decoration:none; color:#d9d9d9}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row ul.footer-sitemap li a.li-yellow{ text-decoration:none; color:#ebb500; font-weight:bold }
#footer_cont #footer-main #footer-main-inner #footer-main-center { float:left; width:26.04166666666667%; padding-top:25px; color:#959595}
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-grey-line{ border-bottom:1px solid #636363; height:2px; margin-top:10px; margin-bottom:8px; }
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-award-feature {}
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-award-feature-ms {position:relative}
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-award-feature .footer-feature-left {float:left; width:80px; padding-top:5px; }
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-award-feature .footer-feature-right {float:left; width:150px; }
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-feature-left-ms {float:left; width:230px; padding-left:8px;}
#footer_cont #footer-main #footer-main-inner #footer-main-center .footer-feature-right-ms {float:left; position:absolute; top:30px; left:65px; }
#footer_cont #footer-main #footer-main-inner #footer-main-right { float:left; width:19%; padding-top:25px; color:#959595; padding-left:2.916666666666667%;}
#mailinglist-cont { position:relative; padding-bottom:25px;}
#mailinglist-cont #mailing-input-bg { background:url(images/foot-mailinglist-bg2.png) no-repeat transparent; height:28px; }
#mailinglist-cont input.footer-mailinglist { border:0px; height:28px; color:#766729; font-style:italic; background:none; position:absolute; top:0px; height:24px; padding-left:4px; }
#mailinglist-cont #mailing-subscribe-button {background:url(images/foot-mailinglist-butt-bg.png) no-repeat; width:75px; height:26px; text-align:center; line-height:26px; position:absolute; top:0px; right:8px;}
#mailinglist-cont #mailing-subscribe-button a {color:#FFFFFF; text-decoration:none; display:block}
#mailinglist-cont #mailinglist-msgbox { color:#e20808; font-style:italic; display:none }
#footer_cont #footer-main #footer-main-inner h4 { color:#d9d9d9; font-size:20px; padding:0px; margin:0px; padding-bottom:10px;}
#footer_cont #footer-main #footer-main-inner h5 { font-size:12px; font-weight:600; margin:0px;padding-bottom:10px;}
#footer_cont #footer-bottom {background:#000000;}
#footer_cont #footer-bottom #footer-bottom-inner { max-width:960px; width:98%; padding:0 1%; margin-left:auto; margin-right:auto; color:#FFFFFF; height:42px; line-height:42px;}
#footer_cont #footer-bottom #footer-bottom-left { float:left; text-align:left; width:50%; padding-left:0px; }
#footer_cont #footer-bottom #footer-bottom-right { float:right; text-align:right; width:50%; padding-right:0px; }
.middle-content .homepage-banner-container { }
.middle-content .homepage-banner-container .homepage-banner-top .ihw-banner-1 { background:url(/img/ihi_carousel_2_blurx20.jpg) no-repeat #e5b000;
/* margin-top:60px; */
background-position:center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.middle-content .homepage-banner-container { }
.middle-content .homepage-banner-container .homepage-banner-top .ihw-banner-2 { background:url(/img/ihi_carousel_1_blurx20.jpg) no-repeat #e5b000;
background-position:center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.middle-content .homepage-banner-container { }
.middle-content .homepage-banner-container .homepage-banner-top .ihw-banner-3 { background:url(/img/ihi_carousel_3_blurx20.jpg) no-repeat #e5b000;
background-position:center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.middle-content .homepage-banner-container { }
.middle-content .homepage-banner-container .homepage-banner-top .ihw-banner-4 { background:url(/img/ihi_carousel_4_blurx20.jpg) no-repeat #e5b000;
background-position:center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
#fb-tw-li-logos {}
#fb-tw-li-logos .logo-item { float:left; padding-right:10px;}
.hp-fb-like-but { border:none; overflow:hidden; width:150px; height:21px; }
/* background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;*/
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner{ max-width:960px; width:100%; margin-left:auto; margin-right:auto; height:346px;}
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner .home-banner-left { float:left; width:400px; padding-top:45px; padding-left:40px;}
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner .home-banner-right {float:right; max-width:500px; width:100%; padding-top:25px; padding-right:0px;}
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner #banner-laptop-ipad-screenshot { }
.middle-content .homepage-banner-container h1 { font-family: 'Open Sans', sans-serif; color:#FFFFFF; font-size:40px; text-align:left; font-weight:normal; line-height:45px;}
.middle-content .homepage-banner-container h1 .banner-bold { font-family: 'Open Sans', sans-serif; color:#FFFFFF; font-size:50px; font-weight:bold; line-height:50px; }
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row { line-height:44px; color:#FFFFFF; font-size:16px;}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row a.demolink{ color:#FFFFFF; font-size:14px; text-decoration:none;font-style:normal;font-weight:bold; border-bottom:1px solid;}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row a.demolink:hover{ border-bottom:2px solid #ebb500;}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row #getstarted-button{ background:url(images/homepage-action-button-bg.png) no-repeat; width:195px; height:44px; line-height:44px; float:left;}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row #getstarted-button a { color:#ffffff; font-size:16px; text-decoration:none; display:block; font-style:normal; font-weight:600}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row #getstarted-button-wide{ background:url(images/homepage-action-button-bg-205w.png) no-repeat; width:205px; height:44px; line-height:44px; float:left;}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row #getstarted-button-wide a { color:#ffffff; font-size:16px; text-decoration:none; display:block; font-style:normal; font-weight:600}
.middle-content #group-banner-container {}
.middle-content #group-banner-container a{ font-style:normal}
.middle-content #group-banner-container .group-banner-top{ }
.middle-content #group-banner-container .group-fitness-bw { background:url(images/groups/fitness-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-physio-bw { background:url(images/groups/physio-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-osteo-bw { background:url(images/groups/osteo-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-therapist-bw { background:url(images/groups/therapist-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-bank-bw { background:url(images/groups/bank-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-consultant-bw { background:url(images/groups/consultant-1600x355-bw.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-fitness { background:url(images/groups/fitness-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-physio { background:url(images/groups/physio-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-osteo { background:url(images/groups/osteo-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-therapist { background:url(images/groups/therapist-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-bank { background:url(images/groups/bank-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-consultant { background:url(images/groups/consultant-1600x355.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-fitness-blended { background:url(images/groups/fitness-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-physio-blended { background:url(images/groups/physio-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-osteo-blended { background:url(images/groups/osteo-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-therapist-blended { background:url(images/groups/therapist-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-bank-blended { background:url(images/groups/bank-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-consultant-blended { background:url(images/groups/consultant-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-salon-blended { background:url(images/groups/salon-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-driving-blended { background:url(images/groups/driving-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-medical-blended { background:url(images/groups/medical-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-university-blended { background:url(images/groups/university-1600x355-blended.jpg) no-repeat center center; background-size: cover;}
.middle-content #group-banner-container .group-banner-top #group-banner-top-inner{ max-width:960px;padding-left:0;padding-right:0;width:98%; margin-left:auto; margin-right:auto; height:355px; position:relative;}
.middle-content #group-banner-container h1 { color:#FFFFFF; font-size:50px; margin:0px; padding:0px; text-align: left; font-weight:normal; padding-top:110px; margin-bottom:30px; line-height:50px;}
.features-cta-row { }
.features-cta-item { float:left; padding-left:12px;}
.middle-content #tailored-for-your-needs { background:url(images/groups--top-shadow-bg.png) repeat-x #ebb341; }
.middle-content #tailored-for-your-needs #tailored-for-your-needs-inner { max-width:960px; margin-left:auto; margin-right:auto; padding:0 1% 20px; }
.middle-content #tailored-for-your-needs #tailored-for-your-needs-inner h2{ padding:0; margin:0; font-size:30px; text-align:left; font-weight:normal; padding:25px 0px 10px 0px}
.middle-content #tailored-for-your-needs #tailored-for-your-needs-inner h4{ padding:0; margin:0; font-size:30px; text-align:left; font-weight:normal; padding:25px 0px 10px 0px}
.middle-content #feats-for-business-cont { background:#f1f1f1; }
.middle-content #feats-for-business-cont #feats-for-business-inner { max-width:960px; margin-left:auto; margin-right:auto; padding:0 1% 10px; }
.middle-content .extra-security-details { background:#f1f1f1; }
.middle-content .extra-security-details .extra-security-details-inner { max-width:960px; margin-left:auto; margin-right:auto; padding:0 1% 10px; }
.middle-content .extra-security-details .extra-security-details-inner .security-additional { }
.more-features-cont { width: 200px; height:50px; text-align:center; margin-left:auto; margin-right:auto; padding-bottom:30px;}
a.more-features { background:#b4b4b6; line-height:50px; font-size:17px; display:block; font-style:normal !important; color:#FFFFFF; border-radius: 5px; } /* for business more features link */
a.more-features:hover { text-decoration:none; background:#c1c1c1; }
.middle-content #feats-for-business-casestudy-cont { background:#fdf7e8; }
.middle-content #feats-for-business-casestudy-cont #feats-for-business-casestudy-inner { max-width:960px; margin-left:auto; margin-right:auto; padding:0 1% 20px; }
.tailor-bullet-content { text-align:left; font-size:18px;}
.tailor-bullet-content .bullet-col{ float:left; width:34%; }
.tailor-bullet-content .bullet-col:last-of-type{ padding-right:0; width:31%; float:right;}
.tailor-bullet-content .bullet-col:first-of-type{ width:35%; }
.tailor-bullet-content .bullet-col ul.tailor-bullet-ul{ }
.tailor-bullet-content .bullet-col ul.tailor-bullet-ul li{ background:url(images/white-tick-features-bullet.png) no-repeat 0px 8px; padding-left:25px; min-height:30px; line-height:20px; padding-top:5px;}
.business-content { padding:40px 100px; color:#77787b}
.f-item-overlay-bg { background:#000000; opacity:0.4; filter: alpha(opacity=40); width:100%; height:100%; position:absolute }
.f-item-overlay-icon { background:url(images/groups/features/feat-overlay.png) center no-repeat; width:100%; height:100%; position:absolute }
.f-item-overlay-bg2 { background:#000000; opacity:0.0; filter: alpha(opacity=00); width:100%; height:100%; position:absolute }
.f-item-overlay-icon2 { background:url(images/groups/features/feat-overlay-yellow.png) center no-repeat; width:100%; height:100%; position:absolute }
h2.business-content-h2 { font-size:40px; font-weight:100; }
h3.feat-for-business-h3 { font-size:40px; font-weight:100; padding-top:40px; color:#362f2d }
h3.mainfeat-for-business-h3 { font-size:40px; font-weight:100; padding-top:0px; color:#362f2d; margin:0px; padding:0px; line-height:40px;}
h3.feat-for-business-casestudy-h3 { font-size:40px; font-weight:100; padding:0px; color:#362f2d; margin:0px; line-height:40px; height:40px; padding-bottom:20px;}
.features-main-feat-cont { padding-top:95px; padding-bottom:80px; }
.main-feature-left { float:left; width:470px;}
.main-feature-left p.main-feat-for-business { font-size:18px; }
.main-feature-left ul { font-size:18px;}
.main-feature-left ul li { background:url(images/groups/features/feat-yellow-tick-bullet.png) no-repeat 0px 7px; padding-left:25px; line-height:30px; padding-bottom:3px;}
.main-feature-right { float:right; }
.feat-casestudy-cont { padding-top:75px; color:#362f2d; padding-bottom:50px; }
.feat-casestudy-left { float:left; width:200px; padding-left:0px; padding-right:25px}
.feat-casestudy-right { font-size:14px; text-align:left; max-width:650px; margin-left:260px;}
.feat-scenario-content { font-size:14px; text-align:left; }
.feat-casestudy-left h5 { font-size:30px; padding:0px; margin:0px; padding-top:10px; font-weight:100}
.feat-casestudy-left h6 { font-size:20px; padding:0px; margin:0px; padding-top:10px; font-weight:100}
.feat-casestudy-left blockquote { font-size:20px; font-weight:100; font-style:italic; width:100%; margin:0px; padding:0px; padding-top:45px; }
.feat-casestudy-right h6 { font-size:15px; font-weight:bold; padding:0px; margin:0px; padding-top:18px; padding-bottom:10px;}
p.business-main-content { font-size:18px; }
/* for business features sections */
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
margin-bottom:20px;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 */
}
/* GRID OF THREE */
.span_3_of_3 {
width: 32.2%;
}
.span_2_of_3 {
width: 32.2%;
}
.span_1_of_3 {
width: 32.2%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 880px) {
.col { margin: 1% 0 1% 0%;}
.span_1_of_3 { width: 50%;}
.span_2_of_3 { width: 50%; }
.span_3_of_3 { width: 100%; }
}
@media only screen and (max-width: 584px) {
.col { float:none; margin-left:auto !important; margin-right:auto !important; width:100%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 292px; }
}
/*.biz-features-cont { border:1px solid red;}*/
.biz-features-item { border:1px solid #cccccc; width:290px; /*height:364px; */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#362f2d;
background:#fff;
text-align:left;
} /* float:left; */
.biz-features-item img {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
h5.f-item-bot-h5 { font-size:15px; font-weight:bold; padding:33px 29px 20px 29px; margin:0px;}
p.f-item-bot-p { padding:0px 29px 33px 29px; margin:0px;}
.f-item-top { position:relative; bottom:0px; height:184px;}
.f-item-bot { height:calc(100% - 184px); }
a.biz-feature-link { text-decoration:none; font-style:normal !important;}
a.biz-feature-link:hover { text-decoration:none; }
/*.biz-features-cont { border:1px solid red;}
.biz-features-item { border:1px solid blue; width:292px; height:364px; float:left;}
*/
/* userpage */
.middle-content #userpage-banner-container {}
.middle-content #userpage-banner-container a{ font-style:normal}
.middle-content #userpage-banner-container #userpage-banner-top{ background:url(images/therapist_users_bg.jpg) repeat; background-size: cover; }
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner{ max-width:960px;padding-left:0;padding-right:0;width:98%; margin-left:auto; margin-right:auto; height:346px; position:relative;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle { position:absolute; border:3px solid #FFFFFF;
border-radius: 50%;
width: 200px;
height: 200px;
top:60px;
color:#FFFFFF;
font-size:28px;
display:block;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .black-circlebg { background:#000000;}
.middle-content a { font-style:italic }
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle a { color:#FFFFFF}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle a:hover { text-decoration:none; }
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .circle1 { left:0px; }
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .circle2 { left:250px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .circle3 { left:500px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .circle4 { left:750px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle .circle-text { display: table-cell; text-align: center; vertical-align: middle; position:relative; height:200px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle .circle-text .version2 { display:none; color:#ffffff; font-size:18px; padding: 20px 10px 20px 10px; margin:1px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .circle-joining-border {position:absolute; border-bottom:3px solid #ffffff; width:48px; top:148px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder1 {left:204px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder2 {left:454px;}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder3 {left:704px;}
.middle-content .homepage-banner-container .homepage-banner-bot { background:#d7d7d7 url(images/banner-bot-bg.gif) repeat-x; }
.middle-content .homepage-banner-container .homepage-banner-bot .homepage-banner-bot-inner {max-width:960px; margin-left:auto;padding:0 1%; margin-right:auto; min-height:99px;}
.middle-content .homepage-banner-container .homepage-banner-bot .homepage-banner-bot-inner #used-by { text-align:center; padding-top:10px; padding-bottom:3px; font-size:14px; color:#959595}
.middle-content .homepage-banner-container .homepage-banner-bot .homepage-banner-bot-inner #banner-logos {}
.middle-content .homepage-banner-container .homepage-banner-bot .homepage-banner-bot-inner #banner-logos img.banner-logo{ float:left;}
.middle-content .homepage-banner-container .homepage-banner-bot .homepage-banner-bot-inner #banner-logos a img{ margin-bottom:5px; margin-left:20px;}
#what-we-do { background:url(/plugins/ys/images/grey-hatch-bg.gif) repeat; }
#what-we-do #what-we-do-inner { max-width:960px; margin-left:auto; margin-right:auto; padding:0 1% 20px; }
#what-we-do #what-we-do-inner h2{ font-size:30px; padding-top:20px; font-weight:normal; text-align:center; margin-bottom:0px;}
#what-we-do #what-we-do-inner h3{ font-size:18px; font-weight:normal; text-align:center; }
#what-we-do #what-we-do-inner #whatwedo-rows-container {}
#what-we-do #what-we-do-inner #whatwedo-rows-container .whatwedo-feature-row { float:left; width:260px; padding-right:30px; padding-left:30px;}
#what-we-do #what-we-do-inner #whatwedo-rows-container .whatwedo-feature-row h2.whatwedo-feat{ font-size:20px; text-align:left; }
#what-we-do #what-we-do-inner #whatwedo-rows-container .whatwedo-feature-row .whatwedo-feat-p { font-size:14px; font-weight:normal; line-height:20px;}
#fast-and-secure {}
#fast-and-secure #fast-and-secure-inner { max-width:960px; width:98%; margin-left:auto; margin-right:auto; text-align:left; padding: 0 1% 20px;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top { padding-top:50px; padding-bottom:40px;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top h2{ font-size:30px; margin:0px; padding-bottom:0px; font-weight:normal}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top h3{ font-size:20px; margin:0px; padding-bottom:10px; font-weight:400}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-left { float:left; padding-left:88px; width:384px;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-hipaa { float:left; padding-left:70px; padding-top:55px;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-ssl { float:left; padding-left:35px; padding-top:40px;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top .secure-p { font-size:14px; line-height:22px; font-weight:600}
#green-light {}
#green-light #green-light-inner { max-width:960px; width:98%; margin-left:auto; margin-right:auto; text-align:left; padding: 0 1% 20px;}
#green-light #green-light-inner #greenlight-box { padding-top:50px; padding-bottom:40px;}
#green-light #green-light-inner #greenlight-box h2{ font-size:30px; margin:0px; padding-bottom:0px; font-weight:normal}
#green-light #green-light-inner #greenlight-box h3{ font-size:20px; margin:0px; padding-bottom:10px; font-weight:400}
#green-light #green-light-inner #greenlight-box #greenlight-left { float:left; padding-left:88px; width:384px;}
#green-light #green-light-inner #greenlight-box #greenlight-right { float:left; padding-left:3%; padding-top:15px; }
#green-light #green-light-inner #greenlight-box .secure-p { font-size:14px; line-height:22px; font-weight:600}
.greendot-box {
background:#f1f1f1;
border:1px solid #e2e2e2;
border-radius:3px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
position:relative;
padding:25px 30px 25px 30px;
width:295px;
}
.greendot-box h4 { padding:0px; margin:0px; font-size:24px; line-height:30px;}
.greendot-box p { padding:0px; margin:0px; padding:10px 0px 0px 0px;}
.greendot-box .greendot-icon {
background:#00a75a;
border-radius:50%;
width:25px;
height:25px;
position:absolute;
right:12px;
top:10px;
}
.greendot-box .greendot-button-row { padding-top:16px;}
.greendot-box .greendot-button-row input.greendot-cell-input { border:0px; height:42px; line-height:42px; padding:0px 14px; width:150px; color:#6d6d6d; font-size:13px; border-radius:5px;}
.greendot-box .greendot-button-row .button-row-left { float:left; }
.greendot-box .greendot-button-row .button-row-right { float:left; padding-left:10px; }
.greendot-box .greendot-button-row a.greendot-cell-butt {
background:#00a75a; -moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:5px;
color:#FFFFFF;
font-style:normal !important;
font-size:14px;
font-weight:bold;
padding:0px 16px;
height:41px;
line-height:41px;
display:block;
}
.greendot-box .greendot-button-row a.greendot-cell-butt:hover { text-decoration:none; background:#00b360 }
#green-dot-modal { position:absolute; z-index:10; left: 50%; margin-left: -330px; width:660px;/*margin-left: -240px; width:480px;*/ position: fixed; display:none; top:17%;}
/* green dot actual modal content */
.gd_modal_outer { width:640px; height:400px; background:#FFFFFF; border-radius:10px; }
.gd_modal_outer .gd_modal_left { float:left; width:260px; text-align:left; padding-left:25px; margin-top:25px; }
.gd_modal_outer .gd_modal_right { float:left; padding-left:20px; margin-top:30px; }
.gd_modal_outer .gd_modal_header_dot { background:#00a75a; height:25px; width:25px; border-radius:50%; float:left; margin-top:7px; margin-right:8px;}
.gd_modal_outer h3.gd_modal_h3 { font-size:30px; margin:0px; padding:0px; font-weight:normal; line-height:33px; margin-bottom:10px;}
.gd_modal_outer ul.gd_modal_ul { list-style:disc; margin:0px; padding:0px; padding-left:18px; font-size:14px;}
.gd_modal_outer ul.gd_modal_ul li{ padding-bottom:5px;}
.gd_modal_outer a#close-modal { background:url(https://www.yellowschedule.com/app/utils/close-modal-ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; right:8px; top:10px}
.gd_modal_outer a#close-modal:hover { text-decoration:none;}
.gd_modal_outer .gd_modal_right .gd_background_area { position:relative}
.gd_modal_outer .gd_modal_right .gd_background_area img.gd_sms_waiting_animation{ position:absolute; left:50%; margin-left:-157px; width:32px;margin-left:-16px; bottom:50%; margin-bottom:0px;}
.gd_modal_outer .gd_modal_right .gd_background_area .gd_msg_waiting { color:#FFFFFF; position:absolute;bottom:40px; width:314px; }
.gd_modal_outer .gd_modal_right .gd_background_area .gd_msg_waiting-top {color:#FFFFFF; position:absolute;top:38px; width:314px; text-align:center}
.gd_modal_outer .gd_modal_right .gd_background_area .gd_msg_waiting-error {color:#FFFFFF; position:absolute;top:50px; width:314px; text-align:center}
.gd_modal_outer .gd_modal_right .gd_background_area .gd_msg_waiting .gd_msg_waiting_big { font-size:18px; font-weight:bold}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_waiting { background:url(https://www.yellowschedule.com/app/utils/_gd_waiting_bg.jpg) no-repeat; width:314px; height:225px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received { background:url(https://www.yellowschedule.com/app/utils/_gd_received_bg.jpg) no-repeat; width:314px; height:225px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_received_newcl_title { position:absolute; color:#FFFFFF; font-weight:bold; top:82px; left:56px; text-align:left}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_received_newcl_reply { position:absolute; color:#fdfdfd; top:102px; left:56px; text-align:left; width:198px; line-height:19px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_received_newcl_reply .gd_reply_msg { font-size:12px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_green_dot_bullet { position:absolute;
background:url(https://www.yellowschedule.com/app/utils/green-status.png) no-repeat;
font-weight:bold; top:86px; left:240px; text-align:left; width:13px; height:13px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_red_dot_bullet { position:absolute;
background:url(https://www.yellowschedule.com/app/utils/red-status.png) no-repeat;
font-weight:bold; top:86px; left:240px; text-align:left; width:13px; height:13px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_msg_bullet { position:absolute;
background:url(https://www.yellowschedule.com/app/utils/msg-rcvd.gif) no-repeat;
font-weight:bold; top:88px; left:223px; text-align:left; width:14px; height:11px;}
.gd_modal_outer .gd_modal_right .gd_background_area #gd_background_received #gd_msg_speechbox { position:absolute;
border:1px solid #cfcfcf; width:120px; top:114px; right:-40px; background:#FFFFFF;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
opacity:.8;
filter: alpha(opacity=80);
border-radius:5px;
padding:15px 10px;
color:#000000;
font-size:12px;
}
.gd_msg_speechbox_widget { border-left: 10px solid transparent;
border-right: 10px solid transparent;
/*box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);*/
border-bottom: 10px solid #FFFFFF;
background:transparent; width:0px; height:0px; position:absolute; top:-10px; left:16px;}
.gd_modal_outer .modal_cell { border:0px; height:32px; line-height:32px; padding:0px 14px; width:150px; color:#6d6d6d; font-size:13px; border-radius:5px; margin-top:10px;}
.gd_modal_outer .greendot-button-row { padding-top:16px;}
.gd_modal_outer .greendot-button-row .button-row-left { float:left; margin-left:20px;}
.gd_modal_outer .greendot-button-row .button-row-right { float:left; padding-left:5px; }
.gd_modal_outer .greendot-button-row a.greendot-cell-butt-inner {
background:#00a75a;
border-radius:5px;
color:#FFFFFF;
font-style:normal !important;
font-size:14px;
font-weight:bold;
padding:0px 8px;
height:31px;
line-height:31px;
display:block;
margin-top:10px;
}
.gd_modal_outer .greendot-button-row a.greendot-cell-butt:hover { text-decoration:none; background:#00b360 }
.gd_modal_outer a.retry-test { color:#aaaaaa; text-decoration:none; font-style:normal !important; font-size:12px;}
#simple-powerful {}
#simple-powerful #simple-powerful-inner { max-width:960px; width:98%; margin-left:auto; margin-right:auto; text-align:left; padding:40px 1%;}
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container{ padding-top:60px;}
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container #simple-powerful-left{ float:left; }
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container #simple-powerful-right{ float:left; padding-left:30px;width:430px;}
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container #simple-powerful-right h2{ font-size:30px; margin:0px; padding-bottom:8px; }
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container #simple-powerful-right h3{ font-size:20px; color:#898989; margin:0px; }
#simple-powerful #simple-powerful-inner #simple-powerful-feat-container #simple-powerful-right p{ font-size:14px; }
ul.yellow-tick { list-style:none; padding:0px; margin:0px; font-size:14px; }
ul.yellow-tick li { background:url(images/yellow-tick-bullet.png) no-repeat 0px 7px; padding-left:32px; line-height:37px;}
.tcr-300-r ul.yellow-tick { list-style:none; padding:0px; margin:0px; }
.tcr-300-r ul.yellow-tick li { background:url(images/yellow-tick-bullet.png) no-repeat 0px 0px; padding-left:30px; height:32px; line-height:22px;}
.security-additional { text-align:left; padding-top:20px; font-size:15px;}
.security-additional h3.security-addit-h3 { padding-top:15px; }
.security-additional .secure-backup-cont { }
.secure-backup-cont .secure-backup-left { float:left; width:49.5%}
.secure-backup-cont .secure-backup-right { float:left; width:49.5%}
ul.yellow-tick-secure { list-style:none; padding:0px; margin:0px; margin-right:10px; }
ul.yellow-tick-secure li { background: url(images/yellow-tick-bullet-sm.png) no-repeat 0px 5px;padding-left:18px; line-height:18px; padding-bottom:8px;}
ul.yellow-tick-secure li.top-gap { margin-top:8px;}
#userpage-benefits-inner { max-width:960px;padding:0;width:100%; margin-left:auto; margin-right:auto; text-align:left; padding-top:40px; padding-bottom:40px;}
#userpage-benefits-inner #userpage-benefits-content-container { padding-left:60px; padding-right:30px; }
#userpage-benefits-topleft {float:left; width:52.08333333333333%; padding-right:6.25%;}
#userpage-benefits-topright {float:left; width:220px; padding-top:40px;}
h2.user-benefits { font-size:30px;}
#userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container { }
#userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-left { float:left; width:470px;}
#userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-right { float:left; width:400px;}
#userpage-testimonials-title { background:#ebb500; }
#userpage-testimonials-title #userpage-testimonials-title-inner { max-width:960px;width:98%;padding:0 1%; margin-left:auto; margin-right:auto; line-height:50px; color:#FFFFFF}
#userpage-testimonials-title #userpage-testimonials-title-inner h1 {font-weight:normal;margin:0}
#userpage-testimonials-title #userpage-testimonials-title-inner h1 .blacktext { color:#000000; font-weight:600;}
#userpage-testimonials { background:url(images/yellow-hatch-bg.gif) repeat; }
#userpage-testimonials #userpage-testimonials-inner { max-width:960px;width:98%;padding:0 1%; margin-left:auto; margin-right:auto; }
.homepage-quote-container { padding-left:0px; margin-top:20px; margin-bottom:20px }
.homepage-quote-container .openquote-icon { background:url(/plugins/ys/images/testimonial-open-quote.png) no-repeat; position:absolute; width:25px; height:20px; top:13px; left:23px;}
.homepage-quote-container .quote-accent { background:url(/plugins/ys/images/homepage-quote-speechbubble-accent.png) no-repeat; position:absolute; width:14px; height:26px; top:18px; right:-14px;}
.homepage-quote-container .homepage-quote-text { float:left; position:relative; background:#fefbef; border:1px solid #cccccc; color:#707070;
padding: 25px 60px;
padding-right:40px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:22px;
font-weight:300;
font-style:italic;
width:50.41666666666667%;
}
.homepage-quote-container .homepage-quote-person { float:left; padding-left:2.604166666666667%; padding-top:5px;max-width: 250px;}
.homepage-quote-container .homepage-quote-person .homepage-quote-person-img { float:left;}
.homepage-quote-container .homepage-quote-person .homepage-quote-person-details { float:left; padding-left:10px; padding-top:10px;}
.homepage-quote-container .homepage-quote-person .homepage-quote-person-details .homepage-quote-person-name{ font-size:22px; padding-bottom:10px;}
.homepage-quote-container .homepage-quote-person .homepage-quote-person-details .homepage-quote-person-company{ font-size:14px; color:#707070;}
/* same as above but edited for more compact modal display */
.homepage-quote-container_modal { padding-left:0px; margin-top:20px; margin-bottom:20px;}
.homepage-quote-container_modal .openquote-icon { background:url(images/testimonial-open-quote.png) no-repeat; position:absolute; width:25px; height:20px; top:13px; left:13px; }
.homepage-quote-container_modal .quote-accent { background:url(images/homepage-quote-speechbubble-accent.png) no-repeat; position:absolute; width:14px; height:26px; top:18px; right:-14px;}
.homepage-quote-container_modal .homepage-quote-text { float:left; position:relative; background:#fefbef; border:1px solid #cccccc; color:#707070;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-weight:300;
font-style:italic;
font-size:18px; width:250px; margin-left:20px; padding: 13px 20px 20px 40px;
margin-top:20px;
}
.homepage-quote-container_modal .homepage-quote-person { float:left; padding-left:2.604166666666667%; padding-top:5px; max-width: 300px; margin-top:11px;}
.homepage-quote-container_modal .homepage-quote-person .homepage-quote-person-img { float:left; margin-left:5px;}
.homepage-quote-container_modal .homepage-quote-person .homepage-quote-person-details { float:left; padding-left:10px; padding-top:13px; }
.homepage-quote-container_modal .homepage-quote-person .homepage-quote-person-details .homepage-quote-person-name{ font-size:16px; padding-bottom:8px;}
.homepage-quote-container_modal .homepage-quote-person .homepage-quote-person-details .homepage-quote-person-company{ font-size:11px; color:#707070; text-align:left}
/* */
.userpage-quote-container { text-align:left; padding-top:50px; padding-bottom:40px;}
.userpage-quote-container .openquote-icon { background:url(images/testimonial-open-quote.png) no-repeat; width:25px; height:20px; float:left; padding-right:10px;}
.userpage-quote-container .quote-accent { background:url(images/homepage-quote-speechbubble-accent-down.png) no-repeat; position:absolute; width:34px; height:18px; bottom:-18px; right:34px;}
.userpage-quote-container .userpage-quote-text { position:relative; background:#fefbef; border:1px solid #cccccc; color:#707070;
padding: 25px 20px;
padding-right:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:20px;
font-weight:300;
font-style:italic;
width:220px;
}
.userpage-quote-container .userpage-quote-person { float:left; padding-left:10px; padding-top:12px; width:280px;}
.userpage-quote-container .userpage-quote-person .userpage-quote-person-img { float:left;}
.userpage-quote-container .userpage-quote-person .userpage-quote-person-details { float:left; padding-left:15px; padding-top:10px; }
.userpage-quote-container .userpage-quote-person .userpage-quote-person-details .userpage-quote-person-name{ font-size:22px; padding-bottom:10px; font-weight:300; line-height:25px;}
.userpage-quote-container .userpage-quote-person .userpage-quote-person-details .userpage-quote-person-company{ font-size:14px; color:#707070; width:165px; }
.userpage-quote-container .userpage-quote-person-simple { float:left; padding-left:10px; padding-top:15px; font-size:12px; color:#707070}
.userpage-testimonial-column { float:left; padding-left:28px; } /* three columns of narrow testimonials */
.inline-quote { padding: 0px; padding-left:35px !important; padding-bottom:30px !important; }
#userpage-device-independant { background:#ebebeb;}
#userpage-device-independant #userpage-device-independant-inner { max-width:960px;width:98%;padding:50px 1%; margin-left:auto; margin-right:auto;}
#userpage-device-independant #userpage-device-independant-inner h2 { margin:0px; padding-bottom:30px; font-size:22px; font-weight:400}
#userpage-otherusers {}
#userpage-otherusers #userpage-otherusers-inner { max-width:960px;width:98%;padding:50px 1%; margin-left:auto; margin-right:auto; text-align:left; }
#userpage-otherusers #userpage-otherusers-inner h2 { color:#ebb500; font-size:30px; margin:0px; font-weight:normal}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-left { float:left; width:340px; padding-right:70px; padding-left:20px;}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-left .otherusers-p { font-size:16px; line-height:24px; width:330px;}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right { float:left; }
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row { float:left; width:160px;padding-right:0px;}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row h4 { margin:0px; font-weight:normal; font-size:16px; font-weight:bold; padding-bottom:8px;}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row ul { }
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row li { padding-bottom:2px;}
#features-bar { background:url(images/features-yellow-bar-top-bg.gif) repeat-x #ebb500}
#features-bar #features-bar-inner { width:960px; margin-left:auto; margin-right:auto; text-align:left; height:207px; position:relative}
#features-bar #features-bar-inner #features-bar-right { padding-left:270px; }
#features-bar #features-bar-inner #features-bar-right .features-bar-icon { float:left; width:120px; padding-top:50px; padding-left:10px;}
#features-bar #features-bar-inner #features-bar-right .features-bar-text { float:left; width:500px; padding-top:0px; padding-left:20px;}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1{ font-size:35px; font-weight:600; margin:0px;}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.scheduling{ padding-top: 45px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.reminders{ padding-top: 15px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.booking{ padding-top: 25px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.communicate{ font-size:30px; padding-top: 25px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.microsite{ padding-top: 25px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.enterprise{ padding-top: 35px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.trends{ padding-top: 35px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.security{ padding-top: 45px}
#features-bar #features-bar-inner #features-bar-right .features-bar-text p.features-bar-p { font-size:15px;}
#features-content {}
#features-content #features-content-inner {max-width:960px; width:98%; padding:0 1% 40px 1%; margin-left:auto; margin-right:auto; text-align:left; min-height:300px;}
#features-content #features-content-inner #features-content-inner-container.tours { padding-left:240px;}
ul#tour-nav { list-style:none; padding:0px; width:217px; font-size:14px; font-weight:bold; position:absolute; top:25px; padding-left:0px;}
ul#tour-nav li { padding:0px; height:50px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#b7b7b7; border-bottom:0px; line-height:50px; background:#fff }
ul#tour-nav li.first, ul#tour-nav li.first a{
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
border-top-left-radius:9px;
border-top-right-radius:9px;
}
ul#tour-nav li.last, ul#tour-nav li.last a { border-bottom:1px solid #b7b7b7;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-left-radius:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-left-radius:9px;
border-bottom-right-radius:9px;
}
/*ul#tour-nav li a { display:block; padding-left:50px; text-decoration:none}
ul#tour-nav li.li1 a { background:url(s_tour_bul_1.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li1 a:hover { background-color: #fbede7}
ul#tour-nav li.li1 a.selected { background-color: #fbede7}
ul#tour-nav li.li2 a { background:url(s_tour_bul_2.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li2 a:hover { background-color:#e7eff0 }
ul#tour-nav li.li2 a.selected { background-color:#e7eff0 }
ul#tour-nav li.li3 a { background:url(s_tour_bul_3.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li3 a:hover { background-color:#fcf5e5 }
ul#tour-nav li.li3 a.selected { background-color:#fcf5e5 }
ul#tour-nav li.li4 a { background:url(s_tour_bul_4.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li4 a:hover { background-color:#f1f5e8 }
ul#tour-nav li.li4 a.selected { background-color:#f1f5e8 }
ul#tour-nav li.li5 a { background:url(s_tour_bul_5.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li5 a:hover { background-color:#f1e5f0 }
ul#tour-nav li.li5 a.selected { background-color:#f1e5f0 }*/
ul#tour-nav li a { display:block; padding-left:50px; text-decoration:none; color:#000000; font-style:normal}
/*ul#tour-nav li.li1 a { background:url(s_tour_bul_2.gif) no-repeat 12px 12px #fff; } */
ul#tour-nav li.li1 a { background:url(images/ico-sml-schedule.png) no-repeat 15px 14px #fff; }
ul#tour-nav li.li1 a:hover { background-color: #e7eff0}
ul#tour-nav li.li1 a.selected { background-color: #e7eff0}
/*ul#tour-nav li.li2 a { background:url(s_tour_bul_1.gif) no-repeat 12px 12px #fff; }*/
ul#tour-nav li.li2 a { background:url(images/ico-sml-reminders.png) no-repeat 14px 14px #fff; }
ul#tour-nav li.li2 a:hover { background-color:#fbede7 }
ul#tour-nav li.li2 a.selected { background-color:#fbede7 }
/*ul#tour-nav li.li3 a { background:url(s_tour_bul_4.gif) no-repeat 12px 12px #fff; }*/
ul#tour-nav li.li3 a { background:url(images/ico-sml-booking.png) no-repeat 12px 14px #fff; }
ul#tour-nav li.li3 a:hover { background-color:#f1f5e8 }
ul#tour-nav li.li3 a.selected { background-color:#f1f5e8 }
/*ul#tour-nav li.li4 a { background:url(s_tour_bul_3.gif) no-repeat 12px 12px #fff; }*/
ul#tour-nav li.li4 a { background:url(images/ico-sml-communicate.png) no-repeat 13px 14px #fff; }
ul#tour-nav li.li4 a:hover { background-color:#fcf5e5 } /* faebde */
ul#tour-nav li.li4 a.selected { background-color:#fcf5e5 }
ul#tour-nav li.li4-e a { background:url(images/ico-sml-enterprise.png) no-repeat 13px 14px #fff; }
ul#tour-nav li.li4-e a:hover { background-color:#fcf5e5 } /* faebde */
ul#tour-nav li.li4-e a.selected { background-color:#fcf5e5 }
/*ul#tour-nav li.li5 a { background:url(s_tour_bul_5.gif) no-repeat 12px 12px #fff; }*/
ul#tour-nav li.li5 a { background:url(images/ico-sml-trends.png) no-repeat 13px 14px #fff; }
ul#tour-nav li.li5 a:hover { background-color:#f3eaf2 }
ul#tour-nav li.li5 a.selected { background-color:#f3eaf2 }
/*ul#tour-nav li.li6 a { background:url(s_tour_bul_6.gif) no-repeat 14px 9px #fff; }*/
ul#tour-nav li.li6 a { background:url(images/ico-sml-security.png) no-repeat 18px 13px #fff; }
ul#tour-nav li.li6 a:hover { background-color:#fcfce1 }
ul#tour-nav li.li6 a.selected { background-color:#fcfce1 }
ul#tour-nav li.li7 a { background:url(images/ico-sml-microsite.png) no-repeat 13px 14px #fff; }
ul#tour-nav li.li7 a:hover { background-color:#f1f5e8 }
ul#tour-nav li.li7 a.selected { background-color:#f1f5e8 }
ul#tour-nav li a { display:block; padding-left:50px; text-decoration:none}
ul#tour-nav li.li-abt-team a { background:url(images/about-team-bullet.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li-abt-team a:hover { background-color: #e7eff0}
ul#tour-nav li.li-abt-team a.selected { background-color: #e7eff0}
ul#tour-nav li a { display:block; padding-left:50px; text-decoration:none}
ul#tour-nav li.li-abt-press a { background:url(images/about-press-bullet.gif) no-repeat 12px 12px #fff; }
ul#tour-nav li.li-abt-press a:hover { background-color: #e7eff0}
ul#tour-nav li.li-abt-press a.selected { background-color: #e7eff0}
ul#tour-nav li.li-int-overview a { background:url(images/integrate/integrations-sm.png) no-repeat 15px 14px #fff; }
ul#tour-nav li.li-int-ggl a { background:url(images/integrate/g-sm.png) no-repeat 15px 15px #fff; }
ul#tour-nav li.li-int-wp a { background:url(images/integrate/wp-sm.png) no-repeat 15px 14px #fff; }
ul#tour-nav li.li-int-joomla a { background:url(images/integrate/joomla-sm.png) no-repeat 15px 15px #fff; }
ul#tour-nav li.li-int-drupal a { background:url(images/integrate/drupal-sm.png) no-repeat 15px 14px #fff; }
ul#tour-nav li.li-int-chrome a { background:url(images/integrate/chrome-sm.png) no-repeat 15px 14px #fff; }
ul#tour-nav li.li-int-fb a { background:url(images/integrate/fb-sm.png) no-repeat 15px 15px #fff; }
ul#tour-nav li.li-int-st a { background:url(images/integrate/stripe-sm.png) no-repeat 12px 15px #fff; }
ul#tour-nav li.li-int-wix a { background:url(images/integrate/wix-sm.png) no-repeat 15px 16px #fff; }
ul#tour-nav li a:hover { background-color: #e7eff0 }
ul#tour-nav li a.selected { background-color: #e7eff0 }
.tour-content { padding-top:15px; }
.tour-content p { font-size:15px; line-height:20px; font-family: 'Open Sans', sans-serif}
.tour-content h3 { font-size:16px; font-weight:bold}
.tour-content .tour-content-row { padding-bottom:30px;}
.tour-content .tour-content-row .tcr-300 { float:left; width:280px; padding-right:20px;}
.tour-content .tour-content-row .tcr-300-r { float:left; width:280px; padding-left:20px;}
.tour-content .tour-content-row .tcr-425 { float:left; width:420px;}
.tour-content .tour-content-row .tcr-425-r { float:left; width:420px; text-align:right}
.groups-tour-content { padding-top:15px; }
.groups-tour-content .tour-content-row .tcr-480 { float:left; width:480px; padding-right:20px;}
.groups-tour-content .tour-content-row .tcr-480-r { float:left; width:480px; padding-left:20px;}
.groups-tour-content .tour-content-row .tcr-425 { float:left; width:420px;}
.groups-tour-content .tour-content-row .tcr-425-r { float:left; width:420px; text-align:right}
.integration-overview-items-cont {}
.integration-overview-items-cont .integration-item { border:1px solid #e1e1e1; }
.integration-overview-items-cont .integration-item .int-item-leftimg { float:left; width:200px; }
.integration-overview-items-cont .integration-item .int-item-leftimg img{ display:block }
.integration-overview-items-cont .integration-item .int-item-main { margin-left:200px; padding-left:4%; padding-right:4%; font-size:14px; }
.integration-overview-items-cont .integration-item .int-item-main h3 { font-size:18px; font-weight:bold; margin:0px; margin-top:10px;}
.integration-overview-items-cont .integration-item .int-item-main p.int-item-content { margin:0px; padding:0px; margin-top:10px; margin-bottom:10px;}
.integration-overview-items-cont .integration-item .int-item-main .int-item-link a { font-style:normal !important;}
#support-heading { background:url(images/s_tour-grey-bg.gif) repeat-x; height:169px; width:100%; z-index:0; border-bottom:1px solid #b7b7b7; }
#support-heading #search-cont { text-align:center; padding-top:50px; }
#support-heading #search-cont .search-title-cont { width:511px; margin-left:auto; margin-right:auto; padding-bottom:7px;}
#support-heading #search-cont h4 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#555555; text-align:left}
#support-heading #search-cont #support-search-tb-outer {
border:1px solid #77787b; max-width:511px;width:88%; margin-left:auto; margin-right:auto;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
height:50px;
background:#FFFFFF;
text-align:left;
padding:0 1%;
position:relative
}
#support-heading #search-cont #support-search-tb-outer input[type='text']{
height:47px;
border:0px;
width:420px;
text-align:left;
font-size:15px;
color:#959595;
padding-left:1.875%;
float:left;
background:none
}
#support-heading #search-cont #support-search-tb-outer input[type='image']{
float:right;
position:absolute;
right:5px;
top:4px;
}
#support-container {}
#support-left { float:left; width:70.83333333333333%; margin-right:2.083333333333333%; min-height:400px;}
#support-left h1 { padding:20px 0 10px 0; font-family: 'Open Sans', sans-serif; font-size:19px; margin:0; }
#support-container #support-left .faq-container{ float:left; width:100%; margin-right:20px; border-top:1px solid #b7b7b7; }
#support-container #support-left .faq-container .faq-item { border-bottom:1px solid #b7b7b7; }
#support-container #support-left .faq-container .faq-closed { min-height:35px;height:auto; background:#fff;}
#support-container #support-left .faq-container .faq-open { min-height:35px; background:#fef9e7}
#support-container #support-left .faq-container .faq-item .faq-content { display:none; padding:5px 0 10px 32px;}
#support-container #support-left .faq-container .faq-item h4 { margin:0 0 0 12px; padding-left:20px; line-height:35px;}
#support-container #support-left .faq-container .faq-open h4 { background: url(help-faq-item-open-bul.gif) no-repeat 0px 14px; font-weight:bold; }
#support-container #support-left .faq-container .faq-closed h4{ background: url(help-faq-item-closed-bul.gif) no-repeat 0px 14px; font-weight:normal; }
#support-container #support-left .faq-container .faq-item h4 a { text-decoration:none; color:#000000; font-style:normal}
#support-right { float:left; width:27.08333333333333%;margin-top:20px; }
#support-right h3 { padding:0 0 10px 10px; font-family: 'Open Sans', sans-serif; font-size:19px; font-weight:normal; margin:0;}
#support-right ul { list-style:none; margin:0; padding:0; }
#support-right ul li{ line-height:18px; padding-left:10px; padding-bottom:8px; }
#support-right ul li.hover{ background: url(help-faq-item-closed-bul.gif) no-repeat 0px 7px; }
#support-right ul li.on{ background: url(help-faq-item-closed-bul.gif) no-repeat 0px 7px; }
#support-right ul li a { color:#000000; font-style:normal}
#support-container {}
#support-container #support-container-inner { text-align:left; max-width:960px; width:98%; padding:0 1%; position:relative; margin-left:auto; margin-right:auto;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color:black;
font-weight:normal;
background:none;
border-top:1px solid #b7b7b7;
border-bottom:none;
border-left:none;
border-right:none;
}
.ui-widget {
border-bottom:1px solid #b7b7b7;
}
h3.ui-state-active {
font-weight:bold;
background: #fef9e7;
}
.ui-accordion .ui-accordion-content {
background: #fef9e7;
padding: 0 22px 10px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
border-bottom-left-radius: 0;
}
.ui-accordion .ui-accordion-content {
border: 0 none;
}
.ui-state-default .ui-icon {
background-image: url("images/help-faq-item-closed-bul.gif");
}
.ui-state-active .ui-icon {
background-image: url("images/help-faq-item-open-bul.gif");
}
.ui-widget-content {
background: none;
}
.ui-icon-triangle-1-e {
background-position: 0 0;
}
.ui-icon-triangle-1-s {
background-position: 0 0;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
margin-top: -3px;
}
.general-content {}
.general-content .general-content-inner { text-align:left; max-width:960px; width:98%; padding:0 1%; margin-left:auto; margin-right:auto; position:relative}
.faq-labels, .faq-cat-title, h2#faq-top {
display:none;
}
/* pricing plan */
.center-inside { text-align:center }
.pricing-plan-main { position:relative }
.pricing-plan-main-right { float:left; width:345px; margin-left:20px; text-align:left; padding-top:10px;}
.pricing-plan-main-right .plans_incl_cont {
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
background:#f9f3cd;
padding:10px 10px 15px 10px;
margin-bottom:5px;
}
ul.plans_incl { padding:0px; margin:0px; list-style:none; font-family: 'Open Sans', sans-serif; }
ul.plans_incl li{ padding-left:22px; background:url(s_pricing-bullet-yell.png) no-repeat; font-size:14px; padding-bottom:8px;}
ul.plans_incl-spacing { padding:0px; margin:0px; list-style:none; font-family: 'Open Sans', sans-serif; }
ul.plans_incl-spacing li{ padding-left:22px; background:url(s_pricing-bullet-yell.png) no-repeat 0px 2px; font-size:14px; padding-bottom:12px; line-height:20px;}
.pricing-plan-main-right .plans_incl_cont h4 { font-size:16px; font-weight:bold; padding:0px; margin:0px; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}
.pricing-plan-main-left { float:left; }
#priceplan-cont { padding:10px 0px;}
#priceplan-cont .pp-area { background: url(s_pricing_area_bg.gif) repeat-x #ebebeb; float:left;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
margin-right:10px;
padding:10px 0px;
}
#priceplan-cont .pp-area-blank { float:left; background: url(s_pricing_area_bg-menu.gif) repeat-x; }
/*#priceplan-cont .pp-area .ppa-bgline-top,
#priceplan-cont .pp-area-blank .ppa-bgline-top{
background:url(20pc-opaque.png) repeat; height:30px; line-height:30px; position:relative; top:120px;
}*/
#priceplan-cont .pp-area .ppa-bgline,
#priceplan-cont .pp-area-blank .ppa-bgline{
background:url(20pc-opaque.png) repeat; height:30px; line-height:30px; position:relative; top:-10px;
}
#priceplan-cont .pp-item { float:left; width:135px; z-index:3; padding-left:5px; padding-right:5px;}
#priceplan-cont .ppi-vline { background:url(pricing-vline-dotted.gif) repeat-y 0px 0px; }
#priceplan-cont .pp-item-left { float:left; width:113px; padding:0px 10px; min-height:280px; }
.pp-item .ppi-top { height:110px; font-family: 'Open Sans', sans-serif; }
.pp-item-left .ppi-top{ height:120px; font-family: 'Open Sans', sans-serif; }
.pp-item .ppi-top .ppit-title,
.pp-item-left .ppi-top .ppit-title{ color:#898989; font-size:15px; font-weight:bold;}
.pp-item .ppi-top .ppit-price,
.pp-item-left .ppi-top .ppit-price{ font-size:35px; font-weight:bold;}
.pp-item .ppi-top .ppit-mnth { font-size:9px; position:absolute; text-align:right; width:122px; top:60px;}
.pp-item .ppi-top .ppit-mnth-close { font-size:10px; position:absolute; text-align:right; width:107px; top:58px;}
.pp-item .ppi-top .ppit-paygo { font-size:20px; line-height:20px; font-weight:bold; padding-top:17px; }
.pp-item .ppi-top .ppit-price-free{ font-size:25px; font-weight:bold; padding-top:12px; }
.pp-item .ppi-top .ppit-price .ppit-price-cents,
.pp-item-left .ppi-top .ppit-price .ppit-price-cents { font-size:15px;position:relative; top:-15px;}
.pp-item .ppi-row { height:31px; line-height:31px; font-weight:bold }
.pp-item-left .ppi-row { height:31px; line-height:31px; text-align:right; font-weight:bold; }
.pp-item .ppi-top .ppit-select { position:relative; top:18px; z-index:3 }
.yellow-highlight {
opacity:0.7;
filter: alpha(opacity=70);
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
height:300px;
width: 157px;
position:absolute;
z-index:0
}
/*#y1 {top:95px; left:131px;}
#y2 {top:95px; left:277px;}
#y3 {top:95px; left:422px;}
#y4 {top:95px; left:567px;}
#y5 {top:95px; left:713px;}
#y6 {top:95px; left:867px;}*/
#y1 {top:3px; left:127px;}
#y2 {top:3px; left:272px;}
#y3 {top:3px; left:417px;}
#y4 {top:3px; left:567px;}
#y5 {top:3px; left:713px;}
#y6 {top:3px; left:867px;}
/*.choose_plan_gry { background:url(s_choose_plan_gry-blank.png) no-repeat; height:32px; width:105px; margin-left:14px;}
.choose_plan_grn-half { background:url(s_choose_plan_grn-half-blank.png) no-repeat; height:32px; width:105px; margin-left:14px;}
.choose_plan_grn { background:url(s_choose_plan_grn-blank.png) no-repeat; height:32px; width:105px; margin-left:14px;}
*/
.choose_plan_gry { background:url(s_choose_plan_sprite-blank.png) no-repeat 0px 0px; height:32px; width:108px; margin-left:13px;}
.choose_plan_grn-half { background:url(s_choose_plan_sprite-blank.png) no-repeat 0px -32px; height:32px; width:108px; margin-left:13px;}
.choose_plan_grn { background:url(s_choose_plan_sprite-blank.png) no-repeat 0px -64px; height:32px; width:108px; margin-left:13px;}
.ppit-select a { color:#fbfbfb; font-family: 'Open Sans', sans-serif; text-decoration:none; font-size:13px; font-weight:bold; height:32px; display:block; line-height:28px;}
.choose_plan_grn a { color:#ffffff !important; }
.pricing-info-cont { }
.pricing-col { float:left; width:295px; padding-right:25px; text-align:left; }
.pricing-col p { font-size:13px; line-height:22px; }
.pricing-col h3 { font-family: 'Open Sans', sans-serif; font-size:18px; }
.pricing-info-cont .no-pad { padding-right:0px;}
.pricing-security-cont { background:#f5f5f5; border-top:1px solid; border-bottom:1px solid; padding:10px 0px; text-align:left; margin:20px 0px;}
.pricing-security-cont .pricing-sec-left { float:left; width:122px;}
.pricing-security-cont .pricing-sec-left img { padding-left:20px; }
.pricing-security-cont h3 { font-family: 'Open Sans', sans-serif; font-size:18px; margin-top:0px; padding-top:0px;}
.pricing-security-cont p { font-size:13px; line-height:22px; }
.pricing-security-cont .pricing-sec-right { float:left; width:800px; }
.pricing-hline { background: url(s_billing_hline_bg.gif) repeat-x; height:3px; margin-top:30px; margin-bottom:32px; }
.pricing-more-faqs { text-align:left}
.pricing-more-faqs h4 { font-family: 'Open Sans', sans-serif; font-size:13px; margin:0px; padding-bottom:5px; padding-top:15px;}
.the-small-print { text-align:right; padding-right:10px; font-size:11px; padding-top:10px; margin:0px; padding-left:0px;}
.the-small-print-left { text-align:left; padding-top:50px;}
.free_plan_align_left { text-align:left; font-size:11px; color:#404040; padding:15px 0px 10px 135px; width: 450px;}
.free_plan_align_left a{ }
#careers-container { min-height:300px;}
#careers-container .careers-item { border-top:1px solid #898989; padding-top:20px; margin-bottom:20px;}
#careers-container h2{ font-size:18px; margin:0px;}
#careers-container h5{ font-size:14px; font-weight:bold; margin:0px; padding-bottom:6px;padding-top:16px;}
.team-item { border-top:1px solid #898989; padding-top:20px; margin-bottom:20px;}
.team-item .team-item-left { float:left; width:188px;}
.team-item .team-item-left .team-img-cont { background:url(images/about-team-img-bg.gif) no-repeat; padding-top:8px; padding-left:8px; }
.team-item .team-item-right { float:left; width:510px;}
.team-item .team-item-right .team-item-name h2 { font-size:16px; font-weight:bold; margin:0px; padding:0px;}
.team-item .team-item-right .team-item-title h3 { font-size:14px; font-weight:bold; color:#2f6b73; margin:0px; padding:0px; }
.team-item .team-item-right .team-item-content { font-size:14px; }
#tour-container .tour-left{ float:left; width:240px; }
#tour-container .tour-right{ float:left; width:720px; padding-left:250px;}
#tour-container .tour-right h1 { font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:normal }
#tour-container .tour-right p.ubuntu{ color:#555555; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal }
.tour-right ul { list-style:none; padding:0px; margin:0px; padding-left:10px; line-height:22px;}
.tour-right ul li{ background:url(images/s_content-bullet.png) no-repeat 0px 7px; padding-left:15px; }
#tour-container .tour-right #tour-manage-clients-l { background:url(s_tour_img_mngcli.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-manage-clients-r { float:left; width:463px; padding-top:10px;}
#tour-container .tour-right #tour-manage-clients-r h1 { color:#d95014 }
#tour-container .tour-right #tour-create-appointments-l { background:url(s_tour_img_creappoints2.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-create-appointments-r { float:left; width:463px; padding-top:30px;}
#tour-container .tour-right #tour-create-appointments-r h1 { color:#185f67 }
#tour-container .tour-right #tour-manage-comms-l { background:url(s_tour_img_comms.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-manage-comms-r { float:left; width:463px; padding-top:30px;}
#tour-container .tour-right #tour-manage-comms-r h1 { color:#e69e00 }
#tour-container .tour-right #tour-bookings-l { background:url(s_tour_img_booking.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-bookings-r { float:left; width:463px; padding-top:30px;}
#tour-container .tour-right #tour-bookings-r h1 { color:#77a020 }
#tour-container .tour-right #tour-trends-l { background:url(s_tour_img_trends.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-trends-r { float:left; width:463px; padding-top:30px;}
#tour-container .tour-right #tour-trends-r h1 { color:#8a50a0 }
#tour-container .tour-right #tour-sec-l { background:url(s_tour_img_security.gif) no-repeat; width:257px; height:230px; margin-top:4px; float:left; }
#tour-container .tour-right #tour-sec-r { float:left; width:463px; padding-top:30px;}
#tour-container .tour-right #tour-sec-r h1 { color:#f3c811 }
.section-container-start {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid;
border-bottom-color: #f3c811;
width:1px;
height:10px;
left:60px;
position:absolute;
top:-20px;
}
.section-container { background:#f3c811; /* f3c811*/
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
padding:15px 1.5625%;
width:600px;
float:left;
position:relative;
margin-bottom:60px;
}
.margin-bottom-small {margin-bottom:20px !important; }
.section-container .details-frm-left { float:left; width:300px;}
.section-container .details-frm-right { float:right; width:300px;}
.create-account {text-align:left; width:960px; position:relative; margin-left:auto; margin-right:auto }
.create-account h2.frmtitle { margin:0; color:#555555; font-weight:normal; padding-top:20px; padding-bottom:15px;}
.account-note { float:left; color:#707070; font-weight:bold; font-size:12px; padding-left:20px; margin-left:7px;}
.account-note-vat { float:left; color:#707070; font-weight:bold; font-size:12px; padding-left:20px; margin-left:7px; width:340px; line-height:18px;}
.account-note2 { float:left; color:#707070; font-weight:bold; font-size:12px; padding-left:10px; margin-left:7px;}
.sm-lock { position:relative; top:2px;}
.acct-info-cont#password-info { float:left; padding-bottom:20px; padding-left:5px; position:relative; padding-top:400px;}
.acct-info-cont { float:left;padding-bottom:20px; padding-left:5px}
.acct-info-cont .start-doofer { float:left; background:url(images/acct-info-box-start.gif) no-repeat; width:15px; height:29px; margin-top:15px;}
.acct-info-cont .info-content { float:left; background:#ebebeb; padding:15px 20px 10px 20px; min-height:50px; width:190px; color:#464646; font-size:12px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
}
.acct-info-cont .info-content p.bold { font-weight:bold;}
.acct-info-cont .info-content p.light { font-weight:normal; font-size:11px;}
.acct-info-cont h4.infobox { color:#009933; font-size:18px; padding:0; margin:0;}
/* card types on create/acct page */
.card-type-cont {}
.card-type-cont .card-type-item { float:left; text-align:center; padding-right:10px;}
.card-type-cont .card-type-item .cti-top{ }
.card-type-cont .card-type-item .cti-bot{ padding-top:7px; }
/**** this is for custom style on selectboxes - This is seperate from the sexy-combo dropdown ****/
.dm-simple-select-start { width:7px; line-height:31px; height:31px; background:url(simple-selectbox-start-yellbg.gif) no-repeat; float:left; margin-top:5px;}
select.dm-simple { line-height:31px; height:31px;}
.mar-left-5px { margin-left:5px;}
.mar-left-10px { margin-left:10px;}
.p-ts-usersel { width:267px;}
.customStyleSelectBox {
/* Styles For Your Select Box */
background:url(simple-selectbox-bkgnd.gif) repeat-x; height:31px;
line-height:31px;
}
.customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}
/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
margin:0px;
padding:0px;
line-height:31px;
height:31px;
font-weight:bold;
font-size:13px;
background:url(simple-selectbox-right-yellbg.gif) no-repeat 100% 0px;
}
#vat-container, #VIES-company-info { display:none }
#password-info { display:none }
.dm-inputline { padding-top:4px;padding-bottom:15px; line-height:40px; width:600px;}
.dm-inputline-nopad { padding-top:0px;padding-bottom:0px; line-height:40px;}
.dm-textinput-start { background:url(images/s_textinput-start.gif) no-repeat; width:6px; height:40px; float:left; position:relative; left:3px;}
.dm-textinput-end { background:url(images/s_textinput-end.gif) no-repeat; width:4px; height:40px; float:left; position:relative; left:-3px;}
input.dm-textinput { background:url(images/s_textinput-bg.gif) repeat-x; border:0; height:40px; float:left; font-size:18px; padding:0px 5px; outline: none;}
input.dm-textinputon { background:url(images/s_textinput-bgon.gif) repeat-x; border:0; height:40px; float:left; font-size:18px; padding:0px 5px; outline: none;}
input.w-normal { width:200px; }
input.w-normal2 { width:260px; }
input.w-contactfrm-inputs { width:330px; }
input.w-normal-url { width:360px; }
input.w-cvv { width:50px; }
.frm-error { color:#FF0000; font-weight:bold; padding-left:8px; padding-top:3px;padding-bottom:0px; }
.frm-error-15 { color:#FF0000; font-weight:bold; padding-left:8px; padding-top:3px;padding-bottom:0px; font-size:15px;}
textarea.txtarea-accountfrm { width:264px; height:83px; background:url(site_frm_txtarea_bg.gif) no-repeat; border:0px; margin-left:4px; padding:4px 4px 4px 4px; overflow:hidden; resize: none}
select.accountfrm { width:265px; }
select.accountfrm-tz { width:465px; }
select.accountexp-m { width:150px; }
select.accountexp-y { width:100px; }
#homepage-reduce { padding-bottom:50px;}
#homepage-reduce h2 { font-size:30px; margin:0px; padding-top:10px; font-weight:normal;}
#homepage-reduce p.reduce-p { font-size:14px; font-weight:400}
#homepage-reduce-left { float:left; width:222px; margin-left:4.166666666666667%; }
#homepage-reduce-right { float:left; width:36.45833333333333%; padding-left:20.83333333333333%}
#homepage-graph-outer { position:relative; height:224px;}
#homepage-graph-outer .graph-line { border-top:1px #e1e1e1 solid; width:210px; height:67px; font-size:9px; color:#b1b1b1}
#homepage-graph-outer .average-noshow-bar {background:#a8a8a8; width:80px; height:204px; position:absolute; bottom:20px; left:30px; text-align:center; font-size:25px; color:#d4d4d4 }
#homepage-graph-outer .ys-cancel-bar {background:#e5b000; width:80px; height:47px; position:absolute; bottom:20px; left:130px; text-align:center; font-size:25px; color:#f2d880; }
#homepage-graph-outer .ys-noshow-bar { background:#a8a8a8; width:80px; height:10px; position:absolute; bottom:67px; left:130px; text-align:center; font-size:25px; color:#d4d4d4; }
#homepage-graph-outer .pt1pc5-noshow-label { background:#898989; color:#FFFFFF; position:absolute; bottom:45px; right:-110px; font-size:12px; width:86px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
padding:10px;
}
#homepage-graph-outer .pt1pc5-noshow-label .pt25-label { font-size:25px; }
#homepage-graph-outer .pt1pc5-noshow-label .noshow-label-arr { background:url(images/1pt5pc-left-arr.png) no-repeat; width:10px; height:20px; position:absolute; left:-10px; top:35px; }
#homepage-graph-outer .average-noshow-bar-title { position:absolute; bottom:0px; left:30px; width:80px; text-align:center}
#homepage-graph-outer .ys-noshow-bar-title { position:absolute; bottom:0px; left:123px; width:100px; text-align:center; }
#homepage-graph-outer .legend-cont { position:absolute; top:0px; right:-125px; font-size:12px; line-height:20px;}
#homepage-graph-outer .legend-cont .legend-item {
float:left;
height:28px;
}
#homepage-graph-outer .legend-cont .legend-grey-bullet {
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
background:#959595;
width: 20px;
height: 20px;
float:left;
margin-right:5px;
}
#homepage-graph-outer .legend-cont .legend-yellow-bullet {
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
background:#e5b000;
width: 20px;
height: 20px;
float:left;
margin-right:5px;
}
#homepage-reminders { padding-bottom:50px;}
#homepage-reminders h2 { font-size:30px; margin:0px; padding-top:10px; font-weight:normal}
#homepage-reminders p.reminders-p { font-size:14px; font-weight:400}
#homepage-reminders #homepage-reminders-left { float:left; width:45.875%; padding-right:10.41666666666667%; padding-top:60px; }
#homepage-reminders #homepage-reminders-right { float:left; width:350px }
#homepage-reminders #homepage-reminders-right #iphone-outer { position:relative; background:url(images/homepage-iphone2.png) no-repeat; width:244px; height:441px; }
#homepage-reminders #homepage-reminders-right #iphone-outer #msg-from-user { position:absolute; background:url(images/homepage-iphone-msg-to-bg4.png) no-repeat; left:27px; top:140px; font-size:10px; font-weight:300; width:160px; height:62px; line-height:12px; padding:7px 5px 0px 10px; }
#homepage-reminders #homepage-reminders-right #iphone-outer #msg-from-client { position:absolute; background:url(images/homepage-iphone-msg-from-bg5.png) no-repeat; right:8px; top:207px; font-size:10px; font-weight:300; width:42px; height:27px; line-height:11px; padding:7px 10px 0px 13px; }
#homepage-reminders #homepage-reminders-right #iphone-outer #phone-input { position:absolute; bottom:80px; left:50px; width:123px;}
#homepage-reminders #homepage-reminders-right #iphone-outer #phone-input input{ width:123px; background:none; border:0px solid; font-size:11px; font-weight:bold}
#homepage-reminders #homepage-reminders-right #iphone-outer #realtime-confirm-overlay { background:url(images/realtime-confirm.png) no-repeat; width:258px; height:259px; position:absolute; bottom:10px; left:-120px;}
#homepage-reminders #homepage-reminders-right #iphone-outer #realtime-confirm-greendot { background:url(images/realtime-confirm-grndot.png) no-repeat; width:35px; height:18px; position:absolute; top:65px; right:50px;}
/*#homepage-reminders #homepage-reminders-right #iphone-outer #realtime-confirm-label { background:#76ba51; position:absolute; top:95px; right:-25px; padding:8px 5px 5px 8px; color:#FFFFFF; font-size:14px; font-weight:600;
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity *
background-color: rgba(105, 185, 76, .9);
/* For IE 5.5 - 7*
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
#homepage-reminders #homepage-reminders-right #iphone-outer #realtime-confirm-label #realtime-confirm-accent {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid;
border-bottom-color: rgba(105, 185, 76);
border-bottom-color: rgba(105, 185, 76, .9);
position:absolute;
top:-10px;
left:10px;
}
*/
#homepage-reminders #homepage-reminders-right #iphone-outer #realtime-confirm-arrow { background:url(images/rtc-arrow.png) no-repeat; width:182px; height:117px; position:absolute; top:73px; right:-70px;}
#homepage-payments { padding-bottom:50px;}
#homepage-payments h2 { font-size:30px; margin:0px; padding-top:10px; font-weight:normal; margin-bottom:10px;}
#homepage-payments p { font-size:14px; font-weight:400 }
#homepage-payments #homepage-payments-left { float:left; width:42%; padding-left:20px; padding-top:6px;}
#homepage-payments #homepage-payments-right { float:left; width:42%; padding-left:5%;}
#homepage-mobile { padding-bottom:50px; }
#homepage-mobile h2 { font-size:30px; margin:0px; padding-top:10px; font-weight:normal}
#homepage-mobile h3 { font-size:30px; margin:0px; padding-top:10px; font-weight:normal; margin-bottom:10px;}
#homepage-mobile p { font-size:14px; font-weight:400 }
#homepage-mobile #homepage-mobile-left { float:left; width:49.2%; padding-top:45px;}
#homepage-mobile #homepage-mobile-right { float:right; padding-right:8%;}
#homepage-mobile #homepage-mobile-get { padding-bottom:30px; padding-top:20px;}
#homepage-mobile #homepage-mobile-get .mobile-get-item { float:left; padding-right:10px; padding-bottom:10px;}
#homepage-mobile #homepage-mobile-get .mobile-get-item a#get-apple { background:url(images/store-apple.png) no-repeat; width:120px; height:38px; display:block;}
#homepage-mobile #homepage-mobile-get .mobile-get-item a#get-google { background:url(images/store-google.png) no-repeat; width:120px; height:38px; display:block;}
#homepage-mobile #homepage-mobile-get .mobile-get-item a#get-microsoft { background:url(images/store-windows.png) no-repeat; width:120px; height:38px; display:block;}
#homepage-mobile #homepage-mobile-get .mobile-get-item-last { padding-right:0px !important;}
#homepage-green-signup-bar { height:120px; background:#3cb878; line-height:120px; }
#homepage-green-signup-bar a#signup-bar-butt { color:#FFFFFF; border:1px solid #FFFFFF;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
font-style:normal;
text-decoration:none;
font-size:18px;
padding:20px 30px;
}
#homepage-green-signup-bar a#signup-bar-butt:hover { }
#pricing-plan2015-cont { text-align:center; margin-top:35px; font-size:13px; }
#pricing-plan2015-cont #p-standard-plans {
width:65%;
/*width:74%;*/
float:left;
}
#pricing-plan2015-cont #p-enterprise-plans {
width:33%;
/*width:24%;*/
float:right;
}
.plan-top-title {
height:38px; font-size:16px; font-weight:bold;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
display:table;
width:100%;
}
#p-standard-plans .plan-top-title { background:#e4e4e5; color:#77787b }
#p-enterprise-plans .plan-top-title { background:#8c519c; color:#fff; }
.plan-top-title .plan-top-title-inner { display:table-cell; vertical-align:middle; line-height:16px; }
#pricing-plan2015-cont .plan-category {
min-height:100px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #e0e5e9;
}
#p-standard-plans .standard-plan-cont {}
#p-standard-plans .standard-plan-cont .plan-common { float:left; width:42%; color:#77787b; text-align:left; padding:0% 3.9%; margin-top:20px; padding-bottom:20px; }
/*#p-standard-plans .standard-plan-cont .plan-common { float:left; width:29%; color:#77787b; text-align:left; padding:0% 2.0%; margin-top:20px; padding-bottom:20px; }*/
#p-standard-plans .standard-plan-cont #pteam,
#p-standard-plans .standard-plan-cont #ppro { border-left:1px solid #e0e5e9;}
#p-enterprise-plans .enterprise-plan-cont {}
#p-enterprise-plans .enterprise-plan-cont .plan-common { float:left; color:#77787b; text-align:left; padding:0% 6%; padding-top:20px; padding-bottom:20px; background:#fcf6fd;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.plan-common h2 { color:#000; margin:0px; padding:0px; font-size:40px; line-height:30px; height:40px; font-weight:normal }
.plan-common p.plan-desc { min-height:60px; margin-bottom:0px }
.plan-common .pricing-user-box { min-height:118px; }
.plan-common .starts-from { font-size:20px; color:#77787b; height:20px; line-height:20px; font-weight:normal; padding-bottom:5px;}
.plan-common .plan-price-main { font-size:80px; height:70px; line-height:70px; color:#000000; font-weight:bold;}
.plan-common .plan-price-main .pcurrency { font-size:30px; line-height:25px; height:25px; display:block; float:left; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:65px; display:block; float:left; font-weight:bold;}
.plan-common .plan-price-main .pafter { position:relative; font-size:45px; line-height:45px; height:45px; margin-bottom:0px; display:block; float:left; font-weight:bold;}
.plan-common .plan-price-main .pmo { position:absolute; font-size:20px; color:#77787b; height:20px; line-height:20px; display:block; bottom:5px; font-weight:normal}
.plan-common .plan-price-main .pmo1 { left:10px; bottom:-18px;} /* left:72px; */
.plan-common .plan-price-main .pmo2 { left:10px; bottom:-18px;}/* left:108px; */
.plan-common .plan-price-main .pmo_e { left:10px; bottom:-18px;} /* left:138px; */
.plan-common select.pricing-user-dropdown { border:1px solid #23a975; width:100%; font-size:20px;}
.plan-common .plan-top-cont { min-height:220px;}
.signup-butt-row { padding-top:20px; }
.signup-butt-cont { display: table;
width:100%;
}
a.signup-butt { height:56px; color:#fff; font-size:18px; text-decoration:none; font-style:normal !important; display: table-cell;
vertical-align: middle; width:100%; text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-weight:bold;
}
a.green-signup-butt { background:url(images/green-pricing-butt-bg-1x56.png) repeat; }
a.green-signup-butt:hover { background:url(images/green-pricing-butt-bg-1x56.png) repeat 0px 56px;}
a.green-signup-butt:active { background:url(images/green-pricing-butt-bg-1x56.png) repeat 0px 112px; }
a.purple-signup-butt { background:url(images/purple-pricing-butt-bg-1x56.png) repeat; }
a.purple-signup-butt:hover { background:url(images/purple-pricing-butt-bg-1x56.png) repeat 0px 56px;}
a.purple-signup-butt:active { background:url(images/purple-pricing-butt-bg-1x56.png) repeat 0px 112px; }
a.white-signup-butt { background:#FFFFFF; color:#20c08a; }
a.white-signup-butt:hover { background:#eefff0; }
a.white-signup-butt:active { background:#FFFFFF; }
.signup-butt-features { padding:0px 20px;}
a.signup-butt-features { font-size:16px !important; } /* slightly smaller text size for the features */
.signup-butt-cont2 { display: table;
width:250px;
padding-top:13px;
}
/* homepage signup butt */
a.signup-butt2 { height:60px; color:#fff; font-size:17px; text-decoration:none; font-style:normal !important; display: table-cell;
vertical-align: middle; width:100%; text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-weight:bold;
}
a.signup-butt2 .but-inner-top2 { height:30px; line-height:30px; }
a.signup-butt2 .but-inner-bot2 { height:18px; line-height:18px; font-size:12px; font-weight:normal; }
a.green-signup-butt2 { background:url(images/green-pricing-butt-bg-1x73.png) repeat; border:1px solid #168f61}
a.green-signup-butt2:hover { background:url(images/green-pricing-butt-bg-1x73.png) repeat 0px 73px; color:#e4e4e4; text-decoration:none}
a.green-signup-butt2:hover .the-free-bit { color:#fff;}
a.green-signup-butt2:active { background:url(images/green-pricing-butt-bg-1x73.png) repeat 0px 146px; }
.plan-common .pusers { padding-top:15px; font-size:20px;}
.plan-common .pusers-static { padding-top:17px; font-size:20px;}
.whats-incl { font-size:14px; font-weight:bold; color:#000000; padding-top:20px; padding-bottom:10px; }
ul.pricing-bul { }
ul.pricing-bul li { background:url(images/green-bullet-tick.png) no-repeat 0 15px; padding-left:16px; border-bottom:1px solid #e0e5e9; height:40px;
display:table; width:calc(100% - 16px);
zline-height:40px;}
ul.pricing-bul li .pb-li-inner { display:table-cell; vertical-align:middle; line-height:16px; }
ul.pricing-bul li:first-of-type { border-top:1px solid #e0e5e9;}
.pusers-selbox-cont { }
/* capterra review */
.capterra-review-box { }
.capterra-review-box .capterra-review-box-inner { max-width:960px; width:98%; margin-left:auto; margin-right:auto; text-align:left; padding: 0 1% 20px; padding-top:50px; padding-bottom:40px; position:relative}
/*.capterra-review-box .capterra-review-box-inner .capterra-left{ float:left; padding-left:90px; }*/
.capterra-review-box .capterra-review-box-inner .capterra-left{ padding-left:90px; }
/*.capterra-review-box .capterra-review-box-inner .capterra-right{ float:right; padding-right:90px; margin-top:20px;}*/
.capterra-review-box .capterra-review-box-inner .capterra-right{ position:absolute; right:90px; top:70px; }
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-date { color: #127cc0; font-size:11px; }
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-title { margin-bottom:10px;}
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-stars { font-size:14px; float:left;}
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-stars-dotted-rightborder { border-right:#d9dee4 1px dotted; margin-right:20px; padding-right:20px; }
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-stars .cap-rating{ padding-left:5px; color: #919191;}
.capterra-review-box .capterra-review-box-inner .capterra-left .capterra-stars .cap-section-title { font-weight:600; color:#444444; font-size:13px;margin-top:3px; padding-left:1px;}
.capterra-review-box .capterra-review-box-inner q {
quotes: "‘" "’" "“" "â€";
font-style:italic;
font-size:21px;
font-weight: bold;
}
.capterra-review-box .capterra-review-box-inner .capterra-more { margin-top:14px; padding-left:1px; padding-left:90px; }
.capterra-review-box .capterra-review-box-inner .capterra-more a { font-style:normal !important; color:#00c18f; font-size:14px; }
.capterra-review-box .capterra-review-box-inner .capterra-quote-source { background:url(blog/wp-content/themes/dm/images/capterra-source-icon.gif) 10px 18px no-repeat #eaedef; padding-left:30px; line-height:46px; margin-top:25px; }
.capterra-review-item { display:none; }
#capterra-review1 { display:block; }
/* for pricing popup */
.cd-popup {
/* position: fixed;*/
position: absolute;
left: 0;
top: 0;
height: 3100px;
z-index:1000;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 90%;
max-width: 320px;
margin: 4em auto;
background: #FFF;
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.request-pop-outer { position:relative; }
.request-pop-outer a.request-pop-close { background:url(images/request-pop-close-sprite.png) 0px 0px no-repeat; width:20px; height:20px; display:block; position:absolute; right:10px; top:10px; color:#000000; text-decoration:none }
.request-pop-outer a.request-pop-close:hover { background:url(images/request-pop-close-sprite.png) 0px -20px; }
.request-pop-outer h3{ font-size:30px; font-weight:normal; margin:0px; padding:0px; padding-top:20px; padding-bottom:7px; }
.request-pop-outer p { font-size:15px; color:#959595; margin:0px; padding-bottom:22px; }
.request-pop-outer .request-pop-form {}
.request-pop-outer .request-pop-form .request-pop-row { padding-bottom:6px;}
.request-pop-outer .request-pop-form .request-pop-row input {color:#959595; border:1px solid #c5c5c5;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
line-height:30px;
height:30px;
padding: 0px 10px;
resize: none;
width:220px;}
.request-pop-outer .request-pop-form .request-pop-row textarea{ color:#959595; border:1px solid #c5c5c5;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
line-height:auto;
padding: 0px 10px;
resize: none;
width:220px;
height:80px;
}
.request-pop-outer .submit-request { text-align:center; display:table; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:20px;}
.request-pop-outer .submit-request a.request-demo-action-butt {display:table-cell; padding:0px 25px; }
.request-pop-outer .floatlabel-wrapper { width:240px; margin-left:auto; margin-right:auto;}
.request-pop-outer input.red-error-border { border:1px solid #FF0000 !important}
/* end pricing popup*/
/* old pricing plan stuff */
#pricing-plans {}
#pricing-plans #pricing-plans-inner {}
#pricing-plan-cont {position:relative; height:335px; margin-top:40px; margin-left:45px}
#pricing-plan-cont .pp-item {
width:279px;
height:302px;
background:url(images/pricing-border-bg-main.png) no-repeat #ffffff;
position:absolute;
top:9px;
z-index:90;
}
#pricing-plan-cont .pp-item-selected {
width:279px;
height:321px;
background:url(images/pricing-border-bg-main.png) no-repeat;
position:absolute;
top:0px;
z-index:100;
}
#pricing-plan-cont .pp-item-bottom {width:279px;
height:7px;
background:url(images/pricing-border-bg-bot.png) no-repeat;
position:absolute;
bottom:-7px;
}
#pricing-plan-cont .ppitembg { margin:5px 0px 0px 5px; width:270px; height:100%; }
#pricing-plan-cont .ppitembg .plan-details { padding:35px 35px 35px 45px;}
#pricing-plan-cont .ppitembg .plan-details h4{ margin:0px; font-size:22px;}
#pricing-plan-cont .ppitembg .plan-details .plan-price { font-size:41px; color:#ebb500; position:relative; font-weight:600}
#pricing-plan-cont .ppitembg .plan-details .plan-price .cents { font-size:20px; height:30px; position:absolute; top:8px; left:69px; font-weight:400}
#pricing-plan-cont .ppitembg .plan-details .plan-price .per-mo { font-size:19px; height:30px; color:#959595; position:absolute; bottom:6px;left:95px; font-weight:400}
#pricing-plan-cont .ppitembg .plan-details ul { padding-bottom:15px;}
#pricing-plan-cont .ppitembg .plan-details ul li { font-size:17px; color:#959595; height:32px;}
#pricing-plan-cont .ppitembg .plan-details ul li .li-highlight { color:#ebb500}
#pricing-plan-cont .ppitembg .plan-details .action-but { background:url(images/pricing-plan-action-butt-bg.gif) repeat-x; height:37px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }
#pricing-plan-cont .ppitembg .plan-details .action-but a{ display:block; color:#FFFFFF; text-decoration:none; line-height:37px; text-align:center; font-style:normal; font-size:18px; font-weight:bold;
}
#pricing-plan-cont #pp1 { left:0px; }
#pricing-plan-cont #pp2 { left:265px; }
#pricing-plan-cont #pp3 { left:530px; }
/*#pricing-plan-cont #pp-moreusers { height:152px; position:absolute; left:800px; top:0px;}
#pricing-plan-cont #pp-moreusers #pp-moreusers-inner { border:1px solid; background:#d84f14; color:#FFFFFF; font-size:20px; writing-mode:bt-lr; width:50px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg); height:152px;}
*/
#pricing-plan-cont #pp-moreusers { background:url(images/more-users-backer.png) no-repeat -95px 0px; left:806px; top:40px; height:256px; position:absolute; z-index:101; width:70px;}
#pricing-plan-cont #pp-moreusers a{ color:#FFFFFF; font-size:20px; display: block; width:100%; height:100%; }
#pricing-plan-cont #pp-moreusers a:hover{ text-decoration:none}
#pricing-plan-cont #pp-moreusers a img{ color:#FFFFFF; font-size:20px;
position:absolute;
top:217px;
left:17px;
}
/* END of old pricing plan stuff */
#features-bar-165 { background:url(images/features-yellow-bar-top-bg.gif) repeat-x #ebb500}
#features-bar-165 #features-bar-inner { max-width:960px; width:100%; margin-left:auto; margin-right:auto; text-align:left; height:165px; position:relative;}
#features-bar-165 #features-bar-inner-holder { max-width:960px; width:100%; margin-left:auto; margin-right:auto; text-align:left; position:relative;}
#features-header-left { float:left; width:auto; padding-left:6.770833333333333%; width:50%}
#features-header-left h1{ font-size:30px; font-weight:normal; margin:0px; padding-top:30px; line-height:38px;}
#features-header-left p.features-text-p{ font-size:15px; font-weight:600;}
#features-header-right { float:left; }
#features-header-right #features-header-right-inner { background:url(images/ring-marker.png) no-repeat; width:359px; height:114px; text-align:center; padding-top:42px; margin-top:10px;}
#features-header-right #features-header-right-inner h2{ color:#FFFFFF; font-size:35px; font-weight:bold; margin:0px; padding-bottom:0px; line-height:44px; position:relative;}
#features-header-right #features-header-right-inner h2 .h2-creditcard {font-size:25px; line-height:32px;}
#features-header-right #features-header-right-inner p.features-pricing-p { margin:0px; padding:0px; height:20px; line-height:28px; font-size:15px;}
#pp-moreinfo1 { text-align:center; font-size:14px; padding-top:23px;}
#pp-moreinfo2 { text-align:center; font-size:11px; padding-top:10px;}
.starsmall { font-size:15px; padding:0px; margin:0px; height:15px; line-height:15px; position:absolute; top:0px;}
#monthly-plans-include { padding-top:50px; padding-bottom:30px;}
#monthly-plans-include #monthly-plans-include-left { float:left; width:420px;}
#monthly-plans-include #monthly-plans-include-left h4 { margin:0px; color:#959595; font-size:20px; font-weight:400; padding-bottom:5px;}
#monthly-plans-include #monthly-plans-include-right { float:left;}
ul.greentick-list {}
ul.greentick-list li {background:url(images/green-tick-bullet.png) no-repeat 0px 5px; padding-left:22px; line-height:25px; font-size:14px; font-weight:600}
#pricingpage-faqs { background:#f1f2f2;}
.wide {
left: calc(-50vw + 50%);
position: relative;
width: 99.6vw;}
#pricingpage-faqs #pricingpage-faqs-inner { max-width:960px;width:98%;padding:0 1%; margin-left:auto; margin-right:auto; text-align:left;}
.pricing-info-cont2 { color:#636363 }
.pricing-col2 { float:left; width:30.72916666666667%; padding-right:2.604166666666667%; text-align:left; }
.pricing-col2 p.pricing-col2-p { padding-top:0px; padding-bottom:20px; margin:0px; }
.pricing-col2 h6 { font-size:16px; font-weight:600; margin:0px; padding-bottom:10px}
.pricing-info-cont2 .no-pad { padding-right:0px;}
#pricingpage-faqs-inner h3 { font-size:30px; font-weight:600; margin:0px; text-align:center; padding-top:20px; padding-bottom:6px;}
#pricingpage-faqs-inner h5 { font-size:14px; font-weight:600; margin:0px; text-align:center; padding-bottom:40px;}
#safe-logos { padding-top:50px; padding-bottom:50px;}
#safe-logos #safe-logos-left { float:left; width:390px; }
#safe-logos #safe-logos-right { float:left; width:550px;}
#safe-logos #safe-logos-right #safe-right1 { float:left; padding-left:100px}
#safe-logos #safe-logos-right #safe-right2 { float:left; padding-left:100px}
#safe-logos h2 { color:#959595; font-size:30px; margin:0px; font-weight:400 }
#features-bar { background:url(images/features-yellow-bar-top-bg.gif) repeat-x #ebb500}
#features-bar #features-bar-inner { max-width:960px; width:98%; padding:0 1%; margin-left:auto; margin-right:auto; text-align:left; height:207px; position:relative}
#contact-banner {background:url(images/features-yellow-bar-top-bg.gif) repeat-x #ebb500; margin-bottom:50px;}
#contact-banner #contact-banner-inner {width:910px; margin-left:auto; margin-right:auto; text-align:left; height:107px; padding-left:50px;}
#contact-banner #contact-banner-inner h1{ font-size:30px; font-weight:600; margin:0px; padding-top:15px;}
#contact-banner #contact-banner-inner p.contact-p{ font-size:16px; font-weight:400; margin:0px;}
.contactus-info { margin-top:200px; min-height:300px;}
#partners-banner {background:url(images/features-yellow-bar-top-bg.gif) repeat-x #ebb500}
#partners-banner #partners-banner-inner {width:910px; margin-left:auto; margin-right:auto; text-align:left; height:107px; padding-left:50px;}
#partners-banner #partners-banner-inner h1{ font-size:30px; font-weight:600; margin:0px; padding-top:15px;}
#partners-banner #partners-banner-inner p.partners-p{ font-size:16px; font-weight:400; margin:0px;}
#partners-left { float:left; width:300px; padding-left:100px;}
#partners-right { float:left; width:500px; padding-left:50px; padding-bottom:50px;}
#partners-right h2{ margin:0px; font-size:30px; font-weight:400; padding-top:50px}
#partners-left #p-item1 { padding-top:60px;}
h2.h2-smaller { font-size:22px; margin:0px; padding-top:40px;}
#footer-bottom-inner a {color:#FFFFFF; font-style:normal}
.news-left { width:680px; float:left; padding-right:20px;} /* blog */
.news-right { width:250px; float:left; background:url(s-news-right-bg.gif) no-repeat; min-height:550px;}
.news-right .news-upsell-box { background:#fbf2cd no-repeat; width:175px; height:145px; margin-left:10px; padding:20px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px }
.news-right .news-upsell-box h3 { font-size:22px; font-weight:normal; padding:0px; margin:0px;}
#ys-home-video {background:url(images/video-bg-shadow.png) 8px 1px no-repeat; height:300px;}
#ys-home-video iframe.video-iframe { border: 0px solid #ffffff;
margin-top: 16px; z-index:-1;}
#ys-home-video video.video-iframe { border: 0px solid #ffffff;
margin-top: 16px; z-index:-1;}
#ihw-home-video-notworking {
background:url(images/video-bg-shadow.png) 8px 1px no-repeat;
height:300px;
}
#ihw-home-video {
position: relative;
margin: auto;
padding-bottom: 56.25%;
padding-top: 15px;
height: 0;
overflow: hidden;
}
#ihw-home-video video.video-iframe {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
ul.sitemap { list-style:none; padding:0px; margin:0px; padding-left:20px;}
ul.sitemap li { background: url(images/s_content-bullet.png) no-repeat 0px 9px; padding-left: 15px; line-height:24px;}
ul.sitemap li.space { margin-top:12px;}
iframe { border:0px; z-index:-1 !important;}
#iia_foot_logo { padding-left:15px;}
.login-buts .login-buts-l {float:left; padding-left:3px;}
.login-buts .login-buts-r {float:right;}
@media screen and (max-width: 960px) {
/*
.signup-butt-cont2 { display: table;
width:250px;
padding-top:13px;
border:3px solid black
}
/ * homepage signup butt * /
a.signup-butt2 { height:60px; color:#fff; font-size:17px; text-decoration:none; font-style:normal !important; display: table-cell;
vertical-align: middle; width:100%; text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-weight:bold;
}
*/
#green-light #green-light-inner #greenlight-box #greenlight-left { padding-left:58px; width:364px;}
#green-light #green-light-inner #greenlight-box #greenlight-right { }
#homepage-reminders #homepage-reminders-left { padding-right:0;}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-left {
padding-left: 0;
}
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner .home-banner-left {
width:100%;
padding:0;
float:none;
}
.middle-content .homepage-banner-container h1, .middle-content .homepage-banner-container h1 .banner-bold {
font-size:20px;
text-align:center;
}
.middle-content .homepage-banner-container .home-banner-left #banner-actions-row #getstarted-button {
float:none;
margin:0 auto;
}
.homepage-quote-container .homepage-quote-person { max-width: 250px;}
#ys-home-video { position: relative; height:251px;width:450px;border: 5px solid white; }
/*#ys-home-video { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; height: auto;border: 5px solid white; }
#ys-home-video iframe, #ys-home-video object, #ys-home-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner .home-banner-right {
float:none;
margin:0 auto;
padding-top:20;
padding-bottom:20px;
}
.signup-butt-cont2 { display: table;
width:250px;
padding-top:13px;
margin-left:auto;
margin-right:auto;
}
.middle-content .homepage-banner-container .homepage-banner-top .homepage-banner-top-inner {
height:auto;
}
#homepage-reminders #homepage-reminders-left {
width:100%;
}
#homepage-reminders #homepage-reminders-right {
float:none;
clear:both;
margin:0 auto;
width: 130px;
}
ul#tour-nav {
top: 220px;
width:80%;
margin-left:8%;
}
#features-bar #features-bar-inner #features-bar-right {
padding-left: 0;
width:100%;
}
#features-bar #features-bar-inner #features-bar-right .features-bar-text {
width:100%;
float:none;
padding-left:0;
}
#features-content #features-content-inner #features-content-inner-container { padding-left:0;}
#features-content #features-content-inner {
padding:0 1%;
}
#features-content #features-content-inner.tours {
padding:400px 1% 0 1%;
}
#features-content #features-content-inner.team {
padding:400px 1% 0 1%;
}
img {
max-width:100%;
height:auto;
}
#footer_cont #footer-top #footer-top-inner #footer-top-left {
width:30%;
}
.pricing-col2 {
width: 100%;
}
#userpage-benefits #userpage-benefits-inner #userpage-benefits-content-container {
padding:0;
}
.userpage-quote-container .userpage-quote-text {
width:100%;
}
.userpage-testimonial-column {
width: 90%;
padding-left:0%;
}
.userpage-quote-container .userpage-quote-person {
float: right;
}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-left
{
width:100%;
margin-bottom:20px;
padding:0;
}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right, #userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-left .otherusers-p {
width:100%;
}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row {
width:33%;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle {
position:static;
float:left;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder1, .middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder2, .middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .joiningborder3 {
display:none;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner {
width:824px;
height:200px;
padding-top:10px;
padding-bottom:10px;
}
#support-heading #search-cont .search-title-cont, #support-heading #search-cont #support-search-tb-outer input[type="text"] {
width:66%;
}
#partners-left {
float: none;
padding-left: 0;
text-align: center;
width: 100%;
}
#partners-right {
width:100%;
padding-left:0;
}
#partners-banner #partners-banner-inner, #contact-banner #contact-banner-inner {
max-width: 960px;
padding-left: 5.49451%;
width: 94.5055%;
}
#tour-container .tour-right {
width:100%;
padding-left:0;
}
#team-container .team-item .team-item-right {
float: none;
width: 100%;
}
ul#tour-nav {
top: 23px;
}
#features-nav ul#tour-nav {
top: 220px;
}
#tour-container .tour-right {
margin-top: 180px;
}
.section-container {
width:96.875%;
margin-bottom:20px;
}
.dm-inputline {
width:100%;
}
.dm-textinput-start {
height:0;
}
.dm-inputline textarea {
width:98% !important;
}
.dm-textinput-end {
float:none;
}
.acct-info-cont .info-content {
width:auto;
}
.create-account {
width:auto !important;
max-width:600px;
}
#pricing-plan-cont .pp-item, #pricing-plan-cont .pp-item-selected, #pp1, #pp2, #pp3 {
position:static;
height:302px !important;
top:0 !important;
}
#pricing-plan-cont {
height:auto;
margin-left:0;
}
#pricing-plan-cont .pp-item, #pricing-plan-cont .pp-item-selected {
background-image:none;
border:2px solid grey;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom: 5px;
width:70%;
text-align:center;
}
#pricing-plan-cont .ppitembg {
width:100%;
}
#pricing-plan-cont #pp-moreusers {
left:0;
}
.ppitem {
margin:0 auto;
}
.pricing-col2 {
float: left;
padding-right: 0;
}
.pp-item-bottom {
display:none;
}
#monthly-plans-include #monthly-plans-include-right {
float:none;
}
#monthly-plans-include #monthly-plans-include-left {
width:auto;
}
#safe-logos #safe-logos-right, #safe-logos #safe-logos-left {
float: none;
width: auto;
}
#ys-home-video iframe.video-iframe { border: 0;
margin-top: 0;
}
#ys-home-video {
background:none;
}
#header #header-right {
width:auto;
}
.homepage-banner-container h1 {
margin:0;
}
#pricing-plan-cont .ppitembg .plan-details .plan-price .per-mo, #pricing-plan-cont .ppitembg .plan-details .plan-price .cents {
position:static;
display:inline;
}
#pricing-plan-cont .ppitembg .plan-details .plan-price .cents {
vertical-align:top;
}
#support-heading #search-cont h4 {
text-align:center;
}
#footer_cont #footer-main #footer-main-inner #footer-main-left #footer-sitemap-cont .footer-sitemap-row ul.footer-sitemap li {
padding-bottom:12px;
}
#footer-bottom-inner a {
padding: 10px;
}
.dm-inputline {
padding-top: 10px;
}
#features-content #features-content-inner #features-content-inner-container.tours { padding-left:5%;}
#partners-banner #partners-banner-inner {
height: auto;
}
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:25px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:60px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:35px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:20px; font-weight:normal}
}
@media screen and (max-width: 860px) {
#green-light #green-light-inner #greenlight-box { padding-left:0px; padding-left:0px;}
#green-light #green-light-inner #greenlight-box #greenlight-left { float:none; width:80%; }
#green-light #green-light-inner #greenlight-box #greenlight-right { float:none; width:80%; margin-right:auto; margin-left:auto;}
/*#green-light #green-light-inner #greenlight-box #greenlight-left { float:left; padding-left:88px; width:384px;}
#green-light #green-light-inner #greenlight-box #greenlight-right { float:left; padding-left:3%; padding-top:15px; }*/
}
@media screen and (max-width: 830px) {
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-left {
width: auto;
}
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-hipaa {
padding-left: 25%;
}
#userpage-benefits-topleft {
padding-right:0;
width:100%;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner {
width:655px;
height:130px;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle {
width:310px;
height:60px;
font-size:22px;
border: 2px solid #ffffff;
border-radius: 3%;
min-width:180px;
margin:1px;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle .circle-text {
height: 60px;
width:320px;
}
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner .userfeature-circle .circle-text .version2 {
font-size: 14px;
margin: 1px;
padding: 0;
}
#features-bar-165 #features-bar-inner {
height:auto;
}
#features-header-right, #features-header-left {
float:none;
}
#features-header-right {
margin: 0 auto;
width: 360px;
}
#features-header-left h1 br {
display:none;
}
#support-left, #support-right {
width: 99%;
}
#features-header-left {
width: auto;
}
#p-standard-plans .standard-plan-cont .plan-common { width:40%; }
a.signup-butt { font-size:16px; font-weight:normal; }
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:25px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:55px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:30px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:20px; font-weight:normal}
}
@media screen and (max-width: 780px) {
#what-we-do #what-we-do-inner #whatwedo-rows-container .whatwedo-feature-row {
width:auto;
}
#homepage-mobile { }
#homepage-mobile-left { width:100% !important; padding:none; float:none; display:inline-block}
#homepage-mobile-right { width:100%; float:none; text-align:center}
#header #logo{ width:150px; }
#header-inner #logo a img {width:100%}
#header #header-right #mainmenu ul.mainmenu li a{ font-size:14px; padding:4px 7px; }
#ys-home-video iframe.video-iframe { max-height:253px } /* trying to fix safari glitch */
}
@media screen and (max-width: 740px) {
#homepage-payments { width:100%;}
#homepage-payments-left { width:100% !important; padding:none; float:none}
#homepage-payments-right { width:90% !important; padding:none; float:none}
.homepage-quote-container .homepage-quote-text {
width:auto;
margin-right:10px;
}
#support-container #support-left, #support-container #support-right {
width:100%;
}
.tour-content .tour-content-row .tcr-300, .tour-content .tour-content-row .tcr-425, .tour-content .tour-content-row .tcr-300-r, .tour-content .tour-content-row .tcr-425-r {
width:98%;
padding:0;
}
#footer_cont #footer-main #footer-main-inner #footer-main-left, #footer_cont #footer-main #footer-main-inner #footer-main-center,#footer_cont #footer-main #footer-main-inner #footer-main-right {
width:32%;
}
#signup-form-container #signup-left {
border-right: none;
margin: 0 auto;
min-height: 0;
width: 91%;
}
#signup-form-container #signup-right {
width: 90%;
margin-top:25px;
}
#signup-form-container #signup-right #signup-right-fast-secure {
max-width: none;
}
.userpage-quote-container .userpage-quote-text {
width: 96%;
}
.team-item .team-item-right {
width: auto;
}
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:25px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:50px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:30px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:20px; font-weight:normal}
.plan-common h2 { font-size:35px; }
.capterra-review-box .capterra-review-box-inner .capterra-left{ padding-left:20px !important; }
.capterra-review-box .capterra-review-box-inner .capterra-right{ right:20px;}
}
@media screen and (max-width: 692px) {
#header #header-inner {
2height: 205px;
}
a.signup-butt { font-size:14px; font-weight:normal; }
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:20px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:50px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:25px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:16px; font-weight:normal}
.plan-common h2 { font-size:30px; }
.tailor-bullet-content { font-size:16px;}
}
@media screen and (max-width: 670px) {
.middle-content #userpage-banner-container #userpage-banner-top #userpage-banner-top-inner {
width:320px;
height:260px;
}
#userpage-benefits-inner #userpage-benefits-content-container {
padding-left: 10%;
padding-right: 10%;
}
#pricing-plan2015-cont { font-size:12px; }
}
@media screen and (max-width: 650px) {
#footer_cont #footer-top #footer-top-inner #footer-top-left {
display:none;
}
#homepage-reduce-right {
width:98%;
padding:0;
}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row {
width:100%;
}
#userpage-otherusers #userpage-otherusers-inner #userpage-otherusers-right .userpage-otherusers-right-row {
margin-bottom: 20px;
}
#footer_cont #footer-bottom #footer-bottom-inner {
height:auto;
}
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:20px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:45px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:22px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:14px; font-weight:normal}
.plan-common .starts-from { font-size:15px;}
/*a.signup-butt { font-size:13px; font-weight:normal; }*/
}
@media screen and (max-width: 620px) {
#fast-and-secure #fast-and-secure-inner #fast-and-secure-top #fast-and-secure-hipaa {
padding-left: 10%;
}
#ft-phone {
width: 150px;
}
#footer_cont #footer-main #footer-main-inner #footer-main-left {
width:100%;
}
#footer_cont #footer-main #footer-main-inner #footer-main-center, #footer_cont #footer-main #footer-main-inner #footer-main-right {
width:48%;
}
#userpage-testimonials-title #userpage-testimonials-title-inner {
line-height:30px;
}
#userpage-benefits #userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-left, #userpage-benefits #userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-right {
width:100%;
}
.footer-sitemap-row-l {
width:30% !important;
}
.footer-sitemap-row-m {
width:40% !important;
}
.footer-sitemap-row-r {
width:30% !important;
}
#features-bar #features-bar-inner #features-bar-right .features-bar-text p.features-bar-p {
margin-top: 0;
}
#userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-left,
#userpage-benefits-inner #userpage-benefits-content-container #benefits-ul-row-container #benefits-ul-row-right {
width: auto;
}
#pricing-plan2015-cont { font-size:11px; }
.plan-common p.plan-desc { min-height:80px; }
#header #logo{ width:90px; }
.tailor-bullet-content { font-size:15px;}
.business-content { padding:40px 50px; }
}
@media screen and (max-width: 585px) {
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:18px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:42px; font-weight:bold;}
.plan-common .plan-price-main .pafter { font-size:20px; font-weight:bold;}
.plan-common .plan-price-main .pmo { font-size:12px; font-weight:normal}
.plan-common h2 { font-size:25px; }
.plan-common .starts-from { font-size:14px; height:20px; line-height:20px; }
#header #logo{ width:180px; margin-left:auto; margin-right:auto; float:none; margin-bottom:20px; padding-top:10px;}
.capterra-review-box .capterra-review-box-inner .capterra-left{ padding-left:3px !important; }
.capterra-review-box .capterra-review-box-inner .capterra-right{ right:3px;}
.capterra-stars-dotted-rightborder { margin-right:5px !important; padding-left:5px !important; padding-right:5px !important }
.cap-section-title { font-size:12px !important;}
}
@media screen and (max-width: 545px) {
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:16px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:42px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:18px; font-weight:normal;}
.plan-common .plan-price-main .pmo { font-size:12px; font-weight:normal}
.plan-common .plan-price-main .pmo_e { left:0px; } /* left:138px; */
.plan-common h2 { font-size:25px; }
.plan-common .starts-from { font-size:14px; height:20px; line-height:20px; }
.tailor-bullet-content { font-size:14px;}
p.business-main-content { font-size:16px;}
h2.business-content-h2 { font-size:30px;}
.feat-casestudy-cont { padding-top:75px; color:#362f2d; padding-bottom:50px; }
.feat-casestudy-left { width:100%; padding-left:0px; padding-right:0px !important; float:none;}
.feat-casestudy-right { margin-left:0px; padding-top:60px; text-align:center}
.main-feature-left { float:left; width:100%;}
ul.tailor-bullet-ul li { word-wrap: break-word; padding-left:20px !important;}
}
@media screen and (max-width: 500px) {
#footer_cont #footer-main #footer-main-inner #footer-main-center, #footer_cont #footer-main #footer-main-inner #footer-main-right {
width:98%;
}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1 {
font-size:26px !important;
}
#p-standard-plans .plan-top-title { font-size:12px; font-weight:normal; }
#p-enterprise-plans .plan-top-title { font-size:12px; font-weight:normal; }
.plan-common .plan-price-main { font-size:40px; font-weight:normal;}
.plan-common .plan-price-main .pcurrency { font-size:15px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:30px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:20px; font-weight:normal;}
.plan-common h2 { font-size:20px; line-height:30px; height:40px;}
.plan-common .starts-from { font-size:14px; height:20px; line-height:20px; }
a.signup-butt { font-size:15px; font-weight:normal; }
.whats-incl { font-size:12px; font-weight:normal; }
.plan-common p.plan-desc { margin-bottom:10px }
#ys-home-video { width:80%; height:80%; margin-left:auto; margin-right:auto;}
#ys-home-video iframe.video-iframe { width:100%; height:100%}
.capterra-review-box .capterra-review-box-inner .capterra-right{ position:relative; left:0px; right:0px; top:0px; margin-left:auto !important; margin-right:auto !important; width:100%; text-align:center;}
.greendot-box {
padding:20px 20px 20px 20px;
width:295px;
}
}@media screen and (max-width: 460px) {
#green-light #green-light-inner #greenlight-box #greenlight-left { padding-left:0px; }
#green-light #green-light-inner #greenlight-box #greenlight-right { padding-left:0px; width:100%; }
#footer_cont #footer-top #footer-top-inner {
height: 110px;
}
.middle-content #group-banner-container h1 { font-size:40px; padding-top:40px; margin-bottom:20px; line-height:40px; min-height: 100px;}
.features-cta-item { margin-top:10px;}
h3.mainfeat-for-business-h3 { font-size:30px; line-height:30px;}
h3.feat-for-business-casestudy-h3 { font-size:30px; line-height:30px; height:30px; padding-bottom:20px;}
.main-feature-left p.main-feat-for-business { font-size:14px; }
.main-feature-left ul { font-size:14px;}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1.scheduling {
padding-top:25px;
}
#features-bar #features-bar-inner #features-bar-right .features-bar-icon {
padding-top:30px;
}
input.w-normal2, input.w-contactfrm-inputs, input.w-normal {
width: 90%;
}
#userpage-benefits-inner #userpage-benefits-content-container {
padding-left: 2%;
padding-right: 2%;
}
/* make pricing font smaller */
.plan-common .plan-price-main .pcurrency { font-size:14px; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:33px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:16px; font-weight:normal;}
.plan-common .plan-price-main .pmo1 { left:0px; bottom:-10px;}
.plan-common .plan-price-main .pmo2 { left:0px; bottom:-10px;}
.plan-common .plan-price-main .pmo_e { bottom:-10px;}
}
@media screen and (max-width: 440px) {
.plan-common .plan-price-main .ppre { font-size:30px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:14px; font-weight:normal;}
ul.pricing-bul li { background:url(images/green-bullet-tick-light.png) no-repeat right bottom 1px; padding-left:0px; border-bottom:1px solid #e0e5e9; height:40px;
display:table; width:calc(100% - 2px);
}
@media screen and (max-width: 400px) {
#homepage-reduce-left {
width: 25%;
}
#contact-banner #contact-banner-inner {
height:137px;
}
.features-bar-icon {
display:none;
}
#features-bar-inner { text-align: center;}
#features-bar-inner p.features-bar-p { font-size:13px !important; text-align: center;}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1{ font-size:18px !important; text-align: center;}
#header #header-right #topmenu ul.topmenu li {
padding-right:0;
}
#features-header-right, #features-header-right #features-header-right-inner {
width:auto;
background-size:100% 85%;
}
#features-bar #features-bar-inner #features-bar-right .features-bar-text h1 {
padding-top: 15px !important;
}
#header #header-right #mainmenu ul.mainmenu li {
padding-right: 14px;
}
.general-content {
overflow: hidden;
}
#header #header-right #mainmenu ul.mainmenu li {
margin-bottom: 5px;
}
#what-we-do #what-we-do-inner {
width: 96%;
}
.wide {
width:auto;
}
a.signup-butt { font-size:12px; font-weight:normal; }
.plan-common .plan-price-main .ppre { font-size:25px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:13px; font-weight:normal;}
.plan-common .plan-price-main { height:50px; line-height:50px;}
.plan-common .plan-price-main .pmo1 { bottom:-5px;}
.plan-common .plan-price-main .pmo2 { bottom:-5px;}
.plan-common .plan-price-main .pmo_e { bottom:-0px;}
.plan-common h2 { font-size:18px; }
.plan-common .starts-from { font-size:12px; }
/*.plan-common .plan-price-main .pcurrency { font-size:30px; line-height:25px; height:25px; display:block; float:left; font-weight:normal}
.plan-common .plan-price-main .ppre { font-size:65px; display:block; float:left; font-weight:bold;}
.plan-common .plan-price-main .pafter { position:relative; font-size:45px; line-height:45px; height:45px; margin-bottom:0px; display:block; float:left; font-weight:bold;}
*/
#homepage-graph-outer .legend-cont {
left: 130px;
width:140px;
}
#homepage-graph-outer .pt1pc5-noshow-label {
left: 205px;
width:50px;
}
#homepage-graph-outer .pt1pc5-noshow-label .pt25-label{ font-size:14px}
#homepage-graph-outer .average-noshow-bar {width:70px; left:30px; }
#homepage-graph-outer .ys-cancel-bar {width:70px; left:130px; }
#homepage-graph-outer .ys-noshow-bar {width:70px; left:130px; }
.business-content { padding:40px 20px; }
p.business-main-content { font-size:12px;}
h2.business-content-h2 { font-size:25px;}
/*ul.tailor-bullet-ul li { word-break: break-all }*/
}
/*
@media screen and (max-width: 360px) {
#header #header-inner {
height: 232px;
}
*/ /* removed rr 040818 to resolve huge header issue on android , though should actually fix three dash menu*/
#pricing-plan2015-cont { font-size:10px }
.plan-common .plan-price-main .ppre { font-size:21px; font-weight:normal;}
.plan-common .plan-price-main .pafter { font-size:12px; font-weight:normal;}
.plan-common .plan-price-main { height:50px; line-height:50px;}
.plan-common .plan-price-main .pmo { font-size:10px; }
.plan-common .plan-price-main .pmo1 { bottom:0px;}
.plan-common .plan-price-main .pmo2 { bottom:0px;}
.plan-common .plan-price-main .pmo_e { bottom:0px;}
}