/*
 * styles specific to the Qualys Community
 */


/* allow headline text to go full width */
.j-body-place header.j-page-header > h1 {
    max-width: 79.04%; /* 724 / 916 * 100 */
    max-width: calc(724 / 916 * 100%); /* 724 / 916 * 100 */
}


/*
 * Show Qualys Community logo and place it with margins
 */
#j-header h1#logo .j-header-logo {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/qualys-community-logo.svg) no-repeat top left;
    background-size: 100% auto;
    background-size: contain;
    font-size: 190%;
    font-size: calc(57/30 * 1em);
    height: 1.0em;
    margin-bottom: 0.105em; /* 6px */
    margin-bottom: calc(6/57 * 1em); /* 6px */
    margin-top: 0.263em; /* 15px */
    margin-top: calc(15/57 * 1em); /* 15px */
    width: 7.105em; /* 405px */
    width: calc(405/57 * 1em); /* 405px */
}
#j-header .j-header-logo {
    margin: 0 0 0 4.38%;
    margin: 0 0 0 calc(44/1004 * 100%);
}

/*
 * Show Qualys Blog logo and place it with margins
 */
.j-blog #j-header h1#logo .j-header-logo,
.jive-body-content-blog #j-header h1#logo .j-header-logo {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/qualys-blog-logo.svg) no-repeat top left;
}

/* change the notify color from Jive orange to Qualys red */
.font-color-notify,
a.font-color-notify:link,
a.font-color-notify:visited {
    color: #de1d0b;
}

/* align the satellite nav with the right edge */
#j-satNav-wrap {
    right: 4.38%;
    right: calc(44/1004 * 100%);
    top: 12px;
}
ul#j-satNav {
    margin-right: 0;
}
#j-satNav li:last-child {
    padding: 0 0 0 10px;
}

/* remove the border between the login and register links in the satellite navigation */
#j-satNav li.register {
    border-left: 0 none;
}

/* remove the background on the active link in the primary navigation */
.j-globalNav > li > a.j-globalNavLink,
.j-globalNav > li.active {
    background: transparent;
}

/* set the body font to Open Sans */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 93.75%; /* 15px */
    font-size: calc(15 / 16 * 1em); /* 15px */
    line-height: 1.5;
    /* remove padding from body to allow for full width backgrounds */
    padding: 0;
    /* match background to footer */
    background-color: #949392;
    min-width: 1004px;
}

/*
 * set minimum width on header, body, and footer
 */
#j-header-wrap,
div.j-js-footer-wrap {
    min-width: 1004px;
}
#j-main {
    min-width: 896px;
}

/* set maximum width */
/* TODO causes issues, punt for now */
/*
#jive-body {
    max-width: 1280px;
}
*/
/* narrow padding on main section */
/* set the background color to #eaeaea */
#j-main {
    background: #eaeaea;
    padding-left: 4.38%;
    padding-left: calc(44/1004 * 100%);
    padding-right: 4.38%;
    padding-right: calc(44/1004 * 100%);
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    min-width: 916px;
}

/* align discussions view to grid */
.j-body-yourwork #j-main {
    padding-left: 4.38%;
    padding-left: calc(44/1004 * 100%);
    padding-right: 4.38%;
    padding-right: calc(44/1004 * 100%);
}
.j-contained-tabs .j-guest-tip {
    margin: 0 0 1.294em;
    margin: 0 0 calc(22 / 17 * 1em);
}
.j-browse-filter-row.j-bottom-row {
    border-bottom: 0 none;
}

/* restore white background on specific pages */
/* homepage, login page, blog pages */
.j-body-home #j-main,
.jive-body-formpage-login,
.jive-body-formpage-login #j-main,
.j-blog #j-main,
.jive-body-content-blog #j-main {
    background: white;
}

/* adjust layout of sidebar */
.jive-body-layout-s, .jive-body-layout-s1, .jive-body-layout-s2 {
    width: 23.14%;
    width: calc(212/916 * 100%);
}
#jive-body-layout-ls .jive-body-layout-l {
    margin: 0 -27.95% 0 0;
    margin: 0 calc(-256/916 * 100%) 0 0;
}
#jive-body-layout-ls .jive-body-layout-l .jive-widget-container-large {
    margin-right: 27.95%;
    margin-right: calc(256/916 * 100%);
}
#jive-body-layout-ls .jive-body-layout-s {
    /* the left padding is provided by the right margin of the large column */
    padding-left: 0;
}
#jive-body-layout-tls .jive-body-layout-l2 {
    margin: 0 -27.95% 0 0;
    margin: 0 calc(-256/916 * 100%) 0 0;
}
#jive-body-layout-tls .jive-body-layout-l2 .jive-widget-container-large {
    margin-right: 27.95%;
    margin-right: calc(256/916 * 100%);
}
#jive-body-layout-tls .jive-body-layout-s1 {
    padding-left: 4.8%;
    padding-left: calc(44/916 * 100%);
}
.j-column-s {
    width: 23.14%;
    width: calc(212/916 * 100%);
}
.j-layout-ls .j-column-s {
    margin-left: -23.14%;
    /* 1 pixel larger than the small column width
     * because IE10 does not round margins correctly */
    margin-left: calc(-213/916 * 100%);
}
.j-layout-ls .j-column-l,
.j-layout-ls .j-column-l.lg-margin {
    margin-right: 27.95%;
    margin-right: calc(256/916 * 100%);
}

/* the 1/4 and 3/4 layout */
.j-layout-sl .j-column-s {
    width: 19.54%; /* 192 - 13 */
    width: calc(179/916 * 100%); /* 192 - 13 */
    margin-left: -3.49%;
    margin-left: calc(-32/916 * 100%);
}
.j-layout-sl .j-column-wrap-l {
    margin-left: -16.16%; /* 192 -13 - 32 */
    margin-left: calc(-148/916 * 100%); /* 192 - 13 - 32 */
}
.j-layout-sl .j-column-l {
    margin-left: 16.16%; /* 192 - 13 - 32 */
    margin-left: calc(148/916 * 100%); /* 192 - 13 - 32 */
    padding-left: 3.6%;
    padding-left: calc(33/916 * 100%);
}

/* fix the sls 1/4 and 1/2 and 1/4 layout */
#jive-body-layout-sls .jive-body-layout-s1 {
    padding-right: 4.8%;
    padding-right: calc(44/916 * 100%);
}
#jive-body-layout-sls .jive-body-layout-l {
    margin: 0 -256px;
    margin: 0 calc(-256/916 * 100%);
}
#jive-body-layout-sls .jive-body-layout-l .jive-widget-container-large {
    margin: 0 256px;
    margin: 0 calc(256/916 * 100%);
}
#jive-body-layout-sls .jive-body-layout-s2 {
    padding-left: 4.8%;
    padding-left: calc(44/916 * 100%);
}

/* fix the LL 1/2 and 1/2 layout */
#jive-body-layout-ll .jive-body-layout-l1,
#jive-body-layout-ll .jive-body-layout-l2 {
    width: 47.60%;
    width: calc(436 / 916 * 100%);
}

