/* Axigen v3.css ********************************** ** Original CSS file ****************************** ***************************************************/ @charset "UTF-8"; body, form { margin: 0; padding: 0; } i { font-style: italic; } strong { font-weight: bold; } a img { border: 0;} a { text-decoration: none; } a:hover {text-decoration: underline;} ul.small-round-bullet li { padding-left: 20px; text-indent: -15px; list-style-type: none; } ul.small-round-bullet li::before { margin: 0 10px 1px 0; display: inline-block; width: 2px; height: 2px; border: 2px solid #559eb9; border-radius: 4px; content: ""; } h1.as-span, h2.as-span, h3.as-span {margin: 0; padding: 0; font-weight: normal; display: inline;} .required {font-family:Arial,sans-serif;font-size:9px;color:red;} .error-message {color:red;} .tahoma-small {font-family: Tahoma, Arial, sans-serif; font-size: 9px; color: #979795; line-height: 11px; padding-bottom: 2px; } .td_none { text-decoration: none; } .td_ul { text-decoration: underline; } .tool-tip { color: #ff6f00; z-index: 13000; width: 172px; border: 1px solid #ccc; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; padding: 4px; background: #fff; } .tool-text { font-size: 11px; padding: 4px 6px; background: #fff; } .liner { overflow:hidden; *height:100%; } #mainPart-inner #content a { color: #4fa2b8; text-decoration: underline; } #mainPart-inner #content h2 {font-size: 12px;} #mainPart-inner #content p {margin: 3px 0 8px 0; } #mainPart-inner #content .right-text {float: right; padding-right: 10px; font-weight: normal; font-size: 11px;} #mainPart-inner #content .right-text a {color: #fff; font-size: 11px;} #mainPart-inner #content .input { padding: 1px 2px; font-size: 11px; color: #777; } #mainPart-inner #content .select { font-size: 11px; color: #777; border: 1px solid #ccc; margin-right: 0px; padding-left:2px;} #mainPart-inner #content .button { font-size: 11px; color: #333;} #mainPart-inner #content .error { color: #dc6060; font:400 14px/18px "Source Sans Pro",sans-serif; } #mainPart-inner #content .error-list { margin: 0; padding: 0 0 0 20px; list-style-type: square; } #mainPart-inner #content .error-list li {color: #FF3E2F; padding-left: 5px;} #mainPart-inner #content .relevance {color: #666; padding-left: 5px;clear:both;} #mainPart-inner #content .preview {color: #333; margin: 7px 0; } #mainPart-inner #content .example {font-family: "Courier New", Courier, Times, sans-serif; border: 1px solid #ccc; padding: 2px; background-color: #eee; margin: 3px 0 7px 0; display: block; } #mainPart-inner #content .code {font-family: "Courier New", Courier, mono; color: #FF3E2F; } #mainPart-inner #content pre.example { white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } #mainPart-inner #content .path-example {color: #4FA2B8; font-family: "Courier New", Courier, Times, sans-serif; font-size: 11px;} #mainPart-inner #content a.underlined {text-decoration: underline;} #mainPart-inner #content a.underlined:hover {text-decoration: none;} #mainPart-inner .clear {clear: both} #mainPart-inner #content .form-label {font-size: 1px; padding: 0 0 3px 0; border-bottom: 3px solid #4FA2B8; width: 100%; margin: 0;} #mainPart-inner #content .form-error-list {margin: 0 0 0 75px; padding: 0 0 0 75px; list-style-type: square; text-align: left;} #mainPart-inner #content .form-error-item-first {font-weight: bold; color: red;} #mainPart-inner #content .form-error-list li {color: red;} .newfeatures-header-table .office_edition_box { color: #fff; width: 107px; height: 55px; background: url('/img/new-features-30/office_box.jpg') no-repeat; font-weight: bold;} .newfeatures-header-table .business_edition_box { color: #fff; width: 105px; height: 55px; background-image: url('/img/new-features-30/business_box.jpg'); font-weight: bold;} .newfeatures-header-table .isp_edition_box { color: #fff; width: 103px; height: 55px; background-image: url('/img/new-features-30/isp_box.jpg'); font-weight: bold;} .newfeatures-header-table .isp_edition_box div { padding-left: 52px; padding-top: 13px;} .newfeatures-header-table .business_edition_box div { padding-left: 47px; padding-top: 13px;} .newfeatures-header-table .office_edition_box div { padding-left: 55px; padding-top: 13px;} .newfeatures-header-table .title {border-bottom: 3px solid #4FA2B8; font-size: 18px; color: #333; letter-spacing: -1px; padding-bottom: 12px;} .newfeatures-header-table .title span {color: #808080; font-size: 18px;} .newfeatures-header-table td {color: #4FA2B8;} .newfeatures-round-table .item { padding: 5px 9px 5px 8px !important;} .newfeatures-round-table .blue-circle label { font-size: 28px;} a.bluelink:link, a.bluelink:hover, a.bluelink:visited{font-weight: bold; color: #4FA2B8 !important;} /* General New Panels */ #mContainer #reviewPanel {margin-bottom: 6px;} #mContainer #reviewPanel #linuxMagContainer {text-align: center; margin: 6px 0 10px 0;} #mContainer #reviewPanel .readOpinionsContainer {text-align: right; padding: 2px;} #mContainer #resourcesPanel {margin-bottom: 6px;} #mContainer #resourcesPanel h6 {padding: 3px 0 3px 6px; margin: 0; font: bold 12px Arial, sans-serif; line-height: 14px;} #mContainer #resourcesPanel ul {margin: 0px; padding: 5px 10px 3px 5px; list-style-type: none;} #mContainer #resourcesPanel ul li {background: url(/img/general/boxed-arrow.gif) no-repeat 1px 4px; padding: 0 0 3px 16px; line-height: 13px} #mContainer #resourcesPanel ul li.pdf {background: url(/img/general/icons/bluepanel-icon-pdf.gif) no-repeat 0px 1px;} #mContainer #resourcesPanel ul li.swf { background: none; cursor:pointer; padding:3px 0px 0px 3px; } #mContainer #resourcesPanel ul li a {color: #3d4244;} /* Securtiy Pages */ .clearBoth {clear: both; font-size: 1px; height: 1px; line-height: 1px; overflow: hidden;} #mainPart-inner #cPartner #securityMenu { width: 150px; float: right;} #mainPart-inner #cPartner #securityFeaturesDiagramContainer {float: right; margin-top: 16px;} #mainPart-inner #cPartner #securityFeaturesDiagramContainer h1 { padding: 5px 0 0 0; font-size: 16px; text-align: center; } #mainPart-inner #cPartner #securityFeaturesContainer { padding: 20px 8px 0 0; float: left; width: 720px; position: relative; } #mainPart-inner #cPartner #securityFeaturesContainer h3 {margin: 20px 0 10px 0; background: url(../img/9797-horizontal-dotted-line.gif) repeat-x left bottom; padding: 0 0 4px 0} #mainPart-inner #cPartner #securityFeaturesContainer span.tahoma-small { color: #656565 } #mainPart-inner #cPartner #securityFeaturesContainer h3 span.bullet {font: bold 13px Arial, sans-serif; color: #fff; padding: 2px 3px 2px 2px; display: block; width: 18px; float: left; margin-right: 5px;} #mainPart-inner #cPartner #securityFeaturesContainer h3 span.text {font: bold 13px Arial, sans-serif; padding: 2px 3px 2px 0px; display: block;} #mainPart-inner #cPartner #securityFeaturesContainer h3 img {float:left; margin-right:7px; margin-top:2px;} #mainPart-inner #cPartner #securityFeaturesContainer h3 .subheader {font-weight:normal; font-size:12px;} #mainPart-inner #cPartner #securityFeaturesContainer ul {padding: 0; margin: 7px 0 12px 0;} #mainPart-inner #cPartner #securityFeaturesContainer ul li {padding: 4px 0 0 13px; margin: 0; background-position: 0 10px; line-height: 14px} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature { border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-radius: 3px; text-align: center; } #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description {background: #f5f5f5; padding: 10px 0 10px 0; display: table; border-top: 1px solid #e5e5e5; width: 100%; } #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div.ipset {float: left; width: 110px; text-align: left; padding-left: 100px;} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label span.bullet{display: block; width: 11px; height: 11px; float: left; border: 2px solid black; margin-right: 6px; font-size: 1px; line-height: 1px} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label span.text {font: bold 11px Arial, sans-serif; padding: 1px 3px 1px 0px; display: block;} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.green span.bullet{border-color: #007071} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.green span.text {color: #007071} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.orange span.bullet{border-color: #f7941d} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.orange span.text {color: #f7941d} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.red span.bullet{border-color: #ed1c24} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div label.red span.text {color: #ed1c24} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div ul {margin-top: 5px; } #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div ul li {padding: 0 0 0 12px; background: url('/img/li-square.gif') no-repeat 0 7px;} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div.overlapContainer { margin: auto; display: inline-block;} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div.overlapContainer img {vertical-align: middle; margin-right: 5px; margin-top: -1px} #mainPart-inner #cPartner #securityFeaturesContainer #ipSetFeature #description div.overlapContainer strong {color: #75805b;} #mainPart-inner #cPartner #securityFeaturesContainer .moreInfo {border: 1px solid #c0c1c1; padding: 1px; margin-top: 10px;} #mainPart-inner #cPartner #securityFeaturesContainer .moreInfo div {background: #f0f0f0; text-align: center; padding: 3px;} /* AntiVirus AntiSpam Page*/ #mainPart-inner #cPartner .avasTableContainer h3 {font: bold 13px Arial, sans-serif; margin: 5px 0; padding: 0px} #mainPart-inner #cPartner .lightGreyHT { border: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-radius: 3px; } #mainPart-inner #cPartner .lightGreyHT th { text-align: center; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 3px 0 3px 9px; } #mainPart-inner #cPartner .lightGreyHT td { text-align: left; padding: 10px; } #mainPart-inner #cPartner .lightGreyHT tr.lastRow td { border-bottom: 0; } #mainPart-inner #cPartner .lightGreyHT td.lastCol { border-right: none; text-align: center;} #mainPart-inner #cPartner .lightGreyHT .center {text-align: center} #mainPart-inner #cPartner .avasTableContainer .lightGreyHT .blue-dots { background: none; } #mainPart-inner #cPartner .imgContainer { display: table; margin: 10px auto 0; padding: 20px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; } #mainPart-inner #cPartner #mavasFiltering {overflow: hidden; margin-top: 30px;} #mainPart-inner #cPartner #mavasFiltering .description img {border: 1px solid #dadada} #mainPart-inner #cPartner #mavasFiltering h3.dotted {font-size: 13px; margin: 0 0 8px 0; padding-bottom: 8px} #mainPart-inner #cPartner #mavasFiltering .description {width: 430px; float: left} #mainPart-inner #cPartner #mavasFiltering .newsPanel {float: right; margin-top: 20px;} /* Press Room - New Version*/ #mContainer #pressResourcesMenu {margin-bottom: 6px; float: right; margin-top: 36px} #mContainer #pressResourcesMenu h6 {padding: 6px 0 3px 6px; margin: 0; font: bold 12px Arial, sans-serif; line-height: 14px;} #mContainer #pressResourcesMenu ul {margin: 0px; padding: 5px 5px 0px 5px; list-style-type: none} #mContainer #pressResourcesMenu ul li {padding: 0 0 2px 22px} #mContainer #pressResourcesMenu ul li.pdf {background: url(/img/general/icons/bluepanel-icon-pdf.gif) no-repeat 2px 1px;} #mContainer #pressResourcesMenu ul li.pic {background: url(/img/general/icons/bluepanel-icon-pic.gif) no-repeat 0px 2px;} #mContainer #pressResourcesMenu ul li.mail {background: url(/img/general/icons/bluepanel-icon-mail.gif) no-repeat 0px 0px; padding: 0px 0 2px 22px} #mContainer #pressResourcesMenu ul li.separator {border-top: 1px solid #d6d6d6; font-size: 0px; height: 1px; line-height: 1px} #mContainer #pressResourcesMenu ul li a {color: #3d4244} .backToButts { background: url(/img/press/all-button-bg.gif) no-repeat bottom left; margin-top: 25px;} .backToButts a {text-decoration: none; font-weight: bold; display: inline; background: url(/img/press/flipped-button-arrow.gif) no-repeat left 2px; padding: 0 0 0 20px; line-height: 23px;} #mainPart-inner #cPartner .news {margin-top: 12px;} #mainPart-inner #cPartner .news h4 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .news h4 a {font: bold 11px Arial, sans-serif; background: url(/img/press/title-dotted-border.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .news h3 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .news h3 a {font: bold 13px Arial, sans-serif; background: url(/img/press/title-dotted-border-large.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .news p{margin: 0; padding: 0 0 10px 0; line-height: 15px;} #mainPart-inner #cPartner .news span{float: left; color: #979795;} #mainPart-inner #cPartner .news img{vertical-align: middle} #mainPart-inner #cPartner .news .readMore{float: right;} #mainPart-inner #cPartner .news .bottomBorder{border-bottom: 2px solid #ececec; font-size: 0px; height: 0px; line-height: 0px; margin-top: 24px} #mainPart-inner #cPartner .newsDetailsContainer, #mainPart-inner #cPartner .newsDetailsContainer a {color: #979795} /* KB Patch */ #mainPart-inner .kb-article a {color: #656565; background: url('/img/link_dots_gray.gif') repeat-x left bottom; text-decoration: none !important;} #mainPart-inner .kb-article a:hover {background: none;} #mainPart-inner #cPartner .kb-version-title { width:450px; } #mainPart-inner #cPartner .kb-version-title .left { background: no-repeat url(/img/kb-title-bg-left.gif); float:left; height:20px; width:4px; } #mainPart-inner #cPartner .kb-version-title .mid { background: repeat-x url(/img/kb-title-bg-mid.gif); height:20px; font-family:Arial; font-size:14px; font-weight:bold; color:#333333; padding:4px; float:left; width:430px; } #mainPart-inner #cPartner .kb-version-title .right { background: no-repeat url(/img/kb-title-bg-right.gif); float:left; height:20px; width:4px;} #mainPart-inner #cPartner .kb-dist { width:450px; clear:both; height:35px; } #mainPart-inner #cPartner .kb-version-title-long { width:605px; } #mainPart-inner #cPartner .kb-version-title-long .left { background: no-repeat url(/img/kb-title-bg-left.gif); float:left; height:20px; width:4px; } #mainPart-inner #cPartner .kb-version-title-long .mid { background: repeat-x url(/img/kb-title-bg-mid.gif); height:20px; font-family:Arial; font-size:14px; font-weight:bold; color:#333333; padding:4px; float:left; width:580px; } #mainPart-inner #cPartner .kb-version-title-long .right { background: no-repeat url(/img/kb-title-bg-right.gif); float:left; height:20px; width:4px;} #mainPart-inner #cPartner .kb-list-articles {margin: 12px 8px 0px 8px;} #mainPart-inner #cPartner .kb-list-articles h4 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .kb-list-articles h4 a {font: bold 11px Arial, sans-serif; background: url(/img/press/title-dotted-border.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .kb-list-articles h3 {margin: 0 0 10px 0; padding: 0; } #mainPart-inner #cPartner .kb-list-articles h3 a {font: bold 13px Arial, sans-serif; background: url(/img/press/title-dotted-border-large.gif) bottom left; text-decoration: none;} #mainPart-inner #cPartner .kb-list-articles p{margin: 0; padding: 0 0 10px 0; line-height: 15px;} #mainPart-inner #cPartner .kb-list-articles span{float: left; color: #979795;} #mainPart-inner #cPartner .kb-list-articles img{vertical-align: middle; } #mainPart-inner #cPartner .kb-list-articles .readMore{float: right; margin-right:8px;} #mainPart-inner #cPartner .kb-list-articles .bottomBorder{border-bottom: 2px solid #ececec; font-size: 0px; height: 0px; line-height: 0px; margin-top: 24px} #mainPart-inner #cPartner .paging { text-align:left; width:100%; background: url('/img/about-us.link-long-bg.png') no-repeat 0 bottom; padding: 16px 0px 15px 0px; } #mainPart-inner #cPartner .paging .left a {font-weight: bold; padding-left: 16px; background: url('/img/arrow-left-blue.png') no-repeat 0 1px; float:left; color:#4FA2B8; font-weight:bold; text-decoration:none; } #mainPart-inner #cPartner .paging .right a {font-weight: bold; padding-right: 16px; background: url('/img/arrow-right-blue.gif') no-repeat; background-position:right; float:right; color:#4FA2B8; font-weight:bold; text-decoration:none; } #mainPart-inner #cPartner .current-page {float:right;font-size: 12px; color: #4FA2B8; margin: 10px 15px 0 0; font-weight: bold; line-height:20px;} /* Press Room Gallery */ #mainPart-inner #cPartner .gallery-box { float: left; border: 1px solid #CECECE; padding: 5px; font-size: 1px; } #mainPart-inner #cPartner .gallery-more { float: left; padding: 5px 5px 10px 10px; width:195px; } #mainPart-inner #cPartner .gallery-more a { margin-left:5px; } #mainPart-inner #cPartner .gallery-more img { margin-top:-2px; } #mainPart-inner #cPartner .gallery-caption { background: #EFEFEF; font-weight: bold; text-align: center; padding: 1px 0 4px 0; width:199px; } #mainPart-inner #cPartner .gallery-caption-alt { font-weight: bold; text-align: center; padding: 4px 0 0 0;} #mainPart-inner #cPartner ul.loose li {padding-bottom: 4px;} #mainPart-inner #cPartner .article-content h3 {font-size: 13px; padding: 1px 0 6px 0; margin: 5px 0; background: #fff url('/img/gray-white-dots.gif') repeat-x left bottom;} #mainPart-inner #cPartner .article-content ul {list-style-type: none;} #mainPart-inner #cPartner .article-nav {text-align: right; margin: 5px 0;} #mainPart-inner #cPartner .article-nav a {border: 1px solid #ccc; background: none; padding: 1px 2px;} #mainPart-inner #cPartner .article-nav a:hover {border: 0; padding: 2px 3px;} ul.flags {list-style-type: none; margin: 0 0 10px 0; padding: 0; overflow: hidden; } ul.flags li {margin: 5px 0; display: inline; float: left; width: 80px; height: 20px;} ul.flags-wide {list-style-type: none; width: 500px; margin: 0 auto 10px auto; padding: 0; overflow: hidden; } ul.flags-wide li {margin: 5px 0; display: inline; float: left; width: 100px; height: 20px;} #wt-container { padding-left: 73px; } #wt-container h2 {font-size: 18px !important; color: #4FA2B8; margin: 10px 0; font-weight: normal; font-family: Arial, sans-serif; } #wt-container .errors {margin: 10px 0 20px 0;} #wt-container .error {color: red; font-weight: bold;} #wt-container .intro {width: 600px; margin: 0 0 15px 0;} #wt-container .saved { text-align: center; padding: 10px 0; font-size: 12px; } #wt-container .filter {padding: 5px; } #wt-container .intro, #wt-container .saved, #wt-container .language { width: 600px; } #wt-container .filter { width: 576px; } #wt-container .language { width: 600px; } #wt-container .language td { width: 300px; padding: 2px;} #wt-container .language .as-textarea {border: 1px solid #000; height: 50px; width: 260px; padding: 2px; margin: 5px 0 10px 0;overflow:auto;} #wt-container .language textarea { width: 260px; height: 54px; margin: 5px 0 10px 0; } #wt-container .language .modified { border: 1px solid red; } #wt-container .language .cell-en {padding-right: 40px;} .content img{margin: 3px 0 0 0px; vertical-align: -20%} #bottom_review {background:red} .page_line ul{padding:0;margin:0;list-style: none;width:500px;} .page_line li{float:left;} .page_line li a{padding:2px;display:block;width:18px;text-align:center;vertical-align:middle;} .current{padding:2px;display:block;width:18px;text-align:center;font-weight:bold;background:#DADADA} .page_line li a:hover{background: #9BD8F5;text-decoration:none} .page_li{padding:2px;display:block;width:18px;text-align:center;font-weight:bold;font-size:12px;padding-right:20px;} .htitle {font-size: 18px; color: #4FA2B8; margin: 10px 0; font-weight: normal;} .dotted_title {padding: 1px; background: transparent url(/img/gray-white-dots.gif) repeat-x scroll left bottom;} .integration{border: 1px solid #E1E1E1; clear: both;} .integration th {text-align:left;background-color:#F3F3F3;} .integration td {border-top: 1px solid #E1E1E1;} .integration th h3 {margin:0;padding:0;} #dlang {width:107px;} #dlang img{padding-left:5px;} #dlang_sub{position:absolute; top:0; width:117px; visibility:hidden ; padding:5px;} #dlang_sub a{display:block; text-decoration:none; color:#656565; padding:3px 5px 0 0px; } .lc a { background:url(/img/dot.gif) #FFFFFF repeat; height:100%; width:100px; margin-left:5px; } .lc a:hover{background-color:#D9D9D9;} #footer-container ul{list-style:none; margin:0;padding:0;} #footer-container ul li { margin:0 1px; display: inline; } #footer-container ul li a{ display:inline; } #footer-container ul li ul li{ margin:0; } #footer-container .square { background:url(/img/gray_square.gif) no-repeat; background-position:left center; padding-left:10px; } #mainPart-inner #content .main-title {color:#4FA2B8; font-size:18px; font-weight:normal; line-height:20px;margin:10px 0pt;} .products {width:449px;margin-top:15px;clear:left;} .products br {clear:left;} .products_lft { float:left; width:94px;} .products_lft a {text-decoration:none; border:0;} .products_lft .products_details {margin:20px 8px 0px 8px;} .products_rght{float:left; background:url('/img/products-overview-shade.png') 0 10px no-repeat; width:352px;} #mainPart-inner #content .products_rght h2 {font-size:16px; margin:0; padding: 20px 0 0 20px; #333} #mainPart-inner #content .products_rght ul {padding-left:20px;} #mainPart-inner #content .products_rght p {padding-left:20px;margin-top:5px;} .download_buy{clear:both;background: url(/img/footer-dots.gif) repeat-x scroll 0pt 10px;height:20px; font-size:1px;} .download_buy div {float:right; background:white; padding-left:10px;} .download_buy div img{margin:0 0 0 5px; padding:0;} /* Product Features */ #mainPart-inner #content .productFeaturesTitle {width: 100%; padding: 0; } #mainPart-inner #content .productFeaturesTitle h3 { font: 900 18px Arial,sans-serif; color: #fff; text-shadow: -1px -1px 0px #548ca1; letter-spacing: -1px; padding: 0 10px; background: url('/img/features-platforms/blue-bg-category.jpg') repeat-x; line-height:37px; margin: 0; } /* WebMailTranslator Tooltip*/ .wt-tool-tip { font-weight: bold; color: black; z-index: 13000; border: 1px solid #ccc; } .wt-tool-title { font-weight: bold; font-size: 11px; margin: 0; padding: 4px; background: #fff; } .wt-tool-text { font-size: 11px; padding: 4px 6px; background: #dedede; } /* Events Area Classes */ ul.simpleList { list-style: none; margin: 0; padding: 0; } ul.simpleList li { margin: 8px 0; padding: 0 0 0 10px; background: url(/img/li-square.gif) no-repeat left 5px; } .event_listing_title { padding: 0 !important; margin: 0 0 2px 0 !important; font-size: 13px;} .event_listing_subtitle { color: #979795; } .event_listing_desc { margin-top: 10px !important } /* Discount */ .discount_container { position: absolute; } .discount_container .discount_price { position: absolute; left: 38px; *margin-top: 2px; display: inline; } .discount_price { color: #fff !important; z-index: 10; background: url(/img/buy-online/discount_bg.gif); padding: 0 4px; font-weight: bold; } img.strike { position: absolute; } /*promo code commented*/ /*td.strike span { background: url(/img/buy-online/strike-through-large.gif) no-repeat center center} */ /* Banners and buttons */ #banners-buttons .box {padding-bottom:40px; border-bottom:solid 2px #d3d3d2;} #banners-buttons .button {float:left; width:160px; } .dotted-title { font: 900 19px Arial,sans-serif; color: #363636; padding: 6px 0 6px 0; margin: 15px 0 0 0; } .large-banner {overflow-x:auto; overflow-y:hidden;} .pop-up {margin:10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #656565;} .pop-up textarea {width: 100%} .rightSideCol {float:left; margin-left:45px;} .spacer {margin-top:40px;} .imageAlign {vertical-align:-5px } /* home page panels table */ #homePagePanels { font-family:Arial; font-size:11px; color:#656565; line-height:14px; height:200px; } #homePagePanels ul{ margin: 5px 5px 0 5px; padding:0; } #smallMediumBusiness ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-gray.gif) no-repeat scroll top left; } .innerTableBg{ background:url(/img/home60-content-bg.jpg) no-repeat right bottom; height:134px; } #enterprise ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-blue.gif) no-repeat scroll top left; } #serviceProviders ul li{ font-weight:bold; list-style:none; padding-bottom:5px; padding-left:17px; background:url(/img/home-list-check-green.gif) no-repeat scroll top left; } .moreInfo{ height:24px; } * html .moreInfo{ height:auto; } *+html .moreInfo{ height:auto; } .moreInfoBg { background:url(/img/home60-more-bg.jpg) repeat-x; width:245px; padding-top:2px; } .productDescription { padding-left:5px; padding-right:5px; } .separator{ background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } .serviceProvidersRightSeparator{ width:2px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } * html .serviceProvidersRightSeparator{ width:1px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } *+html .serviceProvidersRightSeparator{ width:1px; background-image:url(/img/beta.horiz-dots.gif); background-repeat:repeat-y; } /* Axigen 6.1 for Windows */ .axigen-for-windows-register .round-label-register {background: url('/img/round-label-register.gif') no-repeat left; width:406px; height: 22px; padding: 7px 0 1px 32px; border-bottom: 3px solid #4FA2B8; color: #fff; font-size: 15px; margin: 20px 0 0 0px;} .axigen-for-windows-register .round-bottom-register {background: url('/img/round-bottom-register.gif') no-repeat top left; height: 4px;} .axigen-for-windows-register .submit {padding:0 15px 0 15px;} /* Commtouch - Buy axigen */ .faded-grey { font-size:11px !important; color:#aaa; line-height:20px; } .faded-grey sup { font-family: Tahoma; } /* index-new */ .new-bar-windows { background:transparent url(/img/axigen_for_windows_bg.jpg) no-repeat scroll left top; height:28px; margin-top:1px; padding-top:8px; padding-left:9px; width:425px; margin-left:-9px; } .delegate-admin-minibanner { height:26px; margin-top:1px; width:422px; margin-left:-9px; } .home-prime-banner { height:24px; margin-top:3px; width:421px; margin-left:-9px; } .buttonNewF-windows { margin-top:357px; margin-left: 371px; position:absolute; z-index:10; width:62px; height:20px; } /* === Tabs === */ .tab-bg1 { height:90px; background:url(/images/74-layout/tabs-bg.png) left bottom no-repeat; margin-bottom:30px; } .tab-bg2 { height:100%; background:url(/images/74-layout/tabs-bg.png) right bottom no-repeat; } ol#jsTabs { list-style: none; } ol#jsTabs li { float: left; margin:0; margin-bottom:-3px; z-index:5; width:33%; } ol#jsTabs a { position:relative; text-align:center; background: url(/images/74-layout/tabs-a-bg.png) left bottom no-repeat; color: #464646 !important; display: block; float: left; font-weight:900; width:100%; height: 80px; text-decoration:none !important; padding: 0 0 9px 0; } ol#jsTabs a span { margin-top:27px; } ol#jsTabs a span.subtitle { margin-top:0; font:100 11px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#707070; } ol#jsTabs a:hover span { background: none; } ol#jsTabs a span.separator-left { display:block; position:absolute; bottom:0; left:0; width:2px; height:100%; background: url(/images/74-layout/tabs-separators.png) right bottom no-repeat; } ol#jsTabs li.currentTab a { background: url(/images/74-layout/tabs-a-current-bg.png) left bottom repeat-x; color: #4fa2b8 !important; text-decoration:none !important; border-bottom: 1px solid #fff; } ol#jsTabs li.currentTab a:hover { color: #4fa2b8 !important; } ol#jsTabs li.currentTab a span { margin-top:30px; } ol#jsTabs li.currentTab a span.subtitle { margin-top:0; color: #4fa2b8; } ol#jsTabs li.currentTab a span.separator-left { display:block; position:absolute; bottom:0; left:0; width:10px; height:100%; background: url(/images/74-layout/tabs-separators.png) left bottom no-repeat; } ol#jsTabs li.currentTab a span.separator-right { display:block; position:absolute; bottom:0; right:0; width:10px; height:100%; background: url(/images/74-layout/tabs-separators.png) -38px bottom no-repeat; } ol#jsTabs li.currentTab a span.last { background-position:right; } ol#jsTabs span { font: 900 17px Arial,sans-serif; background: none; display: block; } .jsTab { display: block; } #aUpcoming-panel ul { list-style:square; padding-left:15px; margin: 5px 0 20px 0; } #aUpcoming-panel ul li{ font-weight:100; } #aUpcoming-panel ul ul{ margin-left:6px; margin-bottom:0 } #aUpcoming-panel ul ul li{ background:url(/img/general/boxed-arrow.gif) left 3px no-repeat; font-weight:100; } .estimated-date { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; margin-bottom: 5px; } /* Hosting Partners */ .hosting-partners h3{ font-size:15px !important; } .hosting-partners h4{ margin-bottom:5px; } .submenu { filter:alpha(opacity=95); opacity:0.95; } /* Axigen v7.css ********************************** ** Introduced with the 2009-2010 redesign ********* ***************************************************/ /* --- New Layout --- */ body.new-layout { background: #fff url(/images/74-layout/prod-bg-new.jpg) center top repeat-x; } body.small-header { background: #fff url(/images/74-layout/prod-bg-new-small-header.jpg) center top repeat-x; } body.new-home { background-image: url(/images/new-layout/main-shade-home.png) } a.orange-link { color:#ff9601 !important; } .new-wrapper { margin: 0 auto; text-align: left; width: 960px; } .liner { overflow:hidden; } .new-header { height: 73px; padding: 0 4px; position: relative; z-index: 101; } /* === 7.4 Header === */ .v74-wrapper { margin: 0 auto; text-align: left; } .v74-grey-top { background: #eee url(/images/74-layout/home-header-tile.gif) 0 100% repeat-x; } .v74-header { margin:0 auto; width:960px; height:75px; position:relative; z-index: 101; } .v74-axigen-logo { float:left; margin-top:19px; margin-left:0; } .v74-header-hotline { position:absolute; left:637px; top:29px; background:transparent url(/images/74-layout/icon-header-hotline.gif) 0 0 no-repeat; font:100 11px Arial,sans-serif; color:#515151; line-height:22px; padding-bottom:11px; padding-left:28px; text-decoration:none !important; } .v74-header-partner { background-image:url(/images/74-layout/icon-header-partners.gif); padding-left:31px; } .v74-header-contact { position:absolute; left:531px; top:29px; } .v74-search-form { width:170px; height:21px; background:url(/images/74-layout/home-header-input-search.gif); display:block; position:absolute; right:0; top:32px; text-align:left; } .new-layout .v74-search-form .go-search { position:absolute; top:0; right:0; width:24px; height:21px; } .new-layout .v74-search-form .input-search { background:transparent; border: 0; font:100 11px Arial,sans-serif; color:#555; line-height:21px; width:125px; height:21px; padding:0; border-right:0; position:absolute; top:0; left:15px; outline:none; } .new-layout .v74-search-form .input-blurred { background-color:transparent; font:100 11px Arial,sans-serif; line-height:21px; color:#bab9b9; } .new-layout .v74-header .searchSuggestBox { right:0; top:55px; text-align:left; } /* === 7.4 Homepage === */ ul.v74-menu-container { height: 40px; width: 960px; margin:12px auto; padding: 0; list-style-type: none; background: #1a2e34; border: 1px solid #2f525d; } .v74-menu-container li { /* width:95px; */ float: left; cursor: pointer; text-align:center; position:relative; z-index:99; } .v74-menu-container li a.main-navigation, .v74-menu-container li a.main-navigation:link, .v74-menu-container li a.main-navigation:visited { height: 40px; display: block; font: 900 14px/41px Arial,sans-serif; color: #d9d9d9; text-decoration: none; border-radius: 2px 2px 0 0; } .v74-menu-container li.first a.main-navigation { border-radius: 2px; } .v74-grey-top ul.v74-menu-container li a.selected-cat, .v74-wrapper ul.v74-menu-container li a.selected-cat, .v74-menu-container ul.v74-menu-container li a.selected-cat, .v74-menu-container li a.main-navigation:hover, .v74-menu-container li a.main-navigation:active { background-color: none; color: #fff; } .v74-menu-container li ul { padding: 8px 1px; list-style:none !important; margin:0 !important; } .v74-menu-container li.last ul { border-radius: 2px 0 2px 2px; } .v74-menu-container li:hover ul { display:block; } .v74-menu-container li ul li, .v74-menu-container li ul li.last { list-style: none !important; margin: 0 !important; } .v74-menu-container li ul li a { display: block; height: 24px; line-height: 24px; padding-top: 4px !important; text-align: left; padding-left: 20px; font-size: 13px; font-weight: 400; text-decoration: none !important; text-transform: uppercase; color: #ccc; opacity: .5; } .v74-menu-container li ul li.last a { border:0; } .v74-menu-container li ul li a:hover { padding-top: 8px; color: #49889f !important; background: none; opacity: 1; } .v74-grey-top h1 { width:928px; margin:0 auto; font:100 24px Arial,sans-serif; color:#7d7d7d; margin-top:10px; text-align:justify; padding:0; } .v74-grey-top h1 strong { color:#111111; font:100 24px Arial,sans-serif !important; } .v74-grey-top h1 b { color:#111111; font:100 24px Arial,sans-serif !important; } .v74-grey-top .v74-demos-container { width:1105px; height:210px; margin:0 auto; position:relative; } .v74-grey-top .v74-demos-bg { width:1033px; height:210px; background:url(/images/74-layout/home-demos-hover-bg.jpg) 50% 100% no-repeat; position:absolute; left:30px; top:0; z-index:5; opacity:0; } .v74-grey-top .v74-demos-links { width:956px; height:210px; position:absolute; left:74px; top:0; z-index:10; } .v74-grey-top .v74-demos-links a { width:33%; height:150px; padding-top:35px; margin-bottom:25px; float:left; display:block; text-align:center; text-decoration:none; outline:none; background:url(/images/74-layout/home-demos-separator.gif) 100% 50% no-repeat; cursor:pointer; } .v74-demos-download { background:none !important; } .v74-grey-top .v74-demos-links a .v74-demos-icon { width:64px; height:81px; display:block; margin:0 auto; background:transparent url() 0 0 no-repeat; } .v74-grey-top .v74-demos-links a .v74-demos-heading { font:900 18px Arial,sans-serif; color:#464646; display:block; letter-spacing:-1px; } .v74-grey-top .v74-demos-links a .v74-demos-desc { font:100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#656565; display:block; } .v74-grey-top .v74-demos-links a .v74-demos-icon#webmail { background-image:url(/images/74-layout/home-demos-icon-webmail.png); } .v74-grey-top .v74-demos-links a .v74-demos-icon#webadmin { background-image:url(/images/74-layout/home-demos-icon-webadmin.png); } .v74-grey-top .v74-demos-links a .v74-demos-icon#download { background-image:url(/images/74-layout/home-demos-icon-download.png); } .v74-grey-top .v74-demos-links a:hover .v74-demos-icon { background-position:0 -81px; } .v74-grey-top .v74-demos-links a:hover .v74-demos-heading { color:#4fa2b8; } .v74-756px-deck { width:956px; padding-left:20px; margin:0 auto; text-align:left; } .v74-solution { background:url() 100% 0 no-repeat; } .v74-solution.v74-business { float:left; width:483px; background:url(/images/74-layout/home-business-solutions.jpg) right 10px no-repeat; } .v74-solution.v74-sp { float:right; width:456px; background:url(/images/74-layout/home-sp-solutions.jpg) right 10px no-repeat; } .v74-solution h2 a, .v74-solution h2 { font:900 22px Arial,sans-serif; color:#464646; letter-spacing:-1px; } .v74-solution h2 a:hover { color:#4fa2b8; } .v74-solution p { font:100 15px/20px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#555; width:280px; margin:15px 0; } .v74-quote { float:left; width:260px; margin-right:75px; } /* To be used with v74-quote*/ .inner-pages-quote { width:auto; margin-right:0; margin-bottom:16px; position:relative; } .inner-pages-quote p { text-indent:33px; margin:7px 0 0 0 !important; font:italic 100 13px/18px Georgia,'Trebuchet MS',sans-serif !important; } .inner-pages-quote a img, .inner-pages-listing img, .inner-pages-listing a img { float:right; margin:7px 0 10px 10px; } .inner-pages-quote-name { font:600 12px "Source Sans Pro",sans-serif; color:#363636; } .v74-quote.last { margin-right:0; } .v74-quote p { margin-top:7px; text-indent:38px; font:100 17px/22px Georgia,"Trebuchet MS",sans-serif; font-style:italic; color:#555; } .v74-quote a { font:900 12px Arial,sans-serif; color:#72b5c6; text-decoration:underline; } .v74-quote a:hover { text-decoration:none; } .v74-grey-bar { background:url(/images/74-layout/home-greybar-tile.jpg) 0 9px repeat-x; text-align:center; margin-top:35px; } .v74-newsletter-container { width:956px; margin:0 auto; text-align:left; } .v74-newsletter-container .v74-home-free-office-box { width:285px; height:180px; background:url(/images/74-layout/home-free-office.png) 0 0 no-repeat; padding:14px 18px 45px 20px; float:left; } .v74-newsletter-container .v74-home-newsletter { width:285px; padding:14px 30px 45px 20px; float:left; } .v74-newsletter-container .v74-home-localized { width:270px; padding:14px 5px 45px 20px; float:left; } .v74-newsletter-input { background:url(/images/74-layout/home-newsletter-input.png) 0 0 no-repeat; width:209px; height:26px; padding:0 10px; color:#555; border:0; outline:none; } .v74-homepage-localized-languages { list-style:none; margin:0; margin-top:25px; margin-left:-8px; padding:0; } .v74-homepage-localized-languages li { float:left; } .v74-homepage-localized-languages li a { width:40px; height:40px; float:left; background:url() 50% 50% no-repeat; text-decoration:none; } .v74-homepage-localized-languages li a:hover { background-position: 50% 30%; } .v74-homepage-localized-languages li a:active { background-position: 50% 70%; } .v74-homepage-localized-languages li.chinese a { background-image:url(/images/74-layout/home-flag-cn.png); } .v74-homepage-localized-languages li.german a { background-image:url(/images/74-layout/home-flag-de.png); } .v74-homepage-localized-languages li.polish a { background-image:url(/images/74-layout/home-flag-pl.png); } .v74-homepage-localized-languages li.romanian a { background-image:url(/images/74-layout/home-flag-ro.png); } .v74-homepage-localized-languages li.russian a { background-image:url(/images/74-layout/home-flag-ru.png); } .home-social-networks { list-style:none; margin:0; margin-top:25px; padding:0; } .home-social-networks li { float:left; } .home-social-networks li a { width:55px; height:20px; padding-top:34px; float:left; background:url() 0% 0% no-repeat; text-decoration:none !important; text-align:left; color:#bdbfc1 !important; font:100 10px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; } .home-social-networks li a:hover { color:#555 !important; } .home-social-networks li.twitter a { background-image:url(/images/74-layout/home-icon-twitter.png); } .home-social-networks li.facebook a { background-image:url(/images/74-layout/home-icon-facebook.png); } .home-social-networks li.linkedin a { background-image:url(/images/74-layout/home-icon-linkedin.png); } .home-social-networks li.home-rss a { background-image:url(/images/74-layout/home-icon-rss.png); } #breadcrumb { margin:10px 0 !important; padding:4px 12px; border:1px solid #d2d2d2; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } /* === v.74 Product Pages === */ .v74-container { padding-left:0; padding-right:5px; font:100 14px Arial,sans-serif; color:#707070; } .v74-container h1, #content #cPartner h2.title-buy-product { font:300 36px/32px "Titillium Web",sans-serif; color:#000; margin-top:5px; } .v74-container .product-description, .v74-hybrid div .product-description { font:100 22px/25px Arial,Verdana,Helvetica,sans-serif; color:#838383; letter-spacing:0px; } .v74-container .product-description a, .v74-hybrid div .product-description a { font: inherit !important; } .v74-container .product-description b, .v74-hybrid .product-description b { color: #353535; font:100 22px/25px Arial,Verdana,Helvetica,sans-serif; } /* Comparison tables */ .v74-container div.compare-support-emphasys { background:#ccc; } .v74-container div.compare-support-emphasys-l { width:2px; height:100%; position:absolute; right:212px; top:-1px; -moz-box-shadow: -2px 0px 10px #808080; -webkit-box-shadow: -2px 0px 10px #808080; box-shadow: -2px 0px 10px #808080; } .v74-container div.compare-support-emphasys-r { width:2px; height:100%; position:absolute; right:117px; top:-1px; -moz-box-shadow: 2px 0px 10px #808080; -webkit-box-shadow: 2px 0px 10px #808080; box-shadow: 2px 0px 10px #808080; } .v74-container div.compare-support-emphasys-t { width:88px; height:2px; position:absolute; right:117px; top:-1px; -moz-box-shadow: 0px -2px 10px #808080; -webkit-box-shadow: 0px -2px 10px #808080; box-shadow: 0px -2px 10px #808080; } .v74-container div.compare-support-emphasys-b { width:88px; height:2px; position:absolute; right:117px; bottom:-1px; -moz-box-shadow: 0px 2px 10px #808080; -webkit-box-shadow: 0px 2px 10px #808080; box-shadow: 0px 2px 10px #808080; } .v74-container div.compare-support-emphasys-inner { -moz-box-shadow:inset 0px 0px 30px #d9d9d9; -webkit-box-shadow:inset 0px 0px 30px #d9d9d9; box-shadow:inset 0px 0px 30px #d9d9d9; } .v74-container div.compare-support-emphasys-inner { width:100%; height:100%; } .v74-container table.compare-header { border-bottom:none; } .v74-container table.compare-footer { border-top:none; } .v74-container table.compare-header th , .v74-container table.compare-footer th { padding:0 5px; } .v74-container table.compare-header th, .v74-container table.compare td { text-align:center; } .v74-container table.compare-header th.description h2 { font:900 19px Arial,sans-serif !important; color: #bfbfbf; text-shadow: 1px 1px #ffffff; letter-spacing:-1px; padding:0; margin:0; } .v74-container table.compare-header th.first-header { border-left:1px solid #e1e1e1; border-bottom:none; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .v74-container table.compare-header th.last-header { border-right:1px solid #e1e1e1; border-bottom:none; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .v74-container table.compare-header th.first-row { border-top:1px solid #e1e1e1; } .v74-container table.compare-header th.last { padding:0; width: 10px; background:#f0f0f0 url(/images/74-layout/table-compare-last-bg.gif) right bottom no-repeat; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-left:none; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .v74-container table.compare td.last { background-color:#f0f0f0; padding:0; width: 10px; border-right:none; border-right:1px solid #e1e1e1; } .v74-container table.compare-header td.description h3 { padding:0 !important; margin:0 !important; } .v74-container table.compare { border:none; } .v74-container table.compare td { padding:15px 5px; border-bottom:1px solid #f2f2f2; } .v74-container table.compare td.description { padding-left:10px; text-align:left; } .v74-container table.compare td.description h3 { color:#000!important; font: 300 22px/24px "Source Sans Pro",sans-serif!important; margin: 0!important; } #mainPart-inner #content .productFeaturesTitle h3{ font: 300 26px/22px "Titillium Web",sans-serif !important; color: #4fa2b8!important; text-shadow: none; letter-spacing: 0px; padding: 20px 10px; background: none; margin: 0; border-bottom: 1px solid #eee; } .compare-header-support .product-main-content h3 a{ font: 300 26px/22px "Titillium Web",sans-serif !important; color: #4fa2b8!important; } /* Support comparison specific */ .v74-container table.compare-header-support th.description, .v74-container table.compare-support td.description, .v74-container table.compare-footer-support th.description { width:314px; } .v74-container table.compare-header-support th, .v74-container table.compare-support td, .v74-container table.compare-footer-support th { width:155px; } .v74-container table.compare-footer-support th.description { text-align:left; padding-left:10px; } .v74-container table.compare-footer th.last-row { border-bottom:1px solid #e1e1e1; } .v74-container table.compare-footer th.first-footer { border-top:none; } .v74-container table.compare-footer th.last-footer { border-top:none; } .v74-container table.compare-footer th.last { padding:0; width: 10px; background:#f0f0f0; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:none; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .v74-hybrid div div p { color:#707070; font:100 12px/16px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important; } .diagram-showcase { margin-top:30px; padding-bottom:24px; width:100%; overflow:hidden; position:relative; cursor:pointer; } .diagram-container { background:#fff; border:1px solid #e2e2e2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; } .actual-diagram { background:#fff url() 50% 50% no-repeat; height:135px; max-height:700px; } .business-diagram { background-image:url(/images/74-layout/diagrams/business-schema.jpg); background-position:50% 41%; } .isp-diagram { background-image:url(/images/74-layout/diagrams/isp-schema.jpg); background-position:50% 36%; } .isph-diagram { background-image:url(/images/74-layout/diagrams/isph-schema.jpg); background-position:50% 43%; max-height:400px; } .support-diagram-bg { position:relative; width:693px; height:490px; background:url(/images/74-layout/diagrams/support-reasons-bg.png) 0 0 no-repeat; } .support-diagram { width:100%; height:100%; } .support-diagram a.buttons { position:absolute; display:block; width:120px; height:83px; } .support-diagram a.b1 { top:50px; left:21px; } .support-diagram a.b2 { top:31px; left:197px; } .support-diagram a.b3 { top:31px; left:375px; } .support-diagram a.b4 { width:140px; top:50px; left:540px; } .support-diagram a.b5 { top:358px; left:21px; } .support-diagram a.b6 { top:378px; left:197px; } .support-diagram a.b7 { top:378px; left:374px; } .support-diagram a.b8 { top:358px; left:550px; } .support-diagram-content { position:absolute; top:135px; left:150px; width:391px; height:200px; font-size:15px; line-height:21px; color: #fff; text-shadow: 0 0 3px #205567; } .support-diagram-content div { font-size:15px; line-height:21px; } .support-diagram-content a { font-size:15px; line-height:21px; color: #fff !important; text-decoration:underline; text-shadow: 0 0 3px #205567; } .support-diagram-content h4 { font:900 22px Arial,sans-serif; margin-bottom:20px; } .zoom-preview { width:55px; height:55px; background:transparent url(/images/74-layout/icon-schema-zoom.png) 0 0; position:absolute; top:123px; right:16px; z-index:9; } .product-top-headings { margin-top:10px; } .v74-container .first-col { width:325px; float:left; } .v74-container .last-col { width:325px; float:left; margin-left:45px; } .v74-container .quote-paragraph { background:url(/images/74-layout/tech-logos/quote-paragraph.gif) 0 0 no-repeat; text-indent:23px; } .v74-container .quote-paragraph span.author { display:block; text-align:left; text-indent:0; font-weight:900; } .v74-container .last-col-special { width:345px; float:left; margin-left:15px; background:url(/images/74-layout/pane-featured.jpg) 0 100% no-repeat; padding-bottom:45px; margin-top:15px; } .v74-container .last-col-special-top { background:url(/images/74-layout/pane-featured.jpg) 0 0 no-repeat; padding:20px 20px 0 20px; } .v74-container .last-col-special2 { width:345px; float:left; margin-left:15px; background:url(/images/74-layout/pane-topreasons.jpg) 0 100% no-repeat; padding-bottom:45px; margin-top:15px; } .v74-container .last-col-special2-top { background:url(/images/74-layout/pane-topreasons.jpg) 0 0 no-repeat; padding:20px 40px 0 20px; } .product-top-headings h2 a { color:#525252 !important; font:900 20px Arial,sans-serif; letter-spacing:-1px; text-decoration:none !important; border-bottom:1px solid #eee; display:block; line-height:24px; padding-top:10px; padding-bottom:6px; background:url(/images/74-layout/product-icons.png) 100% 0 no-repeat; } .product-top-headings h2 a:hover, .product-top-headings h2 a:hover span { text-decoration:none; color:#4fa2b8 !important; } .product-top-headings h2.column-title { font:900 20px Arial,sans-serif !important; letter-spacing:0px; color:#1e6e92; margin-bottom:15px !important; } .product-top-headings .no-icon { font:900 17px Arial,sans-serif; background:none; padding-bottom:2px; margin-top:6px !important; } .product-main-content .all-case { text-transform:uppercase; } .product-top-headings .no-icon span, p.small-print-note { font:100 11px/12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#888; display:block; letter-spacing:0; } .product-top-headings .business-messaging { background-position:100% -2400px; } .product-top-headings .business-messaging:hover { background-position:100% -2500px; } .product-top-headings .clustering-support { background-position:100% -1200px; } .product-top-headings .clustering-support:hover { background-position:100% -1300px; } .product-top-headings .powerful-technology { background-position:100% -1600px; } .product-top-headings .powerful-technology:hover { background-position:100% -1700px; } .product-top-headings .calendaring-collaboration { background-position:100% -600px !important; } .product-top-headings .calendaring-collaboration:hover { background-position:100% -700px !important; } .product-top-headings .local-remote-access { background-position:100% -800px !important; } .product-top-headings .local-remote-access:hover { background-position:100% -900px !important; } .product-top-headings .wireless-mobile-sync { background-position:100% -1000px !important; } .product-top-headings .wireless-mobile-sync:hover { background-position:100% -1100px !important; } .product-top-headings .extensive-security-toolset { background-position:100% -400px !important; } .product-top-headings .extensive-security-toolset:hover { background-position:100% -500px !important; } .product-top-headings .effortless-administration { background-position:100% 0px !important; } .product-top-headings .effortless-administration:hover { background-position:100% -100px !important; } .cta-rounded-contact { height:90px; font:900 17px/90px Arial,sans-serif; letter-spacing:-1px; color:#464646; width:100%; background:#ebebeb; border:1px solid #e2e2e2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; } .cta-bar { position:relative; height:179px; margin-top:40px; } .cta-rounded-bg { position:absolute; top:0; left:0; height:160px; width:100%; background:#ebebeb; border:1px solid #e2e2e2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; z-index:5; } .cta-demos-bg { position:absolute; top:3px; left:0; width:94%; height:176px; margin-left: 3%; z-index:6; } .cta-demos-links { position:absolute; top:3px; left:0; height:176px; width:100%; margin-left: 5px; z-index:7; } .cta-links { position:absolute; top:0; left:0; z-index:8; } .cta-demos-description { float:left; width:345px; padding:10px 15px; } /* To be used with .cta-demos-description */ .cta-partners-description { padding:22px 30px; } .cta-demos-link { width:33%; margin-top:30px; margin-bottom:25px; float:left; display:block; text-align:center; text-decoration:none; outline:none; background:url(/images/74-layout/home-demos-separator.gif) 100% 0 no-repeat; cursor:pointer; text-decoration:none !important; } .cta-demos-download { background:none !important; } .cta-demos-link .cta-demos-icon { width:50px; height:58px; display:block; margin:0 auto; background:transparent url() 0 0 no-repeat; } .cta-demos-link .cta-demos-heading { font:900 18px Arial,sans-serif; color:#464646; display:block; letter-spacing:-1px; text-decoration:none !important; } .cta-demos-link .cta-demos-desc { font:100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#959595; display:block; line-height:11px; } .cta-demos-link .cta-demos-icon#webmail { background-image:url(/images/74-layout/cta-demos-icon-webmail.png); } .cta-demos-link .cta-demos-icon#webadmin { background-image:url(/images/74-layout/cta-demos-icon-webadmin.png); } .cta-demos-link .cta-demos-icon#download { background-image:url(/images/74-layout/cta-demos-icon-download.png); } .cta-demos-link .cta-demos-icon#buyonline { background-image:url(/images/74-layout/cta-demos-icon-buy.png); } .cta-demos-link .cta-demos-icon#reseller { background-image:url(/images/74-layout/cta-demos-icon-reseller.png); } .cta-demos-link .cta-demos-icon#contact { background-image:url(/images/74-layout/cta-demos-icon-contact.png); } .cta-demos-link .cta-demos-icon#start { background-image:url(/images/74-layout/cta-demos-icon-start.png); } .cta-demos-link .cta-demos-icon#register { background-image:url(/images/74-layout/cta-demos-icon-register.png); } .cta-demos-link .cta-demos-icon#premium { background-image:url(/images/74-layout/cta-demos-icon-buy.png); } .cta-demos-link .cta-demos-icon#premium-grey { background-image:url(/images/74-layout/cta-demos-icon-buy-grey.png); } .cta-demos-link:hover .cta-demos-icon { background-position:0 -58px; } .cta-demos-link:hover .cta-demos-heading { color:#4fa2b8; } .cta-demos-link:hover .cta-demos-desc { color:#4fa2b8; } /* ======================== START ======================== *\ \* styling of the AddThis elements in the article view page */ .addthis_counter.addthis_pill_style, .addthis_counter a.atc_s { background:#5ebbcc !important; } /* For the AddThis button in the article view page */ .addthis_counter a.atc_s span { background-position: left 4px; } .addthis_button_facebook_like iframe { width: 270px !important; height: 30px !important; } /* styling of the AddThis elements in the article view page *\ \* ========================= END ========================= */ .partners-oem-logos { text-align:center; } .partners-oem-logos img { margin:0 20px; } #mainPart-inner #content #cPartner h2, .inner-pages-listing h2, .product-main-content h2, .product-main-content h2 a { margin-top:10px; font:900 20px Arial,sans-serif !important; letter-spacing:-1px; color:#4fa2b8; line-height:29px; padding-bottom:8px; padding-top:10px; margin-bottom:5px !important; border-bottom:1px solid #eee; background:url(/images/74-layout/product-icons.png) 98% 0 no-repeat; text-decoration:none !important; } #mainPart-inner #content #cPartner h2.no-icon, .product-main-content h2.no-icon, .product-main-content h2.no-icon a { background:none; } #mainPart-inner #content #cPartner h3, .product-main-content h3, .cta-demos-description h3 { font:900 17px/16px Arial,sans-serif; color:#363636; margin-bottom:16px; line-height:16px; } #mainPart-inner #content #cPartner h3 a, .product-main-content h3 a, .cta-demos-description h3 a { font:900 17px "Source Sans Pro",sans-serif; color:#363636 !important; margin-bottom:16px; line-height:19px; text-decoration: none !important; } .product-main-content h3 a.blue, .cta-demos-description h3 a.blue { color:#4FA2B8 !important; text-decoration:underline !important; } .product-main-content h3 a.blue:hover, .cta-demos-description h3 a.blue:hover { text-decoration:none !important; } .product-main-content h3 a:hover, .cta-demos-description h3 a:hover { color:#4FA2B8 !important; margin-bottom:16px; line-height:19px; text-decoration: underline !important; } .product-main-content h4 { float: right; margin-top: 5px; } .product-main-content .leftnav { float: left; padding: 6px; padding-right: 0; background: url('/images/74-layout/leftnav.gif') left top no-repeat; } .product-main-content .paging-prev { margin-right: -7px; float: left; } .product-main-content .paging-next { float: right; } .product-main-content .last { margin-top: 30px; } .product-main-content div.page-info, .product-main-content div.page-info{ margin: 0 8px; font: 400 15px/18px "Source Sans Pro",sans-serif; color: #51514f; float: left; padding-top: 6px; cursor: default; } .product-main-content .paging-prev .leftnav a { font:900 15px/18px "Source Sans Pro",sans-serif; color:#363636 !important; text-shadow: 0px 0px 2px #FFFFFF; text-decoration: none !important; display: block; padding: 0 4px 0 28px; } .product-main-content .paging-next .leftnav a { font:900 15px/18px "Source Sans Pro",sans-serif; color:#363636 !important; text-shadow: 0px 0px 2px #FFFFFF; text-decoration: none !important; display: block; padding: 0 28px 0 7px; } .product-main-content .paging-next .leftnav a.no-text { padding: 0 15px 0 6px; text-decoration: none !important; } .product-main-content .paging-prev .leftnav a.no-text { padding: 0 6px 0 14px; text-decoration: none !important; } .product-main-content .rightnav { float: left; font:900 15px/18px "Source Sans Pro",sans-serif; padding: 6px 0; background: url('/images/74-layout/rightnav.gif') right top no-repeat; min-width: 8px; } .product-main-content .bordered-container { display: block; border: 1px solid #cacaca; border-bottom: 2px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; } .product-main-content .grey-container { background-color: #E2E2E2; } /* Start right containers v7 */ .product-main-content .right-container-top { width: 166px; padding: 15px; border: 1px solid rgb(207, 226, 230); border-bottom: 2px solid rgb(207, 226, 230); background: rgb(247, 249, 250); border-radius: 3px; } .product-main-content .right-container-top .right-quote { position:relative; /*background:url(/images/74-layout/right-quote.png) 0 0 no-repeat;*/ } .product-main-content .right-container-top .right-quote p:before, .v74-quote:before{ color: #d0d7d9; quotes: "\201C""\201D"; content: open-quote; font-size: 6em; font-family:Georgia, Italic; position:absolute; top:25px; left:-35px; } .v74-quote:before{ left:0px; } .product-main-content .right-container-top .right-quote p { padding:5px 0 0 0 !important; font:italic 100 13px/19px Georgia,'Trebuchet MS',sans-serif !important; text-indent:33px; } .product-main-content .right-container-top .right-quote-name p { font:900 12px Arial,sans-serif !important; text-shadow:0 0 2px #FFFFFF; margin-bottom:5px !important; } /* To be used with .product-main-content .right-container-top */ .product-main-content .grey-container-top { /* background: url('/images/right-container/right-container-top-grey.gif') left top no-repeat*/; border:1px solid #cfe2e6; background:#fff; } .product-main-content .right-container-top h3{ margin:0px 0 15px 0!important; font-size: 16px; } .product-main-content .right-container-top ul li { color: #363636 !important; } .product-main-content .right-container-top p, .product-main-content .right-container-top p a { color: #363636 !important; font-size: 12px; } .product-main-content .right-container-top a.read-more { display:block; color:#363636 !important; margin-top:5px; background:url(/images/right-container/readmore-icon.gif) 0 1px no-repeat; padding-left:10px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif; } .product-main-content .right-container-bottom { /* background: url('/images/right-container/right-container-bottom.gif') left bottom no-repeat; min-height: 5px; */ } /* To be used with .product-main-content .right-container-bottom */ .product-main-content .grey-container-bottom { /* background: url('/images/right-container/right-container-bottom-grey.gif') left bottom no-repeat; */ } /* End right containers v7 */ .inner-pages-listing p, .product-main-content p, .cta-demos-description p { /* font:100 12px/17px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important; */ color:#707070; margin-bottom:16px !important; margin-top:0 !important; text-align:left; } .product-main-content ul, .product-main-content ul.prod-text { list-style:square; padding-left:15px; } .product-main-content ul.prod-text li { /* font:100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important;*/ color:#707070; } .product-main-content ul.prod-text li b { /* font:900 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important;*/ } .download-benefits { background:url('/images/74-layout/download-benefits.jpg') left top no-repeat; padding: 15px 0 0 140px; height:110px; } .foot-notes { margin-top:50px; border-top:1px solid #eee; padding-top:20px; } .foot-notes p, .foot-notes p b, .foot-notes p a { font-size: 12px !important; color: #888; line-height:17px !important; margin-bottom: 10px !important; margin-top:0 !important; text-align: left; } .foot-notes ul { padding-left:15px; } .foot-notes ul li { color:#888; } .product-main-content p small, .product-main-content ul li small, .foot-notes p small { font-size:9px; line-height:11px; vertical-align: text-top; } .product-main-content h3 small { font-size:10px; line-height:13px; vertical-align: text-top; } .product-main-content h3 small.add-on { font-size:10px; line-height:13px; vertical-align: text-top; color:#fff; background:#4FA2B8; padding:0 5px 1px 5px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .product-main-content p span.new { font-size:9px; line-height:13px; vertical-align: text-bottom; color:#fff; background:#f26532; padding:0 4px 1px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .product-main-content p a, .foot-notes p a, .product-main-content li a, .version7-container .product-description a, .cta-demos-description a { /* font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important;*/ font-weight:100; font-size:inherit; color:#4fa2b8 !important; text-decoration:underline; } .product-main-content p a:hover, .foot-notes p a:hover, .product-main-content li a:hover, .version7-container .product-description a:hover { text-decoration:none; } .product-main-content .pdf-link { display:block; padding-left: 15px; background: url('/img/general/icons/bluepanel-icon-pdf.gif') no-repeat left 2px; } .product-main-content .img-link { display:block; padding-left: 17px; background: url('/img/icons/image.gif') no-repeat left 4px; } .product-main-content .zip-link { display:block; padding-left: 18px; background: url('/img/general/icons/bluepanel-icon-zip.gif') no-repeat left 3px; } .product-main-content .pic-link { display:block; padding-left: 15px; background: url(/img/general/icons/bluepanel-icon-pic.gif) no-repeat -3px 2px; } .product-main-content .mail-link { display:block; padding-left: 15px; background: url(/img/general/icons/bluepanel-icon-mail.gif) no-repeat -3px 2px; } .product-main-content .flags-wide { width:auto; } .product-main-content .flags-wide li { width:45px; height:11px; } .product-main-content .business-messaging { background-position:98% -2450px; } .product-main-content .powerful-technology { background-position:98% -1650px; } .product-main-content .clustering-support { background-position:98% -1250px; } .product-main-content .calendaring-collaboration { background-position:98% -650px; } .product-main-content .local-remote-access { background-position:98% -850px; } .product-main-content .move-securely-forward { background-position:98% -3050px; } .product-main-content .wireless-mobile-sync { background-position:98% -1050px; } .product-main-content .extensive-security-toolset { background-position:98% -450px; } .product-main-content .effortless-administration { background-position:98% -50px; } /* === E-store hacks === */ #cart-isp-table input { margin:0; } #cart-isp-table label { vertical-align:text-bottom; margin-left:2px; } #cart-isp-table td { font-size:11px !important; } #cart-isp-table td b { font-size:11px !important; } #cart-isp-table tr td label.active-option-title span { color:#666 !important; } table.prices tbody tr td strong { font-size:11px; } td.strike { font-size:12px; } .soho-price { position:relative; top:-61px; left:471px; text-decoration:none; outline:none; } a.button-big-blue { float:left; overflow:hidden; padding-left:19px; padding-bottom:13px; height:33px; line-height:33px; background:url(/images/74-layout/button-big-blue.png) left top no-repeat; text-decoration:none !important; } a.button-big-blue span { float:left; padding-right:18px; padding-bottom:13px; background:url(/images/74-layout/button-big-blue.png) right top no-repeat; font:900 15px Arial,sans-serif; height:33px; line-height:33px; color:#fff; text-shadow:-1px -1px 1px #335171; text-decoration:none; cursor:pointer; } a.button-big-blue:hover span { text-shadow:-1px -1px 1px #78a1cd; } a.button-small-silver { float:left; overflow:hidden; padding-left:15px; padding-bottom:3px; height:23px; line-height:23px; background:url(/images/74-layout/button-small-silver.png) left top no-repeat; text-decoration:none !important; } a.button-small-silver span { float:left; padding-right:16px; padding-bottom:2px; background:url(/images/74-layout/button-small-silver.png) right top no-repeat; font:900 15px Arial,sans-serif; letter-spacing:-1px; height:24px; line-height:24px; color:#707070; text-shadow:0 0 2px #F6F6F6, 0 1px 1px #FAFAFA; text-decoration:none; cursor:pointer; } a.button-small-silver:hover span { color:#555; } /* to be used with button-small-silver */ a.pdf-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-pdf.png) left top no-repeat; } /* to be used with button-small-silver */ a.doc-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-doc.png) left top no-repeat; } /* to be used with button-small-silver */ a.xls-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-xls.png) left top no-repeat; } /* to be used with button-small-silver */ a.ppt-silver { padding-left:30px; background:url(/images/74-layout/button-small-silver-ppt.png) left top no-repeat; } /* to be used with button-small-silver */ a.blank-silver { padding-left:15px; background:url(/images/74-layout/button-small-silver-blank.png) left top no-repeat; } a.blank-silver span { padding-right:30px; background:url(/images/74-layout/button-small-silver-blank.png) right top no-repeat; } /* to be used with button-big-blue */ a.pdf-blue { padding-left:38px; background:url(/images/74-layout/button-big-blue-pdf.png) left top no-repeat; } a.greyed-out span { color:#9f9f9f !important; text-shadow:0 0 2px #F6F6F6, 0 1px 1px #FAFAFA; } a.button-small-blue { float:left; overflow:hidden; padding-left:15px; padding-bottom:3px; height:23px; line-height:23px; background:url(/images/74-layout/button-small-blue.png) left top no-repeat; text-decoration:none !important; } a.button-small-blue span { float:left; padding-right:16px; padding-bottom:2px; background:url(/images/74-layout/button-small-blue.png) right top no-repeat; font:900 15px Arial,sans-serif; letter-spacing:-1px; height:24px; line-height:24px; color:#fff; text-shadow:-1px -1px 1px #3092ae; text-decoration:none; cursor:pointer; } a.button-small-blue:hover span { text-shadow:-1px -1px 1px #78a1cd; } /* === SOLUTIONS === */ .v74-white-container { width:756px; background:#fff url(/images/74-layout/sol-container-tile.gif) 0 0 repeat-x; margin:0 auto; text-align:left; padding-top:25px; } .v74-white-container .center-tagline { text-align:center; font:100 15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#7d7d7d; margin:10px 5px; letter-spacing:-1px; } .v74-white-container .center-tagline b, .v74-white-container .center-tagline strong { font:100 15px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#111; } .solutions-features { width:741px; margin-left:9px; margin-top:20px; } .solutions-features .container-mid { background:url(../images/74-layout/solutions-container-mid.gif) repeat-y; } .solutions-features .container-top { background:url(../images/74-layout/solutions-container-top.jpg) 0 0 no-repeat; } .solutions-features .container-bot { background:url(../images/74-layout/solutions-container-bot.gif) 0 100% no-repeat; } .solutions-features .liner { border-bottom:1px solid #dcdcdc; margin-left:10px; margin-right:11px; padding-left:9px; } .solutions-features .liner.no-border { border:0; } .solutions-features .liner.no-yes { background:url(/images/74-layout/no-yes.gif) 100% 50% no-repeat; } .solutions-features .liner.yes-yes { background:url(/images/74-layout/yes-yes.gif) 100% 50% no-repeat; } .solutions-features .liner.yes-no { background:url(/images/74-layout/yes-no.gif) 100% 50% no-repeat; } .solutions-features .liner.first { padding-top:20px; } .solutions-features .liner.last { padding-top:27px; padding-bottom:27px; } .solutions-features .liner .column { float:left; display:inline; } .solutions-features .liner .label { margin-right:12px; width:340px; font:100 13px Arial,sans-serif; color:#555555; padding:4px 0; } .solutions-features .liner .label .description { font:100 10px Arial,sans-serif; color:#7d7d7d; display:block; line-height:11px; margin:2px 0; } .solutions-features .liner .product { width:179px; text-align:center; } .solutions-features h1 { font:900 17px Arial,sans-serif; color:#464646; text-transform:uppercase; letter-spacing:-1px; margin:0; } .solutions-features h2 { font:900 16px Arial,sans-serif; color:#646464; margin:0; letter-spacing:-1px; } .solutions-features h2.blue { font:900 16px Arial,sans-serif; color:#00aeef; margin:12px 0 5px 0; letter-spacing:-1px; } .solutions-features h2 a { font:900 16px Arial,sans-serif; color:#464646; letter-spacing:-1px; } .solutions-features h2 a:hover { color:#4fa2b8; } .solutions-free { background:url(/images/74-layout/branding-office-stack-simple.jpg) 0 0 no-repeat; padding:10px 15px 35px 240px; margin-bottom:40px; } .solutions-free p { font:100 13px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color:#555555; } .solutions-free h2 a { font:900 17px Arial,sans-serif; color:#464646; letter-spacing:-1px; } .solutions-free h2 a:hover { color:#4fa2b8; } /* === Supported Platforms === */ small.platform-64 { font:200 12px "Source Sans Pro",sans-serif; line-height:13px !important; vertical-align: text-top; color:#999999; background:#fff; border:solid 1px #e6e6e6; width:50px; padding:5px 0px; margin:0 auto; display: block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-transform:uppercase; } small.platform-64-none{ border:solid 1px #fff; } .file-size span{visibility:hidden;} .hovered .file-size span{visibility:visible;} /* .hovered small.platform-64 { background:#ccc; color:#111; } */ .supported-platform { margin-right: 0; } .supported-platform .platform-64 { float: right; padding: 0px 4px; margin: 0 5px 0 0; cursor: default; } .new-axigen-logo { float:left; margin-top:18px; margin-left:14px; } .new-layout .go-search { position:absolute; right:8px; top:28px; } .new-layout .input-search { border: 0; font:100 11px Tahoma,Arial,sans-serif; line-height:11px; width:129px; padding:3px 0 2px 4px; border:1px solid #ddd; border-right:0; position:absolute; right:29px; top:28px; } .input-blurred { color: #A1A19F; } .new-header-hotline { position:absolute; right:174px; top:10px; } .new-header-contact { position:absolute; right:361px; top:9px; } .new-layout .searchSuggestBox { right:6px; top:47px; } .new-layout .searchSuggestTitle { background-color:#211a18; } .new-layout .searchSuggestResults li.suggest-results { background-image: url(/img/new-suggest-search-bg.gif); } .new-layout #menu-container-inner { width:auto; } .new-layout #menu-container-inner #center { width:auto; height:auto; padding:0px; } .new-layout #menu-container-inner #center #menu { margin:0; } .v74-wrapper .new-header-pic, .large-header-banner { position: relative; width:960px; margin:10px auto 0 auto; background-position: center -3px; } .v74-wrapper .large-header-banner { height: 174px; } .new-layout #menu-container { width:auto; } .new-layout #nContainer { width:auto; background: none; padding-bottom: 40px; } .new-layout #nContainer #nnContainer { width:auto; background: none; } .new-layout #nContainer #nnContainer #mContainer { margin:0; padding:0 4px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner { background: none; padding-left: 0; width:960px; } .new-layout .new-wrapper #nContainer #nnContainer #mContainer .new-mainPart-inner { width:700px !important; } .new-layout #mContainer #rightPart-inner { margin-left:4px; } .new-layout #mainPart-inner #leftMenu ul li .leftSub { padding-left:15px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { width:260px; margin-top:3px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #content { padding-right:0; } .new-layout .left-separator-true { background: url(/images/new-content-shadow.png) 0 0 no-repeat; padding-left: 30px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul { margin-bottom:25px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li { margin:0; background: none; line-height: 22px; padding-bottom: 0; margin-bottom: 0; margin-top:1px; padding-left:0; width:225px; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a { font: 100 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; color: #6B6D6E; margin: 0; padding: 0; width: auto; background: none !important; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span { display: block; font: 100 16px/22px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; letter-spacing:-1px; border-bottom:1px solid #e5e5e5; color: #838383; background: none; padding: 5px 9px 10px 0; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span { color: #222222; background-image: none; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li div.activ { border-bottom:1px solid #e5e5e5; font: 100 16px/22px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; letter-spacing:-1px; color: #222222; background: none; padding: 5px 9px 10px 0; } .new-resources-hosted { margin-left:0; } .new-resources-hosted h3 { font: 900 14px Arial,sans-serif; letter-spacing: -1px; color: #1f1816; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted ul, .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted li { margin: 0; padding: 0; background: none; } .new-resources-hosted ul { margin-bottom: 20px !important; } .new-resources-hosted ul li { margin-bottom: 5px !important; float:left; clear:left; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted a { font: 100 11px/14px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; text-decoration: underline; color:#4195ae !important; } .new-layout #nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .new-resources-hosted a:hover { text-decoration: none; } /* --- Design Elements --- */ .version7-container ul, .version7-container ul li { padding:0; margin:0; } .version7-container ul li { background:#FFFFFF url(/img/li-square.gif) no-repeat scroll left 5px; line-height:15px; } .version7-container h1, h1.bold-normal { font:100 24px "Source Sans Pro",sans-serif; color:#1f1816; letter-spacing:-1px; margin-top:20px; margin-bottom:15px; } .version7-container h1 b, h1.bold-normal b { font:900 24px "Source Sans Pro",sans-serif; color:#1f1816; letter-spacing:-1px; margin-top:20px; margin-bottom:15px; } .version7-container h2.level2-subtitle { font:100 19px "Source Sans Pro",sans-serif !important; color:#2b2b2b; letter-spacing:-1px; margin-bottom:20px !important; } .version7-container h2.level2-subtitle b { font:900 19px "Source Sans Pro",sans-serif !important; color:#2b2b2b; letter-spacing:-1px; margin-bottom:20px !important; } .version7-container .key-feature-list li { list-style:none; background:none !important; font:900 12px "Source Sans Pro",sans-serif !important; color:#1c1716; } .version7-container .product-description { font:100 12px "Source Sans Pro",sans-serif; color:#555; line-height:16px; padding-top:10px; } /* For the introductory text (new style) */ .version7-container .new-product-description { font: 100 22px/25px "Source Sans Pro",sans-serif; color: #838383; letter-spacing: 0; } .version7-container .green-highlight { color:#628a17; } .version7-container .product-features li { background:none; list-style:none; } .version7-container .product-features li span { color:#fff; font:100 12px "Source Sans Pro",sans-serif; background:#292523; line-height:17px; height:17px; padding:1px 5px !important; } .version7-container .screenshot-box-left { float: left; width: 150px; height: 100px; margin-right: 10px; } .version7-container .screenshot-box-right { float: right; width: 150px; height: 100px; margin-left: 10px; } /* === New Webinars === */ .webinar-title { text-align: center; font:200 28px "Source Sans Pro",sans-serif !important; } .webinar-subtitle { font:400 14px "Source Sans Pro",sans-serif !important; margin-top:0 !important; color:#757e80 !important; text-align: center; } .webinar-long-description { margin: 0 auto; } .webinar-details-top { background: url(/images/webinars/webinar-details.gif) 0 0 no-repeat; padding:12px 10px 0 55px; } .webinar-details-bot { width: 590px; background: url(/images/webinars/webinar-details.gif) 0 100% no-repeat; margin: 15px auto; padding-bottom: 10px; } .webinar-info-top { background: url(/images/webinars/webinar-info.gif) 0 0 no-repeat; padding: 12px 10px 0 52px; } .webinar-info-bot { margin: 0 auto !important; width: 590px; background: url(/images/webinars/webinar-info.gif) 0 100% no-repeat; margin: 15px 0; padding-bottom: 10px; } .webinar-details a { text-decoration: underline; } .webinar-details a:hover { text-decoration: none; } .webinar-details ul { margin:5px 0 0; padding:0; list-style:none; background:none; } .webinar-details ul li { width: 240px; float:left; } .webinar-long-description { width: 590px; } .new-form-container-mid { margin: 0 auto; width:691px; background: url(/images/webinars/webinar-form-mid.gif) 0 0 repeat-y; margin-top:20px; } .new-form-container-top { background: url(/images/webinars/webinar-form-top.gif) 0 0 no-repeat; } .new-form-container-bot { background: url(/images/webinars/webinar-form-bot-nomsg.jpg) left bottom no-repeat; padding:20px 20px 26px 7px; position:relative; } .info .new-form-container-bot { background-image: url(/images/webinars/webinar-form-bot-info.jpg); } .error .new-form-container-bot { background-image: url(/images/webinars/webinar-form-bot-error.jpg); } .new-form-column { float:left; width:650px; display:inline; } .webinar-form-left { width:270px; } .webinar-form-right { width:285px; } .contact-form-left { margin-left:15px; } .new-form-column fieldset { border:0; margin:20px 0 30px; padding:0; } .new-form-column label { float:left; clear:left; width:85px; margin-top:5px; font-size:11px; font:400 13px "Source Sans Pro",sans-serif; color:#494545; } .new-form-column label span.mandatory { font:200 12px "Source Sans Pro",sans-serif; color:#ff7a00; } .new-form-column input, .new-form-column select, .new-form-column textarea { float:left; width:190px; margin-top:5px; font:400 12px "Source Sans Pro",sans-serif; padding:2px; border:1px solid; border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; background:#fefefe; } .new-form-column input:focus, .new-form-column select:focus, .new-form-column textarea:focus { border-color:#878787 #eee #eee #878787; background:#fff; } .new-form-column select { height:20px; padding:1px; width:196px; } .new-form-column select option { font:400 12px "Source Sans Pro",sans-serif; padding:2px; } .new-form-column fieldset input.captcha { margin: 0 0 0 85px; } .new-form-column fieldset input.error { background:#fcc url(/images/webinars/webinar-field-error.gif) 3px 4px no-repeat; color:#c00 !important; padding-left:17px; width:265px; } .new-form-column fieldset select.error { background:#fcc url(/images/webinars/webinar-field-error.gif) 2px center no-repeat; color:#c00 !important; padding-left:17px; width:286px; } .new-form-column fieldset.wide-fieldset select.error { width:498px; } .new-form-column fieldset select.error-wide { background-position: 3px center; width:498px; } .new-form-column h3 { font:600 17px "Source Sans Pro",sans-serif; margin-top:10px; margin-bottom:0; color:#332b27; } .new-form-column .registration-code { width: 460px; } .new-form-column .error.registration-code { width: 449px !important; } .contact-form-left label { width:140px; margin-top:11px; color:#555; } .contact-form-left fieldset { margin:15px 0; } .contact-form-left input, .contact-form-left textarea { width:484px; font:100 13px "Source Sans Pro",sans-serif; padding:3px 6px; color:#666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .contact-form-left select { width:498px; height:24px; font:100 13px "Source Sans Pro",sans-serif; padding:3px; padding-top:2px 2px 2px 3px; outline:none; color:#666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .contact-form-left select option { font:100 13px Arial,sans-serif; padding:3px 10px; } .contact-form-left textarea { font:100 13px/19px "Source Sans Pro",sans-serif; padding:2px 2px 2px 6px; height:76px; width:488px; color:#666; } .contact-form-left input.error, .contact-form-left textarea.error { background:#fcc url(/images/webinars/webinar-field-error.gif) 3px 4px no-repeat; color:#c00 !important; padding-left:17px; width:473px !important; } .contact-form-left textarea.error { width:477px !important; } .contact-form-left input.error.captcha { width: 231px !important; padding-left: 17px !important; background-position: 3px 8px !important; } .contact-heading { display:none; } .contact-active { display:block !important; } .contact-hotlines { margin-top:5px; color:#666; float:left; width:300px; } .contact-hotlines label { float:left; width:130px; font-weight:900; } .form-small-fields { float:left; width:498px; } .form-small-fields label { clear:none; width:100px; margin-top:11px; } .form-small-fields input { width:37px; margin-right:17px; } .form-cells-separator { background:#edeae8; border:1px solid #e0e0e0; -moz-border-radius:6px; padding:0 10px 10px 10px; } .webinar-messages { color:#fff; position:absolute; width:225px; height:49px; left:7px; bottom:35px; padding-left:40px; } .webinar-message-headline, .new-form-message-headline { font:900 15px "Source Sans Pro",sans-serif; line-height: 22px; margin-top: 4px; display: block; } .webinar-message-body, .new-form-message-body { font:100 12px "Source Sans Pro",sans-serif; } .new-form-message-area { color:#fff; width:345px; height:37px; clear:left; } .new-form-message-error, .new-form-message-info { display:none; } .error .new-form-message-error { display:block; } .info .new-form-message-info { display:block; } .new-form-message-area + .formOption { margin-top: 20px!important; } /* === File Input Styling Hack === */ div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 140px; z-index: 1; } div.fakefile input { width: 390px; margin-right: 10px; } input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } /* === New Downloads Page === */ .downloads-container .right-top-link { float:right; margin-right:15px; } .downloads-container .right-top-link a { text-decoration:underline; } .downloads-container .right-top-link a:hover { text-decoration:none; } .downloads-container h2 { font:300 26px/22px "Titillium Web",sans-serif !important; letter-spacing:0px; border-bottom:1px solid #eee; margin-top:0 !important; color:#4fa2b8; padding-bottom: 8px; margin-top: 10px; padding-top:10px; } .downloads-container h3 { font:900 11px 'Tahoma','Arial','sans-serif'; line-height:22px; margin-top:15px; } .downloads-container p.pre-description { margin: 10px 0; } .downloads-container label { float:right; width:80px; text-align:center; font:900 13px 'Arial','sans-serif'; margin-top:8px; } .downloads-container ul.built-in li { line-height:18px; border-bottom:1px solid #e5e4e3; color:#494544; } .downloads-container ul.on-demand li { line-height:18px; border-bottom:1px solid #e5e4e3; color:#494544; } .downloads-table{ width:100%; margin:55px auto 25px; } .private-area .downloads-container{ margin-top:20px; } .private-area .downloads-table{ width:100%; margin:20px auto 25px; } .downloads-table .downloads-kit-name { color:#559eb9 !important; font-family:"Source Sans Pro",sans-serif !important; font-weight:200; font-size:24px !important; line-height:29px !important; text-decoration:none !important; } .downloads-table .downloads-kit-description { width: 500px; padding-bottom: 2px; font-family: "Source Sans Pro",sans-serif; font-size: 14px !important; font-weight: 400; line-height: 19px !important; color: #757e80; opacity: 0.7; } .downloads-table .dclass{ color:#757e80; font-family:"Source Sans Pro",sans-serif; font-size:14px !important; font-weight:400; line-height:19px !important; padding:5px; opacity: 0.7; } .downloads-container tr.hovered { background:rgba(79, 155, 181, .1); cursor:pointer; color:#999999; } .downloads-container tr.hovered a { text-decoration:none; } .downloads-container tr.hovered .tahoma-small { } .buy-container tr.active { background-color:#fff; cursor:default; } .downloads-container td { vertical-align: middle; padding:20px 5px; border-bottom:1px solid rgba(79, 155, 181, .1);; border-collapse:collapse; } .downloads-container tr.hovered:first-child td{ border-top:1px solid rgba(79, 155, 181, .1);; border-radius: 3px; } .downloads-container tr:first-child td{ border-top:1px solid #fff; border-radius: 3px; } .downloads-container .hovered td:first-child{ border-left:1px solid rgba(79, 155, 181, .1);; border-radius: 3px; } .downloads-container .hovered td:last-child{ border-right:1px solid rgba(79, 155, 181, .1);; border-radius: 3px; } .downloads-container td:first-child{ border-left:1px solid #fff; border-radius: 3px; } .downloads-container td:last-child{ border-right:1px solid #fff; border-radius: 3px; } .downloads-container .no-bottom-border td { border:0; } .downloads-container td p { font:100 10px 'Tahoma','Arial','sans-serif'; color:#898989; } .downloads-container td.download-now { text-align:center; font-size:10px; color:#777; } .downloads-container td.download-now a, div.jobs-listing a { background:url(/images/74-layout/button-download.gif) center 0px no-repeat; padding:2px 0 2px; color:#555 !important; display:block; text-align:center; text-shadow:0 0 2px #F6F6F6, 0 1px 1px #FAFAFA; font-size: 10px; text-decoration:none !important; } .downloads-container td.download-now a:hover, .downloads-container td.download-now a.hovex, div.jobs-listing a:hover { background-position:center -20px; color:#fff !important; text-shadow:-1px -1px 1px #3092AE; text-decoration:none; } .request-platform{ color:#666666; font-family:"Source Sans Pro",sans-serif; font-size:16px; font-weight:200; line-height:19px !important; text-align:center; } .request-platform a{ color:#4c8ea6; font-size:16px; font-weight:200; display:block; margin-bottom: 40px; } /* Downloads tabs */ .downloads-tab-menu ul{ position: absolute; top: 240px; width: auto !important; display: table; margin: 0 auto; } .downloads-tab-menu ul li { display: inline-block; width: auto; padding: 0 3px; background:none;} .downloads-tab-menu ul li a{ position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid #49626b; border-radius: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase; line-height: 14px; text-align: center; vertical-align: middle; } .downloads-tab-menu ul li a span { padding: 0; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; color: #dadfe1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } .downloads-tab-menu ul li.ui-tabs-active a span{ color: #294751; } .downloads-tab-menu ul li.ui-tabs-active a{ background: #fff; border: 1px solid #fff; } /* ---- Related Links Menu ---- */ .new-simple-bullet { padding-left:20px !important; } .new-simple-bullet li { background:none !important; } .new-simple-numbers { padding-left:30px; margin:0 !important; } .new-simple-numbers img { border:1px solid #aaa; margin-right:5px; margin-top:10px; margin-bottom:15px; } .increased-spacing { margin-top:30px !important; margin-bottom:10px !important; } .partners-banners { padding-left:10px !important; } .partners-banners li { list-style:none !important; background:none !important; padding:2px 0 !important; } .partners-banners li input { vertical-align:text-bottom; } .webmail-demo-read-more { display:block; margin-top:5px; background:url(/images/webmail-demo-readmore-icon.gif) 0 1px no-repeat; padding-left:7px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif; font-size:11px; } .regular-blue-dots { color: #049DE5; background: url('/img/link_dots_blue.gif') repeat-x left bottom; text-decoration: none !important; } .regular-blue-dots:hover { background:none; } /* === 404 page === */ .background-404 { background: url(/images/74-layout/404-bg.png) right top no-repeat; padding:0 400px 0 20px; margin-bottom:60px; min-height:500px; } .v74-container .bolder { font-weight:900; } /* ----------------------------------------------------------- ** 2015 Styles ** The section below overrides the above v7 declarations ** -------------------------------------------------------- */ body { overflow-x: hidden; } .button-big-rounded { display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 54px; padding: 3px 20px; background: #000; border-radius: 30px; color: #fff; line-height: 56px; font-size: 17px; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; } .v74-header-padding { transition: all 0.2s ease-out; } a.top-logo { float: none; transition: all 0.2s ease-out; overflow: visible; height:38px; } ul.dark-demo-menu + #siteWrapper a.top-logo { position: absolute; left: 230px; top: 15px; width: 47px; height: 40px; background:url(/img/2015/axigen-logo-2015.svg) top left no-repeat; background-size: 150px 36px; } ul.dark-demo-menu.hidden + #siteWrapper a.top-logo { background:url(/img/2015/axigen-logo-2015.svg) top -20px no-repeat; position: absolute; top: 15px; left: 10px; margin-left: 0; width: 160px; height: 40px; background-size: 150px 36px; } ul.dark-demo-menu.hidden + #siteWrapper a.top-logo:hover { opacity: 1; } /* Drawer Menu */ ul.dark-demo-menu { position: fixed; top: 0; right: 0; bottom: 0; width: 220px; height: 100%; display: inline-block; padding: 85px 0 35px; background: #1c343c; border: none; border-left: 1px solid rgba(255, 255, 255, .05); box-sizing: border-box; z-index: 0; } ul.dark-demo-menu + #siteWrapper p.logo-subtitle { position: absolute; top: -5px; font-size: 28px; font-weight: 200; color: #fff; transition: left 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition: left 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: left 0.2s ease-out, opacity 0.2s ease-out; } ul.dark-demo-menu.hidden + #siteWrapper p.logo-subtitle { left: 68px; } ul.dark-demo-menu:not(.hidden) + #siteWrapper p.logo-subtitle { left: 288px; opacity: .5; } ul.dark-demo-menu.hidden { visibility: visible; } .footer-menu .menu-block:not(.noDisplay) { display: block; } .noDisplay { display: none; } .footer-menu .menu-block.noDisplay + .container-wrap .social-sharing { border-top: none; margin-top: 5px; } .dark-demo-menu.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity: 0; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; opacity: .2; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 6px; opacity: .3; } .dark-demo-menu.mCustomScrollbar:hover .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { width: 6px; opacity: .3; } #siteWrapper { position: relative; transition: right 0.2s ease-out; -webkit-transition: right 0.2s ease-out; background: #4c8ea6; } #siteWrapper > * { transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } ul.dark-demo-menu + #siteWrapper { right: 220px; } ul.dark-demo-menu.hidden + #siteWrapper { right: 0; text-align: center; } ul.dark-demo-menu + #siteWrapper > * { opacity: .85; } ul.dark-demo-menu.hidden + #siteWrapper > * { opacity: 1; } ul.dark-demo-menu li { float: none; } ul.dark-demo-menu li ul { padding: 0 1px 8px;} #siteWrapper .new-wrapper { background: #fff; } /* Header */ .homepage-2014-header h2 { font: 100 18px/20px Arial, sans-serif; width: 500px; text-align: center; color: #999; margin-left: auto; margin-right: auto; } .homepage-2014-demos { width: 100%; height: 205px; margin: 0 auto; position: absolute; bottom: 0; text-align: center; } .homepage-2014-demos div { width: 33.33333333%; float: left; } .homepage-2014-demos div a { height: 160px; padding-top: 45px; display: block; text-align: center; text-decoration: none; outline: none; cursor: pointer; } .homepage-2014-demos div.wm a { background: #55c6b9; border-right: 1px solid #1a2e34; } .homepage-2014-demos div.wa a { background: #498aa1; border-right: 1px solid #1a2e34; } .homepage-2014-demos div.t a { background: #4a8ab7; } .v74-header-padding { text-align: left; } .v74-header .top-logo { float: left; display: inline-block; width: 186px; } .v74-header .dark-demo-hide-menu-button { display: none; } .v74-header .dark-demo-hide-menu-button, .v74-header .dark-demo-show-menu-button { border: 1px solid #2f525d; border-radius: 2px; } /* new version dark_demo_buttons_201410 */ .homepage-default-dark-header .v74-grey-top { background: #1a2e34 url('/img/2015/header-bg.png') center top; margin-bottom: 50px; } .homepage-default-dark-header .homepage-2014-10-header-container { position:relative; margin-bottom:0px; margin-top:50px; overflow:hidden; } .homepage-default-dark-header .v74-demos-container { width: 100%; } .homepage-default-dark-header .v74-demos-links { left: 0; bottom: 0; width: 100%; margin-left: auto; margin-right: auto; } .homepage-default-dark-header .v74-demos-links a { height: 180px; margin-top: 0; } .homepage-default-dark-header .v74-demos-links a div.vspacer { float: right; height: 215px; width: 1px; background:#e6e6e6; margin-top:-35px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webmail { width: 33.33333333%; background: #55c6b9; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webadmin { width: 33.33333333%; background: #559eb9; } /* .homepage-default-dark-header .v74-demos-links a.v74-demos-download { width: 33.33333333%; background: #3a87bd !important; } */ .homepage-default-dark-header .homepage-76-header { background: url(/img/2014/homepage-header-ab-test.svg) center top no-repeat; } .homepage-default-dark-header .v74-demos-links a h3 { font: 24px/20px 'Titillium Web', light, Arial, sans-serif; color: #fff; margin: 26px 0 7px 0; } .homepage-default-dark-header .v74-demos-links a span { display: block; color: #fff; } .homepage-default-dark-header .v74-demos-links a span.but { border: 1px solid #fff; padding: 8px 30px; border-radius: 30px; width: 65px; margin: 20px auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; font-family: 'Source Sans Pro',semibold; } .phpab-control .v74-demos-links a span.but:hover { border: 1px solid #fff; background: #fff; color: #367287; } .homepage-default-dark-header .nav-dark{ list-style-type:none; float:right; } .homepage-default-dark-header .nav-dark li{ float:left; } .homepage-default-dark-header .nav-dark li a{ display:block; } .homepage-default-dark-header .v74-demos-container { width: 100%; } .homepage-default-dark-header .v74-demos-links { left: 0; bottom: 0; width: 100%; margin-left: auto; margin-right: auto; } .homepage-default-dark-header .v74-demos-links a { height: 180px; } .homepage-default-dark-header .v74-demos-links a div.vspacer { float: right; height: 215px; width: 1px; background:#1c3a42; margin-top:-35px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webmail { width: 33.33333333%; background: #55c6b9; } .homepage-default-dark-header .v74-demos-links a.v74-demos-webadmin { width: 33.33333333%; background: #559eb9; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download { width: 33.33333333%; background: #dc6060!important; } .homepage-default-dark-header .v74-grey-top h1 { text-align: center; font-family: 'Titillium Web' !important; color: #fff; font-size: 40px; margin-top:40px; line-height:62px; } .homepage-default-dark-header .v74-grey-top span.banner-subtitle{ text-align: center; font-family: "Source Sans Pro", light; color: #8c9ba1; font-size: 24px; line-height:26px; font-weight: lighter; } .homepage-default-dark-header .homepage-76-header { background: url(/img/2014/header-img.svg) center top no-repeat; height:43vh; width: auto; } .homepage-default-dark-header .v74-demos-links a span { display: block; color: #fff; } .homepage-default-dark-header .v74-demos-links a span.but { border: 1px solid #fff; padding: 8px 30px; border-radius: 30px; width: 75px; margin: 20px auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; font-family: 'Source Sans Pro',semibold; } .homepage-default-dark-header .v74-demos-links a span.but:hover { border: 1px solid #fff; background: #fff; color: #367287; } .nav-top { position: absolute; display: inline-block; list-style: outside none none; padding-left: 0; transition: right 0.2s ease-out; right: 30px; } ul.dark-demo-menu + #siteWrapper .nav-top { position: fixed; right: 55px; } ul.dark-demo-menu.hidden + #siteWrapper .nav-top { position: absolute; right: 30px; } .nav-top li { display: block; position: relative; float:left; border: 1px solid transparent; } .nav-top li a { text-transform: uppercase; padding: 12px 15px; line-height: 20px; display: block; color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; font-family: 'Source Sans Pro',sans-serif; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } .nav-top li a.none { display: none; } .nav-top li a:hover, .nav-top > li > a:focus { color: #49889f; } .nav-top li a .burger { position: relative; top: 1px; display: inline-block; margin-right: 1px; width: 13px; cursor: pointer; } .nav-top li a .burger > span { display: block; height: 2px; margin-bottom: 1px; background: #fff; } .nav-top li a .burger > span.burger-4 { margin-bottom: 0; } .nav-top li a:hover .burger span { background: #49889f; } .homepage-default-dark-header .dark-demo-hotline { background: none; color: #8c9ba1; font-family: 'Source Sans Pro',sans-serif; font-size: 13px; font-weight: 600; top: 28px; left: 640px; padding: 0px; margin: 0; position: absolute; text-decoration: none !important; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-earphone:before { content: "\e182"; } * { font: 14px/18px "Source Sans Pro", sans-serif; font-weight: 400; } a { text-decoration: none !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } a:hover { opacity: .7; } .v74-header { width: auto; } ul.v74-menu-container { margin-top: 0; } ul.v74-menu-container .mask { position: fixed; width: 200px; height: 80px; top: 0; background: #1c343c; z-index: 100; } ul.v74-menu-container .mask::after { position: absolute; bottom: 0; sdisplay: block; margin-left: 20px; width: 180px; height: 1px; background: rgba(255, 255, 255, .1); content: ""; } ul.v74-menu-container.hidden .mask { display: none; } ul.v74-menu-container .close { position: fixed; right: 10px; top: 10px; float: right; width: 20px; height: 20px; cursor: pointer; opacity: .5; z-index: 101 } ul.v74-menu-container .close::before { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 2px; background: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } ul.v74-menu-container .close::after { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 2px; background: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } ul.v74-menu-container li { text-align: left; width: 190px; } ul.v74-menu-container li > a.main-navigation, ul.v74-menu-container li > a.main-navigation:link, ul.v74-menu-container li > a.main-navigation:visited { width: 165px; height: auto; text-transform: uppercase; padding: 10px 20px; line-height: 20px; display: block; color: #fff; font-family: 'Titillium Web',sans-serif; font-size: 18px; font-weight: 300; transition: all 0.2s ease-in-out 0s; text-decoration: none; } ul.v74-menu-container li > a.main-navigation:hover { color: #4c8ea6; } ul.v74-menu-container > li::before { display: block; margin: 0 0 3px 20px; width: 180px; height: 1px; background: rgba(255, 255, 255, .1); content: ""; } ul.v74-menu-container > li.first::before { display: none; } .product-top-headings h2 a { color: #000 !important; font: 24px/20px 'Titillium Web', Arial, sans-serif; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2 a:hover { color: #4fa2b8 !important; opacity: 1; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2 a:hover span { color: #4fa2b8 !important; } .new-wrapper { width: 100%; } .axi-2015-header-container { height: 320px; background: #1a2e34 url('/img/2015/header-bg.png') center top; } .full-header .axi-2015-header-container { height: calc(100vh - 5px); } .small-header .axi-2015-header-container { height: 220px;} .axi-2015-header-container .new-header-pic { margin-top: -30px; height: auto; text-align: center; } .full-header .axi-2015-header-container .new-header-pic { margin-top: calc(50vh - 150px); } .small-header .axi-2015-header-container .new-header-pic { margin-top: -50px; } .axi-2015-header-container .new-business-header, .axi-2015-header-container .new-isp-header, .axi-2015-header-container .new-isph-header, .axi-2015-header-container .new-free-header, .axi-2015-header-container .new-about-us-header, .axi-2015-header-container .new-partners-header, .axi-2015-header-container .new-support-header, .axi-2015-header-container .new-download-header { background: none !important; } .axi-2015-header-container .v74-header-banner h1 { position: static; margin: 0; font-family: 'Titillium Web' !important; color: #fff; font-size: 36px; margin-top: 40px; line-height: 62px; font-weight: 200; letter-spacing: 0; } .small-header .axi-2015-header-container .v74-header-banner h1 { margin-top: 30px; } .full-header .axi-2015-header-container .v74-header-banner h1 { margin-top: 30px; font-size: 48px; } .axi-2015-header-container .v74-header-banner h3 { position: static; margin: -5px 0 0; font-family: "Source Sans Pro", light; color: #8c9ba1; font-size: 22px; line-height: 26px; font-weight: lighter; text-transform: none; letter-spacing: 0; line-height: normal; } .full-header .axi-2015-header-container .v74-header-banner h3 { margin-top: -100px; font-size: 26px; color: #fff; opacity: .7; font-weight: 200; } .three-colors { background: #1a2e34; height: 4px; padding: 1px 0; } .three-colors div { width: 33.33333333%; height: 4px; float: left; } .three-colors div:nth-child(1) { background: #55c6b9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(2) { background: #559eb9; border-right: 1px solid #1a2e34; box-sizing: border-box; } .three-colors div:nth-child(3) { background: #dc6060; } /* Legacy left vertical menu: transform to horizontal menu */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner { float: none; margin: 0 auto; width: 960px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { position: absolute; top: 240px; left: 0; width: 100% !important; } .small-header #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu { top: 140px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul { display: table; margin: 0 auto; padding:0; list-style-type: none; /*max-width: 960px;*/ } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li { display: inline-block; width: auto; padding: 0 3px; } .tabs-link { display: block; width: auto; padding: 0 3px; margin:10px;} #tabs ul { width: 150px; float: left;} #tabs .ui-tabs-panel { width: 750px; float: right; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a, .tabs-link a { position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid rgba(85, 180, 185, .3); border-radius: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase;you line-height: 14px; text-align: center; vertical-align: middle; } .tabs-link a { outline: none; } .ui-tabs-active a { background: none repeat scroll 0 0 #559eb9; color: #fff !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span, .tabs-link a span { padding: 0; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0; color: #559eb9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover { opacity: 1; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a:hover span { color: rgba(255, 255, 255, .7); } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li div.activ { position: relative; display: table-cell; margin: 0 3px; height: 28px; padding: 3px 20px !important; border: 1px solid #fff; border-radius: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 400; text-transform: uppercase; line-height: 14px; text-align: center; vertical-align: middle; background: #fff !important; font-size: 13px; letter-spacing: 0; color: #559eb9; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a.activ { cursor: pointer; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:hover, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:hover span { color: #559eb9; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ::after { position: absolute; bottom: -8px; left: 50%; margin-left: -7px; width: 0; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content { width: 100% !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner { margin-top: 10px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container { padding: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description b { font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: left; font-size: 22px; color: #58646a; line-height: 1.2em; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-description:only-child { text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-blue, .downloads-container td.download-now a{ display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 34px; padding: 3px 20px; background: #559eb9; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue span, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-blue span { float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; letter-spacing: 0; text-shadow: none; text-transform: uppercase; } .downloads-container td.download-now a{ font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; letter-spacing: 0; text-shadow: none; text-transform: uppercase; color: #fff!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .diagram-showcase { width: 700px; margin: 30px auto 0 auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col { float: left; display: inline-block; margin-top: -10px; width: 450px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col { float: right; display: inline-block; margin-top: -10px; width: 450px; } #mainPart-inner #content #cPartner h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 a { font: 300 26px/22px 'Titillium Web', sans-serif !important; letter-spacing: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .inner-pages-listing h2 { font:400 14px/18px "Source Sans Pro", sans-serif !important; border: none; background: none; color: #707070; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content .no-icon h2 { background: none; } #mainPart-inner #content #cPartner h3, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description h3 { font: 300 22px/24px "Source Sans Pro", sans-serif !important; margin: 24px 0 12px; color: #000; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 a:hover { text-decoration: none !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description p { font: 400 14px/18px "Source Sans Pro", sans-serif !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .foot-notes p a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content li a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .version7-container .product-description a, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .cta-demos-description a { font-family: "Source Sans Pro", sans-serif !important; font-size: 13px; font-weight: 400; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p br + a { display: inline-block; margin-top: 10px; text-transform: uppercase; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col-special { float: right; display: inline-block; margin-top: 0; width: 450px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver { float: none; display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 28px; padding: 3px 20px; background: none; border: 1px solid #559eb9; border-radius: 20px; line-height: 30px; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver span { float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; line-height: normal; letter-spacing: 0; text-shadow: none; text-transform: uppercase; color: #559eb9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a { /* background: none; */ } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.no-text { min-width: 17px; padding: 3px 10px; outline: none; } #product-kits .downloads-container .downloadForm img { margin-bottom: 5px; opacity: .75; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out false; -o-transition: opacity 0.2s ease-in-out false; transition: opacity 0.2s ease-in-out; } #product-kits .downloads-container .hovered .downloadForm img { opacity: 1; } .product-main-content .leftnav, .product-main-content .rightnav { position: relative; margin-top: -6px; padding: 0; background: none; } .product-main-content .paging-next > .leftnav a::after { position: absolute; top: 3px; right: 6px; width: 0px; border-left: 10px solid #559eb9; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; } .product-main-content .paging-prev > .leftnav a::after { position: absolute; top: 3px; left: 6px; width: 0px; border-right: 10px solid #559eb9; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; } .product-main-content .paging-next > .leftnav a.no-text::after { top: 15px; right: 20px; } .product-main-content .paging-prev > .leftnav a.no-text::after { top: 15px; left: 20px; } .product-main-content .paging-next > .leftnav a, .product-main-content .paging-prev > .leftnav a { color: #559eb9 !important; font: 400 15px/18px "Source Sans Pro",sans-serif; } .search-page-form { border: none; } .search-page-form form { position: relative; margin: 0 !important; border: none; } .search-page-form form .search-page-input { width: 100%; padding: 10px 35px 10px 5px; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: normal; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; text-align: center; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .search-page-form form .search-page-input:focus { border: 1px solid #559eb9; color: #559eb9; } .search-page-form form .search-page-input::-webkit-input-placeholder { color: #757e80; } .search-page-form form .search-page-input::-moz-placeholder { color: #757e80; } .search-page-form form .search-page-input:-ms-input-placeholder { color: #757e80; } .search-page-form form .search-page-input:focus::-webkit-input-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form .search-page-input:focus::-moz-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form .search-page-input:focus:-ms-input-placeholder { color: rgba(117, 126, 128, .5); } .search-page-form form::after { position: absolute; top: 12px; right: 12px; font-family: 'Glyphicons Halflings'; content: "\e003"; color: #559eb9; z-index: 1; } .search-page-image { position: absolute; top: 2px; right: 2px; float: none; width: 35px; height: 40px; border: none; background: transparent; cursor: pointer; outline: none; z-index: 2; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver:hover { background: #559eb9; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-small-silver:hover span { color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3 small.add-on { background: none !important; color: #757e80 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content span.new { position: relative; left: 4px; bottom: 1px; display: inline-block; padding: 0 4px; background: #dc6060; border-radius: 2px; font-size: 11px; color: #fff; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon { background: none !important; color: #000 !important; font: 24px/20px 'Titillium Web', sans-serif; letter-spacing: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon span, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note { margin: 5px 0 2px 0; font: 400 13px/16px "Source Sans Pro", sans-serif; color: #757e80; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon a:hover { color:#559eb9 !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings h2.column-title { font: 300 22px "Source Sans Pro",sans-serif !important; color: #4fa2b8; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings.tab-bg1, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .tab-bg2 { background: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs a { height: auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li { width: 31%; margin-right: 3%; position:relative;} #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li:last-child { margin-right: 0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab a { color: #4fa2b8 !important; border-bottom: 1px solid #eee; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:after, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:before{ top: 138%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:after{ border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:before{ border-color: rgba(235, 235, 235, 0); border-top-color: #ebebeb; border-width: 16px; margin-left: -16px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .dotted-title { font: 300 26px/22px 'Titillium Web', sans-serif !important; letter-spacing: 0; color: #4fa2b8; padding-bottom: 4px !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .estimated-date { color: #757e80; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .center-partners{display:block; margin:0 auto;} #mainPart-inner #content table.round-table { border: 1px solid #eee; border-top: none; } #mainPart-inner #content #aFeatures-panel .productFeaturesTitle h3, #mainPart-inner #content #aPlatforms-panel .productFeaturesTitle h3, #mainPart-inner #content #aUpcoming-panel .productFeaturesTitle h3 { padding-bottom: 10px; border: none; color: #000 !important; } #mainPart-inner #content .productFeaturesTitle + table.round-table { border-top: 1px solid #eee; border-radius: 3px 3px 0 0; } #mainPart-inner #content table.round-table.last { border-bottom: 2px solid #eee; border-radius: 0 0 3px 3px; } #continents, #countries{ border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; background: #fff url(/img/2015/arrow-down.png) top 21px right 20px no-repeat; font-family: "Source Sans Pro"; font-size: 14px; height: 49.6px; width:460px; margin: 0 0 1em; outline: none; cursor: pointer; padding: 1em; resize: none; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #757e80; background-size: 12px 8px; } #continents:disabled, #countries:disabled { opacity: .4; } #countries:focus, #continents:focus{ border: 1px solid rgba(76, 142, 166, .7); color: #4c8ea6; } .x-ie11 select:-ms-expand { display: none; } .striked-title{ font: 300 26px/22px "Titillium Web",sans-serif !important; border-bottom: 1px solid #eee; color: #4fa2b8; padding-bottom: 8px; padding-top: 10px; } .display_partner h3{ color: #000; font: 300 22px/24px "Source Sans Pro",sans-serif; } /* LP - lp-media-home */ .grey-bg .section-solution{ background:none; } .features-overview{ background:#fff; border-top:solid 1px #ccc; height:500px; } .features-overview h4, .features-overview-homepage h2{ padding-top:40px; font-family: 'Titillium Web', sans-serif; font-weight: 200; text-align: center; font-size:36px; line-height:40px; color:#000; margin:0; } .features-overview p{ color:#58646a; font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; line-height:1.4em; width:80%; max-width:460px; margin:20px auto; } .features-first-row{ padding: 40px 0 60px 0; } .features-second-row{ padding:0 0 90px 0; } .color-remote, .color-email, .color-support, .color-availability, .color-security, .color-calendaring{ width:80px; height:80px; border-radius:50px; display:inline-block; position:relative; } .color-remote{ background:#4fb8ad; } .color-support{ background:#d890ad; } .color-availability{ background:#e38080; } .color-security{ background:#fca470; } .color-calendaring{ background:#9aca40; } .color-email{ background:#ffc767; } .features-overview .support{ background:url('/img/2015/lp/support.svg') no-repeat top 55% center; width:80px; height:80px; background-size:32px; display:block; } .features-overview .availability{ background:url('/img/2015/lp/availability.svg') no-repeat center; width:80px; height:80px; background-size:32px 32px; display:block; } .features-overview .security{ background:url('/img/2015/lp/security.svg') no-repeat center; width:80px; height:80px; background-size:32px; display:block; } .features-overview .calendaring{ background:url('/img/2015/lp/calendaring.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; } .features-overview .remote{ background:url('/img/2015/lp/remote.svg') no-repeat center; width:80px; height:80px; background-size:32px 32px; display:block; } .features-overview .email{ background:url('/img/2015/lp/email.svg') no-repeat center; width:80px; height:80px; background-size:45px; display:block; } .features-container{ display: inline-block; margin: 0 35px; width:240px; position:relative; } .features-text{ font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 300; text-align: center; color: #000; line-height:36px; } .btn-features a{ display:inline-block; } .btn-features-border{ background:#ebebeb; height:1px; } .btn-features{ position:relative; width:180px; background:#fff; margin:0 auto; padding-left: 20px; top:-20px; } .screen-demo-wrap{ margin:0 auto; padding-top: 70px; } .screen-demo{ width:100%; clear:both; display: table; background:#ffffff; border-bottom:solid 1px #ebebeb; padding-top:100px; } .screen-demo-wrap-text{ width:50%; display:table-cell; vertical-align:middle; } .screen-demo-wrap-img{ width:50%; display:table-cell; vertical-align:middle; position:relative; overflow:hidden; } .screen-demo-wrap-img.screen-demo-wrap-img-wa { border-radius: 0 3px 0 0; } .screen-demo-wrap-img.screen-demo-wrap-img-wa .right-border { position: absolute; top: 30px; right: 0; width: 1px; height: 100%; background: #ebebeb; } .webclient, .webdemo{ display:block; } .webdemo{ background:url(/img/2015/lp/wa.png) top left no-repeat; width:100%; height: 515px; } .webclient{ background:url(/img/2015/lp/wm.png) top left no-repeat; width:100%; height: 515px; } .screen-demo h2{ font-family: 'Titillium Web', sans-serif; font-size: 36px; font-weight: 200; text-align: left; color: #000; line-height:36px; margin-top:0; } .screen-demo p{ font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: left; font-size: 20px; color: #58646a; line-height:1.4em; } .text-demo{ width:100%; max-width:425px; display:inline-block; vertical-align: top; padding:70px 0; } .text-demo a{ display:inline-block; margin-top: 20px; } .screen-demo .button-container { display: table; margin: 50px auto 0; } .screen-demo a.button-big-blue, .btn-features-border a.button-big-blue{ display: table-cell; margin: 10px 0 0 10px; min-width: 100px; height: 34px; padding: 3px 20px; background: #559eb9; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; float: none; } .screen-demo a.button-big-blue span, .btn-features-border a.button-big-blue span{ float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 14px; line-height: normal; letter-spacing: 0; text-shadow: none; text-transform: uppercase; } /* Media queries small screens for LP Media Home*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .all-features .features-container{ margin: 15px 35px; } .features-first-row{ padding:10px 0 0 0; } .features-overview{ padding-bottom:10px; border-top:none; } .features-overview h4{ padding:40px 10px 0 10px; } .features-second-row{ padding-bottom:50px; } .screen-demo-wrap-text{ width: 100%; display: block; } .screen-demo-wrap-text p, .screen-demo-wrap-text h2{ padding:0 20px; text-align:center; } .screen-demo-wrap-text h2{ padding-top:20px; } .screen-demo-wrap-img{ width:95%; display:block; margin:0 auto; } .webclient, .webdemo{ border:solid 1px #ebebeb!important; height:200px; border-radius:3px; width:99%; background-size:155%; } .screen-demo{ padding-top:40px; } .text-demo{ padding-top:0px; padding-bottom:40px; } .animate-ball, .features-text, .rotate-retargeting{ visibility:visible!important; } .change { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .change .first { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .change .second { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .rotate-retargeting, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting-bottom{ width:100%; cursor: pointer; display: block; float: left; height: 150px; margin-bottom: 25px; outline: medium none; padding-top: 35px; text-align: center; text-decoration: none; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting{ width:100%; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download.retargeting:hover{ opacity:1; } /* ----------------------------------------------------------- ** Media queries ** -------------------------------------------------------- */ @media screen and (max-height: 850px) and (min-width: 1024px) { .header-img { position: absolute; margin: 0 auto; bottom: 195px; width: 100%; height: 30vh; background-image: url(/img/2014/header-img.png); background-image: url(/img/2014/header-img.svg); background-position: center top; background-repeat: no-repeat; } } @media screen and (max-height: 1200px) and (min-width: 1024px) { .homepage-default-dark-header .v74-demos-container { position: absolute; bottom: 0; } .homepage-default-dark-header .v74-grey-top { position: relative; height: 100vh; } .homepage-default-dark-header .homepage-2014-10-header-container { position: absolute; bottom: 5px; width: 100%; } } @media screen and (min-height: 768px) and (max-height: 900px) { .homepage-default-dark-header .v74-grey-top h1 { margin-top: 20px; } .homepage-default-dark-header .homepage-76-header { height: 40vh; } } @media screen and (min-height: 200px) and (max-height: 768px) { .homepage-default-dark-header .v74-grey-top h1 { margin-top: 0px; } .homepage-default-dark-header .homepage-76-header { height: 40vh; } } @media screen and (min-height: 900px) and (max-height: 1200px) { .homepage-default-dark-header .v74-grey-top h1 { margin-top: 6vh; } } .cta-rounded-contact .button-small-blue{ float:none!important; display:inline-block!important; margin-top:0!important; } /* Website Pages mobile and Ipad Portret */ @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { ul.dark-demo-menu.hidden + #siteWrapper .ribbon-ix, ul.dark-demo-menu + #siteWrapper .ribbon-ix { display: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .last-col-special, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner, .v74-wrapper .new-header-pic, .large-header-banner{ width:100%; margin:0; } .axi-2015-header-container{ height:100%!important; } .homepage-default-dark-header .v74-grey-top span.banner-subtitle{ padding:0 20px; } .v74-container .last-col-special, .v74-container .last-col-special-top, .v74-container .last-col-special2, .v74-container .last-col-special2-top { background:none; padding:0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container, #globalWrapper #column-content { padding: 20px; } input#bottomNavOpenerCheckbox:checked ~ #bottomNavWrapper { padding:0 20px; } #globalWrapper #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container{ padding:0!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .diagram-showcase, .cta-bar, .v74-wrapper > .three-colors, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings{ display:none!important; } #mainPart-inner #content #cPartner h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2 a{ font-size:24px!important; line-height: 26px!important; background:none; } .product-top-headings h2 a{ background:none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner, .axi-2015-header-container .v74-header-banner h1{ margin-top:0px!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .v74-container .first-col h3{ margin-top:10px!important; } .axi-2015-header-container .v74-header-banner h1{ font-size: 24px; line-height: 28px; } .axi-2015-header-container .v74-header-banner h3 { font-size: 16px; padding: 10px 20px 20px 20px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu{ position:inherit!important; background:#1a2e34; margin:0px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul{ text-align:center; } .new-layout #nContainer #nnContainer #mContainer{ padding:0px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content a.button-big-blue { display: none !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description b { text-align: center; font-size: 18px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a span, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li a { color: #fff; display: block; font-family: "Titillium Web",sans-serif; font-size: 18px; font-weight: 300; height: auto; line-height: 20px; padding: 5px 20px; text-decoration: none; text-transform: uppercase; transition: none; -moz-transition: none; -webkit-transition: none; border:none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .wrap-menu:not(.expanded) ul li a { bottom: -30px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .wrap-menu.expanded ul li a span { font-size: 16px; padding: 2px 20px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu .wrap-menu.expanded ul li:last-child a span { padding-bottom: 15px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li div.activ { color: #4c8ea6; display: block; font-family: "Titillium Web",sans-serif; font-size: 18px; font-weight: 300; height: auto; line-height: 20px; padding: 5px 20px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; border:none; background: none!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li .activ:after{ border:none; background: none; } .wrap-menu{ position: relative!important; overflow: hidden!important; margin:0px 0; } .cta-trial-button{ width:100%; text-align:center; } .cta-trial-button .button-red{ background: #dc6060!important; display: table!important; float: none; margin: 0 auto !important; text-align: center !important; } .cta-rounded-contact{ height:100%; line-height:24px; padding-top:15px; } .wrap-menu:not(.expanded) h3 { position: absolute; top: 0; left: 0; right: 0; display: block; width: 4em; height: 10px; text-indent: -999em; cursor: pointer; margin: 10px auto !important; padding-top: 0; z-index: 99; } .wrap-menu.expanded h3 { margin: 10px auto 0; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .wrap-menu h3.no-desktop { height: 20px; } .cta-rounded-contact .button-small-blue{ float:none!important; margin-top:0; } .product-main-content .right-container-top{ float:none!important; /* width:100%;*/ } .v74-header{ height:100px!important; } .small-header .v74-header{ height:150px!important; } .foot-notes{ margin-top:0; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #leftMenu ul li{ display:block; } .wrap-menu h3:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; bottom: 10px; content: ""; left: 50%; margin-left: -7px; position: absolute; width: 0; } .wrap-menu.expanded h3:after{ border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; bottom: 0px; content: ""; left: 50%; margin-left: -7px; position: absolute; width: 0; } .wrap-menu li a{ clear: left!important; display: none!important; } .wrap-menu.expanded li a, .wrap-menu li .activ { display: list-item!important; } .new-layout #nContainer{ padding-bottom:0px; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1.product-top-headings{ display:block!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-top-headings .no-icon{ font-size:20px; } /* support pages */ .product-main-content div{ float:none!important; } .product-main-content table{ width:100%!important; margin-bottom:15px; } /* articles page */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .articles-button{ margin-top:10px!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .articles-button a.button-small-silver{ min-width:100%; } .inner-pages-quote a img{ display:none; } /* Contact */ .new-form-column, .new-form-container-mid{ width:100%!important; } /* Features Platforms */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1{ height:90px!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs li{ height:96px!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:after, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs .currentTab:before{ top:104%; } .jsTab .section-feature-2-columns, .jsTab .section-feature-3-columns, .jsTab .section-feature-1-columns .supported-platform{ width:100%!important; } .jsTab .section-feature-columns:first-child, .jsTab .section-feature-columns:nth-child(2), .jsTab .section-feature-columns:last-child, .jsTab .section-feature-2-columns:first-child, .jsTab .section-feature-2-columns:last-child, .jsTab .section-feature-1-column:first-child:last-child { padding-right: 10px!important; padding-left: 10px!important; } .supported-platform span{ display:table-cell; text-align:left; padding-left: 5px; } .mobile-table, .mobile-table tbody, .mobile-table tr, .mobile-table td{ display:table; width:100%!important; } .jsTab .section-feature-columns > .mobile-table tr td:not(:last-child){ border-right:1px solid #ebebeb; } .jsTab .section-feature-columns > .mobile-table tr:nth-child(2) td, .jsTab .section-feature-columns > .mobile-table tr:last-child td{ border-bottom:none; } .jsTab .section-feature-columns > .mobile-table tr:last-child td:last-child{ border-bottom:1px solid #ebebeb; } .jsTab .section-feature-columns .mobile-table p, .jsTab .section-feature-columns .mobile-table h3{ display:table-cell; vertical-align:middle; } /* Download popup */ .lightbox-trial p.text-dwnl-page { font-size: 18px; line-height: 25px; } .mfp-preloader { margin-top: -3em; } .license-registration-form, .license-registration-form .formOption{ width:100%!important; border:none!important; } } /* END Business Page mobile */ /** * iPad Media Query. */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .homepage-default-dark-header .v74-grey-top h1{ width:100%; margin-top:60px; } .homepage-default-dark-header .homepage-2014-10-header-container{ bottom:auto; } .homepage-default-dark-header .homepage-76-header{ height:307px;} .homepage-default-dark-header .v74-grey-top{ height:895px;} .rotate, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } /* END iPad Media Query*/ .cta-trial-bar-footer{ bottom: 0; left: 0; margin-left: auto; margin-right: auto; width: 100%; background:#dc6060; display:table!important; } .cta-trial-bar-link{ cursor: pointer; display: block; float: left; height: 150px; outline: medium none; text-align: center; text-decoration: none; width: 100%; } .cta-trial-bar-link:hover{ opacity: 1; } .cta-trial-bar-link h3{ color: #fff; font: 24px/20px "Titillium Web",light,Arial,sans-serif; margin: 26px 0 7px; } .cta-trial-bar-link span { color: #fff; display: block; } .cta-trial-bar-link span.but { border: 1px solid #fff; border-radius: 30px; font-family: "Source Sans Pro",semibold; margin: 20px auto; padding: 8px 30px; transition: all 0.2s ease-in-out 0s; width: 75px; } .cta-trial-bar-link span.but:hover { border: 1px solid #fff; background: #fff; color: #367287; } .product-main-content div.articles-button{ float:left!important;} /* Release page - features */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner{ width:100%!important; } .new-wrapper-wide #nContainer #nnContainer #mContainer, .new-wrapper-wide #nContainer{ padding:0; } .release-ix .text-demo{ margin:0 auto; display:block; } .release-ix h2 { font-size:36px!important; color: #000; font-family: "Titillium Web",sans-serif; font-weight: 200; line-height: 36px; margin-top: 0; margin-bottom: 40px; text-align: left; } .release-ix h3{ font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 300; text-align: center; color: #000; line-height:36px; margin-bottom:10px; } .release-ix .product-description{ max-width:960px; margin:0 auto!important; } .release-ix .section-feature{ display: table-cell; position: relative; vertical-align: top; width: 25%; z-index: 99; padding:20px 15px 40px 15px; } .release-ix .section-feature .section-solution-pad { padding: 40px 25%; text-align: center; } .release-ix a.btn-dark:hover{ color:#fff!important; } .release-ix .color-ix{ width:80px; height:80px; border-radius:50px; display:block; border:solid 2px #559eb9; margin:20px auto; } .release-ix .no-color-ix{ width:80px; height:80px; display:block; margin:20px auto; } .release-ix .color-ix .calendaring{ background:url('/img/2015/lp/calendaring-ix.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#559eb9; } .release-ix .color-ix .fonts{ background:url('/img/2015/lp/icon-ix-fonts.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#559eb9; } .release-ix .color-ix .messages{ background:url('/img/2015/lp/icon-ix-images.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#559eb9; } .release-ix .color-ix .archive{ background:url('/img/2015/lp/icon-ix-archive.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#559eb9; } .release-ix .no-color-ix .search{ background:url('/img/2015/lp/icon-ix-search.svg') no-repeat center; width:80px; height:80px; background-size:80px 80px; display:block; color:#559eb9; } .release-ix .no-color-ix .cardav{ background:url('/img/2015/lp/icon-ix-carddav.svg') no-repeat center; width:80px; height:84px; background-size:80px 84px; display:block; color:#559eb9; } .release-ix .section-text p { text-align: center; } .release-ix li { font-size: 18px; font-weight: 300; text-align: left; margin-bottom: 15px; line-height: 22px; } .release-ix .features-container { display: inline-block; margin: 0 35px; width:240px; position:relative; } .border-right-1-eb { border-right: 1px solid #ebebeb; } .border-bottom-1-eb { border-bottom: 1px solid #ebebeb; } .border-bottom-white { max-width:960px;!important; margin:0 auto; } .border-top-1-eb { border-top: 1px solid #ebebeb; } .release-ix .btn-features { width:220px; } .release-ix .small-caps { text-transform:none; } .release-ix .release-notes { clear:both; margin:30px auto 60px; } .release-ix .cardav-highlight { color:#559eb9; font-size:20px; font-weight:200; } .release-ix .cardav-title{ text-align:center; margin-top:60px; margin-bottom:60px; color:#559eb9; } .release-ix .first-title{ text-align:center; margin-top:40px; margin-bottom:60px; color:#559eb9; } .release-ix .first-title.dark{ color:#000; font-size:32px!important; } .release-ix .liner{ margin-top:20px!important; } .new-wrapper-wide.release-iX .axi-2015-header-container{ background: #1a2e34 url("/img/2015/lp/release-iX-bg.png") no-repeat scroll left top; height:430px; } .new-product-release-header{ background: url("/img/2015/lp/release-iX-bg-circles.png") no-repeat scroll center center; height:100%!important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .registered .inner-pages-listing h2 { font-family: "Titillium Web", sans-serif !important; font-size: 36px !important; font-weight: 200 !important; line-height: 36px !important; border-bottom: none; color: #559eb9; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block { position: relative; margin-top: 30px; background: #fff; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 3px 3px 4px 4px; box-sizing: border-box; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block:nth-child(2):last-child { width: 100%; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3 { margin: 0; padding: 15px 30px; height: 48px; line-height: 24px; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3:only-child { margin: auto; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .white-block h3 a { font-family: 'Titillium Web', sans-serif !important; font-size: 20px; font-weight: 300; color: #000; } .white-block p { border-top: 1px solid #ebebeb; padding: 10px; text-align: center; } #mainPart-inner #content .white-block h3 + p { margin: 0 !important; height: 100px; padding-top: 20px; overflow-y: hidden; } #mainPart-inner #content .white-block p.last-updated { position: absolute; bottom: 0; margin-bottom: 0 !important; width: 100%; padding: 0; background: rgba(245, 248, 250, .7); text-align: left; } #mainPart-inner #content .white-block p.last-updated span { display: inline-block; padding: 10px; opacity: .7; } .white-block a.download { float: right; display: inline-block; padding: 10px; background: #559eb9; color: #fff !important; text-transform: uppercase; } #mainPart-inner #content .buttons-sidebyside-outline { display: table; } #mainPart-inner #content .buttons-sidebyside-outline a { display: table-cell; height: 30px; padding: 0 10px; line-height: 30px; border: 1px solid #559eb9; border-right: none; font-size: 13px; text-align: center; text-transform: uppercase; box-sizing: border-box; } #mainPart-inner #content .buttons-sidebyside-outline a:first-child { border-radius: 3px 0 0 3px; } #mainPart-inner #content .buttons-sidebyside-outline a:last-child { border-right: 1px solid #559eb9; border-radius: 0 3px 3px 0 ; } .license-registration-form { background: #fff; border-color: #e4e9eb; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 2px; min-height: 280px; padding: 0; margin: 0 auto; text-align: left; width: 600px; position: relative; } /* tooltip */ .license-registration-form .liner { overflow: visible; } a.tooltips { position: relative; display: inline; } .tooltips h3 { font-size: 16px; font-weight: 600; color: #000; border-bottom: 1px solid #dae2e6; padding: 10px; margin: 0; } .tooltips p { padding: 10px 15px; } a.tooltips span { position: absolute; width:250px; color: #707070; background: #FFFFFF; border: 1px solid #DAE2E6; height: auto; text-align: center; visibility: hidden; border-radius: 4px; z-index: 999; } a.tooltips span:before { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -11px; width: 0; height: 0; border-right: 10px solid #DAE2E6; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } a.tooltips span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -10px; width: 0; height: 0; border-right: 9px solid #FFFFFF; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 1; left: 100%; top: 50%; margin-top: -105px; margin-left: 15px; z-index: 999; } /* END tooltip*/ div#form-contact::before { position: absolute; content: ""; width: 600px; height: 95px; margin-top: -9px; border-bottom: 1px solid #e4e9eb; } div#form-contact::after { position: absolute; content: ""; width: 600px; height: 95px; border-left: 1px solid #e4e9eb; top:0px; left:50%; } .license-registration-form fieldset { border: 0 none; margin: 30px 0 20px; padding: 0 50px; } .license-registration-form fieldset .info{ text-align: center; display: block; line-height: 20px; color: #707070; cursor: default; font-size: 12px; } .wrapper-login #form-login{ } .license-registration-form #free_row, .license-registration-form #registration_row{ text-align:center; padding: 25px 0 25px 0; font-size: 12px; position: relative; } .license-registration-form.error #free_row, .license-registration-form.error #registration_row{ color:#707070; } .wrapper-login .formOption { height: 55px; margin: 0 auto; padding-top: 5px; position: relative; width: 300px; } .license-registration-form .formOption{ width:100%; } .license-registration-form .formOption-height{ height:50px; z-index:2; } .license-registration-form .sidebyside-position{ float: left; width: 50%; text-align:center; padding-top:25px; } .license-registration-form .sidebyside-position-input{ float: left; width: 48%; } .license-registration-form .sidebyside-position-input + .sidebyside-position-input { margin-left:20px; } .wrapper-login .textfield { border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; color: #51514f; font-family: "Source Sans Pro",sans-serif; font-size: 14px; font-weight: 400; height: 3.4em; outline: medium none; padding: 0 3px 0 20px; width: 100%; } .wrapper-login .textfield:focus { border: 1px solid rgba(76, 142, 166, 0.7); color: #4c8ea6; } .wrapper-login .textfield + label.darkText { background: #fff none repeat scroll 0 0; color: #808080; content: attr(placeholder); cursor: default; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 14px; left: 15px; line-height: 1.5em; padding: 2px 5px; pointer-events: none; position: absolute; text-align: left; text-transform: uppercase; top: 18px; transition: all 0.3s ease-in-out 0s; white-space: nowrap; z-index: 1; width: auto; } .wrapper-login .textfield:focus + label.darkText, .wrapper-login .selected + label.darkText, .wrapper-login #passwordField.notEmpty + label.darkText, .wrapper-login select + label.darkText { transform: translate(-0.3em, -1.7em) scale(0.9, 0.9); transition-duration: 0.2s; } .margin-top-20, #mainPart-inner #content .margin-top-40 { margin-top: 40px; } .margin-bottom-20, #mainPart-inner #content .margin-bottom-20 { margin-top: 20px; } .wrapper-login .textfield:focus + label.darkText, .wrapper-login label.darkText a { color: #4c8ea6; } .wrapper-login .loginButton { background: #4c8ea6; border: none; border-radius: 30px; color: #fff; cursor: pointer; display: block; font-size: 14px; height: 50px; margin: 10px auto; min-width: 250px; outline: medium none; text-transform: uppercase; transition: opacity 0.2s ease-in-out 0s; } .wrapper-login .loginButton:hover { opacity: 0.7; } .wrapper-login .new-form-message-error, .wrapper-login .new-form-message-body { color: #dc6060; text-align: center; font-size: 15px; font-weight: 400; } .wrapper-login .new-form-message-area { width: auto; } .wrapper-login + .formOption { margin-top: 20px; } /* Start Generic classes */ .absolute-center-middle { position: absolute; left: 0; right: 0; margin: auto; text-align: center; } .margin-auto, #mainPart-inner #content .margin-auto { margin: auto; } .margin-top-10, #mainPart-inner #content .margin-top-10 { margin-top: 10px; } .margin-top-20, #mainPart-inner #content .margin-top-20 { margin-top: 20px; } .margin-top-20, #mainPart-inner #content .margin-top-30 { margin-top: 30px; } .margin-top-20, #mainPart-inner #content .margin-top-40 { margin-top: 40px; } .margin-bottom-20, #mainPart-inner #content .margin-bottom-20 { margin-top: 20px; } .hline-2, #mainPart-inner #content .hline-2 { border-bottom: 2px solid #ebebeb; line-height: 2px; } .text-align-center, #mainPart-inner #content .text-align-center { text-align: center; } .display-block, #mainPart-inner #content .display-block { display: block; } .display-table, #mainPart-inner #content .display-table { display: table; } .hcenter-box, #mainPart-inner #content .hcenter-box { margin: 0 auto; } .width-220 { width: 220px; } .width-250 { width: 250px !important; } .height-150 { height: 150px; } .padding-top-10, #mainPart-inner #content .padding-top-10 { padding-top: 10px; } .padding-top-20, #mainPart-inner #content .padding-top-20 { padding-top: 20px; } .padding-top-40, #mainPart-inner #content .padding-top-40 { padding-top: 40px; } .padding-top-60, #mainPart-inner #content .padding-top-60 { padding-top: 60px; } .padding-top-80, #mainPart-inner #content .padding-top-80 { padding-top: 80px; } .padding-bottom-10, #mainPart-inner #content .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-20, #mainPart-inner #content .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-40, #mainPart-inner #content .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-80, #mainPart-inner #content .padding-bottom-80 { padding-bottom: 80px; } .axi-no-background { background: none; } .axi-red-background { background: #dc6060; } .axi-white-text { color: #fff; } .border-white { border: 1px solid #fff; } .no-border { border: none; } .axi-color-red { color: #dc6060 !important; } .axi-color-black { color: #000 !important; } .axi-font-size-36, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-size-36 { font-size: 36px !important; } .axi-font-weight-200, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-font-weight-200 { font-weight: 200 !important; } .axi-color-red, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-color-red { color: #dc6060 !important; } .axi-color-black, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.axi-color-black { color: #000 !important; } .no-border, #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h2.no-border { border: none; } .uppercase { text-transform: uppercase; } a span.axi-red-hover-text:hover { color: #dc6060; } a span.axi-white-hover-background:hover { background: #fff; } /* End Generic Classes */ #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content h3.subtitle { margin-top: 12px; font-weight: 200 !important; font-size: 22px !important; color: #757e80 !important; line-height: 1.2em !important; text-align: center; } /* registration code*/ .license-registration-form .reg-code-info { position: absolute; right: -30px; top: 20px; color:#51514f!important; } .license-registration-form label.prod-type { width: auto; line-height: 20px; display:inline; position:relative; } /* custom radio buttons */ .license-registration-form [type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .license-registration-form label { display: block; cursor: pointer; line-height: 40px; color:#58646a; } .license-registration-form [type="radio"] + .round-check { display: inline; } /* the basic, unchecked style */ .license-registration-form [type="radio"] + .round-check:before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -2px; border-radius: 1em; border: 1px solid #ccc; margin-right: 0.75em; } /* the checked style using the :checked pseudo class */ .license-registration-form [type="radio"]:checked + .round-check:before { background: #4c8ea6; border: 1px solid #4c8ea6; } .license-registration-form [type="radio"]:checked + .round-check:after { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 1em; position: absolute; top: 5px; left: 5px; background-color: #fff; } .license-registration-form .round-check span{ font-family: Titillium Web,light; font-size: 20px; color:#000; } /* custom checkbox buttons */ .license-registration-form #checkboxWrapper { position: relative; display: table; height: 23px; margin: 10px auto 0; } .license-registration-form #checkboxWrapper input { appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 13px; height: 13px; opacity: 0; box-sizing: border-box; z-index: 1; position:relative; } .license-registration-form #checkboxWrapper input + #checkboxMask { position: absolute; top: 2px; left: 0px; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; } .license-registration-form #checkboxWrapper input + #checkboxMask + span{ color:#707070; vertical-align:top; } .license-registration-form #checkboxWrapper input:checked + #checkboxMask { background: #4c8ea6 url(../img/2015/checkbox.svg); border: 1px solid #4c8ea6; } .license-registration-form .styled-select select { background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .license-registration-form .styled-select:after{ top: 50%; left: 88%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #51514f; border-width: 5px; margin-top: -2px; z-index: 100; } .registered .inner-pages-listing{ max-width: 960px; margin: 0 auto; } .registered .inner-pages-listing h2{ text-align:center; } /* Media Querys - Release page - features */ @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { .release-ix h2{ text-align:center; } .release-ix .section-feature{ width:100%; display:block; padding:0 0 20px 0; } .release-ix .section-text{ padding:0 15px; } .screen-demo-wrap-img.screen-demo-wrap-img-wa .right-border{ background:none; } } /* LP Paid active users */ #download-popup{ width:900px; margin:0 auto; } #download-popup .downloads-container tr:first-child td{ border-top: none!important; } #download-popup .downloads-container td:first-child{ border-left: none!important; } .downloads-container td:last-child{ border-right: none!important; } .container-wrap-margin{ margin:50px auto; clear:both; } /* Speech Bubbl */ .container-tooltip { background: none; bottom: 20px; height: 400px; position: fixed; right: 25px; text-align: center; width: 257px; z-index: 9999; } /* image circle */ .container-tooltip .chart { position: absolute; display: inline-block; color: #999; font-size: 20px; text-align: center; width:64px; height:64px; margin:0; bottom:10px; right:95px; -webkit-box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.07); border-radius:30px; } .container-tooltip .chart img { position: absolute; max-width: 64px; max-height: 64px; background: none; } .container-tooltip .face { top: 0px; left: 0px; } .container-tooltip .face + svg .outer { stroke: #559eb9; } .container-tooltip .chart svg { position: absolute; top: -18px; left: -18px; } .container-tooltip .outer { fill: transparent; stroke: #333; stroke-width: 3; stroke-dasharray: 534; transition: stroke-dashoffset 1s; -webkit-animation-play-state: running; -moz-transform: rotate(-89deg) translateX(-190px); } /* Set the initial values for the animation */ .container-tooltip .chart[data-percent='100'] .outer { stroke-dashoffset: 0; -webkit-animation: show100 2s; animation: show100 2s; } @-webkit-keyframes show100 { from { stroke-dashoffset: 537; } to { stroke-dashoffset: 0; } } @keyframes show100 { from { stroke-dashoffset: 537; } to { stroke-dashoffset: 0; } } .container-tooltip .tooltip-wrapper{ background:#1a2e34; opacity:0.95; width:257px; height:330px; position:relative; border-radius: 3px; } .container-tooltip .tooltip-anim{ height:0px; overflow: hidden; -webkit-transition:height 2s; -moz-transition: height 2s; transition: height 2s; position:absolute; bottom:85px; } .container-tooltip .unveil{ height:340px; } .container-tooltip .tooltip-anim.unveil{ -webkit-transition-duration: 2000ms; -moz-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration:2000ms; -webkit-transition-delay: 7000ms; -moz-transition-delay: 7000ms; -o-transition-delay: 7000ms; transition-delay: 7000ms; } .container-tooltip .tooltip-wrapper:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #1a2e34; border-width: 10px; margin-left: -10px; } .container-tooltip .face.fadeIn{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */ animation-delay: 0.5s; } .container-tooltip h4, .container-tooltip p{ color:#fff; padding:5px 0; text-align: left; } .container-tooltip h4{ padding:20px 0 15px 20px; border-bottom:solid 1px #3b4c52; margin:0; opacity:0.9; } .container-tooltip .content-text{ padding:0px 20px; height: 185px; opacity:0.9; } .container-tooltip a.button-big-red{ display: block; margin: 20px auto; max-width: 130px; height: 34px; padding: 3px 20px; background: #dc6060; border-radius: 20px; line-height: 36px; text-align: center; vertical-align: middle; } .container-tooltip a.button-big-red span{ float: none; height: auto; padding: 0; background: none; border: none; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 13px; line-height: normal; letter-spacing: 0; text-shadow: none; text-transform: uppercase; color:#fff; } .container-tooltip .done{ background:none!important; border:solid 1px #dc6060; } .container-tooltip .done span{ color:#dc6060!important; } .container-tooltip .display-message{ cursor:pointer; } .container-tooltip .message-nr{ color:#fff; width:20px; height:20px; border-radius:30px; background:#dc6060; position:absolute; right:4px; bottom:-3px; } .container-tooltip .close{ position:absolute; right:19px; top:17px; width: 20px; height: 20px; cursor: pointer; opacity: .5; } .container-tooltip .close:before { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 1px; background: #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .container-tooltip .close:after { position: absolute; top: 10px; left: 0; display: inline-block; width: 17px; height: 1px; background: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .container-tooltip .discount{ position:relative; margin:0 5px; } .container-tooltip .discount:before{ border:1px solid #fff; content:""; opacity: 0.25; position:absolute; height:20px; width:53px; left:-6px; top:-2px; border-radius: 2px; } .container-tooltip .tooltip-details .lightbox-trial input + label[placeholder]::before{ background:#1a2e34!important; } .container-tooltip .content-text .form{ text-align:left; } .container-tooltip .tooltip-details .lightbox-trial input{ padding:0 1em; height: 36.6px; } .container-tooltip .tooltip-details .lightbox-trial input + label[placeholder]{ margin-top: -36.6px; } .container-tooltip .tooltip-details p{ margin-bottom:15px!important; } /* Release-iX Partners LP */ .release-ix .licensing-title { margin-bottom: 20px; } .release-ix .licensing-title + .liner { margin-bottom: 30px; } .release-ix .licensing-highlights { padding: 5px 0 20px; background: #f5f8fa; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .release-ix .licensing-highlights.go-to-market { margin: 10px 70px !important; padding-top: 10px; background: #fff; border-bottom: none; text-align: center; } .release-ix .licensing-highlights.go-to-market p, .release-ix .licensing-highlights.go-to-market ul { width: 960px; margin: 0 auto; display: inline-block; line-height: 22px; } .release-ix .licensing-highlights.go-to-market ul li { margin: 0 160px 10px; } .release-ix .licensing-highlights.go-to-market ul:last-of-type li { margin: 0 240px; } .release-ix .licensing-highlights.go-to-market + div { margin-top: 50px; } .release-ix .licensing-highlights h2 { margin: 20px 0; text-align: center; } .release-ix .licensing-highlights p { text-align: center; font-size: 18px; font-weight: 300; line-height: 28px; } .section-solution.section-solution-3c{ width: 30%; } .section-solution.section-solution-3c .section-solution-pad { padding: 40px 15% 20px; } .section-solution.section-solution-3c .section-solution-pad ul { margin-top: 0; } .release-ix .btn-features.btn-prices { width: 505px; height: 40px; } .release-ix .btn-features.btn-prices > div { float: left; margin-right: 10px; } .release-ix .btn-features.btn-prices > div:first-child a { min-width: 215px !important; } .release-ix .quote-marks:before{ color: #d0d7d9; content: open-quote; font-family: Georgia,Italic; font-size: 6em; left: -35px; position: absolute; quotes: "“" "”"; top: 25px; } .release-ix .quote-marks{ margin-bottom: 16px; margin-right: 0; position: relative; width: auto; } .container-tooltip .tooltip-details .lightbox-trial input.renewFormError{ border:1px solid #db5959; } .container-tooltip .tooltip-details .lightbox-trial input.renewFormError + label[placeholder]:before{ color:#db5959!important; } .release-ix .add-on{ background: #559eb9; border-radius: 3px; color: #fff; font-size: 10px; line-height: 13px; padding: 0 5px 1px; vertical-align: text-top; } a.tooltip {outline:none; text-decoration:underline!important; font-size: 18px!important; color: #707070!important; font-weight:300!important; margin:0!important;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10; display:none; padding:14px 20px; margin-top:-10px; margin-left:28px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; background:#1a2e34; opacity:1; width:257px; height:230px; border-radius: 3px; color:#fff; top:200px; right:80px; line-height:18px; } /*CSS3 extras*/ a.tooltip span { border-radius:4px; } .arrow_box { position: relative; background: #1a2e34; border: 1px solid #1a2e34; } a.tooltip span:after{ right: 100%; top: 18%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } a.tooltip span:after { border-color: rgba(166, 104, 213, 0); border-right-color: #1a2e34; border-width: 10px; margin-top: -10px; } .release-ix .button-container{ display: table; margin: 50px auto 0; } .release-ix .position-ul{ margin:20px auto; max-width:290px; } .release-ix .price{ display:block; line-height:25px; } /* START RIBBON iX */ ul.dark-demo-menu + #siteWrapper .ribbon-ix{ right:20px; position:absolute; top:27px; } ul.dark-demo-menu.hidden + #siteWrapper .ribbon-ix{ position:absolute; right:220px; top:27px; } .ribbon-ix span{ color:#fff; opacity:0.6; padding:10px 20px; font-size:13px; } .ribbon-ix-bg{ position:relative; } .ribbon-ix-bg span:after{ background:#5295ae; opacity:0.4; content: ""; position:absolute; height:30px; width:133px; top:-6px; left:9px; } /* The ribbons */ .corner-ribbon{ position: absolute; opacity:0.2; border-bottom: 21px solid #5295ae; border-left: 21px solid transparent; border-right: 21px solid transparent; height: 0; width: 56px; } /* Different positions */ .corner-ribbon.top-left{ top: -29px; left: -13px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* END RIBBON iX */ .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .tab-bg1 { height: 70px; margin: 0 0 10px; } .new-wrapper-wide #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content ol#jsTabs a { border: none; } .jsTab{position:relative; z-index:2;} .jsTab .first-title { margin-bottom: 30px; } .jsTab .border-bottom-white .section-feature-row { padding-top: 20px; } .jsTab .border-bottom-white .section-feature-row:first-child { padding-top: 0; } .jsTab .border-bottom-white .section-feature-row:last-child { padding-bottom: 50px; } .jsTab .section-feature-3-columns { display: inline-block; width: 33%; box-sizing: border-box; } .jsTab .section-feature-2-columns { display: inline-block; width: 49.5%; box-sizing: border-box; } .jsTab .section-feature-1-column { display: inline-block; width: 99%; box-sizing: border-box; } .jsTab .section-feature-columns:first-child { padding-right: 10px; } .jsTab .section-feature-columns:nth-child(2) { padding: 0 5px; } .jsTab .section-feature-columns:last-child { padding-left: 10px; } .jsTab .section-feature-2-columns:first-child { padding-right: 15px; } .jsTab .section-feature-2-columns:last-child { padding-right: 0; padding-left: 15px; } .jsTab .section-feature-1-column:first-child:last-child { padding: 0; } .jsTab .section-feature-columns { position: relative; } .jsTab .section-feature-columns > table { width: 100%; } /* Feature Status */ .white-block .status, .jsTab .section-feature-columns .status { position: absolute; right: 0; bottom: 2px; width: 0; height: 0; border-bottom: 50px solid transparent; border-left: 50px solid transparent; } .jsTab .section-feature-columns:first-child .status { right: 15px; } .jsTab .section-feature-columns .multiple-cells-table td .status { right: 0; bottom: 0; } .jsTab .section-feature-columns .multiple-cells-table td { position: relative; } .white-block .status.orange, .jsTab .section-feature-columns .status.dev { border-bottom-color: rgba(215, 175, 42, .95) !important; } .jsTab .section-feature-columns .status.test { border-bottom-color: rgba(215, 175, 42, .95); } .jsTab .section-feature-columns .status.done { border-bottom-color: rgba(80, 169, 60, .95) !important; } .white-block .status span, .jsTab .section-feature-columns .status span { position: absolute; right: -5px; bottom: -45px; width: 40px; height: 20px; font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); } .jsTab .section-feature-columns > table tr:first-child td { height: 100px; background: #fff; border: 1px solid #ebebeb; border-bottom: none; border-radius: 3px 3px 0 0; } .jsTab .section-feature-columns > table tr:nth-child(2) td, .jsTab .section-feature-columns > table tr:last-child td { height: 80px; background: #fff; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 0 0 3px 3px; vertical-align: middle; } .jsTab .section-feature-columns > table tr:nth-child(2):not(:last-child) td { border-bottom: none; } .jsTab .section-feature-columns > table tr:first-child:last-child td { height: 180px; background: #fff; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 3px; vertical-align: middle; } .jsTab .section-feature-columns h3 { margin: 0; padding: 0 30px; line-height: 24px; } .jsTab .section-feature-columns p { padding: 10px 30px; text-align: center; vertical-align: middle; } .jsTab .section-feature-columns p.long { padding: 5px 30px; } .jsTab .supported-platform { text-align: left; padding: 4px 10px; } .jsTab .supported-platform .platform-64 { text-align: center; } .jsTab .supported-platform span:only-child { display: block; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content #aFeatures-panel .section-feature h3 span.new { bottom: 2px; } #mainPart-inner #content h2.first-title.with-subtitle { margin-bottom: 20px; } .screen-demo.no-background { background: none; border: none; } #mainPart-inner #content h2.first-title ~ .screen-demo ul { width: 100%; max-width: 425px; } #mainPart-inner #content h2.first-title ~ .screen-demo ul > li { font-size: 18px; font-weight: 300; text-align: left; margin-bottom: 15px; line-height: 22px; } #mainPart-inner #content h2.first-title ~ .screen-demo .screen-demo-wrap-text:only-child ul { margin: 0 auto; } .foot-notes-platform li{ color: #888; font-size: 12px !important; line-height: 17px !important; margin-bottom: 10px !important; margin-top: 0 !important; } .jsTab .section-feature-1-columns .supported-platform{ width: 33%; } .jsTab .section-feature-columns > table tr:last-child td { border-radius: 0;} .jsTab .section-feature-columns > table tr td:not(:last-child) { border-right: none; } /* Setting the width in case there are 4 elements */ .jsTab .section-feature-columns > table tr:last-child td:nth-child(1):nth-last-child(4), .jsTab .section-feature-columns > table tr:last-child td:nth-child(2):nth-last-child(3), .jsTab .section-feature-columns > table tr:last-child td:nth-child(3):nth-last-child(2), .jsTab .section-feature-columns > table tr:last-child td:nth-child(4):nth-last-child(1) { width: 25%; } .info-icon{ display:inline-block; font-size: 16px; font-family:times new roman; font-style:italic; border:solid 1px #707070; border-radius:30px; width:6px; line-height:16px; padding:0 5px; margin-right:5px; color:#51514f; } /* Axigen 2015-04.css ********************************** * Introduced with the 2014-2015 redesign ************** *******************************************************/ .v74-grey-top .v74-header{ width:100%!important; } .v74-header-padding{ padding:0 30px; } .homepage-default-dark-header .v74-demos-container{ bottom:6px; } .homepage-default-dark-header .v74-grey-top{ margin-bottom:0px!important; } .container-wrap{ width: 100%; clear: both; display: table; } .container-wrap a, .container-wrap .btn { font-weight: 400; font-size: 13px; background: none; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out false; -o-transition: all 0.2s ease-in-out false; transition: all 0.2s ease-in-out; background-color: none; } .container-wrap a:hover, .container-wrap a:focus{ color:#559eb9; transition: all 0.2s ease-in-out 0s; text-decoration:none; } .container-wrap .btn-default { border: 1px solid #fff; padding: 10px 30px; border-radius: 30px; text-transform: uppercase; } .container-wrap a.btn-dark { border-color: #4c8ea6; color: #4c8ea6; font-family: 'Source Sans Pro',sans-serif; } .container-wrap a.btn-dark:hover { border-color: #498aa1; background-color: #498aa1; color: #fff; text-decoration:none; } /* Business and service providers */ .section-solution{ width:50%; display: table-cell; vertical-align: top; z-index:99; position:relative; background:#fff; } .section-solution .section-solution-pad { padding: 40px 25%; text-align: center; } .section-solution p{ font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; color: #58646a; line-height:1.4em; } .section-solution a{ margin:20px 7px 0 0; display:inline-block; } .section-solution h2, .section-solution h2 a{ font-family: 'Titillium Web', sans-serif; font-size: 36px; font-weight: 200; text-align: center; color: #000; line-height:36px; } .section-solution h2 a:hover{ color:#2a6496; } .border-right-1-ccc{ border-right:1px solid #ccc; } .business-svg{ background: url('/img/2015/business.svg') top center no-repeat; height:122px; width: auto; color: blue; fill: currentColor; } .service-svg{ background: url('/img/2015/service.svg') top center no-repeat; height:122px; width: auto; } /* Various devices */ .multiple-screens{ background: #e8ebf0; /* Old browsers */ background: -moz-linear-gradient(top, #e8ebf0 0%, #4f8997 0%, #448ba7 0%, #4f89a1 1%, #4a8c9c 1%, #4e87a4 1%, #438f9d 1%, #4a8ba1 1%, #4c8ea4 10%, #4b8fa2 15%, #4b92a4 16%, #4d96a5 27%, #4f98a7 28%, #4d9ba7 34%, #4f9faa 37%, #4ea0ab 39%, #4da0a8 40%, #4fa2aa 41%, #4da6ac 48%, #50abb0 53%, #50abb0 54%, #4faaad 54%, #4eacae 56%, #51b0b2 60%, #4fb1b0 65%, #51b3b2 65%, #52bbb6 76%, #52bbb4 79%, #54bfb7 83%, #54c7ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ebf0), color-stop(0%,#4f8997), color-stop(0%,#448ba7), color-stop(1%,#4f89a1), color-stop(1%,#4a8c9c), color-stop(1%,#4e87a4), color-stop(1%,#438f9d), color-stop(1%,#4a8ba1), color-stop(10%,#4c8ea4), color-stop(15%,#4b8fa2), color-stop(16%,#4b92a4), color-stop(27%,#4d96a5), color-stop(28%,#4f98a7), color-stop(34%,#4d9ba7), color-stop(37%,#4f9faa), color-stop(39%,#4ea0ab), color-stop(40%,#4da0a8), color-stop(41%,#4fa2aa), color-stop(48%,#4da6ac), color-stop(53%,#50abb0), color-stop(54%,#50abb0), color-stop(54%,#4faaad), color-stop(56%,#4eacae), color-stop(60%,#51b0b2), color-stop(65%,#4fb1b0), color-stop(65%,#51b3b2), color-stop(76%,#52bbb6), color-stop(79%,#52bbb4), color-stop(83%,#54bfb7), color-stop(100%,#54c7ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8ebf0 0%,#4f8997 0%,#448ba7 0%,#4f89a1 1%,#4a8c9c 1%,#4e87a4 1%,#438f9d 1%,#4a8ba1 1%,#4c8ea4 10%,#4b8fa2 15%,#4b92a4 16%,#4d96a5 27%,#4f98a7 28%,#4d9ba7 34%,#4f9faa 37%,#4ea0ab 39%,#4da0a8 40%,#4fa2aa 41%,#4da6ac 48%,#50abb0 53%,#50abb0 54%,#4faaad 54%,#4eacae 56%,#51b0b2 60%,#4fb1b0 65%,#51b3b2 65%,#52bbb6 76%,#52bbb4 79%,#54bfb7 83%,#54c7ba 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebf0', endColorstr='#54c7ba',GradientType=0 ); /* IE6-9 */ height:auto; } .multiple-screens h4{ padding-top:40px; font-family: 'Titillium Web', sans-serif; font-weight: 200; text-align: center; font-size:36px; line-height:40px; color:#fafafa; margin:0; } .multiple-screens p{ color:#fff; opacity: 0.6; font-family: 'Source Sans Pro',sans-serif; font-weight: 200; text-align: center; font-size: 20px; line-height:1.4em; width:36%; margin:20px auto; } .multiple-screens-image{ background: url('/img/2015/comp.png') top center no-repeat; height:365px; width: auto; } /* START Section 3 - Worldwide Usage */ .grey-bg{ background: #f5f8fa; z-index:10; position:relative; } .world-svg{ background: url('/img/2015/world-map.svg') center 20px no-repeat; width: auto; } .world p{ font-family: 'Source Sans Pro',sans-serif; color: #dc6060; font-size: 72px; font-weight: 200; padding: 3vh 5vw; line-height: 100px; margin: 0px; text-align: center; } .world p span{ display: inline-block; font-family: 'Source Sans Pro',sans-serif; font-size:36px; line-height:40px; color:#000; font-weight:200; } .logos{ margin: 70px auto; width:100%; text-align:center; } .logos img{ display: inline-block; margin: 10px; margin-right: 9%; width:auto; vertical-align:middle; } .logos img:last-child{ margin-right: 0%; } .logos img:first-child{ margin-left:3%; } .logos img.fadeInUp:last-child{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .logos img.fadeInUp:first-child{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .logos img.fadeInUp:nth-child(3){ animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .logos img.fadeInUp:nth-child(2){ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .logos img.fadeInUp:nth-child(4){ animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .container-reviews{ width:100%; clear:both; display: table; } .reviews p{ font-family:Georgia, Italic; font-size:18px; line-height: 25px; font-style: italic; padding:0; margin:0; } .reviews{ width:33%; display: table-cell; vertical-align: top; border: solid 1px #cfe2e6; background:#fff; } .reviews:first-child{ border-left:none; } .reviews:last-child{ border-right:none; } .review{ padding:5% 27%; } .reviews a{ color:#665b5e; text-align:center; } .reviews a:first{ border-right:none; } .reviews a:hover{ text-decoration:none; } .review-up{ text-decoration:none; color:#665b5e; position:relative; z-index: 99; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .reviews span{ color:#ce5f5f; font-size:14px; font-family: 'Source Sans Pro',sans-serif; text-transform:uppercase; font-style: normal; font-weight:600; display:block; margin-top:15px; } blockquote { quotes: "\201C""\201D"; border-left:none; padding:0; margin:0; display:block; font-family:Georgia, Italic; font-size:17px; line-height: 96px; height:70px; } blockquote:after{ color: #d0d7d9; content: open-quote; font-size: 6em; } /* Get Started */ .buttons-bottom{ position:relative; height:150px; } .button-demo{ margin:0 auto; background:#559eb9; text-align:center; width:100%; position:absolute; height:210px; } .button-up{ padding-top:70px; } .button-demo p{ color:#fff; font-size:14px; padding:10px 0 0 0; margin:0px; font-family: 'Source Sans Pro',sans-serif; } .button-demo .btn-white{ background:#fff; color:#4c8ea6; font-size:16px; text-transform: uppercase; border-radius: 30px; padding: 1em 5.5em; min-width: initial; border:solid 1px #fff; font-family: 'Source Sans Pro',sans-serif; } .button-demo .btn-white:hover{ opacity:0.7; cursor: pointer; } .homepage-default-dark-header .v74-grey-bottom { height: 150px; } .homepage-default-dark-header .v74-grey-top.v74-grey-bottom{ background:none; } .homepage-default-dark-header .v74-grey-bottom .v74-demos-container{ bottom:0; } .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-webmail, .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-webadmin, .v74-grey-bottom.v74-grey-top .v74-demos-links .v74-demos-download{ border-top:solid 1px #1a2e34; } /* Footer */ .footer-menu{ background:#1f2d33; padding:0 60px; position:relative; z-index:8; } .col-footer { width: 16%; float: left; } .social{ text-align:center; color:#fff; list-style-type: none; } .social li{ float:left; display:block; } .mail{background: url('/img/2015/email.svg') center no-repeat;} .fb{background: url('/img/2015/fb.svg') center no-repeat; background-size:45px!important; width:45px; margin-right: 10px !important;} .twitter{background: url('/img/2015/twitter.svg') center no-repeat;} .in{background: url('/img/2015/in.svg') center no-repeat;} .footer-menu ul.social-sharing, ul.contact-social-sharing{ list-style: outside none none; margin: 20px 0 0 0; padding: 20px; text-align: center; text-transform: uppercase; border: solid 1px #354247; border-left:none; border-right:none; } ul.contact-social-sharing{ list-style: outside none none; margin: 0px 0 0 0; padding: 0px; text-align: left; text-transform: uppercase; border: none; } .footer-menu ul.social-sharing li, .contact-social-sharing li{ background-repeat: no-repeat; background-size:60px; cursor: pointer; display: inline-block; margin: 0 5px; opacity: 0.21; overflow: hidden; padding: 0; transition: all 0.2s ease-in-out 0s; } .contact-social-sharing li{ opacity: 1; } .footer-menu ul.social-sharing li:before, .contact-social-sharing li:before{ display: none; } .footer-menu ul.social-sharing li a, .contact-social-sharing li a { display: block; height: 60px; width: 60px; } .footer-menu ul.social-sharing li a span, .contact-social-sharing li a span { opacity: 0; visibility: hidden; } .footer-menu ul.social-sharing li:hover{ opacity: 1; } .contact-social-sharing li:hover { opacity: 0.25; } .footer-menu .menu-block{ padding:50px 0; } .footer-menu .menu-block ul{ list-style-type:none; text-align:center; padding:0; } .footer-menu .menu-block ul li a{ font-size: 18px; line-height: 22px; color: #fff; font-family: 'Titillium Web',sans-serif; font-weight: 300; display: block; text-transform: uppercase; } .footer-menu .menu-block ul li ul{ margin:0; padding:30px 0 0 0; } .footer-menu .menu-block ul li ul li a{ font-size: 13px; color: #cccccc; font-family: 'Source Sans Pro',sans-serif; font-weight: 300; padding: 5px 0; display: block; opacity: 0.5; text-transform: uppercase; } .footer-menu .menu-block ul li a:hover, .copyright ul li a:hover{ color:#49889f; text-decoration:none; transition: all 0.2s ease-in-out 0s; } .copyright p{ margin: 14px auto; max-width: 690px; padding: 25px 0 0 0; font-family: 'Source Sans Pro',sans-serif; font-size: 13px; font-weight: 200; line-height: 20px; text-align: center; color: #fff; opacity: 0.4; } .copyright p a{ color:#fff; font-family: 'Source Sans Pro',sans-serif; font-weight:200; } .copyright p a:hover { color: #49889f; opacity: 1; } .copyright ul{ list-style: outside none none; margin: 0; padding: 5px 0px 15px 0; text-align: center; } .copyright ul li{ display: inline-block; } .copyright ul li a{ font-family: 'Source Sans Pro',sans-serif; font-size: 14px; font-weight:200; color:#fff; opacity:0.4; } .copyright ul li:first-child{ border-right:solid 1px #495559; padding-right:5px; } .mixpanel{ padding-bottom: 10px; } .none{display:none;} .hidden{visibility:hidden;} .visible{display:block; visibility:visible;} .visible-inline{display:inline-block; visibility:visible;} .no-desktop{display:none;} .v74-axigen-logo.no-desktop{ margin:15px; } /* Media queries small screens */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .no-mobile{ display:none!important; } .dark-demo-menu + #siteWrapper .nav-top li.no-mobile { display: block!important; } .dark-demo-menu.hidden + #siteWrapper .nav-top li.no-mobile { display: none!important; } .mobile{ display:block; visibility: visible; } .no-desktop { display: block; text-indent: 9999px; } .v74-header-padding{ padding:0; } .nav-top{ padding-left:0; margin-left:0; } .v74-header .top-logo{ width:30px; } .section-solution .section-solution-pad{ padding:20px 0; } .section-solution h2{ margin:15px 0; } .multiple-screens h4, .world p span{ padding: 15px 20px 0; font-size:26px; line-height:32px; } .world p{ font-size:62px; line-height:66px; padding-bottom: 10px; } .multiple-screens h4{ padding: 15px 20px; } .homepage-default-dark-header .v74-demos-links a.v74-demos-download{ width:100%; } .border-right-1-ccc{ border-right:none; border-bottom:1px solid #ccc; } .section-solution, .reviews{ width:90%; display: block; margin:10px auto; } .review{ padding:5% 20px; } .reviews:first-child{ border-left: solid 1px #cfe2e6; } .reviews:last-child{ border-right: solid 1px #cfe2e6; } .logos{ margin:20px auto; } .logos img{ margin: 10px; visibility:visible!important; } .logos img:last-child{ margin-right: 0%; } .logos img:first-child{ margin-left:0%; } .multiple-screens p{ padding:0 5vw; } .footer-menu{ padding:0; } .multiple-screens-image{ background-size:100%; height:165px; } .v74-grey-top h1{ width:auto; } .rotate, .fadeInUp, .review-up, .zoomIn, .fadeIn { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .homepage-default-dark-header .homepage-76-header{ height:29vh; } .homepage-default-dark-header .v74-grey-top h1{ font-size:26px; line-height:32px; margin: -30px 10px 20px; } .homepage-default-dark-header .v74-grey-top h1 span{ padding: 10px; display:block; font-size: 17px; } .homepage-default-dark-header .homepage-2014-10-header-container{ margin-top:15px; } .v74-header{ height:150px; } .v74-header .dark-demo-menu{ width:960px; } .menu-wrapper{ overflow:scroll; width:100%; white-space:nowrap; } .v74-grey-top .v74-demos-container, .v74-grey-top .v74-demos-links, .homepage-default-dark-header .v74-grey-bottom, .buttons-bottom{ height:145px; } .homepage-default-dark-header .v74-demos-links a{ height:150px; padding-top:0px; } .footer-menu ul.social-sharing { margin-top: 0; } .license-registration-form .sidebyside-position-input{ width:100%!important; margin-left:0!important; } .license-registration-form fieldset{ padding:0!important; } div#form-contact::after{ height:88px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .section-solution .section-solution-pad{ padding:40px 5vw; } .multiple-screens p{ padding:0 5vw; } } @media only screen and (min-width : 768px) and (max-width : 1200px) { .v74-header .dark-demo-menu{ float:right; clear:both; } .nav-top{ margin-bottom:0px; } } @media only screen and (max-device-width : 768px) { .downloads-container .downloads-table { display: block; margin: 10px 10px 0; width: calc(100% - 10px); } .downloads-container .downloads-table tbody, .downloads-container .downloads-table tr.no-hover { display: block; } .downloads-container .downloads-table tr:not(.no-hover) td:nth-child(2) { display: inline-block; width: auto !important; } .downloads-container .downloads-table tr:not(.no-hover) td:first-child { border-bottom: none; vertical-align: top; } .downloads-container .downloads-table tr:not(.no-hover) td:nth-child(2) > a { font-size: 20px !important; line-height: 24px !important; } .downloads-container .downloads-table .downloads-kit-description { width: 100%; } .downloads-container .downloads-table tr:not(.no-hover) td.file-size { display: none; } .downloads-container .downloads-table tr:not(.no-hover) td.download-now { display: none; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note { width: 90%; margin: 0 auto; max-width: 500px; line-height: 16px !important; text-align: center; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content p.small-print-note img { float: none !important; display: block; margin: 0 auto !important; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .product-description { width: 90%; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .liner .new-product-description { margin: 10px auto 8px !important; width: 90%; font-size: 18px; line-height: 22px; text-align: center; } } .opacity{ opacity:1!important; } /* input.css ************************************** ** Introduced with the 2014 download form design ** ***************************************************/ .lightbox-trial{ max-width: 615px!important; } .lightbox-trial input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); background/*\**/: #171717\9; border: 1px solid #808080; border-radius: 4px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 49.6px; margin: 0 0 1em; outline: medium none; padding: 1em; resize: none; width: 100%; color: #9c9b9b; font-family: 'Source Sans Pro'; font-size: 14px; } .lightbox-trial input.error{ border: 1px solid #db5959; } .lightbox-trial .error_text, .lightbox-trial .error_text_country { background-color:#171717; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #db5959; position:absolute; margin-top:-72px; padding: 0 5px; margin-left:10px; font-family: 'Source Sans Pro'!important; font-size: 14px; text-transform: uppercase; font-weight: 400; } .lightbox-trial .error_text_country { margin-top:-58px; } .lightbox-trial input:focus{ border-color: #4f9bb5; } .lightbox-trial input:focus + label[placeholder]:before { color: #4f9bb5; } .lightbox-trial input:focus + label[placeholder]:before, .lightbox-trial input.selected + label[placeholder]:before { -webkit-transform: translate(0px, -1.6em) scale(0.9, 0.9); -webkit-transition-duration: 0.2s; transform: translate(0px, -1.6em) scale(0.9, 0.9); transition-duration: 0.2s; } .lightbox-trial input:invalid + label[placeholder][alt]:before { content: attr(alt); } .lightbox-trial input + label[placeholder] { display: block; line-height: 1.3em; margin-bottom: 35.6px; margin-top: -49.6px; pointer-events: none; font-size: 14px; margin-top:-70px\9\0; margin-bottom: 55.6px\9\0; } .lightbox-trial input + label[placeholder]:before { background-color:#171717; background-position: center center; background-repeat: no-repeat; background-size: 100% 5px; color: #808080; content: attr(placeholder); display: inline-block; margin: 0 1em; padding: 0 5px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; white-space: nowrap; font-family: 'Source Sans Pro'!important; font-size: 14px; text-transform: uppercase; font-weight: 400; } .lightbox-trial .input-float{ width:48.3%; float:left; margin-right:15px; } .lightbox-trial .last{ margin-right:0px;} .lightbox-trial p.disclamer-agree { color: #808080; font-family: 'Source Sans Pro'; font-size: 12px; font-weight: normal; text-align: center; } .lightbox-trial p.disclamer-agree a { color: #559eb9; font-size: 12px; font-weight: normal; text-decoration: none; } .lightbox-trial p.disclamer-agree a:hover { color: #fff; font-size: 12px; } .lightbox-trial .register-or-demo { font-family: 'Source Sans Pro',semibold; font-size: 16px; margin: 25px auto; opacity: 0.6; } #mytext{ font-size: 80px; } .lightbox-trial .skip { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #559eb9; border-radius: 30px; color: #559eb9; font-family: 'Source Sans Pro',semibold; font-size: 13px; padding: 13px 24px; text-transform: uppercase; } .lightbox-trial h1 { color: #fff; font-family: 'Titillium Web',light; font-size: 40px; text-align: center; font-weight: 100; } .lightbox-trial h2 { border-bottom: 1px solid #424242; color: #fff; font-family: 'Titillium Web',light; font-size: 36px; margin-bottom: 30px; padding-bottom: 40px; margin-top: 40px; text-align: center; font-weight: 100; } .lightbox-trial p.text-dwnl-page { color: #808080; font-family: 'Source Sans Pro',light; font-size: 20px; line-height: 27px; margin-bottom: 50px; text-align: center; font-weight: 300; } .lightbox-trial .dwnl-type p { color: #808080; font-family: 'Source Sans Pro',light; font-size: 16px; line-height: 18px; margin-bottom: 50px; text-align: center; width: 70%; } .lightbox-trial .terms-condition { color: #808080; font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; } .lightbox-trial .license a, .lightbox-trial .terms-condition a { font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; color: #4f9bb5; font-family: 'Source Sans Pro',light; font-size: 16px; font-weight: normal; text-decoration: none; } .lightbox-trial .license a:hover, .lightbox-trial .terms-condition a:hover{ color:#fff; transition: all 0.2s ease-in-out 0s; } .lightbox-trial .btn-demo { background: none repeat scroll 0 0 #559eb9; border: medium none; border-radius: 35px; color: #fff; font-family: 'Source Sans Pro',semibold !important; font-size: 16px; margin: 25px auto; padding: 22px 0; text-transform: uppercase; width: 90%; text-align: center; text-decoration: none; display:block; outline: none; } .lightbox-trial .btn-demo:hover{ background:#4d8fa8; transition: all 0.1s ease-in-out 0s; } .lightbox-trial .btn-demo:focus{ outline: none; } .lightbox-trial .dwnl-type .btn-demo { padding: 15px 0; } .lightbox-trial .no-float { float: none; margin: 0 auto; } .lightbox-trial .loader { animation: 1.1s linear 0s normal none infinite load8; border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) #559eb9; border-style: solid; border-width: 1.1em; font-size: 5px; margin: 6em auto; position: relative; text-indent: -9999em; } .lightbox-trial .loader, .lightbox-trial .loader:after { border-radius: 50%; height: 10em; width: 10em; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .col-xs-9 .bootstrap-select .btn-default, .col-xs-9 .bootstrap-select .btn-default:hover, .col-xs-9 .bootstrap-select .btn-default:focus, .col-xs-9 .bootstrap-select .btn-default:active, .col-xs-9 .bootstrap-select .btn-default.active, .col-xs-9 .open .dropdown-toggle.selectpicker { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-color: #808080; border-radius: 4px; color: #808080; font-family: 'Source Sans Pro',semibold; font-size: 14px; height: calc(3.4em + 2px); line-height: 14px; text-transform: uppercase; outline: none; } .col-xs-9 .open .dropdown-toggle.selectpicker{ border-top:none; border-radius:0 0px 4px 4px; } .lightbox-trial .open div.dropdown-menu{ margin-bottom:-2px; } .lightbox-trial .bootstrap-select .dropdown-menu { background: none repeat scroll 0 0 #171717; border: medium none; color: #808080; margin: 0; padding: 0; text-transform: uppercase; } .lightbox-trial .bootstrap-select .dropdown-menu li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color:#3b3b3b; border-image: none; border-left: 1px solid #808080; border-right: 1px solid #808080; border-style: none solid solid; border-width: medium 1px 1px; color: #808080; } .lightbox-trial .bootstrap-select .dropdown-menu li:first-child a { border-top: 1px solid #808080; } .lightbox-trial .bootstrap-select .dropdown-menu li a:hover, .lightbox-trial .bootstrap-select .dropdown-menu li a:focus { background: none repeat scroll 0 0 #1d2b30; color: #fff; outline: medium none; border-bottom:solid 1px #3b3b3b; } .lightbox-trial .bootstrap-select.btn-group .dropdown-menu li a span.text { font-family: 'Source Sans Pro'; } .lightbox-trial .bootstrap-select .caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid; color: #666; } .bootstrap-select.btn-group .btn .caret { margin-top: -5px; } .lightbox-trial .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 8px solid; border-top: 0 solid; } .lightbox-trial .progress-radial { display: block; margin: auto; position: relative; } .lightbox-trial .progress-radial-track { fill: #3d3d3d; } .lightbox-trial .progress-radial-bar { fill: #559eb9; } .lightbox-trial .text-loading-page { color: #808080; font-family: 'Source Sans Pro',light; font-size: 20px; line-height: 28px; text-align: center; } .lightbox-trial .center-block { display: block; margin-left: auto; margin-right: auto; } .lightbox-trial .clearfix { clear: both; } .col-xs-9 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 75%; } .chooseLicenseDownloadForm { text-decoration: none; cursor: pointer; } .chooseLicenseDownloadForm button { cursor: pointer; } .license{text-align:center;} /* START bootstrap part */ .lightbox-trial .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .lightbox-trial .dropdown-menu li a { display: block; padding: 1em; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .lightbox-trial .dropdown-menu li a:hover, .lightbox-trial .dropdown-menu li a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .lightbox-trial .dropdown-menu .active a, .lightbox-trial .dropdown-menu .active a:hover, .lightbox-trial .dropdown-menu .active a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .lightbox-trial .dropdown-menu > .disabled > a, .lightbox-trial .dropdown-menu > .disabled > a:hover, .lightbox-trial .dropdown-menu > .disabled > a:focus { color: #777; } .lightbox-trial .dropdown-menu > .disabled > a:hover, .lightbox-trial .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .lightbox-trial .open .dropdown-menu { display: block; } .lightbox-trial .open a { outline: 0; } .lightbox-trial .dropdown-toggle:focus { outline: 0; } .lightbox-trial .btn-default { color: #333; background-color: #fff; border-color: #ccc; outline: none; } .lightbox-trial .btn-default:hover, .lightbox-trial .btn-default:focus, .lightbox-trial .btn-default:active, .lightbox-trial .btn-default.active, .lightbox-trial .open .dropdown-toggle.btn-default { color: #808080; border-color: #808080; } .lightbox-trial .btn-default:active, .lightbox-trial .btn-default.active, .lightbox-trial .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .lightbox-trial .dropup .btn-lg .caret { border-width: 0 5px 5px; } .lightbox-trial .btn > .caret, .dropup > .btn > .caret { border-top-color: #666 !important; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .lightbox-trial .dropup .dropdown-menu, .lightbox-trial .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .lightbox-trial .btn-group, .lightbox-trial .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .lightbox-trial .btn-group > .btn, .lightbox-trial .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn:focus, .btn-group-vertical .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .lightbox-trial .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .lightbox-trial .btn-group > .btn:first-child { margin-left: 0; } .lightbox-trial .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .lightbox-trial .btn-group > .btn:last-child:not(:first-child), .lightbox-trial .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .lightbox-trial .btn-group > .btn-group { float: left; } .lightbox-trial .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .lightbox-trial .btn-group > .btn-group:first-child > .btn:last-child, .lightbox-trial .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .lightbox-trial .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .lightbox-trial .btn-group .dropdown-toggle:active, .lightbox-trial .btn-group.open .dropdown-toggle { outline: 0; } .lightbox-trial .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .lightbox-trial .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .lightbox-trial .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .lightbox-trial .btn .caret { margin-left: 0; } .lightbox-trial .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .lightbox-trial .btn { display: inline-block; padding: 1em; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .lightbox-trial .btn-group .bootstrap-select{ margin-bottom:15px; } .loader{ margin: 0 0 2em; height: 100px; text-align: center; padding: 1em; margin: 0 auto 1em; display: inline-block; vertical-align: top; } /* Set the color of the icon */ svg path, svg rect{ fill: #3d3d3d; } .wrapp-box a{ text-decoration:none; } .wrapp-box a:hover{ border:solid 1px #4f9bb5; transition: all 0.2s ease-in-out 0s; } .wrapp-box a{ border: 1px solid #666666; border-radius: 5px; float: left; margin: 20px 5px; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 42.667%; text-decoration:none; } #btnDownloadFormSubmit { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:hidden;} .mfp-close{ font-weight:100; } .mfp-close span{ font-size:15px; } .lightbox-trial h1.erorr-title{ color:#cc0101; } .mytexterr { font-size: 235px !important; } /* Local custom fonts ***************************** ** Introduced with the 2014 redesign, now local *** ***************************************************/ /** * Titillium Web */ /* Titillium Web - 200 version */ @font-face { font-family: 'Titillium Web'; src: url('/fonts/Titillium_Web_200.woff2') format('woff2'), url('/fonts/Titillium_Web_200.woff') format('woff'); font-style: normal; font-weight: 200; } /* Titillium Web - 300 version */ @font-face { font-family: 'Titillium Web'; src: url('/fonts/Titillium_Web_300.woff2') format('woff2'), url('/fonts/Titillium_Web_300.woff') format('woff'); font-weight: 300; } /* Titillium Web - 400 (default) version */ @font-face { font-family: 'Titillium Web'; src: url('/fonts/Titillium_Web_400.woff2') format('woff2'), url('/fonts/Titillium_Web_400.woff') format('woff'); font-weight: 400; } /* Titillium Web - 600 (bold) version */ @font-face { font-family: 'Titillium Web'; src: url('/fonts/Titillium_Web_600.woff2') format('woff2'), url('/fonts/Titillium_Web_600.woff') format('woff'); font-weight: 600; } /** * Source Sans Pro */ /* Source Sans Pro - 200 version */ @font-face { font-family: 'Source Sans Pro'; src: url('/fonts/Source_Sans_Pro_200.woff2') format('woff2'), url('/fonts/Source_Sans_Pro_200.ttf') format('truetype'), url('/fonts/Source_Sans_Pro_200.woff') format('woff'); font-weight: 200; } /* Source Sans Pro - 300 version */ @font-face { font-family: 'Source Sans Pro'; src: url('/fonts/Source_Sans_Pro_300.woff2') format('woff2'), url('/fonts/Source_Sans_Pro_300.ttf') format('truetype'), url('/fonts/Source_Sans_Pro_300.woff') format('woff'); font-weight: 300; } /* Source Sans Pro - 400 (default) version */ @font-face { font-family: 'Source Sans Pro'; src: url('/fonts/Source_Sans_Pro_400.woff2') format('woff2'), url('/fonts/Source_Sans_Pro_400.ttf') format('truetype'), url('/fonts/Source_Sans_Pro_400.woff') format('woff'); font-weight: 400; } /* Source Sans Pro - 600 (bold) version */ @font-face { font-family: 'Source Sans Pro'; src: url('/fonts/Source_Sans_Pro_600.woff2') format('woff2'), url('/fonts/Source_Sans_Pro_600.ttf') format('truetype'), url('/fonts/Source_Sans_Pro_600.woff') format('woff'); font-weight: 600; } /* animate.css ************************************ ** Introduced with the 2015 redesign ************** ***************************************************/ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .button-up.fadeOutUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-grey-bottom.slideInUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } /* Rotate */ .v74-demos-webmail.fadeInUp{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-demos-webadmin.fadeInUp{ -webkit-animation-duration: 2s; animation-duration: 2s; } .v74-demos-download.fadeInUp{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .homepage-2014-10-header-container.rotate{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .homepage-2014-10-header-container.rotate-retargeting{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } @-webkit-keyframes rotate { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 30% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 9deg); transform: rotate3d(0, 0, 1, 9deg); } 50% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } @keyframes rotate { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 30% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 9deg); transform: rotate3d(0, 0, 1, 9deg); } 50% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); transform: rotate3d(0, 0, 1, 4deg) translateY(-135px); } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } .rotate { -webkit-animation-name: rotate; animation-name: rotate; } /* Retargeting */ @-webkit-keyframes rotate-retargeting { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } @keyframes rotate-retargeting { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; } 100% { opacity: 1; -webkit-transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); transform: rotate3d(0, 0, 0, 0deg) translateY(-210px); } } .rotate-retargeting { -webkit-animation-name: rotate-retargeting; animation-name: rotate-retargeting; } /* Fade in up color change */ @-webkit-keyframes fadeInUpColor { 0% { opacity: 0.7; -webkit-transform: translate3d(0, 70%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 30% { opacity: 0.8; -webkit-transform: translate3d(0, 90%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 60% { opacity: 0.9; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpColor{ 0% { opacity: 0.7; -webkit-transform: translate3d(0, 70%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 30% { opacity: 0.8; -webkit-transform: translate3d(0, 90%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 60% { opacity: 0.9; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); background:#1f2d33; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpColor { -webkit-animation-name: fadeInUpColor; animation-name: fadeInUpColor; } .v74-demos-webmail.fadeInUpColor{ -webkit-animation-duration: 1s; animation-duration: 1s; } .v74-demos-webadmin.fadeInUpColor{ -webkit-animation-duration: 2s; animation-duration: 2s; } .v74-demos-download.fadeInUpColor{ -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } #nContainer.axi-2015-nContainer #nnContainer #mContainer #mainPart-inner #content .product-main-content p.kb_code_monospace { margin: 10px 0 5px !important; padding: 10px; background: #f5f8fa; border: 1px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-radius: 3px; font-family: monospace !important; font-size: 13px !important; color: #000; word-wrap: break-word; } /* Menu Show Hide */ .menu-icon { cursor: pointer; display: inline-block; height: 18px; margin: 0 auto; position: relative; width: 18px; vertical-align:middle; } .menu-icon > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-top:solid 2px #fff; left: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; } .menu-icon > .top { top: 0; } .menu-icon > .middle { border-bottom:solid 2px #fff; padding-top:2px; margin-top: -4px; top: 50%; } .menu-icon > .bottom { margin-bottom: -1px; top: 14px; } .menu-icon.active > .top, .menu-icon.active > .bottom { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.5s ease 0s; } .menu-icon.active > .top { top: 7px; transform: rotate(50deg); } .menu-icon.active > .middle { opacity: 0; } .menu-icon.active > .bottom { top: 7px; transform: rotate(-410deg); } @-webkit-keyframes fadeInMenu { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInMenu { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInMenu { -webkit-animation-name: fadeInMenu; animation-name: fadeInMenu; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }