html, body {
height: 100%;
}
body {
word-wrap: break-word;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 75%;
color: #000;
}
/****************************
*********** MAIN STRUCTURE
****************************/
body {
min-width: 970px;
}
#main {
min-height: 100%;
width: 100%;
min-width: 970px;
position: relative;
background: url(images/main-bg.png) repeat scroll left top #cdcdcd;
}
#main #master-header {
height: 30px;
width: 100%;
border-bottom: 1px solid #d4d4d4;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: url(images/master-head-bg.png) repeat scroll center center #000000;
background: rgba(0, 0, 0, 0.47);
}
#main #master-header-content .master-header-info-box {
float: right;
color: #fff;
}
#main #master-header-content {
}
#main #master-header-content .master-header-info-box a {
color: #fff;
padding: 0 5px;
}
#main #master-header-content .master-header-info-box a.header-upload-btn {
display: block;
width: 68px;
height: 22px;
line-height: 22px;
margin-top: 5px;
background: url(images/header-upload-btn.png) no-repeat center center transparent;
color: #fff !important;
text-align: center;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
#main #master-header-content .master-header-info-box > ul > li > a:hover {
color: #cccaca;
}
#main #master-header-content .master-header-info-box > ul > li {
float: left;
line-height: 31px;
}
#main #master-header-content .master-header-info-box > ul > li.action-divider {
display: block;
border-right: 1px solid #878787;
width: 1px;
background-color: #5e5e5e;
height: 20px;
margin: 5px 5px 0;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu {
position: relative;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > a {
display: block;
height: 31px;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > a .header-setting-icon {
background: url(images/settings-icon.png?dsf) no-repeat center -31px transparent;
display: block;
width: 20px;
height: 31px;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu.hover > a .header-setting-icon,
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu:hover > a .header-setting-icon {
background-position: center 0;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu.hover > a,
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu:hover > a {
background-color: #fff;
color: #424242;
position: relative;
z-index: 36;
cursor: pointer;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu.hover ul,
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu:hover ul,
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > ul:hover {
display: block;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > ul {
display: none;
position: absolute;
top: 31px;
right: -1px;
z-index: 35;
width: 150px;
padding-top: 5px;
background-color: #fff;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #999;
-moz-box-shadow: 0 1px 5px #77;
-webkit-box-shadow: 0 1px 5px #777;
box-shadow: 0 1px 5px #777;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > ul > li {
text-align: right;
height: 25px;
line-height: 25px;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > ul > li:hover {
background-color: #f0f0f0;
}
#main #master-header-content .master-header-info-box > ul > li.dropdown-menu > ul > li > a {
display: block;
color: #424242;
font-size: 11px;
}
#master-header-content,
#master-footer-content,
#main #page #page-header,
#main #page #page-content {
width: 970px;
margin: 0 auto;
}
#main #page #page-content.full-width-page {
width: auto;
}
#main #page {
min-height: 300px;
padding-bottom: 177px;
position: relative;
/*z-index: 5;*/
}
#main #master-footer {
height: 177px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
/*background: url(images/main-footer-bg.png) repeat-x scroll center center #424242;*/
background: #424242;
}
#main #master-footer #master-footer-pattern {
width: 100%;
height: 177px;
/*height: 444px;*/
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
#main #master-footer #left-shadow,
#main #master-footer #right-shadow,
#main #master-footer #center-shadow {
float: left;
height: 444px;
}
#main #master-footer #left-shadow {
background: url(images/main-footer-pattern-left.png) no-repeat scroll center top transparent;
width: 400px;
position: absolute;
left: 0;
top: 0;
display: none;
}
#main #master-footer #center-shadow {
background: url(images/main-footer-pattern-center.png) repeat-x scroll center bottom transparent;
width: 100%;
height: 177px;
}
#main #master-footer #right-shadow {
background: url(images/main-footer-pattern-right.png) no-repeat scroll center top transparent;
width: 480px;
position: absolute;
right: 0;
top: 0;
display: none;
}
#main #page #page-header {
padding: 20px 0 40px 0;
}
#main #page #page-header #site-logo-img {
height: 55px;
}
#main #page #page-header #live-support-block {
/*width: 140px;*/
/*height: 50px;*/
cursor: pointer;
}
#main #page #page-header #live-support-block.online {
background: url(images/staffoffline.png) no-repeat center center transparent;
}
#main #page #page-header #live-support-block.offline,
#main #page #page-header #live-support-block.away {
background: url(images/staffoffline.png) no-repeat center center transparent;
cursor: default;
}
#main #page #page-header #navigation-menu {
height: 30px;
}
#main #page #page-header #navigation-menu ul {
}
#main #page #page-header #navigation-menu ul li {
position: relative;
float: left;
margin-right: 36px;
}
#main #page #page-header #navigation-menu ul li a {
font-family: 'BebasNeueRegular';
font-size: 21px;
color: #707070;
text-shadow: 1px 1px 0px #e9e9e9;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.57);
text-transform: uppercase;
position: relative;
z-index: 1;
cursor: pointer;
}
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul > li:hover a,
#main #page #page-header #navigation-menu ul li:hover > a {
color: #c02121;
text-shadow: 1px 1px 0px #bcbcbc;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul {
display: none;
position: absolute;
left: -10px;
top: 0;
padding: 30px 0 15px 10px;
}
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul li:first-child {
margin-left: 0;
}
#main #page #page-header #navigation-menu ul li.dropdown-menu.hover > ul,
#main #page #page-header #navigation-menu ul li.dropdown-menu:hover > ul,
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul:hover {
display: block;
}
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul > li {
float: left;
margin-left: 25px;
margin-right: 0;
font-size: 15px;
}
#main #page #page-header #navigation-menu ul li.dropdown-menu > ul > li a {
color: #959494;
}
#main #page #page-header #navigation-menu #main-search-box {
float: right;
}
#main #page #page-header #navigation-menu #main-search-box label {
font-family: 'MyriadProRegular';
font-size: 13px;
line-height: 27px;
text-transform: uppercase;
color: #959494;
text-shadow: 1px 1px 0px #e9e9e9;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
float: left;
margin-right: 15px;
}
#main #page #page-header #navigation-menu #main-search-box form {
float: right;
}
#main #page #page-header #navigation-menu #main-search-box div {
float: right;
width: 260px;
height: 24px;
background: rgb(222,222,222); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2VkZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(237,236,236,1) 85%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,222,222,1)), color-stop(85%,rgba(237,236,236,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%,rgba(237,236,236,1) 85%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%,rgba(237,236,236,1) 85%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%,rgba(237,236,236,1) 85%,rgba(217,217,217,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(222,222,222,1) 0%,rgba(237,236,236,1) 85%,rgba(217,217,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: inset 1px 1px 0px 0px #c5c5c5, inset 1px 1px 0px 0px rgba(5, 5, 5, 0.12), 1px 1px 0px 0px #efefef, 1px 1px 0px 0px rgba(255, 255, 255, 0.68);
-moz-box-shadow: inset 1px 1px 0px 0px #c5c5c5, inset 1px 1px 0px 0px rgba(5, 5, 5, 0.12), 1px 1px 0px 0px #efefef, 1px 1px 0px 0px rgba(255, 255, 255, 0.68);
box-shadow: inset 1px 1px 0px 0px #c5c5c5, inset 1px 1px 0px 0px rgba(5, 5, 5, 0.12), 1px 1px 0px 0px #efefef, 1px 1px 0px 0px rgba(255, 255, 255, 0.68);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #898989 #bebebe #bfbfbf #949494;
}
#main #page #page-header #navigation-menu #main-search-box div input {
border: 0;
background: url(images/main-search-box-icon.png) no-repeat center right transparent;
height: 18px;
width: 220px;
padding: 3px 30px 3px 5px;
font-size: 11px;
color: #424242;
}
#main #master-footer #master-footer-content {
position: relative;
z-index: 5;
padding-top: 25px;
color: #959494;
height: 135px
}
#main #master-footer #master-footer-content a {
color: #959494;
}
#main #master-footer #master-footer-content #footer-copyright {
position: absolute;
left: 0;
bottom: 0;
font-size: 11px;
color: #959494;
}
#main #master-footer #master-footer-content #master-footer-left-section {
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block {
margin-right: 30px;
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block p {
text-transform: uppercase;
margin-bottom: 6px;
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block p {
font-family: 'MyriadProRegular';
font-size: 14px;
text-shadow: 1px 1px 0px #3e3e3e;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
}
#main #master-footer #master-footer-content a:hover {
color: #cccaca;
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block ul {
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block ul li {
margin-bottom: 5px;
}
#main #master-footer #master-footer-content #master-footer-left-section .footer-links-block ul li a {
font-size: 11px;
}
#main #master-footer #master-footer-content .footer-links-block {
}
#main #master-footer #master-footer-content #master-footer-right-section {
width: 350px;
}
#main #master-footer #master-footer-content #master-footer-right-section #footer-contact-number {
font-size: 14px;
}
#main #master-footer #master-footer-content #master-footer-right-section #footer-contact-number .sales-support-number {
font-family: 'MyriadProItalic';
text-shadow: 1px 1px 0px #414141;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.42);
}
#main #master-footer #master-footer-content #master-footer-right-section #footer-contact-number .sales-support-label {
font-family: 'MyriadProBoldItalic';
text-shadow: 1px 1px 0px #3f3f3f;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.47);
margin-left: 10px;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links {
overflow: hidden;
}
#main #master-footer #master-footer-content #master-footer-right-section #privacy-and-terms-links {
position: absolute;
bottom: 0;
right: 0;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons {
margin-left: 4px;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a {
display: block;
float: left;
width: 16px;
height: 16px;
background: url(images/footer-social-buttons.png) no-repeat scroll center center transparent;
margin-left: 12px;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.facebook-icon {
background-position: 0 0;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.facebook-icon:hover {
background-position: 0 -16px;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.twitter-icon {
background-position: -17px 0;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.twitter-icon:hover {
background-position: -17px -16px;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.linkedin-icon {
background-position: -34px 0;
}
#main #master-footer #master-footer-content #master-footer-right-section #social-networks-links .social-networkds-icons a.linkedin-icon:hover {
background-position: -34px -16px;;
}
#main #master-footer #master-footer-content #master-footer-right-section #privacy-and-terms-links ul li {
float: left;
line-height: 16px;
font-size: 11px;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #8e908f;
}
#main #master-footer #master-footer-content #master-footer-right-section #privacy-and-terms-links ul li.first-link-block,
#main #master-footer #master-footer-content #master-footer-right-section #privacy-and-terms-links ul li:first-child {
border: none;
}
#registration-successful-tour-guide {
display: block;
height: 500px;
background: url(images/tour_guide.png?09234) no-repeat center center transparent;
}
/*******
*** Blog post's blocks
*******/
#main #page #page-content .blog-post-brief-block {
width: 290px;
height: 140px;
padding: 5px 10px;
overflow: hidden;
border: 1px solid #a6a6a6;
background-color: #d8d8d8;
float: left;
margin-left: 16px;
}
#main #page #page-content .blog-post-brief-block.first-block,
#main #page #page-content .features-blocks .feature-block.first-block {
margin-left: 0;
}
#main #page #page-content .blog-post-brief-block .post-title {
line-height: 21px;
overflow: hidden;
}
#main #page #page-content .blog-post-brief-block .post-title a {
font-family: 'MyriadProRegular';
font-size: 13px;
color: #c02121;
text-shadow: 1px 1px 0px #f5f5f5;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
float: left;
}
#main #page #page-content .blog-post-brief-block .post-title .post-date {
float: right;
font-family: tahoma;
font-size: 11px;
color: #747373;
text-shadow: 1px 1px 0px #f2f2f2;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.53);
float: right;
}
#main #page #page-content .blog-post-brief-block .post-content {
margin-top: 10px;
overflow: hidden;
}
#main #page #page-content .blog-post-brief-block .post-content .preview-img {
float: left;
}
#main #page #page-content .blog-post-brief-block .post-content .preview-img img {
width: 70px;
height: 70px;
border: 3px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#main #page #page-content .blog-post-brief-block .post-content .post-description {
margin-left: 85px;
color: #424242;
font-size: 11px;
}
#main #page #page-content .blog-post-brief-block .post-footer {
}
#main #page #page-content .convertor-cycle-block {
background: url(images/convertor_cycle_bg.png) no-repeat center center transparent;
border: 1px solid #a6a6a6;
margin-bottom: 16px;
}
#main #page #page-content .convertor-cycle-block .convertor-cycle-content {
position: relative;
height: 288px;
background: url(images/convertor_cycle.png) no-repeat center center transparent;
text-transform: uppercase;
font-size: 24px;
cursor: pointer;
}
#main #page #page-content .convertor-cycle-block .convertor-cycle-content .have-pdf-file-text {
position: absolute;
top: 0;
left: 0;
width: 159px;
height: 44px;
background-color: #959595;
background-color: rgba(51, 51, 51, 0.4);
font-family: 'MyriadProCondRegular';
color: #fff;
text-align: center;
line-height: 44px;
}
#main #page #page-content .convertor-cycle-block .convertor-cycle-content .upload-your-pdf-text {
position: absolute;
top: 199px;
left: 54px;
}
#main #page #page-content .convertor-cycle-block .convertor-cycle-content .get-your-mag-text {
position: absolute;
top: 199px;
left: 302px;
width: 178px;
text-align: center;
}
#main #page #page-content .convertor-cycle-block .convertor-cycle-content .distribute-text {
position: absolute;
top: 199px;
left: 620px;
}
#main #page #page-content .solution-block {
position: relative;
height: 190px;
padding: 10px 20px;
overflow: hidden;
border: 1px solid #a6a6a6;
background-color: #d8d8d8;
margin-bottom: 16px;
}
#main #page #page-content .solution-block .title {
font-family: 'MyriadProCondRegular';
font-size: 24px;
color: #c02121;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
margin-bottom: 13px;
}
#main #page #page-content .solution-block .thumbnail {
display: block;
width: 328px;
height: 132px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
float: left;
}
#main #page #page-content .solution-block .content-container {
}
#main #page #page-content .solution-block .content-container .learn-more-button {
position: absolute;
bottom: 20px;
right: 30px;
}
#main #page #page-content .solution-block .content {
margin-left: 351px;
}
#main #page #page-content .solution-block .content .key-benefits,
#main #page #page-content .solution-block .content .overview {
font-size: 14px;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.48);
}
#main #page #page-content .solution-block .content .overview {
float: left;
width: 310px;
}
#main #page #page-content .solution-block .content .key-benefits > div,
#main #page #page-content .solution-block .content .overview > div {
color: #666;
font-family: 'MyriadProLightBold';
margin-bottom: 4px;
}
#main #page #page-content .solution-block .content .key-benefits > ul,
#main #page #page-content .solution-block .content .overview > p {
color: #7d7d7d;
font-family: 'MyriadProRegular';
line-height: 19px;
margin-bottom: 12px;
}
#main #page #page-content .solution-block .content .key-benefits {
padding-left: 379px;
}
#main #page #page-content .solution-block .content .key-benefits > ul {
padding-left: 15px;
}
#main #page #page-content .solution-block .content .key-benefits > ul li {
list-style: disc url(images/list-style-bullet.png);
}
.solution-block.create-from-scratch .thumbnail {
background-image: url(images/solution_create_from_scratch_thumb.png);
}
.solution-block.sell-magazines .thumbnail {
background-image: url(images/solution_sell_mags_thumb.png);
}
.solution-block.manage-subscribers .thumbnail {
background-image: url(images/solution_manage_subs_thumb.png);
}
/***************************************************/
#main #page #page-content {
padding-bottom: 35px;
}
#main #page #page-content .content-section {
margin-bottom: 30px;
}
#main #page #page-content .content-section > .content {
overflow: auto;
}
#main #page #page-content .content-section:last-child,
#main #page #page-content .content-section.last-one {
margin-bottom: 0;
}
#main #page #page-content .content-section > h1.title,
#main #page #page-content #page-content-resource > h1.title,
.pro-title,
.pro-red-title {
font-family: 'BebasNeueRegular';
font-size: 26px;
color: #747272;
text-transform: uppercase;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: rgba(255, 255, 255, 0.67);
line-height: 20px;
margin-bottom: 10px;
}
/***********************************************************/
/****************************
*********** COMMON STYLES
****************************/
.separeted-link-list {
overflow: auto;
}
.separeted-link-list a,
.separeted-link-list li,
.text-note {
font-size: 13px;
line-height: 23px;
color: #959494;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
}
.separeted-link-list.big a {
font-size: 20px;
line-height: 24px;
color: #747272;
font-family: 'BebasNeueRegular';
}
.separeted-link-list.big a.selected {
color: #c02121;
}
.text-note a {
color: #424242;
}
.text-note a:hover {
text-decoration: underline;
}
.separeted-link-list a.selected,
.separeted-link-list a:hover {
color: #c02121;
}
.separeted-link-list a.selected {
cursor: default;
}
.separeted-link-list .separator,
.separeted-link-list a {
float: left;
}
.separeted-link-list .separator {
display: block;
margin: 0 8px 0 9px;
border-right: 1px solid #e4e4e4;
border-right: 1px solid rgba(255, 255, 255, 0.7);
width: 1px;
background-color: #b5b5b5;
background-color: rgba(0,0,0,0.23);
height: 23px;
}
.cms-page-content {
color: #424242;
min-height: 350px;
/*padding-top: 15px;*/
}
.cms-page-content p a {
color: #c02121;
}
.cms-page-content p a:hover {
text-decoration: underline;
}
.cms-page-content ul.styled {
padding-left: 25px;
}
.cms-page-content ul.styled li {
list-style: square;
line-height: 150%;
}
.cms-page-content ul.styled li a {
color: #424242;
}
.cms-page-content ul.styled li a:hover {
text-decoration: underline;
}
.cms-page-content h2 {
font-size: 18px;
}
.cms-page-content p {
text-align: justify;
line-height: 150%;
margin-bottom: 15px;
}
.cms-page-content .pro-red-title {
font-size: 18px;
color: #c02121;
}
/***********************************************************/
/****************************
*********** MAGAZINE LIST ITEM TEMPLATE
****************************/
.magazine-list-item {
width: 180px;
height: 260px;
background-color: #d8d8d8;
border: 1px solid #ababab;
float: left;
}
.magazine-list-item .cover {
width: 145px;
height: 210px;
position: relative;
margin: 15px auto 6px auto;
}
.magazine-list-item .cover span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: block;
text-align: center;
}
.magazine-list-item .cover img {
max-width: 139px; /* 145px - 6px(for imgs borders) */
max-height: 204px; /* 210px - 6px(for imgs borders) */
border: 3px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
}
.magazine-list-item .info {
font-family: 'MyriadProRegular';
font-size: 14px;
text-align: left;
width: 145px;
margin: auto;
}
.magazine-list-item .info .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
display: block;
width: 145px;
height: 15px;
color: #c1161b;
}
.magazine-list-item .info .title a {
color: #c1161b;
}
.magazine-list-item .info .author {
color: #ababab;
display: none;
}
.features-blocks {
overflow: hidden;
margin-bottom: 16px;
text-align: center;
font-family: MyriadProRegular;
}
.features-blocks .feature-block {
width: 290px;
height: 61px;
padding: 90px 10px 5px;
overflow: hidden;
border: 1px solid #a6a6a6;
background-color: #d8d8d8;
float: left;
margin-left: 16px;
background-position: center 15px;
background-repeat: no-repeat;
}
.features-blocks .feature-block .feature-name {
font-size: 18px;
color: #c02121;
text-shadow: 1px 1px 0px #F1F1F1;
text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.62);
}
.features-blocks .feature-block .feature-desc {
font-size: 14px;
color: #595959;
text-shadow: 1px 1px 0px #F1F1F1;
text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.62);
}
.features-blocks .feature-block.professional-online-editor {
background-image: url(images/feature-imgs/editor.png);
}
.features-blocks .feature-block.subscription-management {
background-image: url(images/feature-imgs/subscription.png);
}
.features-blocks .feature-block.sell-magazines {
background-image: url(images/feature-imgs/selling.png);
}
.features-blocks .feature-block.interactive-magazines {
background-image: url(images/feature-imgs/interactive.png);
}
.features-blocks .feature-block.html5-support {
background-image: url(images/feature-imgs/html5_viewer.png);
}
.features-blocks .feature-block.advanced-analytics {
background-image: url(images/feature-imgs/analytics.png);
}
.feature-magazines-list {
padding: 20px 0 5px 0;
overflow: hidden;
}
.feature-magazines-list .magazine-list-item {
margin-left: 15px;
}
.feature-magazines-list .magazine-list-item:first-child,
.feature-magazines-list .magazine-list-item.first-item {
margin-left: 0;
}
.magazines-list .search-no-result-text {
text-align: center;
font-size: 14px;
margin-top: 20px;
}
.magazines-list .magazine-list-item {
width: 134px;
height: 200px;
margin-left: 20px;
margin-bottom: 20px;
}
.magazines-list .magazine-list-item .cover {
width: 111px;
height: 160px;
}
.magazines-list .magazine-list-item .cover img {
max-width: 105px; /* 111px - 6px(for imgs borders) */
max-height: 154px; /* 160px - 6px(for imgs borders) */
}
.magazines-list .magazine-list-item .info .title,
.magazines-list .magazine-list-item .info {
width: 111px;
font-size: 11px;
}
.magazines-list-block {
position: relative;
}
.magazines-list-block .magazine-list-item {
margin-right: 15px;
margin-bottom: 15px;
}
.magazines-list-block .magazine-list-item:nth-child(5n),
.magazines-list-block .magazine-list-item.fifth-one {
margin-right: 0;
}
.magazines-list-block .view-more-button {
display: block;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
margin: 0 0 15px 0;
cursor: pointer;
background: url(images/load_more_btn.png) no-repeat scroll 0 0 #d8d8d8;
}
.magazines-list-block .view-more-button:hover {
background: url(images/load_more_btn.png) no-repeat scroll -179px 0 #d8d8d8;
}
/***********************************************************/
/****************************
*********** MAIN SLIDESHOW
****************************/
#main-slideshow-panel {
position: relative;
width: 470px;
height: 335px;
}
#main-slideshow-panel > div {
-webkit-backface-visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 335px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
#main-slideshow-panel > div a.full-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#main-slideshow-panel > div.interactive-magazines-slide-img {
background-image: url(images/main_slideshow/interactive_magazines.png);
}
#main-slideshow-panel > div.html5-slide-img {
background-image: url(images/main_slideshow/html5.png);
}
#main-slideshow-panel > div.education-slide-img {
background-image: url(images/main_slideshow/education.png);
}
#main-slideshow-panel > div.promo-slide-img {
background-image: url(images/main_slideshow/slide_promo.png?mm);
}
#main-slideshow-panel > div.promo-slide-img a{
display: block;
width: 470px;
height: 235px;
margin-top: 50px;
}
.main-start-btn {
display: block;
width: 206px;
height: 45px;
margin: auto;
cursor: pointer;
background: url(images/main-start-btn.png) no-repeat center center transparent;
}
.main-start-large-btn {
display: block;
width: 361px;
height: 45px;
margin: auto;
cursor: pointer;
background: url(images/main-start-large-btn.png) no-repeat center center transparent;
}
.main-create-magazine-btn {
display: block;
width: 242px;
height: 45px;
margin: auto;
cursor: pointer;
background: url(images/create_magazine.png) no-repeat center center transparent;
}
/***********************************************************/
/****************************
*********** MAIN SLIDES
****************************/
#main-slides-panel {
position: relative;
}
#main-slides-panel .slide-navi-panel {
overflow: auto;
position: absolute;
right: 0;
bottom: 0;
z-index: 1003;
padding: 9px 11px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
}
#main-slides-panel .slide-navi-panel .item {
display: block;
width: 25px;
height: 5px;
margin-right: 5px;
background-color: #fff;
cursor: pointer;
float: left;
}
#main-slides-panel .slide-navi-panel .item.active {
background-color: #d9181b;
}
#main-slides-panel .slide-navi-panel .item:last-child {
margin-right: 0;
}
#main-slides-panel,
#main-slides-panel .slides-frame,
#main-slides-panel .slides-frame, .slide {
height: 353px;
width: 970px;
}
#main-slides-panel .slides-frame {
position: absolute;
top: 0;
left: 0;
}
#main-slides-panel .slides-frame .slide {
position: absolute;
top: 0;
left: 0;
font-family: 'MyriadProRegular';
-webkit-box-shadow: 0px 3px 3px 0px #868686;
-moz-box-shadow: 0px 3px 3px 0px #868686;
box-shadow: 0px 3px 3px 0px #868686;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.38);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.38);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.38);
display: none;
}
#main-slides-panel .slides-frame .slide .learn-more-button {
display: block;
position: absolute;
left: 30px;
bottom: 30px;
background-image: url(images/learn-more-btn-arrows.png);
background-repeat: no-repeat;
background-position: 130px center;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
width: 145px;
height: 43px;
line-height: 44px;
font-size: 27px;
font-family: 'BebasNeueRegular';
text-transform: uppercase;
color: #fff;
padding-left: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
#main-slides-panel .slides-frame .slide .slide-text-block {
margin: 35px 0 0 30px;
}
/** Interactive Magazines slide **/
#main-slides-panel .slides-frame .slide.interactive-magazines-slide {
background: url(images/main_slides/interactive_magazines.jpg) no-repeat scroll center center transparent;
}
#main-slides-panel .slides-frame .slide.interactive-magazines-slide .slide-text-block {
color: #fff;
}
#main-slides-panel .slides-frame .slide.interactive-magazines-slide h1 {
font-size: 46px;
margin-bottom: 15px;
}
#main-slides-panel .slides-frame .slide.interactive-magazines-slide p {
font-size: 23px;
width: 500px;
margin-bottom: 13px;
}
#main-slides-panel .slides-frame .slide.interactive-magazines-slide ul {
padding-left: 20px;
}
#main-slides-panel .slides-frame .slide.interactive-magazines-slide ul li {
list-style: square;
font-size: 21px;
}
/** iPad slide **/
#main-slides-panel .slides-frame .slide.ipad-feature-slide {
background: url(images/main_slides/ipad_feature.jpg) no-repeat scroll center center transparent;
}
#main-slides-panel .slides-frame .slide.ipad-feature .slide-text-block {
color: #3e3e3e;
}
#main-slides-panel .slides-frame .slide.ipad-feature-slide h1 {
font-size: 49px;
width: 440px;
margin-bottom: 30px;
text-align: center;
}
#main-slides-panel .slides-frame .slide.ipad-feature-slide p {
color: #575757;
font-size: 29px;
width: 439px;
text-align: center;
}
/** Joomag Green slide **/
#main-slides-panel .slides-frame .slide.joomag-green-slide {
background: url(images/main_slides/joomag_green.jpg) no-repeat scroll center center transparent;
}
#main-slides-panel .slides-frame .slide.joomag-green-slide .slide-text-block h1 {
color: #fff;
font-size: 54px;
font-family: 'BebasNeueRegular';
text-transform: uppercase;
margin-top: 150px;
}
/***********************************************************/
/****************************
*********** MAGAZINES LIST PAGE
****************************/
.magazines-page .magazines-page-content {
padding-top: 20px;
overflow: hidden;
}
.magazines-page .all-categories-list {
width: 180px;
}
.magazines-page .all-categories-list .categories-links-list {
font-family: 'MyriadProRegular';
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
}
.magazines-page .all-categories-list .categories-links-list > ul {
margin-bottom: 2px;
}
.magazines-page .all-categories-list .categories-links-list > ul.selected {
margin-bottom: 10px;
}
.magazines-page .all-categories-list .categories-links-list > ul.selected li.category-link {
display: block;
}
.magazines-page .all-categories-list .categories-links-list > ul.selected li.category-name {
margin-bottom: 5px;
}
.magazines-page .all-categories-list .categories-links-list li.category-name span {
font-size: 15px;
color: #5c5c5c;
cursor: pointer;
}
.magazines-page .all-categories-list .categories-links-list ul.selected li.category-name span {
color: #c02121;
}
.magazines-page .all-categories-list .categories-links-list li.category-name span:hover {
color: #c02121;
}
.magazines-page .all-categories-list .categories-links-list li.category-link:hover a,
.magazines-page .all-categories-list .categories-links-list ul.selected li.category-link.selected a {
color: #4c4c4c;
margin-left: 8px;
}
.magazines-page .all-categories-list .categories-links-list li.category-link {
display: none;
margin-bottom: 2px;
}
.magazines-page .all-categories-list .categories-links-list li.category-link a {
font-size: 13px;
color: #959494;
}
.magazines-page .magazines-list {
margin-left: 10px;
padding-bottom: 10px;
width: 780px;
}
.magazines-list-paging-container {
}
.magazines-list-paging-container ul li {
float: left;
cursor: default;
}
.magazines-list-paging-container ul li.next-btn {
margin-right: 0;
margin-left: 5px;
}
.magazines-list-paging-container ul li.prev-btn {
margin-left: 0;
margin-right: 5px;
}
.magazines-list-paging-container ul li {
margin: 0 5px;
}
.magazines-list-paging-container ul li.paging-dots {
margin: 0;
}
.magazines-list-paging-container ul li a {
cursor: pointer;
}
/***********************************************************/
table.recaptchatable {
border: 0 !important;
}
/****************************
*********** CONTACT US PAGE
****************************/
.contact-us-form {
width: 435px;
}
.contact-us-form .j-front-field input,
.contact-us-form .j-front-field textarea {
width: 98%;
}
/***********************************************************/
/****************************
*********** FEATURES PAGE
****************************/
.features-list-container {
}
.features-list-container .feature-list {
width: 180px;
}
.features-list-container .feature-list > div {
margin-bottom: 15px;
}
.features-list-container .feature-list > div > h4 {
text-align: left;
font-size: 16px;
font-weight: 500;
color: #424242;
margin-bottom: 5px;
}
.features-list-container .feature-list > div > ul > li {
margin-bottom: 2px;
}
.features-list-container .feature-list > div > ul > li > a {
display: block;
font-size: 14px;
font-family: 'MyriadProRegular';
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
color: #5c5c5c;
cursor: pointer;
}
.features-list-container .feature-list > div > ul > li > a:hover,
.features-list-container .feature-list > div > ul > li > a.current {
color: #c02121;
}
.features-list-container .feature-content {
margin-left: 10px;
width: 780px;
}
/***********************************************************/
/****************************
*********** CHECKOUT PAGE
****************************/
.checkout-list {
position: relative;
padding: 10px 0 0;
}
.checkout-list .checkout-list-security-seal {
position: absolute;
bottom: -45px;
left: 0;
}
.checkout-list .magazine-item-checkout-box,
.checkout-list .service-plan-checkout-box {
padding: 10px;
background-color: #e4e4e4;
-webkit-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
-mox-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.36), 1px 1px 0 0 rgba(0, 0, 0, 0.1);
}
.checkout-list .magazine-item-checkout-box table,
.checkout-list .service-plan-checkout-box table {
width: 100%;
}
.checkout-list .magazine-item-checkout-box .cover-column {
width: 80px;
}
.checkout-list .magazine-item-checkout-box .cover-column img {
max-width: 59px;
max-height: 75px;
}
.checkout-list .magazine-item-checkout-box .description-column {
text-align: left;
font-family: MyriadProRegular;
font-size: 17px;
}
.checkout-list .price-column {
text-align: right;
width: 150px;
font-weight: bold;
}
.checkout-list .service-plan-checkout-box .title-column {
font-family: MyriadProRegular;
font-size: 14px;
}
.checkout-list .service-plan-checkout-box .description-column {
text-align: right;
}
.checkout-list .service-plan-checkout-box .price-selector {
text-align: right;
padding-bottom: 20px;
}
.checkout-list .service-plan-checkout-box .price-selector select {
min-width: 330px;
padding: 3px;
}
.checkout-page .estimated-total-price-box {
text-align: right;
margin: 10px 0 20px;
padding-right: 5px;
font-weight: bold;
}
.checkout-page .estimated-total-price-box label {
}
.checkout-page .estimated-total-price-box #total-price-span {
width: 150px;
display: inline-block;
font-size: 14px;
}
.checkout-page .ecoupon-check-status {
text-align: right;
min-height: 25px;
padding-right: 5px;
line-height: 25px;
}
.checkout-page .ecoupon-check-status.loading {
background: url(images/small-ajax-loader.gif) no-repeat right center transparent;
}
.checkout-page .j-button.proceed-checkout-big-button .j-button-content{
font-size: 13px;
}
.checkout-page .j-button.proceed-checkout-big-button {
padding: 15px 25px;
}
.checkout-page .checkout-with-paypal-button {
display: block;
width: 145px;
height: 24px;
background: url(images/checkout-paypal.png) no-repeat center center transparent;
}
.checkout-page .checkout-global-ecoupon-box {
float: right;
width: 180px;
padding: 10px 0;
}
/***********************************************************/
/****************************
*********** LOGIN PAGE
****************************/
.signin-page {
}
.signin-page .new-user-section {
margin-left: 200px;
}
.signin-page .sign-in-with-block {
margin-top: 15px;
}
.signin-page .or-divider {
margin: 0 36px;
line-height: 29px;
vertical-align: top;
}
.signin-page .forgot-password-link {
margin-top: -15px;
}
.signin-page .forgot-password-link a {
font-size: 11px;
color: #818181;
}
.signin-page .forgot-password-link a:hover {
text-decoration: underline;
}
/***********************************************************/
/****************************
*********** REGISTRATION PAGE
****************************/
.registration-form {
width: 435px;
padding-bottom: 5px;
}
.registration-form .j-front-field input,
.registration-form .j-front-field textarea {
width: 98%;
}
.registration-form .registration-argeement {
font-size: 10px;
margin-top: 20px;
}
/***********************************************************/
/****************************
*********** UPLOAD PAGE
****************************/
.frontend-upload-page {
width: 435px;
}
.frontend-upload-page .uploading-indicator {
width: 72px;
overflow: hidden;
height: 16px;
font-weight: bold;
font-size: 14px;
font-family: arial;
display: none;
}
.uploaded-pdf-preview {
padding-left: 130px;
padding-top: 17px;
}
.uploaded-pdf-preview img {
height: 250px;
-webkit-box-shadow: 0px 1px 1px 0px #3c3c3c;
-moz-box-shadow: 0px 1px 1px 0px #3c3c3c;
box-shadow: 0px 1px 1px 0px #3c3c3c;
border: 1px solid #a2a2a2;
}
/***********************************************************/
/****************************
*********** UPGRADE PAGE
****************************/
.upgrade-page-container {
margin:auto;
text-align:center;
}
.upgrade-page-container .text{
width: 454px;
margin: auto;
font-size: 14px;
margin-top: 5px;
margin-bottom: 15px;
}
.upgrade-page-container .gray{
text-align:left;
font-size:13px;
}
/***********************************************************/
/****************************
*********** PAYMENT CHECKOUT PAGE
****************************/
#payment-checkout-page {
overflow: hidden;
margin-top: 20px;
position: relative;
min-height: 400px;
}
#payment-checkout-page .final-purchase-summary-block {
position: absolute;
right: 0;
top: 0;
width: 300px;
padding: 20px 20px;
border: 1px solid #a6a6a6;
background-color: #d8d8d8;
margin-bottom: 60px;
}
#payment-checkout-page .final-purchase-summary-block .order-items-details {
padding: 20px 0 30px;
overflow: hidden;
}
#payment-checkout-page .final-purchase-summary-block .order-items-details .item-description {
float: left;
width: 155px;
line-height: 16px;
}
#payment-checkout-page .final-purchase-summary-block .order-items-details span,
#payment-checkout-page .final-purchase-summary-block .total-price-box span,
#payment-checkout-page .final-purchase-summary-block .prices-list span {
float: right;
width: 100px;
text-align: right;
}
#payment-checkout-page .final-purchase-summary-block .total-price-box,
#payment-checkout-page .final-purchase-summary-block .prices-list {
border: 0 dashed #999;
border-top-width: 1px;
padding: 10px 0;
text-align: right;
overflow: hidden;
}
#payment-checkout-page .final-purchase-summary-block .order-items-details label,
#payment-checkout-page .final-purchase-summary-block .total-price-box label {
font-weight: bold;
}
#payment-checkout-page .final-purchase-summary-block .prices-list label,
#payment-checkout-page .final-purchase-summary-block .total-price-box label {
float: left;
width: 200px;
}
#payment-checkout-page .paymeny-form-security-seal {
position: absolute;
bottom: -40px;
right: 0;
}
/***********************************************************/
/****************************
*********** MAGAZINE INFO PAGE
****************************/
.magazine-info-main-block {
background-color: #D8D8D8;
border: 1px solid #afafaf;
padding: 19px 20px;
min-height: 320px;
}
.magazine-info-main-block .cover {
width: 245px;
height: 320px;
position: relative;
float: left;
}
.magazine-info-main-block .content {
margin-left: 245px;
position: relative;
min-height: 280px;
padding-bottom: 40px;
}
.magazine-info-main-block .cover span {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
text-align: center;
}
.magazine-info-main-block .cover a img {
max-width: 239px; /* 245px - 6px(for imgs borders) */
max-height: 314px; /* 320px - 6px(for imgs borders) */
border: 3px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
-moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.54);
}
.magazine-info-main-block .content {
padding-left: 10px;
}
.magazine-info-main-block .content .title {
font-family: 'MyriadProRegular';
font-size: 30px;
color: #c02121;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.48);
margin-bottom: 3px;
width: 550px;
}
.magazine-info-main-block .content .publish-date,
.magazine-info-main-block .content .page-count,
.magazine-info-main-block .content .magazine-tags,
.magazine-info-main-block .content .magazine-tags a {
color: #818181;
font-size: 11px;
}
.magazine-info-main-block .content .magazines-details {
position: relative;
min-height: 95px;
}
.magazine-info-main-block .content .magazines-details .magazine-prices {
font-size: 15px;
margin-top: 15px;
}
.magazine-info-main-block .content .social-btns-container {
position: absolute;
top: 0;
right: 0;
}
.magazine-info-main-block .content .social-btns-container.lazy-share-widget {
background: url(images/social_buttons_preview.png) no-repeat right bottom transparent;
min-height: 128px;
}
.magazine-info-main-block .content .social-btns-container ul li {
min-width: 48px;
height: 20px;
margin-bottom: 6px;
}
.magazine-info-main-block .content .social-btns-container.lazy-share-widget ul li.social-btn {
display: none;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget ul li.comments-box-preview {
display: none;
}
.magazine-info-main-block .content .social-btns-container.lazy-share-widget .mag-comments-counter {
width: auto;
padding: 2px 7px 4px 25px;
background: #c02121 url(images/share-comment.png) top left no-repeat;
}
.magazine-info-main-block .content .social-btns-container.lazy-share-widget .mag-comments-counter .counter {
color: #fff;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget .comment-count-bubble {
float: left;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget .comment-count-bubble .caret {
background: url(images/share-widget-sprite.png) 0 -296px no-repeat;
float: left;
height: 21px;
margin-top: 1px;
width: 8px;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget .comment-count-bubble .fbcomment-count {
background: url(images/share-widget-sprite.png) 100% -296px no-repeat;
color: #333;
float: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
height: 17px;
margin-top: 1px;
padding: 4px 5px 0 0;
text-align: center;
min-width: 20px;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget .comment-count-bubble .fb-comments-count {
margin-top: -1px;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget .comment-count-bubble .fbcomment-count span {
line-height: 14px;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget a.btn-comment:hover{
background-position:-58px -275px;
text-decoration:none;
}
.magazine-info-main-block .content .social-btns-container.post-share-widget a.btn-comment{
background: url(images/share-widget-sprite.png) 0 -275px no-repeat;
color: white;
display: block;
float: left;
font-size: 10px;
font-family:helvetica,arial,clean,sans-serif;
font-weight: bold;
height: 17px;
margin-right: 2px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 58px;
line-height: 13px;
}
.magazine-info-main-block .content .magazine-tags a:hover,
.magazine-info-main-block .content .magazine-details-list a:hover {
color: #3b3b3b;
text-decoration: underline;
}
.magazine-info-main-block .content .magazine-details-list {
font-size: 11px;
margin-top: 15px;
}
.magazine-info-main-block .content .magazine-details-list > div {
margin-bottom: 4px;
}
.magazine-info-main-block .content .magazine-details-list > div label {
font-weight: bold;
color: #595959;
}
.magazine-info-main-block .content .magazine-details-list a,
.magazine-info-main-block .content .magazine-details-list > div span {
color: #3b3b3b;
}
.magazine-info-main-block .content .description {
font-family: 'MyriadProRegular';
font-size: 15px;
color: #424242;
min-height: 80px;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.48);
}
.magazine-info-main-block .content .description .description-show-more-link {
font-family: tahoma;
font-size: 11px;
color: #c02121;
cursor: pointer;
}
.magazine-info-main-block .content .description .description-show-more-link:hover {
text-decoration: underline;
}
.magazine-info-main-block .content hr {
margin: 7px 0;
}
.magazine-info-main-block .content .magazine-tags {
min-height: 40px;
}
.magazine-info-main-block .content .action-buttons {
position: absolute;
right: 0;
bottom: 0;
}
.magazine-info-main-block .content .action-buttons ul {
height: 25px;
padding: 5px 0;
}
.magazine-info-main-block .content .action-buttons ul li {
float: right;
margin-left: 15px;
}
/***********************************************************/
/****************************
*********** SERVICE PLANS TABLE
****************************/
.servicec-plans-table {
width: 682px; /* total computed width = 133 x 4 + 150 */
padding: 0 30px;
background-color: #e4e4e4;
-webkit-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
-mox-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.36), 1px 1px 0 0 rgba(0, 0, 0, 0.1);
margin: 20px auto 0 auto;
}
.servicec-plans-table .column {
float: left;
width: 133px;
}
.servicec-plans-table .column.sizing-column {
float: none;
width: 0;
/*margin-left: 549px; *//* computed margin = 133 x (4-1) + 150 */
}
.servicec-plans-table .column.features-column {
width: 150px;
}
.servicec-plans-table .column.selected {
background: url(images/selected_column_bg.png) repeat-y scroll center center #cfcfcf;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
-moz-box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
padding: 13px 0;
position: relative;
top: -13px;
}
.servicec-plans-table .column.selected .column-cells .cell {
margin-left: 1px;
}
.servicec-plans-table .column .column-header {
font-family: 'MyriadProRegular';
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
color: #3d3d3d;
height: 75px;
padding: 20px 0 0;
text-align: center;
}
.servicec-plans-table .column .column-footer {
padding-top: 20px;
height: 55px;
text-align: center;
}
.servicec-plans-table .column .column-header .service-plan-name {
color: #cd0f12;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 5px;
}
.servicec-plans-table .column .column-header .service-plan-price {
letter-spacing: -1px;
}
.servicec-plans-table .column .column-header .service-plan-price .price {
color: #3d3d3d;
font-size: 16px;
}
.servicec-plans-table .column .column-header .service-plan-price .price-slash {
color: #3d3d3d;
font-size: 16px;
}
.servicec-plans-table .column .column-header .choose-your-plan-text {
font-size: 20px;
text-align: left;
padding: 0 0 0 20px;
}
.servicec-plans-table .column .column-header .choose-your-plan-text b {
font-size: 24px;
}
.servicec-plans-table .column.features-column .column-cells .cell {
text-align: left;
padding-left: 20px;
}
.servicec-plans-table .column .column-cells .cell {
font-size: 11px;
color: #5f5e5e;
text-align: center;
}
.servicec-plans-table .column .column-cells .cell.even {
height: 26px;
line-height: 26px;
}
.servicec-plans-table .column .column-cells .cell.odd {
background: url(images/service_plans_table_even_cell_bg.png) repeat-x scroll center center transparent;
height: 27px;
line-height: 27px;
}
.servicec-plans-table .column .column-cells .cell img {
vertical-align: middle;
margin-top: 2px;
}
.servicec-plans-table .feature-list-item {
cursor: default;
}
.service-plans-feature-description-tooltip {
z-index: 10;
border: 1px solid #a6a6a6;
background-color: #e4e4e4;
color: #424242;
padding:10px 15px;
width:200px;
display:none;
text-align:left;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow: 0px 0px 4px #959393;
-webkit-box-shadow: 0px 0px 4px #959393;
-icab-box-shadow: 0px 0px 4px #959393;
-o-box-shadow: 0px 0px 4px #959393;
}
.pricing-page-feature-item {
overflow: hidden;
margin-bottom: 35px;
margin-left: -50px;
padding: 0 50px;
width: 100%;
}
.pricing-page-feature-item.left-side img {
float: left;
margin-right: 15px;
}
.pricing-page-feature-item.right-side img {
float: right;
margin-left: 15px;
}
.pricing-page-feature-item .title {
font-family: 'MyriadProCondRegular';
font-size: 24px;
color: #c02121;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
margin-bottom: 13px;
margin-top: 10px;
}
.pricing-page-feature-item .description {
color: #424242;
font-family: 'MyriadProRegular';
line-height: 19px;
margin-bottom: 12px;
font-size: 14px;
text-align: left;
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.48);
}
.pricing-page-feature-item .learn-more {
color: #BF1F1F;
text-decoration: underline;
font-size: 14px;
}
.pricing-page-features-list {
position: relative;
}
.pricing-page-features-list .scroll-to-top {
position: fixed;
bottom: 10px;
width: 81px;
height: 45px;
background: url(images/pricing_page/top_btn2.png) no-repeat center center transparent;
cursor: pointer;
display: none;
}
/******************** OTHER PAGE ***************************/
.services-plans-table {
width: 675px; /* total computed width = 133 x 4 + 150 */
padding: 0 0px;
background-color: #e4e4e4;
-webkit-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
-mox-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 #eeeeee, 1px 1px 0 0 #c3c3c3;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.36), 1px 1px 0 0 rgba(0, 0, 0, 0.1);
margin: 20px auto 0 auto;
font-family: 'MyriadProRegular';
position:relative;
}
.services-plans-table .column {
float: left;
width: 168px;
border-right:1px solid #c9c9c9;
}
.services-plans-table .column.sizing-column {
float: none;
border:none;
width: 0;
/*margin-left: 549px; *//* computed margin = 133 x (4-1) + 150 */
}
.services-plans-table .column.features-column {
width: 150px;
}
.services-plans-table .column.last {
border-right:none;
}
.services-plans-table .column.selected {
background: url(images/selected_column_bg2.png) repeat-y scroll center center #cfcfcf;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
-moz-box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
box-shadow: inset 1px 1px 0px 0px #fff, 1px 1px 3px 0px rgba(0, 0, 0, 0.78);
padding: 13px 0;
position: relative;
top: -13px;
}
.services-plans-table .column.selected .column-cells .cell {
margin-left: 1px;
}
.services-plans-table .column .column-header {
font-family: 'MyriadProRegular';
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
color: #3d3d3d;
height: 95px;
padding: 16px 0 0;
text-align: center;
/*height: 155px;*/
}
.services-plans-table .column .column-footer {
padding-top: 20px;
height: 70px;
text-align: center;
}
.services-plans-table .column .column-footer .trial {
padding-top: 11px;
color:#cc0e12;
font-size:14px;
}
.services-plans-table .column .column-header .service-plan-name {
font-size: 20px;
font-weight:bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.services-plans-table .column .column-header .service-plan-price {
letter-spacing: -1px;
}
.services-plans-table .column .column-header .service-plan-price .price {
font-size: 18px;
}
.services-plans-table .column .column-header .service-plan-price .price-slash {
font-size: 20px;
}
.services-plans-table .column .column-header .service-plan-price.small-price .price {
font-size: 15px;
}
.services-plans-table .column .column-header .service-plan-price.small-price .price-slash {
font-size: 15px;
}
.services-plans-table .column .column-header .service-plan-price.big-price .price {
font-size: 22px;
}
.services-plans-table .column .column-header .service-plan-price.big-price .price-slash {
font-size: 24px;
}
.services-plans-table .column .column-header .service-plan-slogan {
color: #cd0f12;
text-transform: uppercase;
font-size: 14px;
margin-top: 9px;
}
.services-plans-table .column .column-header .service-plan-discount {
height: 70px;
}
.services-plans-table .column .column-header .separator{
background: #666666;
height: 2px;
margin: 12px 10px;
}
.services-plans-table .column.features-column .column-cells .cell {
text-align: left;
padding-left: 20px;
}
.services-plans-table .column .column-cells .cell {
font-size: 16px;
color: #3d3d3d;
text-align: center;
height: 42px;
line-height: 42px;
}
.services-plans-table .column .column-cells .cell a {
color: #3d3d3d;
border-bottom: 1px dashed rgb(158, 158, 158);
}
.services-plans-table .column .column-cells .cell a:hover {
border-bottom-color: rgb(77, 77, 77);
}
.services-plans-table .column .column-cells .separator {
background:#c9c9c9;
height:1px;
margin: 0px 10px;
}
.services-plans-table .column .selected.column-cells .separator {
background:#ff0000;
height:1px;
margin: 0px 10px;
}
.services-plans-table .column .column-cells .cell.even {
}
.services-plans-table .column .column-cells .cell.odd {
background: url(images/service_plans_table_even_cell_bg.png) repeat-x scroll center center transparent;
height: 27px;
line-height: 27px;
}
.services-plans-table .column .column-cells .cell img {
vertical-align: middle;
margin-top: 2px;
}
.services-plans-table .feature-list-item {
cursor: default;
}
.service-plans-full-comparison{
clear:both;
width:675px;
margin:auto;
margin-top:25px;
margin-bottom:20px;
}
.service-plans-full-comparison .link-container {
color: #cd0f12;
font-size:14px;
text-align:right;
font-family: 'MyriadProRegular';
}
.service-plans-lower-table {
margin:auto;
width:675px;
clear:both;
font-family: 'MyriadProRegular';
}
.service-plans-lower-block {
float: left;
width: 158px;
padding: 12px 0 12px 10px;
font-size: 14px;
}
.service-plans-lower-title{
font-size: 18px;
padding-left:10px;
}
.service-plans-lower-separator{
clear:both;
background: #666666;
height: 1px;
margin-bottom: 15px;
margin-top: 10px;
}
.best-seller-badge{
position: absolute;
height: 0px;
left: 460px;
z-index: 10;
top: -44px;
}
/***********************************************************/
/****************************
*********** UPGRADE POPUP
****************************/
.upgrade-popup {
position: relative;
}
.upgrade-popup .upgrade-popup-header {
position: relative;
background-color: #464646;
color: #fff;
padding: 15px 12px;
}
.upgrade-popup .upgrade-popup-header .feature-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
.upgrade-popup .upgrade-popup-header .feature-title img {
height: 15px;
}
.upgrade-popup .upgrade-popup-header .feature-title span {
}
.upgrade-popup .upgrade-popup-header .feature-sub-title {
font-size: 15px;
}
.upgrade-popup .upgrade-popup-header .upgrade-label {
font-size: 17px;
position: absolute;
right: 12px;
top: 30px;
}
.upgrade-popup .upgrade-popup-content {
position: relative;
overflow: hidden;
min-height: 250px;
background-color: #e3e3e3;
padding: 15px 12px;
line-height: 16px;
}
.upgrade-popup .upgrade-popup-content ul {
padding-left: 16px;
margin: 12px 0;
width: 240px;
min-height: 175px;
}
.upgrade-popup .upgrade-popup-content ul li {
list-style: square;
margin-bottom: 7px;
}
.upgrade-popup .upgrade-popup-footer {
overflow: hidden;
border-top: 1px solid #464646;
background-color: #fff;
padding: 10px 25px;
}
.upgrade-popup .upgrade-popup-buttons {
float: right;
}
.upgrade-popup .upgrade-popup-buttons .upgrade-later-btn {
font-size: 14px;
line-height: 40px;
font-weight: bold;
}
.upgrade-popup .upgrade-popup-buttons .upgrade-process-btn {
background-color: #CC0F16;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 18px;
margin-right: 20px;
text-transform: uppercase;
}
.upgrade-popup .upgrade-popup-questions-box {
float: left;
line-height: 16px;
}
/**********************************************************************************************/
/****************************
*********** LOGIN POPUP
****************************/
#login-box {
width: 510px;
padding-bottom: 10px;
}
#login-box * {
font-family: Arial, Helvetica, Utkal, sans-serif;
}
#login-box .sign-in-popup-header {
position: relative;
font-size: 20px;
color: #333;
font-weight: bold;
border-bottom: 1px solid #E4E4E4;
padding: 0 0 10px 0;
margin: 0 0 18px 0;
}
#login-box .sign-in-popup-header .sign-in-options {
font-size: 14px;
font-weight: normal;
position: absolute;
right: 0;
line-height: 35px;
}
#login-box.login .sign-in-popup-header .sign-in-options .login-action-link {
display: none;
}
#login-box.register .sign-in-popup-header .sign-in-options .register-action-link {
display: none;
}
#login-box.login .sign-up-form {
display: none;
}
#login-box.register .sign-in-form {
display: none;
}
#login-box.login .sign-up-title {
display: none;
}
#login-box.register .login-title {
display: none;
}
#login-box .sign-in-popup-header .sign-in-options a {
text-transform: uppercase;
cursor: pointer;
color: #d63638;
font-weight: bold;
}
#login-box .sign-in-popup-header .sign-in-options a:hover {
text-decoration: underline;
}
#login-box .error-text-box {
color:#ca0002 !important;
display:none;
}
#login-box .joomagOvrlyBtn {
overflow: hidden;
display: inline-block;
}
#login-box .joomagBtnCntFB {
background: transparent url(images/social_login_btns.png) 0 0 no-repeat;
width: 177px;
height: 32px;
}
#login-box .joomagBtnCntTW {
background: transparent url(images/social_login_btns.png) 0 -52px no-repeat;
width: 177px;
height: 32px;
}
#login-box .joomagBtnLogIn {
background: transparent url(images/login_btn.gif) 0 0 no-repeat;
width: 68px;
height: 27px;
margin: 0 0 0 -1px;
}
#login-box .joomagBtnLogIn:hover {
background-position: 0 -47px;
}
#login-box .joomagBtnSignUp {
background: transparent url(images/sign_up_btn.gif) 0 0 no-repeat;
width: 75px;
height: 27px;
margin: 0 0 0 -1px;
}
#login-box .joomagBtnSignUp:hover {
background-position: 0 -47px;
}
#login-box .or-divider {
background: url(images/or.bg.gif) repeat-y center center;
width: 45px;
text-align: center;
}
#login-box .or-divider img {
margin-top: 68px;
}
#login-box label {
font-size: 12px;
color: #333;
font-weight: bold;
margin: 6px 0 3px 0;
display: block;
}
#login-box .forgot-password-link {
font-size: 12px;
margin: 2px 0 7px 0;
text-align: right;
}
#login-box .reg-field.error label {
color: #ca0002!important;
}
#login-box .reg-field.error input {
border: 1px solid #ca0002;
}
#login-box input.sign-in-input {
width: 250px;
height: 16px;
padding: 6px 6px 6px 6px;
font-size: 14px;
border: 1px solid #abadb3;
}
#login-box.wizard .sign-in-popup-header {
margin: 0;
padding: 0;
border: 0;
}
#login-box.wizard .steps {
border: solid #abadb3;
border-width: 1px 0;
margin: 15px 0 25px;
height: 26px;
font-size: 14px;
}
#login-box.wizard .steps .step {
float: left;
padding: 5px 10px;
margin-right: 14px;
position: relative;
width: 217px;
}
#login-box.wizard .steps .step:after, #login-box.wizard .steps .step:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#login-box.wizard .steps .step:after {
border-left-color: #ffffff;
border-width: 12px;
top: 50%;
margin-top: -12px;
}
#login-box.wizard .steps .step:before {
border-left-color: #abadb3 !important;
border-width: 13px;
top: 50%;
margin-top: -13px;
}
#login-box.wizard .steps .step:last-child:after {
border-color: #fff;
border-width: 13px;
margin-top: -13px;
}
#login-box.wizard .steps .step:last-child:before {
border-color: #fff;
border-width: 14px;
margin-top: -14px;
}
#login-box.wizard .steps .step.passed,
#login-box.wizard .steps .step.passed:before,
#login-box.wizard .steps .step.current {
background-color: #adff2f;
}
#login-box.wizard .steps .step.passed:after,
#login-box.wizard .steps .step.current:after {
border-left-color: #adff2f;
}
/* -------------- */
/****************************
*********** FRONTEND POPUP WINDOW
****************************/
.frontend-popup-window {
max-width: 650px;
min-width: 300px;
}
.frontend-popup-window * {
font-family: Arial, Helvetica, Utkal, sans-serif;
}
.frontend-popup-window .frontend-popup-title {
position: relative;
font-size: 20px;
color: #333;
font-weight: bold;
border-bottom: 1px solid #E4E4E4;
padding: 0 0 10px 0;
margin: 0 0 18px 0;
}
.frontend-popup-window .frontend-popup-content {
line-height: 20px;
}
.frontend-popup-window .frontend-popup-content .field {
margin-bottom: 10px;
}
.frontend-popup-window .frontend-popup-content .field label {
font-size: 12px;
color: #333;
font-weight: bold;
margin: 6px 0 3px 0;
float: left;
width: 100px;
}
.frontend-popup-window .frontend-popup-content .field input {
width: 250px;
height: 16px;
padding: 6px 6px 6px 6px;
font-size: 14px;
border: 1px solid #abadb3;
}
.frontend-popup-window .frontend-popup-content .field.error label {
color: #ca0002;
}
.frontend-popup-window .frontend-popup-content .field.error input {
border: 1px solid #ca0002;
}
.frontend-popup-window .frontend-popup-buttons {
padding-top: 20px;
text-align: right;
}
.frontend-popup-window .frontend-popup-buttons button {
margin-left: 10px
}
/***************************/
/****************************
*********** FRONTEND BUTTONS
****************************/
a.j-front-button {
display: inline-block;
color: #3d3d3d;
font-family: 'MyriadProCondRegular';
font-size: 14px;
text-transform: uppercase;
padding: 4px 15px 3px;
text-shadow: 1px 1px 0px #ebebeb;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f2f1f1;
-moz-box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f2f1f1;
box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f2f1f1;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.3);
-moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.3);
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.3);
background: rgb(230,230,230); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(230,230,230) 0%, rgb(215,215,215) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(230,230,230)), color-stop(100%,rgb(215,215,215))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(230,230,230) 0%,rgb(215,215,215) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(230,230,230) 0%,rgb(215,215,215) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(230,230,230) 0%,rgb(215,215,215) 100%); /* IE10+ */
background: linear-gradient(top, rgb(230,230,230) 0%,rgb(215,215,215) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
}
a.j-front-button:hover {
color: #d63638;
text-shadow: 1px 1px 0px #efeeee;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f5f5f5;
-moz-box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f5f5f5;
box-shadow: 1px 1px 1px 0px #adadad, inset 1px 1px 0 0 #f5f5f5;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.62);
-moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.62);
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 0 rgba(255,255,255, 0.62);
background: rgb(230,230,230); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2RlZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(230,230,230) 0%, rgb(230,230,230) 49%, rgb(222,221,221) 51%, rgb(221,220,220) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(230,230,230)), color-stop(49%,rgb(230,230,230)), color-stop(51%,rgb(222,221,221)), color-stop(100%,rgb(221,220,220))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(230,230,230) 0%,rgb(230,230,230) 49%,rgb(222,221,221) 51%,rgb(221,220,220) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(230,230,230) 0%,rgb(230,230,230) 49%,rgb(222,221,221) 51%,rgb(221,220,220) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(230,230,230) 0%,rgb(230,230,230) 49%,rgb(222,221,221) 51%,rgb(221,220,220) 100%); /* IE10+ */
background: linear-gradient(top, rgb(230,230,230) 0%,rgb(230,230,230) 49%,rgb(222,221,221) 51%,rgb(221,220,220) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddcdc',GradientType=0 ); /* IE6-8 */
}
a.j-front-button.big {
font-size: 18px;
min-width: 30px;
}
a.j-front-button.red-button {
color: #FFFFFF;
background: rgb(205,15,18); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgb(205,15,18) 0%, rgb(163,12,16) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(205,15,18)), color-stop(100%,rgb(163,12,16))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(205,15,18) 0%,rgb(163,12,16) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(205,15,18) 0%,rgb(163,12,16) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(205,15,18) 0%,rgb(163,12,16) 100%); /* IE10+ */
background: linear-gradient(top, rgb(205,15,18) 0%,rgb(163,12,16) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0f12', endColorstr='#a30c10',GradientType=0 ); /* IE6-8 */
}
a.j-front-button.big .btn-icon {
background: url(images/button-icons-sprite.png?v=1.02) no-repeat 0 0 transparent;
display: inline-block;
vertical-align: top;
height: 22px;
margin-right: 5px;
}
a.j-front-button.big .icon-facebook { background-position: 0 0; width: 17px; }
a.j-front-button.big:hover .icon-facebook { background-position: 0 -22px; }
a.j-front-button.big .icon-twitter { background-position: -18px 0; width: 19px; }
a.j-front-button.big:hover .icon-twitter { background-position: -18px -22px; }
a.j-front-button.big .icon-preview { background-position: -76px 0; width: 22px; }
a.j-front-button.big:hover .icon-preview { background-position: -76px -22px; }
a.j-front-button.big .icon-buy-now { background-position: -56px 0; width: 19px; }
a.j-front-button.big:hover .icon-buy-now { background-position: -56px -22px; }
a.j-front-button.big .icon-read { background-position: -131px 0; width: 15px; }
a.j-front-button.big:hover .icon-read { background-position: -131px -22px; }
a.j-front-button.big .icon-order-print { background-position: -114px 0; width: 15px; }
a.j-front-button.big:hover .icon-order-print { background-position: -114px -22px; }
a.j-front-button.big .icon-download { background-position: -101px 0; width: 10px; }
a.j-front-button.big:hover .icon-download { background-position: -101px -22px; }
a.j-front-button.big .icon-subscribe { background-position: -38px 0; width: 17px; }
a.j-front-button.big:hover .icon-subscribe { background-position: -38px -22px; }
a.j-front-button.big .icon-order-now { background-position: -164px 0; width: 11px; }
a.j-front-button.big:hover .icon-order-now { background-position: -164px -22px; }
a.j-front-button.big .icon-upgrade-now { background-position: -164px 0; width: 11px; }
a.j-front-button.big:hover .icon-upgrade-now { background-position: -164px -22px; }
a.j-front-button.big .icon-sign-up { background-position: -148px 0; width: 15px; }
a.j-front-button.big:hover .icon-sign-up { background-position: -148px -22px; }
/* -------------- */
#main-page-comparison-table-container {
border: 1px solid #a6a6a6;
background-color: #d8d8d8;
padding: 30px 30px 40px;
position: relative;
}
#main-page-comparison-table-container .comparison-table-title {
position: absolute;
top: 0;
left: 0;
width: 159px;
height: 44px;
background-color: #959595;
background-color: rgba(51, 51, 51, 0.4);
font-family: 'MyriadProCondRegular';
color: #fff;
text-align: center;
line-height: 44px;
font-size: 24px;
text-transform: uppercase;
}
#main-page-comparison-table {
font-family: 'MyriadProRegular';
width: 100%;
/*margin: auto;*/
color: #3d3d3d;
}
#main-page-comparison-table thead tr {
height: 50px;
}
#main-page-comparison-table thead tr th .regIcon {
text-shadow: none;
font-size: 10px;
font-family: tahoma, helvetica, arial, sans-serif;
vertical-align: top;
}
#main-page-comparison-table thead tr th {
text-shadow: 1px 1px 0px #f1f1f1;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.62);
font-size: 22px;
}
#main-page-comparison-table tbody tr td:first-child,
#main-page-comparison-table tbody tr td.left-align {
text-align: left;
width: 40%;
font-size: 16px;
padding-left: 15px;
}
#main-page-comparison-table tbody tr td img {
vertical-align: middle;
margin-top: 7px;
}
#main-page-comparison-table tbody tr {
height: 42px;
}
#main-page-comparison-table thead tr th,
#main-page-comparison-table tbody tr td {
border: 1px solid #acacac;
border-width: 0 1px 1px 0;
}
#main-page-comparison-table tbody tr td a {
color: inherit;
}
#main-page-comparison-table tbody tr td:first-child,
#main-page-comparison-table thead tr th:first-child {
border-right-width: 0;
}
#main-page-comparison-table thead tr th:last-child,
#main-page-comparison-table tbody tr td:last-child {
border-right-width: 0;
}
#main-page-comparison-table tbody tr.without-bottom-border td {
border-bottom-width: 0;
}
#main-page-comparison-table tbody tr td {
text-align: center;
width: 20%;
}
/****************************
*********** TESTIMONIAL BLOCKS
****************************/
.testimonial-block {
overflow: hidden;
position: relative;
padding-bottom: 25px;
}
.testimonial-block img.testimonial-logo {
float: left;
width: 100px;
}
.testimonial-block .testimonial-text {
position: relative;
margin-left: 110px;
padding: 5px 25px;
font-family: 'MyriadProRegular';
font-size: 13px;
text-align: justify;
}
.testimonial-block .testimonial-text .left-quote,
.testimonial-block .testimonial-text .right-quote {
position: absolute;
display: block;
width: 18px;
height: 16px;
background: url(images/quote_icons.png) no-repeat 0 0 transparent;
}
.testimonial-block .testimonial-text .left-quote {
background-position: 0 0;
top: 0;
left: 0;
}
.testimonial-block .testimonial-text .right-quote {
background-position: -18px 0;
right: 0;
bottom: 0;
}
.testimonial-block .testimonial-signiture {
position: absolute;
bottom: -21px;
right: 3px;
text-align: right;
font-size: 12px;
font-style: italic;
}
/***************************/
/****************************
*********** EDUCATION ORGANISATIONS PAGE
****************************/
.education-page-bg-image {
height: 388px;
background: url(images/education.jpg) no-repeat left center transparent;
margin-bottom: 10px;
position: relative;
}
.education-org-block {
position: relative;
float: left;
border: 1px solid #a6a6a6;
background-color: #fff;
overflow: hidden;
width: 167px;
height: 167px;
padding: 10px;
margin: 0 5px 5px 0;
text-align: center;
font-family: 'MyriadProRegular';
cursor: default;
}
.education-org-block > a {
position: absolute;
left: 0;
top: 0;
width: 189px;
height: 189px;
}
.education-org-block:hover {
border: 1px solid #a6a6a6;
background-color: #333;
}
.education-org-block:hover .logo { display: none; }
.education-org-block:hover .details { display: block; }
.education-org-block .logo {
line-height: 167px;
height: 167px;
vertical-align: middle;
}
.education-org-block .logo img {
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
.education-org-block .details {
display: none;
font-size: 15px;
color: #fff;
padding-top: 50px;
}
.education-org-block .details .name {
font-weight: bold;
}
.education-org-block .details .country {
}
/***************************/
/****************************
*********** API DOCUMANTATION PAGE
****************************/
#api-doc-page {
line-height: 150%;
}
#api-doc-page > div {
margin-bottom: 20px;
}
#api-doc-page h1 {
margin-bottom: 5px;
}
#api-doc-page h2 {
margin: 15px 0 5px;
}
#api-doc-page h3 {
margin-top: 25px;
}
#api-doc-page table.parameters-table {
width: 100%;
background-color: #e7e7e7;
margin: 5px 0 20px;
}
#api-doc-page table.parameters-table thead tr {
border: 1px solid #a8a8a8;
border-width: 1px 0;
height: 35px;
}
#api-doc-page table.parameters-table thead tr th {
}
#api-doc-page table.parameters-table tbody tr {
height: 25px;
}
#api-doc-page table.parameters-table tbody tr:nth-child(2n+1) {
background-color: white;
}
#api-doc-page table.parameters-table tbody tr td {
}
#api-doc-page table.parameters-table th,
#api-doc-page table.parameters-table td {
text-align: left;
padding-left: 25px;
}
#api-doc-page .code-block {
white-space: pre;
border: 1px solid #a6a6a6;
background-color: #ececec;
margin: 5px 0 20px;
font-family: Courier New;
}
/***************************/