/* give the social media page a white background and remove the border */
.qc-social-media #j-main {
    background: #fff;
}
.qc-social-media .j-contained {
    border: 0 none;
}

/* align the browse filter groups */
.j-second-nav header, .j-second-nav>ul>li {
    padding-left: 4px;
}
.j-second-nav ul>li a {
    padding-left: 6.01%;
    padding-left: calc(11/183 * 100%);
}
.j-layout-sl .j-column-s .j-box {
    margin-left: 6.15%;
    margin-left: calc(11/179 * 100%);
}

/* align the browse filters form */
#j-browse-filters {
    margin: 0 0 1.5em 0;
}
.j-browse-details table {
    padding-right: 0;
}
.j-browse-details td:first-child {
    padding-left: 0;
}
.j-browse-details td:last-child {
    padding-right: 0;
}

/* align table header text */
.j-browse-details th:first-child {
    padding-left: 23px;
}

/* remove some padding at beginning and end of table rows */
.jive-table td:first-child {
    padding-left: 0;
}
.jive-table table tbody td:last-child {
    padding-right: 0;
}
.jive-table table tbody td:last-child.jive-table-cell-avatar {
    width: 22px;
}

/* fix layout of sidebar on profile pages */
.j-layout-bio .j-column-s {
    margin-left: -400px;
}
.j-contained #jive-widget-container {
    padding: 0;
}

/* improve display of avatar on profile pages */
.j-view-profile .j-page-header .j-avatar {
    background: white;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
    padding: 2px;
}
.j-view-profile .j-page-header .j-avatar img {
    border-radius: 2px;
}
.j-view-profile .j-page-header .j-avatar.qc-group-1005:after {
    margin-top: -35%;
    margin-right: -15%;
    position: relative;
}

/* align widget with left edge */
.jive-body-content .j-content-extras div.j-box {
    padding-left: 0;
}

/* remove background from empty elements */
.j-empty {
    background: none;
}

/* adjust the padding on the primary navigation to align with the logo */
.j-globalNav {
    margin: 0 0 0 4.38%;
    margin: 0 0 0 calc(44/1004 * 100%);
    width: 95.62%;
    width: calc(960 / 1004 * 100%);
}
.j-globalNav li {
    background: transparent;
    height: 3.0em;
    margin-left: 2.92%;
    margin-left: calc(28 / 960 * 100%);
}
.j-globalNav li:first-child {
    margin-left: 0;
}

/* use semibold on the primary navigation and the satellite navigation */
.j-globalNavLink,
#j-satNav li.login,
#j-satNav li.register {
    font-weight: 600;
}

/* increase the font from 15 pixels to 16 pixels for the primary navigation */
.j-globalNavLink {
    font-size: 1.067em;
}

/* increase the font size of the satellite navigation links from 11 pixels to 16 pixels */
#j-satNav li.login,
#j-satNav li.register {
    font-size: 1.231em;
    font-size: calc(16/13 * 1em);
}

/* decrease the spacing between the primary navigation links from 42 pixels to 36 pixels */
.j-globalNavLink {
    padding: 0.375em 0 0;
}

/* remove the left padding from the global nav bar to align it with the logo above */
li:first-child .j-globalNavLink {
    padding-left: 0;
}

/* remove the right padding from the user menu */
#j-satNav-wrap a.j-globalNavLink {
    padding-right: 0;
    padding-top: 0;
    height: 2.308em;
    height: calc(30/13 * 1em);
}

/* match the font size of the user menu with the primary nav */
#j-satNav-wrap a.j-globalNavLink {
    font-size: 1.231em;
    font-size: calc(16/13 * 1em);
}

/* align and round the avatar */
#j-satNav .jive-avatar {
    display: inline-block;
    margin-top: -2px;
    border-radius: 12px; /* (1 + 1 + 24 + 1 + 1) / 2 */
}

/* make user menu name / title semi bold to match the primary nav */
/* and make the user menu name title blue */
#j-satNav .j-user-name, #j-satNav li:first-child em.guest {
    color: #06C;
    font-weight: 600;
    text-transform: uppercase;
}

/* flatten the style of the notification icon in the user menu */
.j-navbadge-count {
    background: rgb(222, 29, 11);
    box-shadow: none;
    display: inline-block;
    font-weight: 700;
    height: 1.539em;
    height: calc(20/13 * 1em);
    padding: 0;
    text-shadow: none;
    width: 1.539em;
    width: calc(20/13 * 1em);
}
#j-satNav-indicator .j-update-count {
    margin-top: -2px;
    line-height: 1.539;
    line-height: calc(20/13);
}

/*
 * increase the maximum width so menu items fit on one line
 * set the minimum height so both sections are the same length
 */
#j-satNav-menu section {
    max-width: 250px;
    min-height: 270px;
}
#j-satNav-menu {
    background: #f7f7f7;
    width: 470px;
}

/* put a line between the two columns of the satellite menu */
#j-satNav-menu .j-satellite-links {
    background: #fff;
    border-left: 1px solid #e8e8e8;
}

/* take the padding off the navigation to make it full width */
#j-globalNav-bg {
    padding: 0;
}

