@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
body { font-family: 'Open Sans', Tahoma, Verdana, Arial; font-size: 1em; margin: 0px auto; padding: 0px; }
#browser-table { border-spacing: 0px; border-collapse: collapse; font-size: inherit; margin: 10px auto 0; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline; display: table; width: 100%; overflow: auto; }
#browser-table tr { margin: 0px; padding: 0px; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: #CCC; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline; background-color: rgb(250,250,250); }
#browser-table th { padding: 10px; margin: 0px; border: 1px solid rgb(221,221,221); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: inherit; vertical-align: middle; color: rgb(60, 75, 80); text-align: center; background: rgb(230, 238, 241); }
#browser-table td { padding: 6px 6px; border: 1px solid #DDD; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 14px; line-height: inherit; font-family: inherit; vertical-align: top; text-align: center; }
.browser-title { font-size: 2em; padding: 0 0 10px; }
.browser-para { font-size: 1.2em; padding: 0 0 10px; max-width: 520px; margin: 0 auto; }
#browser-table td:hover a { color: #128CC9; }
#browser-table th a { color: rgb(60, 75, 80); }
#browser-table th:hover a { color: #128CC9; }
#browser-table th a:active { color: rgb(60, 75, 80); }
#browser-table td a:active { color: rgb(60, 75, 80); }
#businessDirectioryArea #back_to_chat { display: none; }
#browser-table td a { color: #666; text-decoration: none; float: left; width: 100%; padding: 0px 0 0; }
#unsupport-browser .popup-btn { min-width: 165px; line-height: 18px; padding: 8px 15px; text-align: center; border: 1px solid #8ba82b; background: #8ba82b url(https://static.idriveonlinebackup.com/include/images/greenbtn_bg.png); color: #fff; font-size: 16px; margin: 5px 0 0 10px; border-radius: 2px; float: right; letter-spacing: 0.6px; cursor: pointer; box-shadow: inset 0px 0px 3px #fff; }
#unsupport-browser .popup-btn:hover { background: #358f68 url(https://static.idriveonlinebackup.com/include/images/greenbtn_bg_hover.png); border: 1px solid #358f68; box-shadow: inset 0px 0px 10px #b3ddc5 }
#unsupport-browser .popup-btn:active { background: #358f68 url(https://static.idriveonlinebackup.com/include/images/greenbtn_bg_hover.png); box-shadow: inset 0px 0px 10px #03535d; }
.browser-icon { width: 130px; height: 45px; margin: 0 auot; display: inline-block; }
.browser-ie .browser-icon { background: url(https://static.idriveonlinebackup.com/source/images/support-ie-icon-new.jpg) no-repeat center; cursor: pointer; }
.browser-firefox .browser-icon { background: url(https://static.idriveonlinebackup.com/source/images/support-firefox-icon-new.jpg) no-repeat center; cursor: pointer; }
.browser-chrome .browser-icon { background: url(https://static.idriveonlinebackup.com/source/images/support-chrome-icon-new.jpg) no-repeat center; cursor: pointer; }
.browser-safari .browser-icon { background: url(https://static.idriveonlinebackup.com/source/images/support-safari-icon-new.jpg) no-repeat center; cursor: pointer; }
.browser-opera .browser-icon { background: url(https://static.idriveonlinebackup.com/source/images/support-opera-icon-new.jpg) no-repeat center; cursor: pointer; }
.browser-version { font-size: 11px; cursor: pointer; }
span.browser-name { font-size: 16px; line-height: 20px; padding: 0; margin: 0; float: left; width: 100%; text-align: center; cursor: pointer; }
#savePhone { display: none; }
.unsupport-pge-wrap { width: 130px; margin: 80px auto 0; }
.unsupport-page { background: #f9f9f9; overflow: hidden; }
.popup_addwrapper h2 { text-align: center; padding: 10px 0 0; }
.title-description { text-align: center; padding-bottom: 20px; max-width: 600px; width: 100%; margin: 0 auto; line-height: 24px; }
#unsupport-browser { display: block; max-width: 800px; margin: 0 auto; width: 100%; }
.ie6 #unsupport-browser { width: 750px; margin-left: 25%; }
.ie6 .unsupport-pge-wrap { margin-left: 46%; }
.unsupport-page-fixed { overflow: hidden; background: #f9f9f9; top: 0px; left: 0px; position: fixed; height: 100%; width: 100%; z-index: 99999; }
/* change depending the offer */
.offer_25_changes { /*display: none;*/ }
.offer_50_changes { display: none; }
.new_50_offer .offer_50_changes { display: block; }
.new_25_offer .offer_25_changes { display: block; }
.offerRegular { display: block; }
.offer_50_changes_pricing { display: none; }
.offer_25_changes_pricing { display: none; }
.new_50_offer .offer_50_changes_pricing { display: block; }
.new_25_offer .offer_25_changes_pricing { display: block; }

@media screen and (max-width:640px) {
#browser-table { display: table; width: auto; }
#browser-table td { border-top: 0px; width: 300px; display: table; }
.browser-version { width: 100%; float: left; line-height: 26px; }
.browser-icon { background-position: 50% 16px !important; padding: 10px 0 5px; width: 100%; height: 35px; margin: 0 auto; }
span.browser-name { line-height: 20px; padding-bottom: 0px; }
.unsupport-page { background: #f9f9f9; overflow: auto; padding-bottom: 20px; }
.title-description { width: 100%; max-width: 85%; }
}