/* Common */

#xcitiumbackup-wrapper h1,
#xcitiumbackup-wrapper h2,
#xcitiumbackup-wrapper h3,
#xcitiumbackup-wrapper p,
#xcitiumbackup-wrapper span,
#xcitiumbackup-wrapper a,
#xcitiumbackup-wrapper table thead th, 
#xcitiumbackup-wrapper table tbody td,
#xcitiumbackup-wrapper button
{ font-family:'Open Sans', sans-serif; }

#xcitiumbackup-wrapper .inline-block { display:inline-block; *display:inline; *position:relative; zoom:1; }

#xcitiumbackup-wrapper .block { display:block; }

.green-text { color:#94c83d; }

#xcitiumbackup-wrapper .lfloat { float:left; }

#xcitiumbackup-wrapper .rfloat { float:right; }

#xcitiumbackup-wrapper .clear { clear:both; height:1px; }

/* Common CSS3 transition for buttons on hover */
#xcitiumbackup-wrapper .xcitiumbackup-banner-links .rfloat a.xcitiumbackup-link-2-plans:hover,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing table tr.xcitiumbackup-pricing td button.xcitiumbackup-buybutton:hover
{
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

/* 3D-Effect for all button */
#xcitiumbackup-wrapper .xcitiumbackup-banner-links .rfloat a.xcitiumbackup-link-2-plans,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing table tr.xcitiumbackup-pricing td button.xcitiumbackup-buybutton
{
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2); outline: none;
}

/* Green Button: Hover & Active */
#xcitiumbackup-wrapper .xcitiumbackup-banner-links .rfloat a.xcitiumbackup-link-2-plans:hover,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing table tr.xcitiumbackup-pricing td button.xcitiumbackup-buybutton:hover
{ 	background:#34c918; }

#xcitiumbackup-wrapper .xcitiumbackup-banner-links .rfloat a.xcitiumbackup-link-2-plans:active,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing table tr.xcitiumbackup-pricing td button.xcitiumbackup-buybutton:active
{ background:#2db315 }



/* Containers */

#xcitiumbackup-wrapper { margin:-19px auto 0 auto; width:100%; background:#fff; }

#xcitiumbackup-wrapper .xcitiumbackup-banner { background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitiumbackup-banner-img.png') repeat-x; width:100%; height:420px;  }

#xcitiumbackup-wrapper .xcitiumbackup-features,
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing,
#xcitiumbackup-wrapper .xcitiumbackup-testimonials
{ width:940px; padding:0 30px; margin:0 auto; color:#222; }


/* Page specific common styled elements */

#xcitiumbackup-wrapper .xcitiumbackup-features h2,
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works h2,
#xcitiumbackup-wrapper .xcitiumbackup-plans-pricing h2,
#xcitiumbackup-wrapper .xcitiumbackup-testimonials h2
{ background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cog-heading1-bg.png') no-repeat center 10px; text-align:center; margin:70px 0 0 0; padding:0; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details h3,
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details h3 
{ font-size:20px; font-weight:600; margin:0; padding:0 0 5px 0; line-height:20px; color:#222; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details p,
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details p  
{ font-size:15px; font-weight: 400; line-height:21px; margin:0; padding:0; text-align:center; }



/* Banner */

#xcitiumbackup-wrapper .xcitiumbackup-banner a.xcitiumbackup-product-logo { margin:0 auto; padding:60px 0 10px 0; width:206px; }

#xcitiumbackup-wrapper .xcitiumbackup-banner h1 { margin :0; padding:0; color:#fff; text-align:center; font-size:46px; font-weight:600; }

#xcitiumbackup-wrapper .xcitiumbackup-banner p { color:#fff; font-size:20px; font-weight: 400; width:830px; margin:0 auto; padding:0; text-align:center; line-height:28px; }


/* More Info */

#xcitiumbackup-wrapper .xcitiumbackup-banner-links
{ background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cog-moreinfo-bg.png') repeat; width:100%; }
#xcitiumbackup-wrapper .xcitiumbackup-banner-links .xcitiumbackup-link-container
{ padding:20px 30px 19px 30px; width:940px; margin:0 auto; } 

#xcitiumbackup-wrapper .xcitiumbackup-banner-links p { margin:0; padding:0; color:#fff; font-size:30px; font-weight:400; margin:15px 0 0 0; }

#xcitiumbackup-wrapper .xcitiumbackup-banner-links p span.green-text.currency-symbol{ font-size:30px; vertical-align:top; margin:0; }

#xcitiumbackup-wrapper .xcitiumbackup-banner-links p span.green-text.time-period { font-size:22px; vertical-align:baseline; }

#xcitiumbackup-wrapper .xcitiumbackup-banner-links .rfloat a.xcitiumbackup-link-2-plans 
{ background:#2fbe15; border:1px solid #18900b; cursor:pointer; font-size: 18px; font-weight: 400; color:#fff;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
  outline:none; text-decoration:none; 
  width:133px; height:45px; line-height:45px; text-align:center;
}

#xcitiumbackup-wrapper .xcitiumbackup-link-2-video
{ border:1px solid #bababa; color:#bababa; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
  cursor:pointer; font-size: 18px; font-weight: 400; width:232px; height:47px; line-height:45px; text-align:center; margin:0 0 0 12px;
}

#xcitiumbackup-wrapper .xcitiumbackup-link-2-video-icon
{ background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat 0 -17px; height:13px; width:22px; margin:0 10px 0 0;  }

/* Features */

#xcitiumbackup-wrapper .xcitiumbackup-features p.xcitiumbackup-small-text,
#xcitiumbackup-wrapper .xcitiumbackup-testimonials p.xcitiumbackup-small-text 
{ margin:7px 0 0 0; padding:0; font-size:18px; font-weight: 400; text-align:center; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details
{ width:280px; text-align:center; margin:0 43px 0 0; padding:0; vertical-align:top; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details.last
{ margin:0; width:285px; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details .xcitiumbackup-feature-icon { background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat; margin:48px auto 13px auto; }
#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details .xcitiumbackup-feature-icon#xcitiumbackup-works-auto { background-position: -189px -40px; height:65px; width:65px; padding-bottom:8px; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details .xcitiumbackup-feature-icon#xcitiumbackup-hassle-free { background-position: -94px -40px; height:65px; width:85px; padding-bottom:8px; }

#xcitiumbackup-wrapper .xcitiumbackup-features .xcitiumbackup-feature-details .xcitiumbackup-feature-icon#xcitiumbackup-money-back { background-position: 0 -40px; height:73px; width:85px; }



/* How it works */

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works h2 { background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cog-heading2-bg.png') no-repeat center 10px; margin-top:63px; }
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details
{ width:275px; text-align: center; margin:0 51px 0 0; padding:0; vertical-align:top; position:relative; }

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details.last
{ margin:0; width:280px; }

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details .xcitiumbackup-working-steps
{ background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat -31px 0; height:30px; width:30px; color:#fff; line-height:30px; text-align:center; }

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works .xcitiumbackup-working-details .xcitiumbackup-working-details-seperator
{ background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat -263px -40px; position: absolute; right:-40px; top:82px; height:73px; width:26px; }
#xcitiumbackup-wrapper .xcitiumbackup-how-it-works p.xcitiumbackup-learnmore-working 
{ font-size:15px; font-weight: 400; text-align:center; margin:15px 0 0 0; padding:0;  }

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works p.xcitiumbackup-learnmore-working a
{ color:#377cec; }

#xcitiumbackup-wrapper .xcitiumbackup-how-it-works p.xcitiumbackup-learnmore-working a { text-decoration: underline; }

/* Testimonials */

#xcitiumbackup-wrapper .xcitiumbackup-testimonials h2 { background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cog-heading4-bg.png') no-repeat center 10px; margin-bottom:8px; margin-top:64px;  }
#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul { overflow: hidden; padding:0; margin:15px 0 0 0; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul li  { list-style: none;  }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul li p { font-size:15px; font-weight: 400; line-height:20px; padding:0 0 12px 0; text-align:center; } 

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul li p.xcitiumbackup-comment-content { margin:15px auto; width:650px; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul li p span.testimonial-txt { line-height: 23px; margin:0 15px; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ol.bjqs-markers.h-centered { position: relative; top: -64px; left: 0; width: 940px; text-align: center; padding:0; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ol.bjqs-markers.h-centered li
{ background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat; background-position: -94px -19px; list-style: none; display: inline-block; height:11px; width:11px; font-size:10px !important;  *display:inline; *position:relative; zoom:1; margin:0 12px 0 0;  }
#xcitiumbackup-wrapper .xcitiumbackup-testimonials ol.bjqs-markers.h-centered li a
{ color:#d6d6d6; text-decoration: none; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ol.bjqs-markers.h-centered li.active-marker
{  background-position: -71px -19px; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ol.bjqs-markers.h-centered li.active-marker a
{ color:#9c9c9c !important; text-decoration:none; }

.sl-lquote, .sl-rquote
{ background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/sl-testimonial-quotes.png') no-repeat; height:19px; width:22px; font-weight:400; color:#ccc; position: relative; }
.sl-lquote { top:3px; left:0; background-position:0 0; }

.sl-rquote { bottom:-5px; right:0; background-position: -30px 0; }

#xcitiumbackup-wrapper .xcitiumbackup-testimonials ul li p.xcitiumbackup-comment-author { margin:-18px auto 0 auto; font-weight:900; font-size:15px; text-align:center; width:650px; }



/* Client Logos */

#xcitiumbackup-wrapper .xcitiumbackup-clients { display:block; margin:75px auto; }

#xcitiumbackup-wrapper .xcitiumbackup-clients span.client-logos
{ background:url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cog-client-logos.png') no-repeat; height:43px; width:940px; margin:0 auto; }

/* Xcitium Backup video modal */

#xcitiumbackup-video 
{ width:600px; margin-left:-330px; padding:4px; background:#6c6c6c; border:1px solid #828282; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.xcitiumbackup-modal-content { background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:30px 20px 20px 20px; }

#xcitiumbackup-video a.modal_close
{ background: url("//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/close.png") no-repeat 0 0; right:10px; top:10px; height:15px; position: absolute; width:15px; opacity:0.6;  }

#xcitiumbackup-video a.modal_close:hover
{ opacity:0.8 }

#xcitiumbackup-video a.modal_close:active
{ opacity:1; }

/* Some Refinements */

.green-text.starting-price { margin:0 0 0 -8px;  }
/* ------------------------------------------------------------------
   Plans pricing table (inlined from common/stylev6.css so this
   product does not depend on Xcitium product CSS bundle.)
   ------------------------------------------------------------------ */

table#xcitiumbackup-plans-pricing-table {
    width: 100%;
    margin: 25px 0 0 0;
    border-top: 3px solid #94c83d;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
table#xcitiumbackup-plans-pricing-table tr th {
    font-size: 22px;
    font-weight: bold;
    background: #222;
    color: #fff;
    text-align: center;
    border-right: 1px solid #5a5a5a;
    padding: 9px 0 7px 0;
}
table#xcitiumbackup-plans-pricing-table tr td {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding: 15px 20px 12px 20px;
    border-right: 1px solid #eee;
}
table#xcitiumbackup-plans-pricing-table tr td:first-child {
    text-align: left
}
table#xcitiumbackup-plans-pricing-table tr.bgcolor td {
    background: #f8f8f8
}
table#xcitiumbackup-plans-pricing-table tr.xcitiumbackup-pricing td {
    font-size: 20px;
    font-weight: 800;
    border-bottom: 1px solid #eee;
    padding: 11px 15px 9px 15px;
    color: #94c83d;
    border-right: 1px solid #5a5a5a;
    background: #222;
}
table#xcitiumbackup-plans-pricing-table tr.xcitiumbackup-pricing td span.currency-symbol {
    font-size: 16px;
    vertical-align: top;
    margin: 1px 0 0 0;
}
table#xcitiumbackup-plans-pricing-table tr td button.xcitiumbackup-buybutton {
    background: #2fbe15;
    border: 1px solid #18900b;
    padding: 10px 35px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    outline: none;
    cursor: pointer;
    margin: 2px 0 5px 0;
}
#xcitiumbackup-wrapper .proceed-to-checkout {
    background: #2fbe15;
    border: 1px solid #18900b;
    padding: 10px 35px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4);
    outline: none;
    cursor: pointer;
    margin: 50px 0;
}
table#xcitiumbackup-plans-pricing-table tr td span.no-cross {
    font-size: 20px;
    font-weight: 800;
    line-height: 15px;
}
table#xcitiumbackup-plans-pricing-table tr td span.yes-tick {
    background: url('//cdnassets.com/ui/resellerdata/750000_779999/769336/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/xcitium-all-images.png') no-repeat -116px 0;
    width: 15px;
}
table#xcitiumbackup-plans-pricing-table tr td select option {
    font-size: 15px;
    font-weight: 400;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated {
    position: relative;
    display: inline;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated span {
    background: #000000;
    width: 185px;
    height: 75px;
    visibility: hidden;
    opacity: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: none;
    color: #FFFFFF;
    line-height: 17px;
    text-align: left;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-left: -46px;
    position: absolute;
    bottom: 20px;
}
table#xcitiumbackup-plans-pricing-table tr td a:hover.tooltipanimated span {
    visibility: visible;
    opacity: 1;
    bottom: 25px;
    left: 35%;
    margin-left: -46px;
    z-index: 9999;
    -webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 35%;
    bottom: 0;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated {
    position: relative;
    top: 0px;
}
table#xcitiumbackup-plans-pricing-table td.blue-highlight a:hover,
table#xcitiumbackup-plans-pricing-table td.blue-highlight a {
    color: #222;
    text-decoration: underline;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated.xcitiumbackup-auto-backup span,
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated.xcitiumbackup-zip-download span {
    height: 55px;
    left: 45px !important;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated.xcitiumbackup-req-backup span,
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated.xcitiumbackup-file-restore span {
    height: 35px;
    left: 45px !important;
}
table#xcitiumbackup-plans-pricing-table tr td a.tooltipanimated.xcitiumbackup-website-restore span {
    height: 50px;
    left: 45px !important;
}
table#xcitiumbackup-plans-pricing-table tr td button.xcitiumbackup-buybutton:hover {
    background: #34c918;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}
table#xcitiumbackup-plans-pricing-table tr td button.xcitiumbackup-buybutton:active {
    background: #2db315
}

/* Domain upsell modal: table spacing (mirrors legacy wide modal tweak in stylev6) */
.dca_upsell_modal#upsell_modal #xcitiumbackup-plans-pricing-table {
    margin: 0 0 -35px 0;
}