/* homepage banner */
.qc-banner-homepage {
    background: #3581c2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4NjliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZTlmY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0869ba), color-stop(100%,#6e9fcc));
    background: -webkit-linear-gradient(top, #0869ba 0%,#6e9fcc 100%);
    background: -webkit-linear-gradient(top, #0869ba 0%, #6e9fcc 100%);
    background: linear-gradient(to bottom, #0869ba 0%,#6e9fcc 100%);
    clear: both;
    color: white;
    position: relative;
    overflow: hidden;
}
#qc-banner-shield-art {
    background: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/shield-art.png) no-repeat;
    background-size: 100% auto;
    background-size: contain;
    display: block;
    height: 22.6em; /* 339 */
    height: calc(339/15 * 1em); /* 339 */
    line-height: 1;
    margin-right: 4.38%;
    margin-right: calc(44/1004 * 100%);
    overflow: hidden;
    position: absolute;
    right: -57px; /* 54 + 3 = 57 */
    text-indent: -999em;
    top: -20%;
    width: 35.333em; /* 530 */
    width: calc(530/15 * 1em);
    z-index: 1;
}
.qc-heading {
    font-size: 3em;
    font-size: calc(45/15 * 1em);
    font-weight: normal;
    line-height: 1.3;
    padding: 0.729em 0 0.917em 4.38%;
    padding-bottom: calc(44/48 * 1em); /* 44px */
    padding-top: calc(35/48 * 1em); /* 35px */
    padding-left: calc(44/1004 * 100%); /* 44 at 1004 viewport */
    position: relative;
    text-shadow: -0.021em -0.021em 0.083em rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.qc-sub-heading {
    display: block;
    font-size: 0.4em;
    font-weight: normal;
}
.qc-banner-homepage .qc-sub-heading {
    font-size: 0.563em;
    margin: 0.4em 0 0;
}
.qc-sub-heading em {
    font-style: normal;
    font-weight: 600;
}
.qc-sub-heading strong {
    font-weight: 700;
    text-transform: uppercase;
}

/* set placement for global call to action links, start, view, search */
#j-links,
.qc-navbar {
    background: #1d5aa1;
    color: white;
    display: table;
    margin: 0;
    width: 100%;
    z-index: 2;
}
.qc-navbar-item {
    font-size: 1.4em;
    font-size: 1.333em;
    font-size: calc(20/15 * 1em);
    font-weight: 600;
}

/* style the primary nav bar for the blogs */
#jive-body .qc-navbar {
    margin-bottom: 1em;
    margin-left: -4.38%;
    margin-left: calc(-44/916 * 100%);
    margin-right: -4.38%;
    margin-right: calc(-44/916 * 100%);
    margin-top: -1.5em;
    width: 109.61%;
    width: calc(1004/916 * 100%);
}
.qc-blog-title {
    padding-left: 4.38%;
    padding-left: calc(44/1004 * 100%);
}

/* removed the padding to vertically center the blog title */
.jive-blog-info {
    padding: 0;
}

/* hide the blog icon from the blog title */
.jive-blog-info .jive-icon-blog,
.jive-blog-info .jive-icon-blogpost {
    display: none;
    visibility: hidden;
}

/* left align the blog title */
.qc-navbar .qc-blog-title {
    text-align: left;
    width: 67%;
}

/* set font size for blog title */
.qc-navbar .jive-blog-info h1 {
    font-size: 1.238em;
    font-size: calc(26/21 * 1em);
}

/* update j-links style on homepage */
#j-links a,
.qc-navbar a,
.qc-navbar .font-color-normal,
.qc-navbar a.font-color-normal:link,
.qc-navbar a.font-color-normal:visited {
    color: white;
}
#j-spotlight-search {
    height: 23px;
    margin: 0 0 -6px;
    padding: 0;
    width: auto;
}
#j-spotlight-search input {
    width: 14.091em;
}
#j-spotlight-search .jive-glyph-delete {
}

/* stylize "start", "view", and "search" */
.qc-navbar-item strong {
    font-weight: 600;
}
.qc-homepage-links .qc-navbar-item > strong {
    font-weight: 700;
    text-transform: uppercase;
}
.qc-navbar-item {
    display: table-cell;
    height: 3.5em;
    height: calc(70/20 * 1em);
    text-align: center;
    vertical-align: middle;
    width: 33%;
}
#qc-view-discussions {
    width: 34%;
}
.qc-homepage-links .qc-navbar-item {
    /* computed font size is 20px */
    height: 5em;
    height: calc(100/20 * 1em);
}
.qc-navbar-item a {
    color: #cad3e3;
}
.qc-navbar-item a.active,
.qc-navbar-item a:active,
.qc-navbar-item a:hover {
    color: white;
}
.qc-navbar-item .popover {
    color: #333333;
    font-size: 0.762em;
    text-align: left;
}
#j-links.qc-homepage-links .popover a {
    color: #06c;
}
#qc-start-discussion .jive-icon-huge {
    float: right;
    margin-left: 0.5em;
}
#qc-start-discussion .jive-icon-big {
    float: right;
    margin-left: 0.333em;
}
.qc-ask-the-community,
.qc-search-the-community {
    display: block;
}
.qc-search-the-community {
    margin: 2px 0 -3px 0;
}
.qc-ask-the-community {
    font-size: 0.75em;
    margin: 0.125em 0 0;
}

/* use light instead of dark down arrow for the view discussions menu */
#j-links .j-ui-elem.j-nav-more {
    background-position: -49px -373px;
}
.qc-homepage-links #qc-view-discussions {
    background: #1f79de;
}
#j-links .popover {
    font-weight: normal;
}
#menuFeaturedPlaces.j-small-view li .jive-icon-med  {
    top: 0.4em;
}
#menuFeaturedPlaces.j-quick-menu .j-icon-list {
    width: 13.0em;
}
#j-header-wrap {
    margin: 0;
    padding-bottom: 0;
}


/*
 * styles for space overview pages
 */

/* 
 * prevent the share and follow buttons from wrapping
 * top and right MUST match padding on .j-body-place #jive-body>header.j-page-header
 */
#j-place-header-actions {
    float: none;
    height: auto;
    margin-top: 0;
    margin-right: -6px;
    max-width: 18.75%; /* 192 / 1024 * 100% */
    max-width: calc(192 / 1024 * 100%);
    position: absolute;
    right: 5.9%;
    right: calc(54/916 * 100%);
    top: 2.867em; /* 25 + 18 */
    top: calc(30/15 * 1em);
    width: 100%;
    z-index: 1;
}
#j-place-header-actions > a,
#j-place-header-actions > div {
    display: block;
    float: right;
    margin-bottom: 12px;
    margin-left: 29%; /* to keep them on two lines */
    white-space: nowrap;
}

/* hide the page header parent */
.j-page-header-parent {
    display: none;
    visibility: hidden;
}

/* set the default background of space headline */
.j-body-place #jive-body > header.j-page-header {
    /* medium blue gradient is default */
    background: #2b7ec4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhOWFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODY5YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a9ad1), color-stop(100%,#0869ba));
    background: -webkit-linear-gradient(top, #5a9ad1 0%,#0869ba 100%);
    background: -webkit-linear-gradient(top, #5a9ad1 0%, #0869ba 100%);
    background: linear-gradient(to bottom, #5a9ad1 0%,#0869ba 100%);
}
.j-body-place #jive-body>header.j-page-header {
    margin: -1.5em -4.8% 1.5em; /* units must match jive */
    margin: -1.5em calc(-44/916 * 100%) 1.5em; /* units must match jive */
    padding: 1.667em 4.8%;
    padding: 1.667em calc(44/916 * 100%);
    position: relative;
}

/* widen the widget container and the nav bar */
.j-bigtab-nav,
.j-contained-tabs {
    margin: 0 -3.6%;
    margin: 0 calc(-33/916 * 100%);
}
.j-contained-tabs {
    padding: 2.0em 3.49% 0;
    padding: 2.0em calc(32/916 * 100%) 0;
}
.j-body-place #jive-body > header.j-page-header h1 {
    color: white;
    font-size: 3.2em;
    font-weight: normal;
    line-height: 1.4;
    width: 100%;
}
.j-body-place #jive-body > header.j-page-header .font-color-normal,
.j-body-place #jive-body > header.j-page-header a.font-color-normal:link,
.j-body-place #jive-body > header.j-page-header a.font-color-normal:visited,
.j-body-place #jive-body > header.j-page-header .font-color-meta,
.j-body-place #jive-body > header.j-page-header a.font-color-meta:link,
.j-body-place #jive-body > header.j-page-header a.font-color-meta:visited,
.j-body-place #jive-body > header.j-page-header .font-color-meta a:link,
.j-body-place #jive-body > header.j-page-header .font-color-meta a:visited {
    color: white;
}
.j-body-place #jive-body > header.j-page-header .font-color-meta,
.j-body-place #jive-body > header.j-page-header a.font-color-meta:link,
.j-body-place #jive-body > header.j-page-header a.font-color-meta:visited,
.j-body-place #jive-body > header.j-page-header .font-color-meta a:link,
.j-body-place #jive-body > header.j-page-header .font-color-meta a:visited  {
    font-weight: 600;
}

/* override huge icons with Qualys version */
.jive-icon-huge {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/jive-icon-sprites-huge.png);
}

/* override big icon with huge icon */
#jive-body > header.j-page-header h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/jive-icon-sprites-huge.png);
    height: 48px;  /* units must match jive */
    width: 48px;   /* units must match jive */
    margin: 0.25em 0.167em 1.0em 0;
}

/* hide the breadcrumb */
#jive-breadcrumb {
    display: none;
    visibility: hidden;
}

/* hide the drop-down menu link for parent places in the new breadcrumb */
#j-place-parents-link {
    display: none;
    visibility: hidden;
}

/* remove underline on community overview headline */
h1 a:hover, h1 a:active, h1 a:focus {
    text-decoration: none;
}


/*
 * styles for product community banners
 */


/* override community icons with product badges */
#jive-body > #qc-place-type-14-id-2003 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2005 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2006 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2017 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2018 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2019 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2020 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2057 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2058 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2062 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-2064 h1 .jive-icon-big,
#jive-body > #qc-place-type-14-id-TBD h1 .jive-icon-big {
    background-position: 0 0;
    background-size: 100% auto;
    background-size: contain;
    -webkit-box-reflect: below 0.0623em -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), color-stop(0.4, transparent), to(transparent));
    box-reflect: below 0.0623em -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.2)), color-stop(0.4, transparent), to(transparent));
    height: 2.188em;
    margin: 0 20px 0.292em 0;
    margin: 0 2.76% 0.292em 0;
    margin: 0 calc(20 / 724 * 100%) 0.292em 0;
    width: 3.063em;
}

/* override font size for sub heading */
#jive-body > #qc-place-type-14-id-2003 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2005 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2006 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2017 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2018 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2019 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2020 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2057 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2058 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-2064 h1 .qc-sub-heading,
#jive-body > #qc-place-type-14-id-TBD h1 .qc-sub-heading {
    font-size: 0.563em;
    font-weight: 700;
}

/* override community icon with product badge for QualysGuard Suite (suite) */
#jive-body > #qc-place-type-14-id-2003 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/suite.svg);
}

/* dark blue background for VM (ID: 2005) and Asset Management (ID: 2057) */
.j-body-place #jive-body > #qc-place-type-14-id-2005,
.j-body-place #jive-body > #qc-place-type-14-id-2057 {
    background: #1066a8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzliYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODVkOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079bb), color-stop(100%,#185d9e));
    background: -webkit-linear-gradient(top, #0079bb 0%,#185d9e 100%);
    background: -webkit-linear-gradient(top, #0079bb 0%, #185d9e 100%);
    background: linear-gradient(to bottom, #0079bb 0%,#185d9e 100%);
}

/* override community icon with product badge for vulnerability management (vm) */
#jive-body > #qc-place-type-14-id-2005 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/vm.svg);
}

/* override community icon with product badge for asset management (am) */
#jive-body > #qc-place-type-14-id-2057 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/am.svg);
}

/* green background for PC (ID: 2006), PCI (ID: 2017), and questionnaire (ID: 2058) */
.j-body-place #jive-body > #qc-place-type-14-id-2006,
.j-body-place #jive-body > #qc-place-type-14-id-2017,
.j-body-place #jive-body > #qc-place-type-14-id-2058 {
    background: #60a84a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYjY1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZmExNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62b658), color-stop(100%,#5fa143));
    background: -webkit-linear-gradient(top, #62b658 0%,#5fa143 100%);
    background: -webkit-linear-gradient(top, #62b658 0%, #5fa143 100%);
    background: linear-gradient(to bottom, #62b658 0%,#5fa143 100%);
}

/* override community icon with product badge for policy compliance (PC) */
#jive-body > #qc-place-type-14-id-2006 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/pc.svg);
}

/* override community icon with product badge for PCI compliance (PCI) */
#jive-body > #qc-place-type-14-id-2017 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/pci.svg);
}

/* override community icon with product badge for questionnaire service (QS) */
#jive-body > #qc-place-type-14-id-2058 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/qs.svg);
}

/* teal blue background for WAS (ID: 2018), WAF (ID: 2062), MD (ID: 2019), and LM (ID: TBD) */
.j-body-place #jive-body > #qc-place-type-14-id-2018,
.j-body-place #jive-body > #qc-place-type-14-id-2062,
.j-body-place #jive-body > #qc-place-type-14-id-2019 {
    background: #0093ca;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTllNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg4YmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a9e4), color-stop(100%,#0088bd));
    background: -webkit-linear-gradient(top, #00a9e4 0%,#0088bd 100%);
    background: -webkit-linear-gradient(top, #00a9e4 0%, #0088bd 100%);
    background: linear-gradient(to bottom, #00a9e4 0%,#0088bd 100%);
}

/* override community icon with product badge for web app scanning (WAS) */
#jive-body > #qc-place-type-14-id-2018 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/was.svg);
}

/* override community icon with product badge for web app firewall (WAF) */
#jive-body > #qc-place-type-14-id-2062 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/waf.svg);
}

/* override community icon with product badge for malware detection (MD) */
#jive-body > #qc-place-type-14-id-2019 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/md.svg);
}

/* override community icon with product badge for log management (LM) */
#jive-body > #qc-place-type-14-id-TBD h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/lm.svg);
}

/* red background for SEAL (ID: 2020) and Continuous Monitoring (ID: 2064) */
.j-body-place #jive-body > #qc-place-type-14-id-2020,
.j-body-place #jive-body > #qc-place-type-14-id-2064 {
    background: #ce242c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MmQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjIwMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e72d30), color-stop(100%,#c2202a));
    background: -webkit-linear-gradient(top, #e72d30 0%,#c2202a 100%);
    background: -webkit-linear-gradient(top, #e72d30 0%, #c2202a 100%);
    background: linear-gradient(to bottom, #e72d30 0%,#c2202a 100%);
}

/* override community icon with product badge for secure seal (SEAL) */
#jive-body > #qc-place-type-14-id-2020 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/seal.svg);
}

/* override community icon with product badge for continuous monitoring (CM) */
#jive-body > #qc-place-type-14-id-2064 h1 .jive-icon-big {
    background-image: url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/badges/cm.svg);
}

/* red background for CSO communities and groups */
.j-body-place.qc-body-community-cso #jive-body > header.j-page-header,
.j-body-place.qc-body-groups-cso #jive-body > header.j-page-header {
    background: #de1d0b;
}

/* override community icon with CSO logo */
.j-body-place.qc-body-community-cso #jive-body > header.j-page-header h1 .jive-icon-big,
.j-body-place.qc-body-groups-cso #jive-body > header.j-page-header h1 .jive-icon-big {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/cso-interchange-logo.png) no-repeat scroll top left;
    -webkit-box-reflect: none;
    box-reflect: none;
    height: 2em;
    margin: 0 20px 0 0;
    margin: 0 2.76% 0 0;
    margin: 0 calc(20 / 724 * 100%) 0 0;
    width: 2em;
}
.j-body-place.qc-body-community-cso #jive-body > header.j-page-header h1,
.j-body-place.qc-body-groups-cso #jive-body > header.j-page-header h1 {
    font-size: 2.4em;
}
.qc-body-community-cso .qc-sub-heading,
.qc-body-groups-cso .qc-sub-heading {
    font-weight: 600;
}


/*
 * styles for all widgets
 */
.jive-widget {
    margin-bottom: 3em;
}
.jive-widget-body {
    padding: 0;
}

/*
 * styles for HTML widgets
 */
.qc-twocolbox {
    zoom: 1;
}
.qc-twocolbox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.qc-twocolbox > div {
    float: right;
    width: 46.67%;
    width: calc(308/660 * 100%);
}
.qc-twocolbox > div:first-child {
    float: left;
}
.qc-twocolbox h3 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.8em;
}


/* hide status level in list of top participants */
.j-people-list span.j-status-levels {
    display: none;
    visibility: hidden;
}


/*
 * style for avatars
 */


/* show qualys logo on employee's avatars */
.qc-group-1005:after {
    content: ".";
    background-size: 100% auto;
    background-size: contain;
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/shield.svg) no-repeat top left;
    color: transparent;
    display: inline-block;
    width: 33%;
    height: 40%;
    float: right;
    margin-top: -25%;
    margin-right: -10%;
    margin-bottom: -100%;
}
/* position Q shield badge in document comments */
.jive-comment .qc-group-1005:after {
    float: left;
    height: 12.8px;
    height: calc(32px * 40%);
    left: -16px;
    margin: 0;
    position: relative;
    top: 38px;
    width: 10.56px;
    height: calc(32px * 33%);
}
/* threads */
div.j-post-avatar .qc-group-1005:after {
    
}
/* avatars in table cells */
td.jive-table-cell-avatar .qc-group-1005:after {
    float: left;
    height: 48%; /* 40 * 1.2 */
    margin-left: -15%;
    margin-right: 0;
    margin-top: -33%;
    width: 39.6%; /* 33 * 1.2 */
}
/* jive's mini modal for user info  */
.j-mini-modal-user .j-modal-content h5.qc-group-1005:after {
    display: inline-block;
    font-size: 1em;
    width: 0.825em;
    height: 1em;
    margin-bottom: 0;
    margin-right: 0.25em;
    margin-top: 0.1em;
    float: left;
}
/* blog posts */
header.jive-blog-post-subject-header .qc-group-1005:after {
    margin-top: -55%;
    margin-right: -5%;
    position: relative;
}


/*
 * styles for discussions
 */


/* move avatar left and up next to author name */
.j-thread-post header .j-post-avatar {
    background: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    float: left;
    height: 46px;
    left: -1px;
    max-width: 100%;
    position: absolute;
    top: -48px;
    width: 46px;
}

/* make avatar look like a tab on the thread post */
.j-thread-post header .j-post-avatar img {
    border-radius: 4px 4px 0 0;
    float: left;
    height: 42px;
    margin: 2px 0 0 2px;
    width: 42px;
}

/* remove drop shadow */
.jive-content {
    box-shadow: none;
    /* TODO EXPERIMENTAL
    max-width: 81ex;
    max-width: calc(75ex + 46px);
    min-width: 51ex;
    min-width: calc(45ex + 46px);
    */
}

/* match white space below blog post body with space above */
.jive-content section {
    margin-bottom: 25px; /* 32 - 7 = 25 */
}

/* align left edge of thread post with avatar */
.jive-thread-messages .jive-content.j-rc4 {
    border-radius: 0 4px 4px 4px;
}
.j-thread .jive-content .j-thread-post {
    border-top-left-radius: 0;
    padding: 0.5em 3.03%;
    padding: 0.5em calc(20 / 660 * 100%);
}

/* remove space where avatar was */
.j-thread .jive-content {
    margin: 0;
}

/* move author name over to make space for avatar and up for alignment */
.j-thread-post header .j-post-author {
    height: 28px;
    left: 60px; /* 56 + 4 */
    top: -38px;
    width: 90%;
    width: calc(100% - 60px);
}

/* add gradient after the j-post-author element to fade out overflowing text */
.j-thread-post header .j-post-author:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(234,234,234,0)), color-stop(100%,rgba(234,234,234,1)));
    background: -webkit-linear-gradient(left, rgba(234,234,234,0) 0%,rgba(234,234,234,1) 100%);
    background: -webkit-linear-gradient(left, rgba(234,234,234,0) 0%, rgba(234,234,234,1) 100%);
    background: linear-gradient(to right, rgba(234,234,234,0) 0%,rgba(234,234,234,1) 100%);
    bottom: 0;
    content: "";
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
}

/* add more space between posts for the avatar to fit */
.jive-discussion-replies li.reply {
    margin-top: 50px;
}
#jive-thread-messages-container>*+.j-op {
    margin-top: 67px; /* 50 + 17 */
}

/* move status level icons ... */
.j-thread-post header .j-status-levels {
    display: inline-block;
    padding-left: 15px;
}

/* specify size of status level icons */
.j-status-levels img {
    height: 28px;
    margin: -4px 0;
    width: 94px;
}

/* hide the piece that makes it look like a speak bubble */
.j-thread-post .j-thread-pointer,
.jive-create-thread .j-thread-pointer {
    display: none;
    visibility: hidden;
}

/* indent the first set of replies */
.jive-discussion-indent-0 li.reply {
    padding-left: 24px;
}

/* un-style the replies box at the top */
.jive-thread-info {
    border-color: #bebebe;
    box-shadow: none;
    font-size: 0.933em;
    font-size: calc(14/15 * 1em);
    padding: 1em 3.03%;
    padding: 1em calc(20 / 660 * 100%);
    margin: 0 0 1.5em;
}

/* aligning breadcrumb to grid */
.jive-body-content #jive-body-intro {
    margin-bottom: 1.5em;
    margin-left: 2.18%;
    margin-left: calc(20 / 916 * 100%);
}

/* hiding breadcrumb element on blog pages */
body.j-blog #jive-body-intro,
body.jive-body-content-blog #jive-body-intro {
    display: none;
    visibility: hidden;
}

/* align the number of points under the label */
.jive-box-questionLegend strong {
    display: block;
}

/* simplify the style of the reply */
.jive-thread-reply-self {
    background: transparent;
    border: 0 none;
}

/* align reply with replies */
.jive-thread-reply-inline {
    padding-left: 24px;
    padding-right: 0;
}

/* prevent the avatar from running into the "reply to" text */
p.jive-replying-to {
    padding: 1.5em 0 4em 3px;
}

/*
 * style for documents
 */


/* hide the document icon */
.j-doc .jive-content header h1 .jive-icon-big {
    display: none;
}

/* align headline with body */
.j-doc .jive-content header h1 {
    padding-left: 0;
}

/* hide the version of the doc */
.j-doc .j-version {
    display: none;
}

/* fix alignment of the icon in the add a comment section */
.js-add-comment .jive-icon-comment {
    margin-top: 3px;
}

/* hide the number of comments */
.j-comment-options {
    display: none;
}


/*
 * style for blog posts
 */


/* hide the avatar on the blog post list pages */
.jive-content-blog header .j-avatar {
    display: none;
    visibility: hidden;
}

/* reveal the avatar on the blog post page */
body.j-blog .jive-content-blog header .j-avatar {
    display: block;
    visibility: visible;
}
body.j-blog #jive-body-main {
    margin-top: 44px;
}

/* move the avatar image to the right */
.jive-content-blog header .j-avatar {
    border: 1px solid #b9b9b9;
    border-radius: 26px;
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 2px;
    position: static;
    right: auto;
    top: auto;
}
.jive-content-blog header .j-avatar,
.jive-content-blog header .j-avatar img {
    height: 46px;
    width: 46px;
}
.jive-content-blog header .j-avatar img {
    border-radius: 23px;
}
.jive-content-blog header {
    overflow: visible;
    padding-left: 0;
}

/* make the headline semi bold */
.jive-content-blog header h1 {
    font-weight: 600;
}

/* reduce the space between the headline and the body */
.jive-content > header {
    margin-bottom: 1.333em;
    margin-bottom: calc(20/15 * 1em);
}

/* add some space before and after headlines in blog posts */
.jive-content-blog .jive-rendered-content h2,
.jive-content-blog .jive-rendered-content h3,
.jive-content-blog .jive-rendered-content h4,
.jive-content-blog .jive-rendered-content h5,
.jive-content-blog .jive-rendered-content h6 {
    padding: 0.5em 0 0.25em;
}

/* tone down the the comments to highlight the blog post */
.jive-comment-content {
    background-color: #f5f5f5;
    font-size: 0.934em;
    font-size: calc(14/15 * 1em);
    margin: 44px 0 15px; /* 44 - 29 = 15 */
    padding: 14px 19px 9px;
    position: relative;
}

/* round the avatar icons in blog comments to differentiate from the author */
.jive-comment .jive-avatar {
    border-radius: 19px;
    border: 1px solid #dcdcdc;
    left: -43px;
    padding: 2px;
    top: 11px;
}

/* shrink the left whitespace to match the avatar */
.jive-comment-indent-0 {
    margin-left: 44px;
}

/* align the arrow with the avatar */
.jive-comment-arrow {
    display: none;
}

/* drop font weight from bold to semi bold */
.jive-content .jive-rendered-content h1,
.jive-content .jive-rendered-content h2,
.jive-content .jive-rendered-content h3,
.jive-content .jive-rendered-content h4,
.jive-content .jive-rendered-content h5,
.jive-content .jive-rendered-content h6 {
    font-weight: 600;
}

/* indent code in blog posts to align with lists */
.jive-content-blog .jive-rendered-content pre {
    padding-left: 2.308em;
    padding-left: calc(30/13 * 1em);
}

/* more space between the post and the comments */
.j-comment-wrapper {
    margin-top: 44px;
}

/* leave blog comment author names the same size as the comment */
/* move the blog comment author names up and outside the comment box */
p.jive-comment-meta {
    font-size: 1em;
    line-height: 1;
    margin: 0 0 7px;
    position: absolute;
    top: -22px;
}

/* bold the user's display name in comments like in thread posts */
.jive-comment-content .jive-username-link {
    font-weight: 700;
}

/* give the like, edit, etc icons more space */
.jive-discussion-actions,
.jive-comment-actions {
    margin: 20px 0 0;
}

/* remove border from around each blog post */
/* give more space after the footer */
.jive-content-blog {
    border: 0 none;
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 37px !important; /* 22+15 */
    padding: 0 0 42px; /* 22+20 */
}

/* hide the last border on the year view */
#jive-blog-archive-year .jive-content-blog {
    border-bottom: 0 none;
}

/* remove the border from the year view */
.jive-blog-archive-year .jive-content-blog {
    border-bottom: 0 none;
}

/* reset HR style */
hr {
    border: 0 none;
    margin: 0;
    padding: 0;
}
hr {
    border-top: 1px solid #b9b9b9;
    margin: 0.73em 0 0.75em;
    margin: calc(10.75 / 15 * 1em) 0;
}

/* hide the read less link */
div.qc-page-break-hidden {
    display: none;
    visibility: hidden;
}

/* style the filter by author, date, and tag labels to match the filter blog heading */
#blog-nav-filters strong {
    color: #808080;
    font-size: 0.867em;
    font-size: calc(13/15 * 1em);
}

/* size the blog info line to match up with the follow button to the left */
.j-column .jive-blog-info {
    padding: 0;
    line-height: 44px;
    margin-bottom: 26px;
}

/* align the pagination numbers to the baseline */
.jive-blog-info .j-pagination, .jive-blog-footer .j-pagination {
    top: 0;
}

/* align the blog details with the left edge */
.jive-blog-info-details {
    padding-left: 0;
}

/* hide the blog info block on individual blog pages since it only contains the pagination elements */
/* actually, don't hide it completely, use it to align the blog title text with the text in the follow button */
/*
.j-blog .j-column .jive-blog-info {
    height: 0;
    margin-bottom: 7px;
}
*/
/* TEMP show pagination */
/*
.j-blog .j-column .jive-blog-info .j-pagination {
    right: 2px;
    top: -28px;
}
*/
/* align the year archive blog view */
#jive-blog-archive-year ul li a {
    padding-left: 0;
}
#jive-blog-archive-year span {
    padding: 0;
}

/* show the view filters in the blog sidebar */
#blog-view-filters .j-browse-filter-row {
    border-bottom: 0 none;
    height: 29px;
    padding: 0;
}
#blog-view-filters #j-item-view-toggle {
    left: 0;
    right: auto;
}
#blog-view-filters #j-browse-filters {
    margin-bottom: 0;
    margin-right: 0;
    width: 108px;
}

/* thumbnail for blog post summaries view */
.j-link-summaries span {
    background-position: -162px -432px;
}
.j-link-summaries.j-active span {
    background-position: -187px -432px;
}

/* show the right icon for the page break button */
.defaultSkin span.mce_pagebreak {
	background: url(/images/tiny_mce3/themes/advanced/img/icons.gif) no-repeat 20px 20px;
}

/* set the line-height for the blog footer so the RSS icon is aligned */
.jive-blog-footer {
    line-height: 1;
}

/* hide the social actions box in the sidebar on the all blogs page because it's empty */
.qc-all-posts .j-social-actions {
    display: none;
    visibility: hidden;
}
.qc-all-posts .j-layout-ls .j-column-s {
    margin-top: 10px;
}

/* put the double border around the avatar and align text */
.j-people-list img.lbl,
.j-people-list .jive-avatar {
    border: 1px solid #b9b9b9;
    border-radius: 1px;
    height: 14px; /* 22 - 2 - 2 */
    padding: 1px;
    width: 14px; /* 22 - 2 - 2 */
    margin-left: -30px;
}

/* align wrapped text */
.j-people-list li {
    padding-left: 30px;
}


/*
 * experimental style for a smaller base font size in the sidebar
 *
div.j-column-s ul.j-people-list,
div.j-column-s ul.j-icon-list {
    font-size: 0.867em;
    font-size: calc(13/15 * 1em); 
}
*/


/*
 * style for blog authors widget in sidebar
 */
ul.qc-blog-authors {
    margin: 2px -2px 10px;
}
ul.qc-blog-authors li {
    float: left;
}
ul.qc-blog-authors a {
    background: white;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
    display: block;
    height: 44px;
    margin: 2px;
    padding: 2px;
    width: 44px;
}
ul.qc-blog-authors img {
    border-radius: 2px;
}

/* keep blog authors in a 4x7 grid */
ul.qc-blog-authors li:nth-child(4n+1) {
    clear: left;
}



/*
 * style for code highlighted blocks
 */
.jive-rendered-content code,
.jive-rendered-content pre,
.tiny_mce_content .dp-highlighter,
.dp-highlighter,
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
    /* font size must use !important to override inline styles */
    font-size: 0.867em !important; /* 10pt = 13px = 13/15 * 1em */
    font-size: calc(13/15 * 1em) !important;
    /* use a nice stack of mono spaced fonts */
    /* http://hivelogic.com/articles/top-10-programming-fonts */
    font-family: "Anonymous Pro", Inconsolata, Consolas, "Deja Vu Sans Mono", "Droid Sans Mono", "Proggy Clean", "Monofur", "Profont", Monaco, "Andale Mono", Courier, monospace;
}

/* add the lined paper effect */
.jive-rendered-content pre {
    background-attachment: local;
    background-color: #fff;
    background-image: -webkit-linear-gradient(0deg, transparent 1.154em, #abced4 1.154em, #abced4 1.231em, transparent 1.231em), -webkit-linear-gradient(#eee 0.1em, transparent 0.1em);
    background-image: linear-gradient(90deg, transparent 1.154em, #abced4 1.154em, #abced4 1.231em, transparent 1.231em), linear-gradient(#eee 0.1em, transparent 0.1em);
    background-image: -webkit-linear-gradient(0deg, transparent calc(15/13 * 1em), #abced4 calc(15/13 * 1em), #abced4 calc(16/13 * 1em), transparent calc(16/13 * 1em)), -webkit-linear-gradient(#eee 0.1em, transparent 0.1em);
    background-image: linear-gradient(90deg, transparent calc(15/13 * 1em), #abced4 calc(15/13 * 1em), #abced4 calc(16/13 * 1em), transparent calc(16/13 * 1em)), linear-gradient(#eee 0.1em, transparent 0.1em);
    background-position: 0 1.3em;
    background-size: 100% 1.5em;
    padding-bottom: 0.3em;
}


/*
 * style for the footer
 */
#j-footer-poweredBy,
div.j-footer-nav {
    /* hide the Jive footer elements */
    display: none;
    visibility: hidden;
}


/*
 * BEGIN import of footer styles from qualys.com
 */


ol, ul {
    list-style: none;
}


/* CLEAR - use in divs that contain floats */
.clear {
    zoom: 1;
}
.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/*
 * free trial button
 */
a.button-type1,
input.button-type1,
a.button-type2,
a.button-type3,
a.button-type4 {
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    display: inline-block;
    line-height: 27px;
    margin: 0 0 20px;
    padding: 10px 48px;
    text-shadow: #444 0 -1px;
    vertical-align: middle;
}

a.button-type1,
input.button-type1 {
    background: #de1f1f;
    background: #de1f1f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MmQyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f92d2d), color-stop(100%, #c21212));
    background: -webkit-linear-gradient(top, #f92d2d 0%, #c21212 100%);
    background: linear-gradient(to bottom, #f92d2d 0%, #c21212 100%);
    box-shadow: 0 0 0 1px #fb9d9d;
    border-color: #f92d2d #af1d1d #880d0d #e86262;
    border-radius: 3px;
    font-size: 19pt;
    font-weight: 600;
}

a:active.button-type1,
input:active.button-type1 {
    /* press "in" button */
    /* flip border colors */
    border-color: #880d0d #e86262 #f92d2d #af1d1d;
    border-width: 2px 1px 0;
    box-shadow: 0 0 0 0 transparent !important;
    cursor: wait;
}

a.button-type1 p.nothing-to-install {
    color: #ffb8b8;
}

a.button-type1:hover,
a.button-type2:hover,
a.button-type3:hover,
a.button-type4:hover {
    text-decoration: none;
}
span.arrow-down-cloud {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/sprite.png) no-repeat scroll -150px -1000px;
    display: inline-block;
    height: 33px;
    margin: 0 8px 0 0;
    text-indent: -9999px;
    width: 36px;
    vertical-align: text-bottom;
}


/*
 * PREFOOTER
 */
#footer,
#prefooter {
    padding: 4.0em calc(50% - 48.2em); /* 50% - 964/2 */
    width: 96.4em;
}
#prefooter {
    background-color: #eaeaea;
    border-top: 0.1em solid #f1f1f1;
    box-shadow: 0 0 1.3em 0 rgba(144, 144, 144, 0.12) inset;
    color: #888;
    font-size: 10px;
}

/* specify link style for regular links in prefooter */
#prefooter a {
    color: #888;
    display: inline-block; /* make the target the full line height instead of just the font size */
    line-height: 1;
    padding: 0.231em 0 0.308em; /* 3/13 & 4/13 */
}

/* specify link style for links in on-hover state in prefooter */
#prefooter a.active,
#prefooter a:active,
#prefooter a:hover {
    color: #555;
    text-decoration: none;
}

/* over ride default ul and li styles */
#prefooter ul {
    margin: 0;
}
#prefooter li {
    line-height: 1;
    padding-left: 0;
}
#prefooter li:before {
    content: none;
    margin-left: 0;
    padding: 0;
}

/* specify positioning and size of prefooter columns */
#prefooter div.column {
    float: left;
    margin-left: 4.4em;
}
#prefooter div:first-child.column {
    margin-left: 0;
}

/* column headings in prefooter */
#prefooter div.column h6 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 0.5em;
}
#prefooter div.column h6,
#prefooter p.phone {
    color: #777;
    font-weight: 600;
}
#prefooter p.phone {
    font-size: 2.3em;
    text-align: center;
}

/* specify font size of links */
#prefooter div.column li a {
    font-size: 1.3em;
}

/* free trial button */
#prefooter div.button-wrapper {
    float: right;
    margin: 2.55em 0 0; /* (15+(15*0.5))+3 */
}
#prefooter a.button-type1 {
    padding: 0.334em 1.0em 0.25em; /* 6/24 & 19/24 */
    color: #fff;
    text-align: center;
    margin-bottom: 0.5em;
}
#prefooter a.button-type1 p.nothing-to-install {
    font-size: 11pt;
    line-height: 1.5;
    text-shadow: none;
    font-weight: normal;
}


/*
 * FOOTER
 */
#footer {
    background-color: #949392;
    box-shadow: 0 0 0.8em 0 rgba(153, 153, 153, 0.58);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding-bottom: 8.8em;
}
#footer p,
ul.footer-links li a {
    font-size: 1.3em;
    line-height: 1.5;
}

/* specify style of footer links in regular state */
#footer a,
#footer a:link,
#footer a:visited {
    color: #fff;
}
#footer a.active,
#footer a:active,
#footer a:hover {
    color: #ccc;
    text-decoration: none;
}
#footer ul.social-media a.active,
#footer ul.social-media a:active,
#footer ul.social-media a:hover {
    opacity: 0.625;
}
ul.footer-links li,
ul.social-media li {
    line-height: 1;
    padding-left: 0;
}
ul.footer-links li:before,
ul.social-media li:before {
    content: none;
    margin-left: 0;
    padding: 0;
}
ul.footer-links li,
ul.social-media li {
    display: inline-block;
    margin-left: 1.5em;
    white-space: nowrap;
}
ul.footer-links li:first-child,
ul.social-media li:first-child {
    margin-left: 0;
}
ul.social-media a.icon {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/sprite.png) no-repeat scroll 0 0;
    background-size: 102.5em 150.0em; /* must be updated with size of sprite changes */
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
}
ul.social-media a.icon-facebook {
    background-position: -45.0em -130.0em;
    height: 2.4em;
    width: 1.4em;
}
ul.social-media a.icon-twitter {
    background-position: -50.0em -130.0em;
    height: 2.0em;
    width: 2.5em;
}
ul.social-media a.icon-linkedin {
    background-position: -55.0em -130.0em;
    height: 2.4em;
    width: 2.5em;
}
ul.social-media a.icon-google-plus {
    background-position: -60.0em -130.0em;
    height: 2.6em;
    width: 2.7em;
}
ul.social-media a.icon-youtube {
    background-position: -65.0em -130.0em;
    height: 3.0em;
    width: 2.6em;
}
ul.social-media a.icon-rss {
    background-position: -70.0em -130.0em;
    height: 2.0em;
    width: 2.1em;
}

/* Qualys logo and continues security slogan image */
#footer span.logo-qualys-continuous-security {
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/sprite.png) no-repeat scroll -0.077em -100em;
    background-size: 78.846em 115.385em;
    display: block;
    height: 4.077em;
    line-height: 5.3;
    margin: 0 0 1.5em;
    overflow: hidden;
    text-indent: -9999px;
    width: 32.308em;
}
ul.footer-links a[href^="/search"]:before
{
    background: transparent url(https://dum21w3618van.cloudfront.net/themes/qc-global/images/sprite.png) no-repeat scroll -57.692em -100em;
    background-size: 78.846em 115.385em;
    content: "";
    display: inline-block;
    height: 1.5em; /* equal to line height */
    margin-right: 0.5em;
    vertical-align: top;
    width: 1.539em; /* 20/13 */
}
ul.footer-links a[href^="/search"]:hover:before {
    opacity: 0.625;
}

/* arrange the footer links, social media icons, and the secure seal to the right */
ul.footer-links,
ul.social-media {
    float: right;
}
ul.footer-links,
ul.social-media {
    clear: right;
}
ul.footer-links {
    margin-bottom: -6.8em; /* 87 - 19 */
    margin-top: 6.8em;
}
ul.social-media {
    margin-top: -1.9em;
    margin-right: 10.9em; /* 89 + 20 */
}
ul.social-media {
    padding-top: 1.0em; /* (47-30)/2 + 0.15 */
}
div.secure-seal {
    float: right;
}
div.secure-seal {
    margin-top: -8.5em;
}
div.secure-seal img {
    border-radius: 0.3em;
    height: 4.7em;
    width: 8.9em;
}


/*
 * END import of footer styles from qualys.com
 */

/* style to TRUSTe logo on login page */
div.truste,
div.privacy-statement-highlights {
    text-align: center;
}
div.privacy-statement-highlights {
	margin-top: 1em;
}
/* reduce min-height for signup page */
body.jive-body-formpage-login div.j-column {
    min-height: 0;
}

/* adjust the width to be fluid for the community */
#footer,
#prefooter {
    font-size: 66.667%;
    font-size: calc(10/15 * 1em);
    padding-left: 1.953%;
    padding-left: calc(20/1024 * 100%);
    padding-right: 1.953%;
    padding-right: calc(20/1024 * 100%);
    width: 96.094%;
    width: calc(984/1024 * 100%);
}

/* blend the footer in on the community */
#prefooter {
    border-top: 0 none;
    box-shadow: none;
}

/* adjust the font sizes to be em */
#prefooter a.button-type1 {
    font-size: 2.5em;
}
#prefooter a.button-type1 p.nothing-to-install {
    font-size: 0.6em;
}

/* adjust the height of the jive footer */
#j-footer {
    font-size: 1em;
    height: auto;
    padding: 0;
}

/* styles for QSC ad above header */
div.qc-qsc-banner-notice {
	background: #195f9f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFkNzViNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzRiOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(left, #195f9f 0%, #1d75b6 50%, #1c4b8e 100%);
	background: linear-gradient(to right, #195f9f 0%,#1d75b6 50%,#1c4b8e 100%);
	border-bottom: 1px solid #777;
	height: 83px;
	margin: 0 0 -84px 0;
	position: relative;
    -webkit-transition: margin 0.6s;
            transition: margin 0.6s;
}
div.qc-qsc-banner-notice-visible {
	margin: 0;
}
div.qc-qsc-banner-notice a.qc-qsc-banner-notice-link {
	color: #FFF;
	display: block;
	height: 100%;
	padding: 0 calc(50% - 328px);
	width: 656px;
}
div.qc-qsc-banner-notice a.qc-qsc-banner-notice-close {
	display: block;
	height: 27px;
	margin: 28px 0 0;
	padding: 0 14px 28px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 27px;
}
div.qc-qsc-banner-notice a.qc-qsc-banner-notice-close svg {
    -webkit-transition: -webkit-transform 0.6s;
            transition: transform 0.6s;
}
div.qc-qsc-banner-notice-visible a.qc-qsc-banner-notice-close svg {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}